*{
margin:0;
padding:0;
}
a img{
border: none;
}
body{
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #404040;
background: #ffffff;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.block-clear{
width: 100%;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
}
#headblockwrapper{
background: #334269;
position: relative;
}
.bannerblockwrapper-main{
background: url('../img/bg1200-2.png');
background-repeat: no-repeat;
background-position: center center;     
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-khtml-background-size: cover;
background-size: cover;
height: 500px;
margin: 70px 0 0 0;
}
#bannersecpagewrapper{
background: url('../img/bannersecpage.png');
background-repeat: repeat-x;
height: 6px;
position: absolute;
bottom: 0;
left: 0;
}
.bannerblockwrapper-lodka{
padding: 50px 0;
margin: 70px 0 0 0;
/*background: linear-gradient(to bottom, rgba(51,66,105,1), rgba(79,103,141,1));*/
background: radial-gradient(50% 50%, #4f678d, #334269);
}
.bannersecondpageleft{
display: block;
width: 126px;
height: auto;
float: left;
margin: 0;
}
.bannersecondpagerightwrapper{
width: 350px;
float: right;
text-align: right;
margin: 0;
padding: 0 0 15px 0;
overflow: hidden;
color: #ffffff;
font-weight: 600;
}
.bannersecondpagerightwrapper p{
padding: 0 0 10px 0;
}
.bannersecondpagerightwrapper span{
padding: 15px 20px;
background: #ffffff;
color: #de380e !important;
font-weight: normal !important;
cursor: pointer;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.bannersecondpagerightwrapper span:hover{
background: linear-gradient(to left, rgba(241,237,236,1), rgba(255,255,255,1));
}
.topmenuwrapper{
backdrop-filter: blur(10px);
background: rgba(51, 65, 104, 0.5);
position: fixed;
height: 50px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
width: 1110px;
margin: 10px 0;
z-index: 4;
}
.bannertoptext{
display: block;
margin: 10px 0 0 0;
padding: 0;
text-align: center;
font-size: 4em;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.2em;
}
.bannersecondtext{
display: block;
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: #ffffff;
letter-spacing: 0.1em;
font-weight: 600;
}
.bannersecondtext span{
color: #fdcfbf;
}
.topmenulogo{
width:34px;
height:auto;
margin:8px 0 0 8px;
}
.topmenuleft{
width: 50px;
float: left;
margin: 0;
padding: 0;
}
.topmenucenter{
float: left;
margin: 0;
padding: 12px 0 0 20px;
}
.topmenucenter span{
margin-right: 20px;
padding: 0 0 2px 0;
}
.topmenucenter span:hover{
border-bottom: 1px dashed #ffffff;
}
.topmenucenter a,.topmenucenter a:visited,.topmenucenter a:hover{
text-decoration: none;
color: #ffffff;
}
.topmenuright{
float: right;
text-align: right;
padding-right: 10px;
overflow: hidden;
}
.topsoclogo{
width: 25px;
height: auto;
margin: 12px 5px 0 0;
}
.topmenuphone,.topsocwrapper{
float: left;
}
.topmenuphone{
padding: 13px 0 0 30px;
}
.topmenuphone a,.topmenuphone a:hover,.topmenuphone a:visited{
text-decoration: none;
color: #ffffff;
font-weight: 600;
}
.topmenuphone img{
width: 22px;
height: auto;
margin: -2px 0 0 0;
}
.mainpagebannerbutton{
width: 270px;
overflow: hidden;
clear: both;
position: absolute;
bottom: 50px;
left: 50px;
}
.mainpagebannerbutton a,.mainpagebannerbutton a:hover,.mainpagebannerbutton a:visited{
display: block;
text-decoration: none;
width: 100%;
padding: 20px 30px;
background: #ffffff;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #334269;
}
.mainpagebannerbutton span{
margin: 0 0 0 18px;
background: #334269;
color: #ffffff;
padding: 8px 10px;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.mainpagebannerbutton a:hover span{
background: #5c78bf;
}
h1{
display: block;
padding: 40px 0 !important;
font-size: 2em;
}
h1 span,.gethelptitle span,.orangecolor{
color: #de380e;
}
.blockgreybgwrapper{
background: #f1edec;
margin: 40px 0;
padding: 40px 0;
}
.boldtext{
font-weight: 600;
}
h2{
font-size: 1.6em;
padding-bottom: 40px !important;
}
.productsleft{
float: left;
margin: 0;
padding: 0 20px 0 0;
width: 30%;
}
.arrowswrapper{
overflow: hidden;
font-size: 1em;
padding: 20px 0;
margin: 0 0 40px 0;
}
.arrowswrapper span{
background: #4f678d;
background: #ffffff;
padding: 15px 20px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #4f678d;
cursor: pointer;
border: 1px solid #4f678d;
}
.rightarrow{
margin-left: 8px;
}
.arrowswrapper span:hover{
background: #4f678d;
color: #ffffff;
}
.productsright{
float: left;
width: 70%;
height: 300px;
overflow: hidden;
}
.productsrighteffect{
width: 25%;
height: 360px;
position: absolute;
right: 0;
overflow: hidden;
z-index: 3;
background: linear-gradient(to left, rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 80%);
}
.productsitemwrapper{
width: 330px;
height: 300px;
float: left;
position: relative;
}
.productsitemwrapper img{
width: 320px;
height: 300px;
z-index: 1;
}
.productstextblock{
z-index: 2;
position: absolute;
top: 10px;
left: 15px;
color: #ffffff;
}
.productstextblock p{
font-size: 1.5em;
font-weight: 600;
}
.productstextsecond{
display: block;
width: 70%;
font-size: 0.9em;
color: #f1edec !important;
}
.productstextlink{
display: block;
width: 100%;
clear: both;
overflow: hidden;
padding: 10px 0;
margin: 115px 0 0 0;
}
.productstextlink a, .productstextlink a:visited{
text-decoration: none;
background: #ffffff;
padding: 10px 12px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
color: #4f678d;
}
.productstextlink a:hover{
text-decoration: none;
background: #4f678d;
color: #ffffff;
}
.topmenupopupwrapper,.footermenupopupwrapper{
display: none;
}
.productsmainitem{
float: left;
width: 540px;
padding: 40px;
overflow: hidden;
background: #ffffff;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin: 7px;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}
.productsmainitemtitle{
font-weight: 600;
font-size: 1.1em;
}
.productsmainitem img{
margin: 10px 0;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
width: 460px;
height: auto;
}
.productsmainlink{
display: block;
width: 100%;
clear: both;
overflow: hidden;
padding: 10px 0;
margin: 20px 0 0 0;
}
.productsmainlink a, .productsmainlink a:visited{
text-decoration: none;
padding: 10px 12px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: #ffffff;
color: #4f678d;
border: 1px solid #5c78bf;
}
.productsmainlink a:hover{
background: #5c78bf;
color: #ffffff;
}
.productsitemvisible{
width: 300%;
}
.videowrapper{
width: 30000px;
}
.videoitem{
width: 640px;
height: 360px;
background: #f1edec;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
float: left;
margin: 0 15px 15px 0;
padding: 0;
overflow: hidden;
position: relative;
}
.videoitem span{
display: block;
width: 100%;
clear: both;
margin: 0;
padding: 20px;
position: absolute;
bottom: 0;
background: rgba(241, 237, 236, 0.7);
}
.videoitemgethide{
width: 100%;
height: 100%;
}
.videoitemimg{
width: 100%;
height: auto;
}
.productsmainblock{
padding: 0 0 40px 0 !important;
}
.productsseconditem{
padding: 20px 0 10px 0 !important;
}
.productsseconditem img{
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
display: block;
width: 150px;
height: auto;
float: left;
margin: 0 15px 0 0;
}
.productsseconditem p{
font-size: 0.9em;
color: #666666;
display: block;
padding-bottom: 20px;
}
.productsseconditemspan{
padding: 0 0 3px 0;
}
.productsseconditemspan:hover{
border-bottom: 1px dashed #334269;
}
.productsseconditemspan a,.productsseconditemspan a:visited{
text-decoration: none;
color: #4f678d;
}
.productsseconditemspan a:hover{
text-decoration: none;
color: #334269;
}
.playbutton{
display: block;
position: absolute;
width: 100px;
height: auto;
top: 130px;
left: 270px;
cursor: pointer;
}
.playbutton:hover{
width: 90px;
height: auto;
top: 135px;
left: 275px;
}
.videolink{
display: none;
}
.iframevideo{
width: 640px;
height: 360px;
}
.loader{position:absolute;width:40px;height:40px;border:5px solid #ffffff;border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-top-color:#4f678d;left:50%;top:50%;transform:translate(-50%,-50%);animation:0.5s spin infinite linear;}
@keyframes spin{from{transform:translate(-50%,-50%) rotate(0deg);}
to{transform:translate(-50%,-50%) rotate(360deg);}
}
.gethelpwrapper{
background: linear-gradient(-45deg, rgba(217,217,217,1), rgba(241,237,236,1));
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
padding: 20px !important;
margin: 0 0 40px 0 !important;
position: relative;
}
.gethelptitle{
font-size: 1.2em;
font-weight: bold;
}
.gethelpformwrapper{
width: 100%;
clear: both;
margin: 40px 0 0 0;
background: #ffffff;
border: 1px dashed #dedede;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
overflow: hidden;
padding: 20px;
}
.gethelpsocwrapper img{
width: 30px;
height: auto;
margin: 0 5px 0 0;
}
.form-group{
float: left;
width: 330px;
padding: 20px 20px 20px 0;
margin: 0 20px 0 0;
}
.formsubbutton{
display: block;
text-align: center;
overflow: hidden;
width: 210px;
float: left;
padding: 8px 0;
font-size: 1em;
background: #4f678d;
color: #ffffff;
cursor: pointer;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin: 18px 0 0 0;
border: 0;
outline: none !important;
}
.formsubbutton:hover{
background: linear-gradient(45deg, rgba(51,66,105,1), rgba(79,103,141,1));
}
.gethelpagree{
display: block;
width: 100%;
text-align: center;
clear: both;
overflow: hidden;
margin: 20px 0 0 0;
padding: 0;
font-size: 0.8em;
color: #777777;
}
.gethelpagree a,.gethelpagree a:visited{
color: #4f678d;
text-decoration: none;
}
.gethelpagree a:hover{
color: #334269;
text-decoration: underline;
}
.gethelpagree2{
display: block;
width: 100%;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0.8em;
color: #777777;
}
.gethelpagree2 a,.gethelpagree2 a:visited{
color: #4f678d;
text-decoration: none;
}
.gethelpagree2 a:hover{
color: #334269;
text-decoration: underline;
}
#fishbg{
background: url('../img/fishbg.png');
background-repeat: repeat;
padding: 40px 0;
margin: 20px 0 40px 0;
}
#fishbg2{
margin-top: 40px;
padding-top: 40px;
background: linear-gradient(to top, rgba(255,255,255,0), rgba(241,237,236,0.3));
}
.iconwrapper{
width: 25%;
float: left;
padding: 0 30px 0 0;
}
.iconwrapper p{
height: 100px !important;
}
.iconitem{
width: 150px;
height: 150px;
overflow: hidden;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
background: linear-gradient(45deg, rgba(51,66,105,1), rgba(79,103,141,1));
margin: 0 0 20px 0;
}
.iconitem img{
width: 100px;
display: block;
height: auto;
margin: 25px auto;
}
.iconitem p{
margin: 0;
padding: 0;
}
.mapimg{
display: block;
float: left;
width: 48%;
height: auto;
margin: 0 2% 0 0;
}
.mapleftwrapper{
width: 100%;
clear: both;
}
#map{
width: 100%;
height: 250px;
overflow: hidden;
padding: 0;
margin: 0 0 40px 0;
}
.gotitmini{
width: 120px;
height: auto;
display: block;
float: left;
margin: 0 10px 10px 0;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
cursor: pointer;
}
.gotitcatalog{
display: block;
width: 100%;
margin: 20px 0 0 0;
padding: 15px 0;
text-align: center;
font-size: 1em;
font-weight: 600;
color: #ffffff;
text-decoration: none;
background: linear-gradient(45deg, rgba(51,66,105,1), rgba(79,103,141,1));
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
.gotitcatalog:hover{
text-decoration: none;
color: #ffffff;
background: #4f678d;
}
.maplogo{
width: 60px;
height: auto;
display: block;
float: left;
}
.maptextwrapper{
width: 130px;
float: left;
padding: 0 0 0 10px;
}
.mapname,.mapadress{
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.mapname{
font-weight: 600;
padding: 10px 0 0 0 !important;
}
#footer{
background: url('../img/fishbg2.png');
background-repeat: repeat;
padding: 30px 0 10px 0;
margin: 40px 0 0 0;
}
.footerlogo{
display: block;
width: 100px;
height: auto;
float: left;
}
.footercenter{
width: 300px;
float: left;
overflow: hidden;
margin: 0 0 0 30px;
}
.footercenter span{
display: block;
width: 100%;
clear: both;
padding: 5px 0;
}
.footercenter a,.footercenter a:visited{
text-decoration: none;
color: #d9d9d9;
}
.footercenter a:hover{
text-decoration: underline;
color: #ffffff;
}
.footerright{
width: 500px;
float: right;
text-align: right;
overflow: hidden;
}
.bottomphone,.bottommail{
padding: 10px 0 0 0;
}
.bottomphone a,.bottomphone a:visited,.bottomphone a:hover{
text-decoration: none;
color: #ffffff;
font-size: 1.2em;
}
.bottommail a,.bottommail a:visited{
text-decoration: none;
color: #d9d9d9;
font-size: 1em;
}
.bottommail a:hover{
text-decoration: underline;
color: #ffffff;
font-size: 1em;
}
.bottomphone span{
display: block;
clear: both;
color: #ffffff;
font-size: 0.8em;
}
.bottomtext{
color: #d9d9d9;
}
.footerrights{
display: block;
width: 100%;
clear: both;
font-size: 0.8em;
color: #d9d9d9;
text-align: center;
padding: 40px 0 0 0;
}
#yandexrangwrapper{
width: 150px;
height: 50px;
overflow: hidden;
float: right;
}
.specialofferwrapperoutside{
background: url('../img/fishbg.png');
background-repeat: repeat;
border: 1px dashed #d9d9d9;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin: 30px 0 0 0;
position: relative;
}
.specialofferwrapper{
width: 100%;
clear: both;
padding: 30px;
overflow: hidden;
background: url('../img/bg1200-3.png');
background-repeat: no-repeat;
background-position: right center;     
-webkit-background-size: 50% 100%;
-o-background-size: 50% 100%;
-moz-background-size: 50% 100%;
-ms-background-size: 50% 100%;
-khtml-background-size: 50% 100%;
background-size: 50% 100%;
}
.specialoffertext{
font-size: 1.3em;
font-weight: 600;
display: inline;
}
.specialoffersep{
display: block;
clear: both;
width: 100%;
height: 20px;
overflow: hidden;
}
.specialoffericon{
width: 50px !important;
height: auto;
margin: 0;
display: inline;
}
.specialofferbutton{
display: block;
clear: both;
overflow: hidden;
width: 250px;
background: linear-gradient(45deg, rgba(241,95,59,1), rgba(222,56,14,1));
text-align: center;
color: #ffffff;
cursor: pointer;
padding: 15px 0;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin: 30px 0;
font-size: 1em;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.specialofferbutton:hover{
background: linear-gradient(-45deg, rgba(222,56,14,1), rgba(222,56,14,1));
}
.specialofferwrapper img{
width: 30px;
height: auto;
margin: 0 8px 0 0;
}
#popupbg{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.8);
z-index: 10000000003;
opacity: 0;
margin: -101% 0 0 0;
display: none;
}
.getspecialwrapper{
width: 300px;
padding: 15px;
overflow: hidden;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
opacity: 0;
margin: -50px auto 0 auto;
display: none;
}
.popupmenuwrapper{
width: 280px;
padding: 15px;
overflow: hidden;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
opacity: 0;
margin: 20px 0 0 -100px;
display: none;
}
.popupmenulinkwrapper{
display: block;
width: 100%;
clear: both;
padding: 3px 0;
}
.popupmenulinkwrapper a,.popupmenulinkwrapper a:visited{
color: #334269;
text-decoration: none;
font-size: 0.9em;
}
.popupmenulinkwrapper a:hover{
color: #334269;
text-decoration: underline;
}
.popupmenulinkwrappersep{
display: block;
width: 100%;
clear: both;
overflow: hidden;
height: 15px;
}
.simpletextboldtitle{
font-weight:600;
padding: 10px 0;
}
.popupmessage{
width: 300px;
margin: -50px auto 0 auto;
padding: 15px;
overflow: hidden;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #ffffff;
opacity: 0;
display: none;
text-align: center;
}
.closepopupformwrapper{
width: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0 0 10px 0;
margin-bottom: 15px;
text-align: right;
border-bottom: 1px dotted #cccccc;
}
.closepopupform{
font-size: 1.2em;
cursor: pointer;
margin: 0;
padding: 0;
}
.closepopupform:hover{
color: #999999;
}
.inputnormalwrapper{
width: 100% !important;
clear: both;
margin: 0 0 15px 0;
padding: 0;
}
.mapblockwrapper{
margin-bottom: 60px;
position: relative;
}
.wheremapwrapper{
width: 790px;
float: left;
height: 430px;
position: relative;
}
.mappartnersimg{
width: 100%;
height: auto;
z-index: 1;
}
.mappartnersblockup{
width: 100%;
height: 100%;
position: relative;
margin-top: -430px;
z-index: 2;
}
.wheremapleftdown{
position: relative;
height: 300px;
overflow: hidden;
width: 45%;
float: left;
overflow-y: scroll;
scroll-behavior: smooth;
}
/* W3C standard Firefox 
.wheremapleftdown{
  scrollbar-width: 5px;
  scrollbar-color: #cccccc #f1edec;
  scrollbar-button: none;
}*/

/* для Chrome/Edge/Safari 
.wheremapleftdown::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.wheremapleftdown::-webkit-scrollbar-button {
  display: none;
}
.wheremapleftdown::-webkit-scrollbar-track {
  background: #f1edec;
}
.wheremapleftdown::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}*/
.wheremapleftup{
width: 100%;
clear: both;
}
.partnerwrapper{
width: 90%;
clear: both;
overflow: hidden;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 20px;
background: #ffffff;
border: 1px solid #f1edec;
border-bottom: 0;
margin-bottom: 2px;
}
.partnerwrapper:hover{
background: #f1edec;
}
.partnerwrapper p{
font-size: 0.9em;
margin: 0 0 5px 0;
padding: 0;
}
.partnerwrapper span{
font-size: 0.7em;
color: #777777;
}
.partnersmini{
width: 60px;
height: auto;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
margin: 10px 5px 5px 0;
}
.partnerlocation{
display: none;
}
.mappoint{
display: none;
width: 15px;
height: 15px;
overflow: hidden;
position: absolute;
top: 5px;
left: 5px;
background: linear-gradient(to right, rgba(51,66,105,1), rgba(79,103,141,1));
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.simpletext2{
display: block;
width: 100%;
clear: both;
overflow: hidden;
margin: 20px 0 0 0;
padding: 5px 0 0 0;
text-align: center;
font-size: 0.9em;
color: #666666;
}
.simpletext2 a,.simpletext2 a:visited{
background: linear-gradient(to right, rgba(51,66,105,1), rgba(79,103,141,1));
padding: 2px;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.simpletext2 a:hover{
background: linear-gradient(to right, rgba(79,103,141,1), rgba(79,103,141,1));
}
.alsospanwrapper{
padding: 0 5px;
}
/*.mappointitemwrapper{
position: absolute;
}*/
.mappointitem{
width: 10px;
height: 10px;
background: linear-gradient(to right, rgba(51,66,105,1), rgba(79,103,141,1));
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.mappointitem:hover{
background: #de380e;
}
#mappoint01{
left: 23%;
top: 46%;
position: absolute;
}
#mappoint02{
left: 38%;
top: 52%;
position: absolute;
}
#mappoint03{
left: 22%;
top: 37%;
position: absolute;
}
#mappoint04{
left: 18%;
top: 47%;
position: absolute;
}
#mappoint05{
left: 17%;
top: 45%;
position: absolute;
}
#mappoint06{
left: 23%;
top: 43%;
position: absolute;
}
#mappoint07{
left: 60%;
top: 83%;
position: absolute;
}
#mappoint08{
left: 32%;
top: 76%;
position: absolute;
}
#mappoint09{
left: 27%;
top: 65%;
position: absolute;
}
#mappoint10{
left: 12%;
top: 76%;
position: absolute;
}
#mappoint11{
left: 21%;
top: 42%;
position: absolute;
}
#mappoint12{
left: 30%;
top: 72%;
position: absolute;
}
#mappoint13{
left: 47%;
top: 87%;
position: absolute;
}
#mappoint14{
left: 36%;
top: 78%;
position: absolute;
}
#mappoint15{
left: 13%;
top: 65%;
position: absolute;
}
#mappoint16{
left: 21%;
top: 68%;
position: absolute;
}
#mappoint17{
left: 39%;
top: 66%;
position: absolute;
}
#mappoint18{
left: 14%;
top: 55%;
position: absolute;
}
#mappoint19{
left: 25%;
top: 32%;
position: absolute;
}
#mappoint20{
left: 45%;
top: 68%;
position: absolute;
}
#mappoint21{
left: 10%;
top: 87%;
position: absolute;
}
#mappoint22{
left: 34%;
top: 71%;
position: absolute;
}
#mappoint23{
left: 51%;
top: 74%;
position: absolute;
}
#mappoint24{
left: 24%;
top: 35%;
position: absolute;
}
#mappoint25{
left: 11%;
top: 89%;
position: absolute;
}
#mappoint26{
left: 22%;
top: 54%;
position: absolute;
}
#mappoint27{
left: 19%;
top: 75%;
position: absolute;
}
#mappoint28{
left: 13%;
top: 49%;
position: absolute;
}
#mappoint29{
left: 19%;
top: 55%;
position: absolute;
}
#mappoint30{
left: 47%;
top: 76%;
position: absolute;
}
#mappoint31{
left: 12%;
top: 73%;
position: absolute;
}
#mappoint32{
left: 21%;
top: 46%;
position: absolute;
}
#mappoint33{
left: 83%;
top: 71%;
position: absolute;
}
#mappoint34{
left: 15%;
top: 71%;
position: absolute;
}
#mappoint35{
left: 44%;
top: 66%;
position: absolute;
}
#mappoint36{
left: 25%;
top: 45%;
position: absolute;
}
#mappoint37{
left: 53%;
top: 83%;
position: absolute;
}
#mappoint38{
left: 65%;
top: 59%;
position: absolute;
}
#mappoint39{
left: 34%;
top: 76%;
position: absolute;
}
#mappoint40{
left: 7%;
top: 43%;
position: absolute;
}
#mappoint41{
left: 41%;
top: 81%;
position: absolute;
}
#mappoint42{
left: 8%;
top: 80%;
position: absolute;
}
#mappoint43{
left: 40%;
top: 53%;
position: absolute;
}
#mappoint44{
left: 9%;
top: 84%;
position: absolute;
}
.mappointcontent{
width: 50%;
padding: 10px;
margin: 0;
background: rgba(255,255,255,0.4);
backdrop-filter: blur(4px);
position: absolute;
top: 0;
right: 0;
z-index: 3;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
display: none;
border: 1px dotted #dedede;
}
.mappointcontentexit{
display: block;
width: 100%;
clear: both;
margin: 0;
padding: 0;
overflow: hidden;
}
.mappointcontentexit span{
display: block;
width: 20px;
height: 20px;
text-align: center;
font-weight: 600;
float: right;
font-size: 0.9em;
overflow: hidden;
cursor: pointer;
}
.mappointcontentexit span:hover{
color: #999999;
}
.mappartnerstextaabout{
display: block;
width: 100%;
clear: both;
overflow: hidden;
}
.mappartnerstextaabout img{
margin: -6px 3px 0 0;
}
.partnertitle{
font-size: 0.9em;
font-weight: 600;
margin: 0;
padding: 0;
}
.partnerlocationblock{
font-size: 0.7em;
color: #777777;
}
.partnerlocationblock img{
margin: -4px 0 0 0;
}
.blockafterpartnermap{
display: none;
}
.breadcrumbswrapper{
font-size: 0.9em;
padding: 40px 0 0 0 !important;
color: #999999;
}
.breadlinksep{
padding: 0 8px;
}
.breadlinkgrey a,.breadlinkgrey:visited{
text-decoration: none;
color: #999999;
}
.breadlinkgrey a:hover{
text-decoration: none;
color: #de380e;
}
.breadlinkorange a,.breadlinkorange a:visited,.breadlinkorange a:hover{
text-decoration: none;
color: #de380e;
}
.aboutitemblockleft,.aboutitemblockright{
width: 50%;
float: left;
overflow: hidden;
}
.itemsimgmini{
width: 71px;
height: auto;
margin: 10px 10px 0 0;
cursor: pointer;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.videoitem_page{
width: 498px;
height: 280px;
background: #f1edec;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
float: left;
margin: 0 15px 15px 0;
padding: 0;
overflow: hidden;
position: relative;
}
.iframevideo_page{
width: 498px;
height: 280px;
}
.videoitem_page span{
display: block;
width: 100%;
clear: both;
margin: 0;
padding: 20px;
position: absolute;
bottom: 0;
background: rgba(241, 237, 236, 0.7);
}
.videoitemgethide_page{
width: 100%;
height: 100%;
}
.videoitemimg_page{
width: 100%;
height: auto;
}
.playbutton_page{
display: block;
position: absolute;
width: 70px;
height: auto;
top: 105px;
left: 214px;
cursor: pointer;
}
.playbutton_page:hover{
width: 60px;
height: auto;
top: 110px;
left: 219px;
}
.table {
width: 100%;
margin: 15px 0 10px 0;
border: 1px solid #dddddd;
border-collapse: collapse;
font-size: 0.9em;
}
.table th {
font-weight: bold;
padding: 5px;
background: #efefef;
border: 1px solid #dddddd;
}
.table td {
border: 1px solid #dddddd;
padding: 5px;
}
.newprice{
display: block;
width: 100%;
clear: both;
margin: 30px 0 0 0;
font-size: 1.4em;
font-weight: 600;
}
.oldprice{
color: #666666;
font-size: 1.1em;
position: relative;
}
.oldprice:before {
	content: "";
	border-bottom: 5px solid #de380e;
	position: absolute;
	top: 0;
	left: 0;    
	width: 100%;
	height: 60%;
	z-index: -1;
	transform: rotate(-5deg);
	opacity: 0.6;
}
.discountspan{
padding: 0 0 0 10px;
color: #666666;
font-size: 0.9em;
}
.itemcolorsavaliablewrapper{
padding: 30px 0 0 0;
}
.itemcolorsavaliablewrapper p{
margin: 0;
padding: 0;
}
.itemcolorsavaliablewrapper span{
display: block;
overflow: hidden;
width: 25px;
height: 25px;
float: left;
margin: 10px 10px 10px 0;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.itemcolor1{
background: #c0ebf1;
}
.itemcolor2{
background: #5064c9;
}
.itemcolor3{
background: #797a7e;
}
.itemcolor4{
background: #1a924a;
}
.makeorderblockwpapper{
padding: 30px 0 !important;
}
.makeorderblockwpapper p{
margin: 0;
padding: 0;
}
.makeorderbutton{
display: block;
clear: both;
overflow: hidden;
width: 220px;
background: linear-gradient(45deg, rgba(51,66,105,1), rgba(79,103,141,1));
text-align: center;
color: #ffffff;
cursor: pointer;
padding: 12px 0;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
font-size: 1em;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
margin: 10px 0 15px 0;
}
.makeorderbutton:hover{
background: linear-gradient(45deg, rgba(79,103,141,1), rgba(79,103,141,1));
}
.makeordersocicon{
width: 25px;
height: auto;
margin: 5px 8px 0 0;
}
.shareitems{
height: 40px;
overflow: hidden;
margin-bottom: 10px !important;
}
.sharetext{
font-weight: 600;
margin: 5px 0;
padding: 0;
}
.getitemuhavetext{
margin: 0;
padding: 0;
font-size: 0.9em;
}
.getitemuhavetext a,.getitemuhavetext a:visited{
border-bottom: 1px dashed #777777;
color: #777777;
text-decoration: none;
}
.getitemuhavetext a:hover{
color: #404040;
border-bottom: 1px dashed #404040;
text-decoration: none;
}
.getitemuhavesectext{
font-size: 0.8em;
color: #777777;
padding: 15px 0;
}
.seealsowrapper{
padding-bottom: 10px !important;
}
.seealsoitem{
width: 350px;
float: left;
overflow: hidden;
margin: 0 20px 0 0;
padding: 20px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #f1edec;
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}
.seealsoitem img{
width: 100%;
height: auto;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.seealsoitem a,.seealsoitem a:visited{
color: #4f678d;
text-decoration: none;
}
.seealsoitem a:hover{
color: #4f678d;
text-decoration: underline;
}
.filterswrapperspan{
display: block;
float: left;
margin: 0 5px 5px 0;
padding: 3px 8px;
background: #ffffff;
color: #404040;
border: 1px solid #999999;
cursor: pointer !important;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
font-size: 0.9em;
}
.filterswrapperspan:hover,.filterswrapperspan2:hover{
color: #ffffff;
background: #4f678d;
border: 1px solid #4f678d;
}
.filterswrapperspan2{
display: block;
float: left;
margin: 0 5px 5px 0;
padding: 3px 8px;
background: #4f678d;
color: #ffffff;
border: 1px solid #4f678d;
cursor: pointer !important;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
font-size: 0.9em;
}
#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8{
padding-top: 30px;
display: none;
}
.form-check{
float: left;
padding: 5px 20px;
}
.form-check-input:hover{
cursor: pointer;
}
/*checkbox custom style start*/
.form-check-input{
position: absolute;
z-index: -1;
opacity: 0;
}
.form-check-input+label {
display: inline-flex;
align-items: center;
user-select: none;
cursor: pointer;
}
.form-check-input+label::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #adb5bd;
border-radius: 0.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.form-check-input:checked+label::before {
border-color: #4f678d;
background-color: #4f678d;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.form-check-input:not(:disabled):not(:checked)+label:hover::before {
border-color: #b3d7ff;
}
.form-check-input:not(:disabled):active+label::before {
background-color: #b3d7ff;
border-color: #b3d7ff;
}
.form-check-input:focus+label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-check-input:focus:not(:checked)+label::before {
border-color: #80bdff;
}
.form-check-input:disabled+label::before {
background-color: #e9ecef;
}
/*checkbox custom style end*/
.clearfilter{
display: block;
clear: both;
padding: 10px 0 0 20px;
text-decoration: underline;
font-size: 0.9em;
cursor: pointer;
}
.clearfilter:hover{
text-decoration: none;
}
.filterswrapper0,.filterswrapper1,.filterswrapper2-1,.filterswrapper2-2,.filterswrapper2-3,.filterswrapper3{
padding: 25px 0 40px 0;
}
.filterswrapper1,.filterswrapper2-1,.filterswrapper2-2,.filterswrapper2-3,.filterswrapper3,.filterrobotbuttonnextstepwrapper{
display: none;
}
.filterswrapper0-r,.filtersrobotstep1-r,.filtersrobotstep2-r,.filtersrobotstep3-r,.filtersrobotstep4-r,.filtersrobotstep5-r{
padding: 25px 0;
}
.filtersrobotstep1-r,.filtersrobotstep2-r,.filtersrobotstep3-r,.filtersrobotstep4-r,.filtersrobotstep5-r{
display: none;
}
.filterstypetitleactive{
cursor: pointer;
padding: 10px;
color: #ffffff;
background: #4f678d;
font-weight: 600;
}
.filterstypetitlepassive{
cursor: pointer;
padding: 10px;
color: #404040;
font-weight: 600;
}
.filterstypetitlepassive:hover{
color: #de380e;
}
.filterstypetitleactive:hover{
background: #334269;
}
.filterstypetitleactive2{
padding: 10px;
color: #404040;
font-weight: 600;
border: 1px dashed #999999;
}
.filtersrobotbutton{
padding: 8px 15px;
cursor: pointer;
background: #007b77;
color: #ffffff;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.filtersrobotbutton:hover{
background: #004030;
}
.filterrobotbuttonnextstepwrapper{
width: 100%;
clear: both;
padding: 20px 0 10px 0;
overflow: hidden;
margin: 0;
}
.filterrobotbuttonnextstepwrapperempty{
width: 100%;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
height: 20px;
}
.filtersrobotstep1{
display: none;
}
.noonefind{
display: none;
padding-bottom: 40px !important;
}
.afterfiltrpad{
width: 100%;
height: 40px;
clear: both;
overflow: hidden;
}
.profileitem{
border: 1px solid #f1edec;
padding: 20px 30px 30px 30px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin-bottom: 10px;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(241,237,236,0.3));
}
.itemtextlinwrapper{
display: block;
width: 100%;
clear: both;
font-size: 1.2em;
font-weight: 600;
padding: 0 0 10px 0;
}
.itemtextspecial{
color: #de380e;
margin:-20px 0 20px 0;
padding:0;
font-weight:600;
font-size:0.8em;
}
.itemtextlink,.itemtextlink:visited{
color: #4f678d;
text-decoration: none;
}
.itemtextlink:hover{
color: #4f678d;
text-decoration: underline;
}
.profileitemimg{
display: block;
width: 35%;
height: auto;
float: left;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.itemtextrightwrapper{
width: 65%;
float: left;
padding-left: 20px;
}
.iconsitemright{
color: #888888;
font-size: 0.9em;
padding-right: 15px;
}
.iconsitemright img{
width: 20px;
margin: -2px 5px 0 0;
height: auto;
}
.itempricewrapper{
display: block;
width: 100%;
clear: both;
margin: 0;
padding: 20px 0 0 0;
font-size: 1.2em;
font-weight: 600;
}
.itempricewrapper span{
margin-left: 10px;
font-size: 0.8em !important;
font-weight: 400 !important;
color: #404040;
position: relative;
}
.itempricewrapper span:before {
	content: "";
	border-bottom: 5px solid #de380e;
	position: absolute;
	top: 0;
	left: 0;    
	width: 100%;
	height: 60%;
	z-index: -1;
	transform: rotate(-5deg);
	opacity: 0.6;
}
.itemgomoreinfolink,.itemgomoreinfolink:visited{
display: block;
width: 180px;
clear: both;
overflow: hidden;
text-align: center;
padding: 12px 0;
background: linear-gradient(45deg, rgba(51,66,105,1), rgba(79,103,141,1));
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top: 22px;
}
.itemgomoreinfolink:hover{
background: linear-gradient(45deg, rgba(79,103,141,1), rgba(79,103,141,1));
text-decoration: none;
color: #ffffff;
}
.agreerulescheck{
display: block;
width: 100%;
overflow: hidden;
clear: both;
padding: 0;
margin: 20px 0 0 0;
font-size: 0.8em;
color: #999999;
line-height: 15px;
}
.agreerulescheckspan,.agreerulescheckspan2{
display: block;
float: left;
text-align: center;
width: 12px;
height: 12px;
overflow: hidden;
cursor: pointer;
margin: 1px 5px 0 0;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
color: #ffffff;
font-size: 0.7em;
font-weight: 600;
}
.agreerulescheckspan{
background: #6A9A1F;
}
.agreerulescheckspan:hover{
background: #008F68;
}
.agreerulescheckspan2{
background: #D43F3F;
color: #D43F3F;
}
.agreerulescheckspan2:hover{
background: #D11250;
color: #D11250;
}
.formsubbuttondisbled,.formsubbuttondisbled:hover{
background: #999999 !important;
cursor: default;
}
#fzcokkiewrapper{
position: fixed;
bottom: 10px;
right: 10px;
width: 300px;
height: 180px;
overflow: hidden;
z-index: 10;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(10px);
padding: 15px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#fzcokkiewrapper p{
font-size: 0.9em;
text-align: center;
width: 270px;
}
#fzagreebutton{
display: block;
text-align: center;
overflow: hidden;
width: 120px;
clear: both;
padding: 8px 0;
background: #477be4;
color: #ffffff;
cursor: pointer;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin: 20px 75px 0 75px;
border: 0;
outline: none !important;
font-size: 0.9em;
}
#fzagreebutton:hover{
background: #3a66c0;
}
.katalogitemwrapper{
margin-bottom: 20px !important;
padding-top: 10px !important;
border-bottom: 1px dashed #cccccc;
}
.katalogitemwrapper span{
display: block;
clear: both;
margin: 0 0 30px 0;
}
.katalogitemsecond{
border-left: 3px solid #de380e;
padding: 0 0 0 15px;
}
.katalogitemthird{
margin-left: 30px !important;
border-left: 2px solid #de380e;
padding: 0 0 0 15px;
}
.katalogitemwrapper a,.katalogitemwrapper a:visited{
text-decoration: none;
color: #334269;
padding: 5px 10px;
}
.katalogitemwrapper a:hover{
text-decoration: none;
color: #ffffff;
background: #de380e;
}
.downloadlinkwrapper{
display: block;
width: 100%;
clear: both;
margin-bottom: 20px;
}
.downloadlinkwrapper a,.downloadlinkwrapper a:visited{
color: #404040;
text-decoration: none;
}
.downloadlinkwrapper a:hover{
color: #404040;
text-decoration: underline;
}
.downloadlinkwrapper img{
width: 40px;
height: auto;
margin-right: 15px;
}
.docswrapper{
padding-bottom: 40px !important;
}
.docsimg{
width: 70px;
height: auto;
margin: 0 10px 10px 0;
cursor: pointer;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.error404wrapper{
display: block;
width: 100%;
clear: both;
overflow: hidden;
padding: 30px 0;
}
.error404wrapper a,.error404wrapper a:visited{
color: #ffffff;
text-decoration: none;
padding: 10px 15px;
background: #4f678d;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.error404wrapper a:hover{
color: #ffffff;
text-decoration: none;
padding: 10px 15px;
background: #334269;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.itemsimgbigone{
display: block;
width: 100%;
height: auto;
cursor: pointer;
}

@media screen and (max-width: 1199px) {
.topmenuwrapper{
width: 930px;
}
.arrowswrapper{
margin: 40px 0 0 0;
}
.productsmainitem{
width: 450px;
margin: 5px;
}
.productsmainitem img{
width: 370px;
}
.form-group{
width: 280px;
}
.iconwrapper{
width: 50%;
padding: 0 30px 10px 0;
}
.iconwrapper p{
height: 75px !important;
}
.videoitem_page,.iframevideo_page{
width: 420px;
height: 236px;
}
.playbutton_page{
top: 83px;
left: 175px;
}
.playbutton_page:hover{
top: 88px;
left: 180px;
}
.seealsoitem{
width: 290px;
}
.profileitemimg{
width: 40%;
}
.itemtextrightwrapper{
width: 60%;
}
.itempricewrapper{
padding: 10px 0 0 0;
}
.itemtextrightwrapperdesctext{
margin: 0 0 0 0;
}
.itemgomoreinfolink,.itemgomoreinfolink:visited{
width: 180px;
padding: 12px 0;
margin-top: 13px;
}
}
@media screen and (max-width: 991px) {
.topmenuwrapper{
width: 690px;
}
.topmenuleft,.topmenucenter{
display: none;
}
.topmenupopupwrapper{
display: block;
width: 24px;
height: 24px;
overflow: hidden;
cursor: pointer;
margin: 15px 0 0 13px;
float: left;
}
.footermenupopupwrapper{
display: block;
width: 24px;
height: 24px;
overflow: hidden;
cursor: pointer;
margin: 0;
float: left;
}
.topmenupopupwrapper span, .footermenupopupwrapper span{
display: block;
width: 24px;
clear: both;
height: 4px;
background: #ffffff;
margin: 0 0 4px 0;
}
.topmenupopupwrapper:hover span,.footermenupopupwrapper:hover span{
background: #f1edec;
}
.topmenuright{
padding: 0;
margin: 0 13px 0 0;
text-align: right;
}
.bannerblockwrapper-main{
background: url('../img/bg800-2.png');
}
.bannertoptext{
font-size: 3em;
}
.bannersecondtext{
font-size: 0.9em;
}
.productsleft{
clear: both;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
.arrowswrapper{
margin: 0 0 40px 0;
}
.productsright{
clear: both;
width: 100%;
height: 300px;
overflow: hidden;
}
.productsmainitem{
width: 330px;
margin: 5px;
padding: 30px;
}
.productsmainitem img{
width: 270px;
}
.productsseconditem p{
padding-bottom: 0;
}
.videoitem,.iframevideo{
width: 580px;
height: 326px;
}
.productsrighteffect{
height: 326px;
}
.playbutton{
top: 113px;
left: 240px;
}
.playbutton:hover{
top: 118px;
left: 245px;
}
.gotitmini{
width: 90px;
}
.footerlogo,.footercenter{
display: none;
}
.footerright{
width: 80%;
margin: -15px 0 0 0;
}
.specialofferwrapper{
background: none;
}
.wheremapwrapper{
width: 690px;
height: 376px;
}
.mappartnersblockup{
margin-top: -376px;
}
.aboutitemblockleft{
padding-right: 15px;
}
.videoitem_page,.iframevideo_page{
width: 320px;
height: 180px;
}
.playbutton_page{
top: 55px;
left: 125px;
}
.playbutton_page:hover{
top: 60px;
left: 130px;
}
.seealsoitem{
width: 220px;
margin: 0 10px 0 0;
}
.profileitemimg{
width: 50%;
}
.itemtextrightwrapper{
width: 50%;
}
.iconwrapper p{
height: 100px !important;
}
}
@media screen and (max-width: 767px) {
.topmenuwrapper{
width: 510px;
}
.bannerblockwrapper-main{
background: url('../img/bg600-2.png');
}
.bannertoptext{
font-size: 2.5em;
margin: 80px 0 0 0;
}
.mainpagebannerbutton{
position: relative;
bottom: 0;
left: 0;
margin: 150px auto 0 auto;
}
.mainpagebannerbutton span{
padding: 8px 10px;
}
.productsmainitem{
width: 450px;
margin: 5px 0;
clear: both;
}
.productsmainitem img{
width: 370px;
}
.productsseconditem img{
margin: 0 15px 5px 0;
}
.productsseconditemspan{
clear: both;
display: block;
margin: 10px 0;
}
.productsseconditemspan:hover{
border-bottom: none;
}
.videoitem,.iframevideo{
width: 450px;
height: 253px;
}
.productsrighteffect{
height: 253px;
}
.playbutton{
width: 90px;
top: 82px;
left: 190px;
}
.playbutton:hover{
width: 80px;
top: 87px;
left: 195px;
}
.form-group{
clear: both;
width: 330px;
padding: 20px 0 10px 0;
margin: 0;
}
.iconwrapper{
width: 100%;
clear: both;
padding: 0 0 10px 0;
}
.iconwrapper p{
height: auto !important;
}
.iconitem{
width: 100px;
height: 100px;
}
.iconitem img{
width: 60px;
margin: 20px auto;
}
.mapimg{
clear: both;
width: 100%;
margin: 0 0 40px 0;
}
.specialoffertext{
display: block;
float: left;
width: 350px;
}
.specialoffersep{
height: 20px;
}
.specialoffericon{
display: block;
float: left;
margin: 5px 10px 0 0 !important;
}
.wheremapwrapper{
width: 510px;
height: 278px;
}
.mappartnersblockup{
margin-top: -278px;
}
.aboutitemblockleft,.aboutitemblockright{
width: 100%;
clear: both;
padding: 0;
}
.aboutitemblockright{
padding-top: 30px;
}
.videoitem_page,.iframevideo_page{
width: 498px;
height: 280px;
}
.playbutton_page{
top: 105px;
left: 214px;
}
.playbutton_page:hover{
top: 110px;
left: 219px;
}
.seealsoitem{
width: 450px;
clear: both;
margin: 0 0 15px 0;
}
.profileitemimg{
width: 80%;
clear: both;
}
.itemtextrightwrapper{
width: 100%;
clear: both;
padding: 20px 0 0 0;
}
.itemtextrightwrapperdesctext{
margin: 0 0 5px 0;
}
}
@media screen and (max-width: 575px) {
.topmenuwrapper{
width: 94.5%;
}
.bannertoptext{
letter-spacing: 0.1em;
}
.productsmainitem{
width: 96%;
margin: 5px 0;
padding: 6%;
}
.productsmainitem img{
width: 100%;
}
.videoitem,.iframevideo{
width: 390px;
height: 219px;
}
.productsrighteffect{
height: 219px;
}
.playbutton,.playbutton:hover{
width: 70px;
top: 75px;
left: 160px;
}
.mappointcontent{
width: 100%;
}
.mapblockwrapper{
margin-bottom: 0;
overflow: visible !important;
}
.blockafterpartnermap{
width: 100%;
clear: both;
height: 60px;
overflow: hidden;
display: block;
}
.bannersecondpageleft{
clear: both;
margin: 0 0 30px 0;
}
.bannersecondpagerightwrapper{
width: 100%;
clear: both;
text-align: left;
margin: 0;
}
.bannerblockwrapper-lodka{
padding: 0 0 50px 0;
}
.videoitem_page,.iframevideo_page{
width: 400px;
height: 225px;
}
.playbutton_page{
top: 77px;
left: 165px;
}
.playbutton_page:hover{
top: 82px;
left: 170px;
}
.seealsoitem{
width: 90%;
}
.mappointitem{
width: 6px;
height: 6px;
}
}
@media screen and (max-width: 460px) {
.topmenuwrapper{
width: 94%;
}
.bannerblockwrapper-main{
background: url('../img/bg500-2.png');
}
.bannertoptext{
font-size: 2em;
}
.productsseconditem img{
clear: both;
margin: 0 0 15px 0;
}
.productsseconditem p{
clear: both;
display: block;
margin: 0;
}
.videoitem,.iframevideo{
width: 280px;
height: 158px;
}
.productsrighteffect{
height: 158px;
}
.playbutton,.playbutton:hover{
width: 70px;
top: 44px;
left: 105px;
}
.videoitemgethide span{
display: none;
}
.form-group{
width: 100%;
}
.iconitem{
width: 80px;
height: 80px;
}
.iconitem img{
width: 50px;
margin: 15px auto;
}
.gotitmini{
width: 60px;
}
.specialoffertext{
clear: both;
width: 100%;
}
.specialoffericon{
clear: both;
margin: 0 0 10px 0 !important;
}
.videoitem_page,.iframevideo_page{
width: 350px;
height: 197px;
}
.playbutton_page{
top: 63px;
left: 140px;
}
.playbutton_page:hover{
top: 68px;
left: 145px;
}
.profileitemimg{
width: 100%;
}
}
@media screen and (max-width: 400px) {
.topmenuwrapper{
width: 92%;
}
.topsoclogo{
width: 20px;
height: auto;
margin: 15px 0 0 0;
}
.topmenuphone{
padding: 15px 0 0 10px;
font-size: 0.9em;
}
.bannertoptext{
font-size: 1.8em;
}
h1{
font-size: 1.8em;
padding: 30px 0 20px 0 !important;
}
.simpletext{
font-size: 0.9em;
}
.blockgreybgwrapper{
margin: 30px 0;
padding: 30px 0;
}
h2{
font-size: 1.5em;
padding-bottom: 30px !important;
}
.specialofferbutton{
width: 230px;
padding: 12px 0;
}
.videoitem_page,.iframevideo_page{
width: 290px;
height: 163px;
}
.playbutton_page{
top: 46px;
left: 110px;
}
.playbutton_page:hover{
top: 51px;
left: 115px;
}
.iconsitemright{
padding-right: 10px;
}
}
@media screen and (max-width: 320px) {
body{
width: 320px;
}
}