@font-face {
font-family: helvetica;
src: url(/shrift/helvetica.otf) format("opentype");
font-display: swap;
}

.helvetica{
font-family: helvetica, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body{
background: #ffffff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
color: #333333;
}

*{
padding: 0;
margin: 0 auto;
font-family:Century Gothic;
font-size: 18px;
}
p{
padding: 0 10px;
margin: 0;
color: #777777;
}
.boxshadow{
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.hover{opacity: 0.8;}
.hover:hover{opacity: 1; cursor: pointer;}

.ahov{text-decoration: underline; color: #999999;}
.ahov:hover{text-decoration: none; color: #ffffff;}

.container{
overflow: hidden;
}
.content{
width: 100%; 
margin: 0px auto; 
overflow: hidden;
}
.content_wid{
max-width: 1200px;
margin: auto;
text-align: center;
padding:25px 20px;
overflow: hidden;
}
.contentrbg{
}
.content_wid1{
max-width: 1200px;
margin: auto;
text-align: center;
padding:10px 20px;
}

.content_text{
font-weight: normal;
font-size: 3vh;
line-height: 1.4;
}
.vh{
height: 100vh;
}

.tablefix{
display: table;
}
.tablecellfix{
display: table-cell;
vertical-align: top;
}
.hovers{
opacity: 0.8;
}
.hovers:hover{
opacity: 1;
color: #000000;
}

.aa{
text-decoration: underline;
color: #ffffff;
}
.aa:hover{
text-decoration: none;
color: #999999;
}

a{
text-decoration: underline;
color: #555555;
}
a:hover{
text-decoration: none;
}
.clear{
clear: both;    
}
.clear5{
clear: both;
padding: 5px 0;    
}
.clear10{
clear: both;
padding: 10px 0; 
}
.clear15{
clear: both;
padding: 15px 0; 
}
.clear20{
clear: both;
padding: 20px 0; 
}
.clear25{
clear: both;
padding: 25px 0; 
}
.clear30{
clear: both;
padding: 30px 0; 
}

.modal{
margin: auto;
position: fixed;
height: 250px;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ffffff;
z-index: 10000;
display: none;
}
.modalotziv{
margin: auto;
position: fixed;
height: 370px;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ffffff;
z-index: 10000;
display: none;
}

.modalfon{
margin: auto;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #A4DD44;
opacity: 0.7;
display: none;
z-index: 1000;
}

input{
padding:5px 10px;
background: none;
border: 2px solid #eeeeee;
font-size: 18px;
}
select{
padding:5px 10px;
background: none;
border: 2px solid #eeeeee;
font-size: 18px;
}
textarea{
padding:5px 10px;
background: none;
border: 2px solid #eeeeee;
font-size: 16px;
width: 80%;
min-height: 150px;
}
.submit{
max-width: 150px;
background: #20293C;
padding: 10px 20px;
margin: 4px auto;
color: #ffffff;
font-size: 20px;
}
.submit:hover{
cursor: pointer;
background:#FA7F02;
}
.submit:active{
background: none;
}

.inlineblok{display: inline-block;}
/* display table */
.tablefix{display: table;}
.tablecellfix{display: table-cell;vertical-align: top;}
.tablecellfix2{width: 45%; display: table-cell;}
.tablecellfix3{width: 30%; display: table-cell;}
.tablecellfix4{width: 23%; display: table-cell;}
.tablecellfix5{width: 18%; display: table-cell;}
.tablecellfix6{width: 15%; display: table-cell;}
.tablecellfix7{width: 14%; display: table-cell;}
.tablecellfix8{width: 12%; display: table-cell;}
.tablecellfix9{width: 11%; display: table-cell;}
.tablerow{display: table-row;}
/* clear both */
.clear{clear: both;}
.clear5{ clear: both;padding: 5px 0;}
.clear10{clear: both;padding: 10px 0;}
.clear15{clear: both;padding: 15px 0;}
.clear20{clear: both;padding: 20px 0;}
.clear30{clear: both;padding: 30px 0;}
.clear35{clear: both;padding: 35px 0;}
.clear40{clear: both;padding: 40px 0;}
.clear45{clear: both;padding: 45px 0;}
.clear50{clear: both;padding: 50px 0;}
/* padding */
.padd5{padding: 5px;}
.padd10{padding: 10px;}
.padd15{padding: 15px;}
.padd20{padding: 20px;}
.padd25{padding: 25px;}
.padd30{padding: 30px;}
.padd35{padding: 35px;}
.padd40{padding: 40px;}
.padd45{padding: 45px;}
.padd50{padding: 50px;}
/* padding top */
.paddtop5{padding-top: 5px;}
.paddtop10{padding-top: 10px;}
.paddtop15{padding-top: 15px;}
.paddtop20{padding-top: 20px;}
.paddtop25{padding-top: 25px;}
.paddtop30{padding-top: 30px;}
.paddtop35{padding-top: 35px;}
.paddtop40{padding-top: 40px;}
.paddtop45{padding-top: 45px;}
.paddtop50{padding-top: 50px;}
/* padding bottom */
.paddbottom5{padding-bottom: 5px;}
.paddbottom10{padding-bottom: 10px;}
.paddbottom15{padding-bottom: 15px;}
.paddbottom20{padding-bottom: 20px;}
.paddbottom25{padding-bottom: 25px;}
.paddbottom30{padding-bottom: 30px;}
.paddbottom35{padding-bottom: 35px;}
.paddbottom40{padding-bottom: 40px;}
.paddbottom45{padding-bottom: 45px;}
.paddbottom50{padding-bottom: 50px;}
/* padding left */
.paddleft5{padding-left: 5px;}
.paddleft10{padding-left: 10px;}
.paddleft15{padding-left: 15px;}
.paddleft20{padding-left: 20px;}
.paddleft25{padding-left: 25px;}
.paddleft30{padding-left: 30px;}
.paddleft35{padding-left: 35px;}
.paddleft40{padding-left: 40px;}
.paddleft45{padding-left: 45px;}
.paddleft50{padding-left: 50px;}
/* padding right */
.paddright5{padding-right: 5px;}
.paddright10{padding-right: 10px;}
.paddright15{padding-right: 15px;}
.paddright20{padding-right: 20px;}
.paddright25{padding-right: 25px;}
.paddright30{padding-right: 30px;}
.paddright35{padding-right: 35px;}
.paddright40{padding-right: 40px;}
.paddright45{padding-right: 45px;}
.paddright50{padding-right: 50px;}
/* margin */
.marg5{margin: 5px;}
.marg10{margin: 10px;}
.marg15{margin: 15px;}
.marg20{margin: 20px;}
.marg25{margin: 25px;}
.marg30{margin: 30px;}
.marg35{margin: 35px;}
.marg40{margin: 40px;}
.marg45{margin: 45px;}
.marg50{margin: 50px;}
/* margin top */
.margtop5{margin-top: 5px;}
.margtop10{margin-top: 10px;}
.margtop15{margin-top: 15px;}
.margtop20{margin-top: 20px;}
.margtop25{margin-top: 25px;}
.margtop30{margin-top: 30px;}
.margtop35{margin-top: 35px;}
.margtop40{margin-top: 40px;}
.margtop45{margin-top: 45px;}
.margtop50{margin-top: 50px;}
/* margin bottom */
.margbottom5{margin-bottom: 5px;}
.margbottom10{margin-bottom: 10px;}
.margbottom15{margin-bottom: 15px;}
.margbottom20{margin-bottom: 20px;}
.margbottom25{margin-bottom: 25px;}
.margbottom30{margin-bottom: 30px;}
.margbottom35{margin-bottom: 35px;}
.margbottom40{margin-bottom: 40px;}
.margbottom45{margin-bottom: 45px;}
.margbottom50{margin-bottom: 50px;}
/* margin left */
.margleft5{margin-left: 5px;}
.margleft10{margin-left: 10px;}
.margleft15{margin-left: 15px;}
.margleft20{margin-left: 20px;}
.margleft25{margin-left: 25px;}
.margleft30{margin-left: 30px;}
.margleft35{margin-left: 35px;}
.margleft40{margin-left: 40px;}
.margleft45{margin-left: 45px;}
.margleft50{margin-left: 50px;}
/* margin right */
.margright5{margin-right: 5px;}
.margright10{margin-right: 10px;}
.margright15{margin-right: 15px;}
.margright20{margin-right: 20px;}
.margright25{margin-right: 25px;}
.margright30{margin-right: 30px;}
.margright35{margin-right: 35px;}
.margright40{margin-right: 40px;}
.margright45{margin-right: 45px;}
.margright50{margin-right: 50px;}
/* font-size */
.font8{font-size: 8px;}
.font10{font-size: 10px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}
.font42{font-size: 42px;}
.font44{font-size: 44px;}
.font46{font-size: 46px;}
.font48{font-size: 48px;}
.font50{font-size: 50px;}
/* align */
.alignmiddle{vertical-align: middle;}
.aligntop{vertical-align: top;}
.alignbottom{vertical-align: bottom;}
.aligncenter{text-align: center;}
.alignjustify{text-align:  justify;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
/* weight */
.fontbold{font-weight: bold;}
.fontnormal{font-weight: normal;}
.fontlighter{font-weight: lighter;}
.fontbolder{font-weight: bolder;}
/* style */
.fontitalic{font-style: italic;}
.fontnormal{font-style: normal;}
.fontoblique{font-style: oblique;}
/* display */
.disnone{display: none;}
.disblok{display: block;}
.disinline{display: inline;}
.disinlineblok{display: inline-block;}
/* overflow */
.overhidden{overflow: hidden;}
.overauto{overflow: auto;}
.overscroll{overflow: scroll;}

.colors1{color: #A4DD44;}
.colors2{color: #E14040;}
.colors3{color: #eeeeee;}
.colors4{color: #000000;}
.colorf{color: #ffffff;}
.color0{color: #000000;}
.color1{color: #111111;}
.color2{color: #222222;}
.color3{color: #333333;}
.color4{color: #444444;}
.color5{color: #555555;}
.color6{color: #666666;}
.color7{color: #777777;}
.color8{color: #888888;}
.color9{color: #999999;}

.bgs1{background: #A4DD44;}
.bgs2{background: #E14040;}
.bgs3{background: #eeeeee;}
.bgs4{background: #000000;}

.rbgfs1{background: rgba(26, 153, 219, 0.2);}
.rbgfs2{background: rgba(26, 153, 219, 0.4);}
.rbgfs3{background: rgba(26, 153, 219, 0.6);}
.rbgfs4{background: rgba(26, 153, 219, 0.8);}
.rbgfs5{background: rgba(26, 153, 219, 0.9);}


.rbgf9{background: rgba(255, 255, 255, 0.9);}
.rbgf8{background: rgba(255, 255, 255, 0.8);}
.rbgf7{background: rgba(255, 255, 255, 0.7);}
.rbgf6{background: rgba(255, 255, 255, 0.6);}
.rbgf5{background: rgba(255, 255, 255, 0.5);}
.rbgf4{background: rgba(255, 255, 255, 0.4);}
.rbgf3{background: rgba(255, 255, 255, 0.3);}
.rbgf2{background: rgba(255, 255, 255, 0.2);}
.rbgf1{background: rgba(255, 255, 255, 0.1);}

.rbg09{background: rgba(0, 0, 0, 0.9);}
.rbg08{background: rgba(0, 0, 0, 0.8);}
.rbg07{background: rgba(0, 0, 0, 0.7);}
.rbg06{background: rgba(0, 0, 0, 0.6);}
.rbg05{background: rgba(0, 0, 0, 0.5);}
.rbg04{background: rgba(0, 0, 0, 0.4);}
.rbg03{background: rgba(0, 0, 0, 0.3);}
.rbg02{background: rgba(0, 0, 0, 0.2);}
.rbg01{background: rgba(0, 0, 0, 0.1);}

.bge{background: #eeeeee;}
.bgf{background: #ffffff;}
.bg0{background: #000000;}
.bg1{background: #111111;}
.bg2{background: #222222;}
.bg3{background: #333333;}
.bg4{background: #444444;}
.bg5{background: #555555;}
.bg6{background: #666666;}
.bg7{background: #777777;}
.bg8{background: #888888;}
.bg9{background: #999999;}


.hovermenu{
text-decoration: none;
}
.hovermenu:hover strong{
color: #A4DD44;
}

.hovermenupodkat{
text-decoration: none;
}
.hovermenupodkat:hover{
color: #A4DD44;
}



.zakazinput{
margin: 5px;
width: 80%;
}
.zakazbuut{
margin: 5px;
background: none;
color: #555555;
border: none;
}
.zakazbuut:hover{
cursor: pointer;
background: #A4DD44;
color: #ffffff;
}
.newotziv{
border: 2px solid #ffffff;
color: #A4DD44;
}
.newotziv:hover{
border: 2px solid #A4DD44;
cursor: pointer;
color: #A4DD44;
}

#fon1{
position:fixed;
background-position: center;
background-size: cover;
width:100%;
height:100vh;
overflow: hidden;
z-index: -2;
}
#fon2{
position:fixed;
margin: auto;

margin: auto;
top: 0px;
bottom: 0;
left: 0;
right: 0;
text-align: center;
z-index: -1;
}
.homepage-hero-module {
border-right: none;
border-left: none;
position: relative;
}
.no-video .video-container video,
.touch .video-container video {
display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
display: block !important;
}
.video-container {
position: relative;
bottom: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
background: #000;
}
.video-container .poster img {
width: 100%;
bottom: 0;
position: absolute;
}
.video-container .filter {
z-index: 100;
position: absolute;
background: rgba(0, 0, 0, 0.4);
width: 100%;
}
.video-container video {
position: absolute;
z-index: 0;
bottom: 0;
}
.video-container video.fillWidth {
width: 100%;
}


#slider {
    margin: auto;
    width: 100%;
color: #444444;
text-align: center;
}
.button {
    float: left;
    width: 10%;
opacity: 0.5;
}
.button:hover{
opacity: 1;
cursor: pointer;
}

#relative-box {
    overflow: hidden;
    position: relative;
    width: 80%;
    float: left;
}
#absolute-box {
    position: absolute;
    float: left;
}
.opinion {
    position: absolute;
    width: 50%;
display: table;
}

.left {
text-align: center;

}
.right {
vertical-align: top;
}

.photo {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-size: 100%;
    border-radius: 75px;
}

.comment {
padding-top: 20px;
    word-wrap: break-word;
    width: 100%;
color: #666666;
font-size: 14px;
text-align: justify;
font-style: italic;
min-height: 200px;
}

.left .name{
color: #222222;
font-weight: bold;
padding: 10px;
}
.left .city{
color: #555555;
}
.left .vk{
margin-top: -4px;
}
.left .vk a{
color: #777777;
text-decoration: underline;
font-size: 12px;
}
.left .vk a:hover{
color: #555555;
text-decoration: none;
}

.hidmenu{
display: none;
}
.newotziv{
border: 2px solid #999999;
color: #999999;
display: inline-block;
}
.newotziv:hover{
border: 2px solid #555555;
cursor: pointer;
color: #555555;
}

.bitem{
width: 200px; 
display: inline-block; 
border: 1px solid #eeeeee; 
margin: 5px 3px;}


/* ????? */
.admin_inform{
margin: auto;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #ffffff;
z-index: 10990;
border-radius: 4px;
overflow: auto;
display: none;
}
.admin_load{
margin:20px auto;
padding:20px;
font-size: 18px;
color: #444444;
text-align: center;
max-width: 700px;
text-align: center;
}
.admin_exit{
float: right;
margin:2px 5px;
padding:5px 10px;
font-size: 30px;
color: #999999;
font-weight: bold;
}
.admin_exit:hover{
color: #000000;
cursor: pointer;
}
.style_admen{
display: inline-block;
}
.style_admen img{
width: 12px;
padding: 3px 3px;
border: 2px solid #ffffff;
border-radius: 20px;

}
.style_admen img:hover{
border: 2px solid #FFD700;
cursor: pointer;
}
.style_admenb{

display: inline-block;
}
.style_admenb img{
width: 20px;
padding: 3px 3px 1px 1px;
border: 2px solid #eeeeee;
border-radius: 20px;
}
.style_admenb img:hover{
border: 2px solid #FFD700;
cursor: pointer;
}
.style_admennew{
padding: 10px 10px;
}
.style_admennew img{
width: 25px;
padding: 3px 3px 1px 1px;
border: 2px solid #ffffff;
border-radius: 20px;
margin-bottom: -5px;
}
.style_admennew img:hover{
border: 2px solid #4AAD4E;
cursor: pointer;
}
.style_admennewb{
padding: 10px 10px;
}
.style_admennewb img{
width: 20px;
padding: 3px 3px 1px 1px;
border: 2px solid #eeeeee;
border-radius: 20px;
margin-bottom: -5px;
}
.style_admennewb img:hover{
border: 2px solid #4AAD4E;
cursor: pointer;
}
.forma_style_submitad input{
border: none;
padding: 7px;
width: 30%;
background: #555555;
color: #ffffff;
}
.forma_style_submitad input:hover{
background: #ffd700;
color: #555555;
cursor: pointer;
}
.oknofon{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #333333;
opacity: 0.8;
display: none;
z-index: 12000;
}
.okno_inform{
display: none;
margin: auto;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
max-width: 400px;
min-width: 250px;
height: 190px;
background: #363636;
z-index: 12500;
border-radius: 4px;
}
.okno_exit{
float: right;
margin:2px 5px;
padding:2px 5px;
font-size: 22px;
color: #eeeeee;
font-weight: bold;
}
.okno_exit:hover{
color: #ffffff;
cursor: pointer;
}
.okno_load{
margin:10px;
padding:10px;
font-size: 18px;
color: #999999;
text-align: center;
}


.oknoload_inform{
display: none;
margin: auto;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
max-width: 600px;
min-width: 350px;
height: 450px;
background: #ffffff;
z-index: 999999;
border-radius: 4px;
border: 2px solid #eeeeee;
overflow: auto;
}
.oknoload_exit{
float: right;
margin:2px 5px;
padding:2px 5px;
font-size: 22px;
color: #555555;
font-weight: bold;
z-index: 9999999;
}
.oknoload_exit:hover{
color: #555555;
cursor: pointer;
}
.oknoload_load{
margin:10px;
padding:10px;
font-size: 18px;
color: #555555;
text-align: center;
z-index: 9999998;
}

.forma_style_names{
font-size: 14px;
color: #eeeeee;
}
.forma_style_inputt{
border: none;
padding: 5px;
width: 50%;
font-size: 17px;
text-align: center;
background: #eeeeee;
}
.forma_style_submit input{
border: none;
padding: 7px;
width: 30%;
background: #555555;
color: #ffffff;
}
.forma_style_submit input:hover{
background: #ffd700;
color: #555555;
cursor: pointer;
}