/**
 * Theme Name: Ozons OK
**/

html							{ overflow-x:hidden; overflow-y:scroll; }
body							{ display:block; background:#FFFFFF; color:#111111; font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-size:15px; font-weight:400; line-height:1.618; }

:-moz-any-link:focus 			{ outline:none; }
input::-moz-focus-inner 		{ border:0; }
:focus 							{ outline:0; }
select:-moz-focusring 			{ color:transparent; text-shadow:0 0 0 #000; }

*::-webkit-input-placeholder 	{ color:#4B6A77; }
*:-moz-placeholder				{ color:#4B6A77; }
*::-moz-placeholder				{ color:#4B6A77; }
*:-ms-input-placeholder			{ color:#4B6A77; }

@keyframes shine 				{ 100% {left:100%; }}

a								{ color:#103244; text-decoration:none; transition:300ms ease-in-out; outline:none; }
a:hover,a:focus,a:active		{ color:#4B6A77; text-decoration:none; transition:300ms ease-in-out; outline:none; }

h1								{ color:#003741; margin:12px 0 8px 0; padding:4px 0; font-size:20px; font-weight:500; line-height:1.2; text-align:left; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h2								{ color:#003741; margin:12px 0 8px 0; padding:4px 0; font-size:15px; font-weight:500; line-height:1.2; text-align:left; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h3								{ color:#003741; margin:12px 0 8px 0; padding:4px 0; font-size:15px; font-weight:500; line-height:1.2; text-align:left; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h4								{ color:#003741; margin:12px 0 8px 0; padding:4px 0; font-size:15px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h5								{ color:#003741; margin:12px 0 8px 0; padding:4px 0; font-size:15px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h6								{ color:#003741; margin:12px 0 8px 0; padding:4px 0; font-size:15px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
h1 strong						{ font-weight:500; }
h2 strong						{ font-weight:500; }
h3 strong						{ font-weight:500; }
h4 strong						{ font-weight:500; }
h5 strong						{ font-weight:500; }
h6 strong						{ font-weight:500; }
p								{ color:#111111; margin:8px 0; padding:0; font-size:15px; font-weight:400; line-height:1.618; text-align:justify; text-transform:none; }
p strong						{ font-weight:500; }
table 							{ margin:0 0 20px 0; padding:0; table-layout:fixed; width:100%; background:inherit; border:none; border-spacing:2px; border-collapse:separate; }
table tr						{ border:none; }
table th 						{ background:#F3F2F1; color:#000000; padding:7px 8px 4px 8px; border:none !important; font-size:13px; font-weight:500; text-align:center; vertical-align:middle; }
table td 						{ background:#F3F2F1; color:#000000; padding:5px 8px 4px 8px; border:none !important; font-size:13px; font-weight:400; text-align:left; vertical-align:top; }
iframe							{ max-width:100% !important; margin:8px 0; padding:0; }
img { max-width:100% !important; height:auto; margin:8px; padding:0; }
video							{ max-width:100% !important; height:auto; margin:8px 0; padding:0; }

.button							{ color:#FFFFFF; background:#4B6A77; font-size:14px; font-weight:400; text-transform:none; margin-left:8px; padding:4px 8px 3px 8px; border-radius:3px; position:relative; top:-3px; transition:all 300ms ease-out; }
.button:hover,.button:focus,.button:active { background:#00A4A1; color:#FFFFFF; transition:all 300ms ease-out; }

aside							{ display:none; width:100%; min-height:48px; background:#4B6A77; }

header							{ display:block; width:100%; min-height:108px; background:#FFFFFF; margin:0; padding:0; }
header .logo					{ margin:32px 0 0 0; }
header .logo a 					{ display:inline-block; margin:0; padding:0; position:relative; }
header .logo a::before 			{ position:absolute; top:0; left:-50%; z-index:2; display:block; content:''; width:50%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); transform:skewX(-25deg); }
header .logo a:hover::before 	{ animation:shine 600ms; }
header .logo img 				{ display:inline-block; position:relative; top:-4px; width:auto; height:48px; border-radius:3px; }
header .menu-top 				{ display:block; margin-top:24px; font-size:14px; }
header .menu-top a 				{ display:inline-block; padding:4px 6px 3px 6px; text-decoration:none; text-transform:none; white-space:nowrap; }
header .menu-top a.active		{ color:#4B6A77; background:rgba(0,55,65,0.08); }
header .menu-main 				{ display:block; margin-top:8px; font-size:15px; }
header .menu-main a 			{ display:inline-block; padding:4px 6px 3px 6px; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
header .menu-main a:first-child { font-size:95%; }
header .menu-main a.active		{ color:#4B6A77; background:rgba(0,55,65,0.08); }
header .menu-main a:hover       { color:#4B6A77; }
header .search					{ display:flex; margin:20px 0; }
header .search input 			{ flex:1; width:auto; min-width:auto; height:24px; border:0; padding-left:10px; background:#FFFFFF; border:1px solid #4B6A77; color:#4B6A77; font-size:11px; }
header .search button			{ height:24px; background:#103244; border:1px solid #103244; box-shadow:none; }
header .search button img		{ position:relative; top:-4px; }

@media only screen and (max-width:991px) {
	header .logo				{ margin:16px 0 0 0; }
	header .menu-top			{ margin:0; }
	header .menu-main			{ margin:0 0 12px 0; }
	header .search				{ display:none; }
}

nav								{ display:block; width:100%; min-height:48px; background:linear-gradient(135deg, #103244 0%, #0c2735 45%, #4B6A77 100%); color:#FFFFFF; margin:0; padding:0; }
nav .title						{ display:inline-block; float:left; margin-top:14px; font-size:14px; font-weight:500; letter-spacing:0.06em; text-transform:uppercase; width:66%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 0 rgba(0,0,0,0.16); }
nav .facebook					{ display:inline-block; float:right; margin:10px 0 0 0; margin-right:12px; }
nav .facebook img 				{ margin:0; padding:0; width:29px; height:30px; opacity:0.7; transition:all 300ms ease-out; }
nav .facebook img:hover 		{ opacity:1.0; transition:all 300ms ease-out; }
nav .twitter					{ display:inline-block; float:right; margin:10px 0 0 0; }
nav .twitter img 				{ margin:0; padding:0; width:29px; height:30px; opacity:0.7; transition:all 300ms ease-out; width:29px; height:30px; }
nav .twitter img:hover 			{ opacity:1.0; transition:all 300ms ease-out; }

main							{ display:block; width:100%; background:#FFFFFF; color:#111111; margin:0; padding:0; }
main .load-more					{ display:block; background:#F9F8F7; margin:15px 0; padding:12px 9px 12px 12px; text-align:center; transition:all 300ms ease-out; }
main .load-more:hover 			{ transition:all 300ms ease-out; }
main .sidebar					{ padding:32px 0; }
main .sidebar .block			{ display:block; background:#F9F8F7 url(images/running.png) no-repeat right 15px center; color:#111111; margin:15px 0; padding:6px 9px 3px 12px; border-top:3px solid #E3E2E1; text-align:left; transition:all 300ms ease-out; }
main .sidebar .block:hover 		{ background:#F9F8F7 url(images/running-hover.png) no-repeat right 15px center; border-top:3px solid #4B6A77; color:#111111; transition:all 300ms ease-out; }
main .sidebar .block h2 		{ margin:0; padding:4px 0; font-size:13px; }
main .sidebar .block p 			{ margin:0; padding:4px 0 0 0; font-size:13px; }
main .sidebar .block div 		{ font-size:13px; }
main .sidebar a					{ display:block; text-transform:none; padding:4px 6px 3px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; }
main .sidebar a.active			{ color:#4B6A77; background:rgba(0,55,65,0.08); }
main .content					{ padding:24px 0; }
main .content .ok,.nok			{ display:block; background:#F3F2F1; border-radius:2px; padding:9px 12px 8px 12px; margin:16px 0; }
main .content .glyphicon		{ display:inline-block; width:15px; margin-right:8px; font-size:13px; text-align:center; position:relative; top:1px; }
main .content .glyphicon-ok		{ color:#00DD00; }
main .content .glyphicon-remove	{ color:#DD0000; }
main .content .vr				{ margin:0 8px; }
main .post						{ margin:24px 0; min-height:120px; }
main .post img					{ display:block; float:left; margin:0 30px 5px 0; padding:0; width:180px; height:120px; position:relative; top:3px; }
main .post h2 					{ margin:0 0 2px 0; }
main .post p 					{ margin:0 0 4px 0; }
main .post a 					{ margin:0; }

main .training					{ margin:10px 0; padding:0; }
main .training table 			{ margin:0 0 20px 0; padding:0; table-layout:fixed; width:100%; background:inherit; border:none; border-spacing:2px; border-collapse:separate; }
main .training table tr			{ border:none; }
main .training table th 		{ background:#F3F2F1; color:#000000; padding:7px 8px 4px 8px; border:none; font-size:13px; font-weight:500; text-align:center; vertical-align:middle; }
main .training table td 		{ background:#F3F2F1; color:#000000; padding:0; border:none; text-align:left; vertical-align:top; }
main .training table td div		{ min-height:80px; border:none; }
main .training table td div a 	{ display:block; background:#008989; min-height:80px; padding:6px 8px; border:none; text-align:left; text-decoration:none; }
main .training table td div a:not(:first-child) { border-top:2px solid #F3F2F1; }
main .training table td div a:hover { background:#00A4A1; }
main .training table td div p	{ color:#FFFFFF; margin:0; padding:1px 0; text-transform:none; font-size:12px; line-height:12px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
main .training table td div p:first-child { margin:3px 0 5px 0; font-size:14px; font-weight:500; line-height:14px; }
main .training .nav				{ margin:0; padding:0 0 15px 0; text-transform:uppercase; font-weight:400; font-size:13px; }
main .training .nav span		{ color:#767678; margin:0 20px; }
main .training .nav a			{ margin:0 20px 0 5px; }

@media only screen and (max-width:800px) {
	main .training table,thead,tbody,th,td,tr { display:block; }
	main .training table thead tr { position:absolute; top:-9999px; left:-9999px; }
	main .training table th 	{ display:none; }
	main .training table td 	{ position:relative; padding-left:50%; border-top:2px solid #FFFFFF; }
	main .training table td div	{ border-left:2px solid #FFFFFF; }
	main .training table td:before { content:attr(data-label); position:absolute; top:6px; left:6px; width:49%; padding:24px 8px; font-size:13px; font-weight:500; text-align:left; vertical-align:middle; }
}

.training-background			{ display:block; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); z-index:1000; visibility:hidden; opacity:0; transition:all 300ms ease-out; }
.training-window 				{ display:block; width:600px; min-height:400px; position:absolute; top:50%; left:50%; margin:-200px -300px; padding:30px; background:#FFFFFF; border:10px solid #008989; z-index:1100; opacity:0; transition:all 300ms ease-in-out; transform:scale(0.7); }
.training-window .left 			{ float:left; width:55.5%; margin:0; padding:0; padding-right:15px; }
.training-window .right 		{ float:right; width:44.4%; margin:0; padding:0; padding-left:15px; }
.training-window h1 			{ margin:8px 0; padding:3px 0; font-size:20px; font-weight:500; color:#003741; text-transform:uppercase; }
.training-window h2				{ margin:16px 0; padding:3px 0; font-size:15px; font-weight:500; color:#003741; text-transform:uppercase; }
.training-window label			{ display:block; width:100%; margin:16px 0 8px 0; padding:0; color:#333333; font-size:14px; font-weight:400; line-height:14px; }
.training-window input[type=text],select { box-sizing:border-box; width:100%; height:30px; border:1px solid #ACACAC; margin:0; padding:3px 6px; text-transform:none; font-size:14px; font-weight:400; line-height:12px; }
.training-window input[type=text]:focus,select:focus { border-color:#767678; outline:0; }
.training-window span			{ display:block; width:100%; background:#00B7E5; color:#FFFFFF; margin:18px 0 0 0; padding:8px; }
.training-window p 				{ display:block; margin:3px 0 0 0; padding:0; text-transform:none; font-size:12px; line-height:12px; }
.training-window p:first-child	{ margin:3px 0 5px 0; font-size:14px; font-weight:500; line-height:14px; }
.training-window div 			{ margin:18px 0 0 0; padding:0; }
.training-window .close 		{ position:absolute; top:0; right:0; width:45px; height:45px; margin:0; padding:5px; opacity:1; background:#FFFFFF url(images/close.png) no-repeat center center; background-size:40px 40px; transition:all 200ms; }
.training-window .close:hover 	{ background-color:#F3F2F1; }
.training-window .submit 		{ width:120px; height:40px; margin:18px 0 0 0; background:#4B6A77; color:#FFFFFF; border:0; border-radius:2px; text-transform:none; font-size:15px; font-weight:400; line-height:16px; }
.training-window .submit:hover 	{ background:#00A4A1; }

@media (max-width:600px) {
	.training-window 			{ width:100%; height:auto; position:fixed; margin:0; top:10%; left:0; }
	.training-window .left 		{ float:none; width:100%; margin:0; padding:0; }
	.training-window .right 	{ display:none; }
}

footer							{ display:block; width:100%; min-height:160px; background:linear-gradient(145deg, #081c26 0%, #103244 45%, #0f2f3f 100%); color:#FFFFFF; margin:0; padding:34px 0 18px 0; }
footer div.col					{ padding-bottom:15px; }
footer div.col a 				{ display:block; color:rgba(255,255,255,0.86); font-size:14px; font-weight:300; text-decoration:none; }
footer div.col a:hover			{ color:#FFFFFF; }
footer div.col a.active			{ color:#FFFFFF; font-weight:500; }
footer div.col a i				{ display:block; width:32px; height:32px; background:url(images/up.png) no-repeat center center; background-size:32px 32px; transform:rotate(0deg); opacity:0.7; transition:all 300ms ease-out; }
footer div.col a:hover i		{ transform:rotate(360deg); opacity:1.0; transition:all 300ms ease-out; }