/*GLOBAL*/
header,nav,section,article,aside,footer,hgroup{display:block;}
.preload *{-webkit-transition: none !important; transition: none !important;}
a{text-decoration:none; outline: 0; color:inherit;}
a img{border:none;}
.img_hide{display: block !important; width: 0; height: 1px; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.mail_hide, .hide_mail{display: none !important;}
.clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;}
.clear.hide{display: none !important;}
.relative{position: relative;}
.clear.not_desktop{display: none;}
.float_right{float:right; position: relative;}
.float_left{float:left; position: relative;}
.align-left{text-align: left !important; margin: 0;}
.align-center{text-align: center !important; margin: 0;}
.align-right{text-align: right !important; margin: 0;}
button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; }
input[type="submit"]:focus {outline:none;}
input, textarea {-webkit-appearance: none; border-radius: 0;}
input[type="submit"]::-moz-focus-inner {border:0;}
label{cursor: text;}
input[type=checkbox], input[type=radio]{cursor: pointer;}
input:focus{outline:0; }
input[type="text"], input[type="password"], textarea, select {outline: none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset;}
/*input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;}
@keyframes autofill {100% {background: transparent; color: #fff;}}
@-webkit-keyframes autofill {100% {background: transparent; color: #fff;}}*/
 
/*
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;}    
input[type=text]::-moz-placeholder, textarea::-moz-placeholder {color: #ffffff;}  
input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ffffff;}
*/

.root_text{position: absolute; top: -1000px; left: -1000px;}

@media screen and (max-width: 1024px) {
.clear.hide{display: block !important;}
}
 
.need{color: #cc0000;}
.color_orange{color: #dc5721 !important;} 
 
.message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px;  width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important;  -webkit-transition: all 750ms ease;  transition: all 750ms ease;}
.message_centering.active{top: 100%;}


h1,.head_title{text-transform: uppercase; color: #53ac36; font-weight: 700; font-size: 28px; line-height: 34px; margin: 0; padding: 0;}
.hp h1{margin: 10px 0 20px;}
h1.center{text-align: center;}
h1 strong ,.head_title strong{text-transform: uppercase; color: #666666; font-weight: 700; font-size: 28px; line-height: 34px; margin: 0; padding: 0;}
h1 span, .head_title span{text-transform: uppercase; color: #000000; font-weight: 700; font-size: 16px; line-height: 30px; margin: 0; padding: 0; display: block;}           
h2{color: #000000; font-weight: 700; font-size: 24px; line-height: 30px; margin: 30px 0 10px; padding: 0;}
h2.center{text-align: center;}
h3{color: #000000; font-weight: 700; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0;}  
h4, h5, h6{color: #000000; font-weight: 700; font-size: 18px; line-height: 24px; margin: 30px 0 10px; padding: 0;}   

@media screen and (max-width: 1024px) {
h1,.head_title, h1 strong, h1 span{font-size: 24px; line-height: 30px;}
h2{font-size: 20px; line-height: 26px; margin: 20px 0 5px;}
h3{font-size: 18px; line-height: 24px; margin: 20px 0 5px;}  
h4, h5, h6{font-size: 16px; line-height: 22px; margin: 20px 0 5px;}   
}

@media screen and (max-width: 500px) {
h1,.head_title, h1 strong, h1 span{font-size: 20px; line-height: 28px;}
h2{font-size: 16px; line-height: 22px;}
h3{font-size: 14px; line-height: 20px;}  
h4, h5, h6{font-size: 12px; line-height: 18px;}
}

p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 14px; font-weight: 400;}
strong, b{font-weight: 700}

@media screen and (max-width: 1024px) {
p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 13px;}
}

@media screen and (max-width: 500px) {
p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 12px;}
}



html{margin: 0 auto; padding: 0; background: #f1f1f1 ;}     
html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;}                                                                                                   
body{color: #000000; background:  #ffffff; min-height: 100vh; padding: 0 !important;  overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; margin: 0 auto; font-family: 'Open Sans', sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}






.text{width: 340px; background: #000000; position: absolute; top: 0; bottom: 0; left: 0; padding: 0 60px;}
.text .box{display: table; height: 100%; width: 100%;}
.text .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
.text .box .centering h1{text-transform: uppercase; color: #fff; font-size: 40px; line-height: 50px; font-weight: 700; text-align: left; margin: 0; padding: 0;}
.text .box .centering h2{text-transform: none; color: #fff; font-size: 20px; line-height: 28px; font-weight: 700; text-align: left; margin: 0; padding: 20px 0 0;}
.text img{position: absolute; left: 60px; margin: 0 auto; bottom: 60px; max-width: 230px; width: calc(100% - 120px);}
.img{position: absolute; top: 0; bottom: 0; right: 0; left: 460px; background-image: url(../error_img/main_bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



@media screen and (max-width: 1600px) {
.text{width: 300px; padding: 0 50px;}
.text .box .centering h1{font-size: 34px; line-height: 42px;}
.text .box .centering h2{font-size: 18px; line-height: 26px; padding: 15px 0 0;}
.text img{left: 50px; bottom: 50px; width: calc(100% - 100px); max-width: 200px;}
.img{left: 400px;}
}

@media screen and (max-width: 1400px) {
.text{width: 280px; padding: 0 40px;}
.text .box .centering h1{font-size: 28px; line-height: 34px;}
.text .box .centering h2{font-size: 16px; line-height: 24px; padding: 12px 0 0;}
.text img{left: 40px; bottom: 40px; width: calc(100% - 80px); max-width: 160px;}
.img{left: 360px;}
}

@media screen and (max-width: 1200px) {
.text{width: 230px; padding: 0 35px;}
.text .box .centering h1{font-size: 24px; line-height: 30px;}
.text .box .centering h2{font-size: 14px; line-height: 22px; padding: 10px 0 0;}
.text img{left: 35px; bottom: 35px; width: calc(100% - 70px); max-width: 140px;}
.img{left: 300px;}
}

@media screen and (max-width: 700px) {
.text{position: relative; top: 0; width: 90%; padding: 40px 5%;}
.text .box{display: block; height: initial; height: auto;}
.text .box .centering{display: block; height: initial; height: auto;}
.text .box .centering h1{text-align: center; font-size: 24px; line-height: 30px;}
.text .box .centering h2{text-align: center; font-size: 14px; line-height: 22px; padding: 10px 0 0;}
.text img{position: relative; left: 0; bottom: 0; width: calc(100% - 70px); max-width: 140px; margin: 40px auto 0; display: block;}
.img{left: 0; top: 227px;}
}



@media screen and (max-width: 550px) {
.text{padding: 30px 5%;}
.text .box .centering h1{font-size: 18px; line-height: 26px;}
.text .box .centering h2{font-size: 12px; line-height: 18px; padding: 8px 0 0;}
.text img{margin: 25px auto 0;}
.img{left: 0; top: 178px;}
}