/*9
Theme Name: minimtemp
Version: 1.0
Description: Template by Broman
Author: Broman
*/


@font-face {
    font-family: "AvantGardeGothicC"; /* Имя шрифта */
    src: url(fonts/AvantGardeGothicC-Book.otf); /* Путь к файлу со шрифтом */
    font-weight: normal;
    font-style: normal;
}
html{
    margin-top: 0px !important;
}
body{
    font-family: 'Roboto', sans-serif !important;
}
a{
    cursor: pointer;
}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

.mainblck{
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 33;
}
.topside{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(images/topimg.jpg);
    background-position: center;
    height:750px;
}
/*start header  */

.navb{
    display: flex;
    align-items: center;
    justify-content: center;
    height:50px;
    background-color: #544b4c; 
}
.navb ul{
    display: flex;
    justify-content: center;
    float:none;
    margin-top: 7px;
}
.navb ul .navlink{
    text-transform: uppercase;
    text-decoration: underline;
    list-style: none;
    color:#ccc9ca;
    letter-spacing: 2px;
}
.navb ul .navlink a{
    text-transform: uppercase;
    text-decoration: underline;
    list-style: none;
    color: #ccc9ca;
    letter-spacing: 2px;
}
.navb ul .navbetween{
    list-style: none;
    color:#ccc9ca;
    padding-left: 15px;
    padding-right: 15px;
}
.navbutton{
    font-family: 'Roboto', sans-serif !important;
    background-color: #3a9ec0; 
    color:#ffffff;
    text-transform: uppercase;
    font-size: 10px;
    width: 145px;
    height: 28px;
    border: 0;
    border-radius: 3px;
    border-bottom: solid 2px;
    border-bottom-color: #358caa;
    padding-top: 2px;
    float: left;
    margin-left: 50px;
    cursor:pointer;
    transition:1s;
}
.navbutton:hover{
    background-color: #358caa;
    transition:.5s;
}

/*end header, start topside*/

.tophead{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.tophead .contacts{
    display: flex;
    flex-direction: column;
}
.tophead .contacts .socnet{
    display: flex;
    list-style: none;
    padding-left: 0px;
}
.tophead .contacts .socnet .exchange{
    color: #ffffff;
    margin-left: 10px;
    text-decoration: underline;
    line-height: 30px;
    font-style: italic;
}
.tophead .contacts .lang{
    color:#45b7de;
    text-decoration: underline;
    margin-bottom: 20px;
    margin-top: 20px;
}
.tophead .contacts .lang a{
    color:#45b7de;
}
.tophead .contacts .telnum{
    color: #ffffff;
    font-size: 15px;
}

.tophead .brandname{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 250px;
    margin-left: 50px;
}
.tophead .brandname h1{
    font-family: 'Roboto', sans-serif !important;
    color:#ffffff;
    font-size: 45px;
    letter-spacing: 2px;
    line-height: 30px;
}
.tophead .brandname .smallsize{
    color: #ffffff;
}
.tophead .brandname .middlesize{
    color: #ffffff;
    font-size: 17px;
    font-style: italic;
}

.middlehead{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.middlehead ul{
    display:flex;
}
.middlehead ul li{
    padding-left: 30px;
    padding-right: 70px;
    font-style: italic;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 2px;
    text-shadow: 0 3px 10px rgba(0,0,0,0.5); 
}
.middlehead .fatspan{
    font-size: 55px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 2px;
    line-height: 75px;
    text-shadow: 0 3px 10px rgba(0,0,0,0.5);
    text-align: center;
    margin-bottom: 60px;
}
.middlehead .slimspan{
    font-size: 50px;
    color: #ffffff;
    letter-spacing: 2px;
    text-shadow: 0 3px 10px rgba(0,0,0,0.5);
    line-height: 100px;
}
.topbutton{
    font-family: 'Roboto', sans-serif !important;
    background-color: #3a9ec0; 
    color:#ffffff;
    text-transform: uppercase;
    font-size: 17px;
    width: 300px;
    height: 60px;
    margin-top: 30px;
    border: 0;
    border-radius: 3px;
    border-bottom: solid 3px;
    border-bottom-color: #358caa;
    padding-top: 3px;
    float: left;
    cursor:pointer;
    transition:1s;
}
.topbutton:hover{
    background-color: #358caa;
    transition:.5s;
}
.bothead{
    margin-bottom: 15px;
}
.bothead span{
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: underline;
    text-shadow: 0 4px 7px rgba(0,0,0,0.5);
}

/*end topside, start before main*/

.guarantee{
    display:flex;
    justify-content:center;
    height:90px;
    background-color: #e7e7e6;
    color: #686f71;
}
.guarantee ul{
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.guarantee ul li{
    padding-left: 0;
    line-height: 18px;
    font-size: 17px;
}

/*end before main, start 1st main block*/

.services{
    font-family: 'Roboto', sans-serif !important;
    display:flex;
    flex-direction: column;
    align-items: center;
    height: 1150px;
    background-color: #dcdddb;
    background-image: url(images/leg.png);
    background-repeat: no-repeat;
    background-position: -40px 70px;
    color:#444444;
}
.services .topserv{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.services .topserv h2{
    font-weight: 100;
    font-size: 45px;
    margin-top: 80px;
}
.services .topserv h2 span{
    font-weight: 400;
}
.blueline{
    height:10px;
    width:50px;
    border-bottom: solid 3px #3a9ec0;
}
.singleserv{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:30px;
    width: 295px;
}
.servlist{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;

}
.servlist .servname{
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    font-weight: bold;
}
.servlist .servdesc{
    text-align: center;
}
.specserv{
    margin-left: 100px;
}

.services .botserv{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.botserv .ratelist{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    width:75%;
}
.botserv .ratelist .singlerate{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    width: 270px;
    height: 210px;
    background-color: #ffffff;
    margin: 5px;
    border-bottom: solid 3px #cecece;
    transition:1s;
}
.botserv .ratelist .singlerate .ratedesc{
    text-align: center;
}
.botserv .ratelist .singlerate .rateimg1{
    background-image: url(images/buy.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.botserv .ratelist .singlerate .rateimg2{
    background-image: url(images/world.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.botserv .ratelist .singlerate .rateimg3{
    background-image: url(images/money.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.botserv .ratelist .singlerate .rateimg4{
    background-image: url(images/moneyback.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.botserv .ratelist .singlerate .rateimg5{
    background-image: url(images/bag.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.botserv .ratelist .singlerate .rateimg6{
    background-image: url(images/info.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.botserv .blueline{
    margin-bottom: 35px;
}
.botserv h2{
    font-weight: 400;
    font-size: 45px;
    margin-top: 80px;
}
.botserv h2 span{
    font-weight: 100;
}
.botserv .singlerate:hover{
    transition:.5s;
    background-color: #dcdddb; 
    border-bottom: solid 3px #3a9ec0;
}
.botserv .ratedesc{
    margin-top: 20px;
    color:#3a9ec0;
    text-transform: uppercase;
    font-size: 18px;
}
.btwblck{
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-image: url(images/sales.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height:265px;
}
.btwblck .salebig{
    font-weight: 100;
    font-size:50px;
    letter-spacing: 7px;
    color:#ffffff;
    text-transform: uppercase;
}
.btwblck .salesmall{
    font-weight: 100;
    font-size:30px;
    letter-spacing: 2px;
    color:#ffffff;
    margin-bottom: 20px;
}



.subscribe{
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-image: url(images/subscribe.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height:400px;
}
.subscrtop{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 50px;
    font-weight: 100;
    margin-top: 10px;
}
.subscrmiddle{
    font-weight: 100;
    font-size:30px;
    letter-spacing: 2px;
    color:#ffffff;
    margin-bottom: 20px;
    
}
.subscrbot{
    text-align: center;
    color:#ffffff;
    font-weight: 100;
    font-size: 17px;
}
.subscrinput{
    background-color: rgba(0,0,0,0) !important;
    text-align: center;
    width: 300px;
    height: 55px;
    border: solid 1px #ffffff;
    color:white;
    font-size: 18px;
    margin-left: 2px;
    margin-right: 2px;
    letter-spacing: 1px;
}
.subscrinput2{
    background-color: rgba(0,0,0,0);
    text-align: center;
    width: 420px;
    height: 55px;
    border: solid 1px #ffffff;
    color:white;
    font-size: 18px;
    margin-left: 2px;
    margin-right: 2px;
    letter-spacing: 1px;
    margin-top: 8px;
}
.subscrbutton{
    font-family: 'Roboto', sans-serif !important;
    transition:1s;
    background-color: #3a9ec0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    width: 230px;
    height: 53px;
    border: 0;
    border-radius: 1px;
    border-bottom: solid 2px;
    border-bottom-color: #358caa;
    padding-top: 2px;
    letter-spacing: 2px;
    margin-left: 4px;
}
.subscrbutton2{
    font-family: 'Roboto', sans-serif !important;
    transition:2s;
    background-color: #3a9ec0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    width: 180px;
    height: 53px;
    border: 0;
    border-radius: 1px;
    border-bottom: solid 2px;
    border-bottom-color: #358caa;
    padding-top: 2px;
    letter-spacing: 2px;
    margin-left: 4px;
    margin-top: 8px;
}
.subscrbutton:hover{
    transition:.5s;
    background-color: #358caa; 
}
.subscrbutton2:hover{
    transition:.5s;
    background-color: #358caa; 
}
.subscrform{
    margin-top: 50px;
}
.scheme{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-image: url(images/scheme.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 666px;
}
.scheme .schemetables{
    display: flex;
    margin-left: 25%;
}
.scheme .schemetables ul{
    display: flex;
    flex-direction:column;
    list-style: none;
}
.scheme .schemetables .imgscheme{
    
}
.scheme .schemetables .imgscheme li{
    line-height: 85px;
}
.scheme .schemetables .imgscheme li img{
    width:65px;
    height:65px;
}
.scheme .schemetables .textscheme{
    margin-top: 25px;
}
.scheme .schemetables .textscheme li{
   height:85px; 
   font-style: italic;
   color: #444444;
}
.scheme .schemetitle{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.scheme .schemetitle h2{
    font-weight: 100;
    font-size: 45px;
    margin-top: 80px;
}
.scheme .schemetitle h2 span{
    font-weight: 400;
}

.questions{
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-image: url(images/quest.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height:400px;
}
.questbot{
    text-align: center;
    color:#ffffff;
    font-weight: 100;
    font-size: 27px;
}
.questform{
    margin-top: 30px;
}
.contactblock{
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-image: url(images/map.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height:400px;
    cursor: pointer;
}
.contactblock .cntctitle{
    color: #ffffff;
    font-weight: 100;
    font-size: 34px;
}
.contactblock .cntctel{
    color: #ffffff;
    font-weight: 100;
    font-size: 28px;
}
.contactblock .cntcaddress{
    color: #ffffff;
    font-weight: 100;
    text-align: center;
    font-size: 21px;
}
.foot{
    display: flex;
    justify-content: space-around;
    background-color: #5d5354;
    height:150px;
}

.foot .footleft{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.foot .footleft h3{
    color: #ffffff;
    font-size: 45px;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 0;
}
.foot .footleft .smallsize{
    color:#ffffff;
}
.foot .footleft .middlesize{
    color: #ffffff;
    font-size: 17px;
    font-style: italic;
}
.foot .footright{
    display: flex;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    font-size: 16px;
    margin-top: 20px;

}
.foot .footright img{
    margin-bottom: 15px;
    margin-left: 5px;
}

.salesblock{
    height:1695px;
    background-color: #dcdddb;
    background-image: url(images/modelsales.jpg);
    background-repeat: no-repeat;
    background-position: 0px 730px;
}


.singlesale{
    display:flex;
    flex-direction:column;
    align-items:center;
    width: 300px;
    text-align: center;
    margin: 0px 0px 50px 0px;
}

.salewrap{
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    float: none;
    margin: 0 auto;
    padding-top: 50px;
}
.imageblock a{
    
}
.imageblock a .roll{
    background-image: url(images/saleshover1.png);
    background-repeat: no-repeat;
    background-position:60px 50px;
    background-color: rgba(102,148,170,0.9);
    height: 150px;
    position: absolute;
    width: 300px;
    z-index: 10;  
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px  #000;
    box-shadow: 0px 0px 4px  #000; 
    
}

.saleblueline{
    height: 10px;
    width: 30px;
    border-bottom: solid 3px #3a9ec0;
    margin-bottom: 10px;
}

.singlesale a{
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 5px;
    color:#67b4cf;
    text-transform: uppercase;
}
.singlesale .saletitle{
    color: #444444;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.singlesale p{
    color: #8c9398;
    font-size: 11px;
}

.fakeblock{
    width: 300px;
    text-align: center;
    margin: 0px 0px 50px 0px;
    height:200px;
}
.brandsblock{
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 340px;
    
}
.brandsblock .firstrow img{
    margin: 0px 10px 0px 10px;
}

.brandsblock .firstrow  a img:hover{
    border-top:solid 3px #3A9EC0;
    transition:.1s;
}

.brandsblock .secondrow ul li:hover{
    border-bottom:solid 3px #3A9EC0;
    transition:.1s;
}
.brandsblock .secondrow ul{
    display: flex;
    justify-content:center;
}
.brandsblock .secondrow ul li{
    display: flex;
    flex-direction: column;
    width: 140px;
    text-align: center;
    margin: 0 20px 0 20px;
    justify-content: flex-end;
}
.brandsblock .secondrow ul li a{
    line-height: 15px;
    font-size: 12px;
    color: #444444;
}
.brandsblock .secondrow ul li a img{
    margin-bottom: 15px;
}
.brandsblock .secondrow ul li a:hover{
    text-decoration: none;
    cursor: pointer;
}

.fakeimg{
    width: 300px;
    height:40px;
    display: inline-block;
}
.exchange2{
    color: #ffffff;
    margin-left: 10px;
    text-decoration: underline;
    line-height: 30px;
    font-style: italic;
    display: none;
}
.navbuttonhidden{
    font-family: 'Roboto', sans-serif !important;
    background-color: #3a9ec0; 
    color:#ffffff;
    text-transform: uppercase;
    font-size: 10px;
    width: 145px;
    height: 28px;
    border: 0;
    border-radius: 3px;
    border-bottom: solid 2px;
    border-bottom-color: #358caa;
    padding-top: 2px;
    float: left;
    margin-left: 0px;
    transition:1s;
    display: none;
}
.navbuttonhidden:hover{
    background-color: #358caa;
    transition:.5s;
    float:right;
}
.speclist{
    list-style: none;
}

.fadehide{
  opacity: 1;
}

.fadeshow{
  opacity: 1;
}

select{
   -moz-appearance: none;
   text-align: center;
}
select:invalid { color: #A9A9A9; }
select option{
  color:#444444;
  font-style: italic;
  font-weight: 100;
  transition:.5s;
  border: 0;
  text-align: left;
  
}
select option:hover{
  background-color: #3a9ec0;
  color:#ffffff;
  transition:.3s;  
}
#contacts a {
    color: white;
    text-decoration: none;
}
.logo-gzone {
    width: 120px;
    margin: 20px 0;
}
.logo-gzone-footer {
    width: 100px;
    margin: 0;
    padding: 10px 0;
}
.font-avant {
    font-family: "AvantGardeGothicC"; /* Имя шрифта */
    font-style: normal !important;
}