

/* Start:/bitrix/templates/freeDrive/template_styles.css?16081041744494*/
@font-face {
    font-family: Blogger;
    src: url("/bitrix/templates/freeDrive/css/Blogger_Sans.otf") format("opentype");
}

@font-face {
    font-family: Blogger;
    font-weight: 600;
    src: url("/bitrix/templates/freeDrive/css/Blogger_Sans-Medium.otf") format("opentype");
}

@font-face {
    font-family: Blogger;
    font-weight: 700;
    src: url("/bitrix/templates/freeDrive/css/Blogger_Sans-Bold.otf") format("opentype");
}
body {  font-family: Blogger; }
.header { padding-top: 10px; padding-bottom: 10px;  }
.header .cityslist { color:#434343; font-size: 16px;  font-weight: 600;}
.header .phone { color:#ff8604; font-size: 24px;  font-weight: 700;    margin-top: 6px; margin-bottom: 0;}
.header .phonebox { text-align: right; }
.content  { background: url(/bitrix/templates/freeDrive/img/contentbg.jpg) center center no-repeat; background-size:cover; min-height: 925px; }
.content .orange-back { background:#fe8504; color:#fff; font-size: 24px; margin-bottom: 4px; display: inline-block; padding: 1px 10px;   }
.content .h1 { font-size: 72px; color:#ffffff; font-weight: 700;line-height: 1em;}
.content .h1small { font-size: 48px; color:#ffffff; font-weight: 400;line-height: 1em;}
.content .freeblock { background: url(/bitrix/templates/freeDrive/img/freebg.png) center center no-repeat; width: 373px; text-align: center;  font-size: 72px; height: 145px;  color:#ffffff; font-weight: 700;line-height: 1em;}


 
.backcallform { position: relative;  box-shadow: -2px 10px 20px 17px #22222236; font-family: Blogger;background:#fff; max-width: 340px;
    margin: 0 auto;    padding: 28px 40px 10px; border-radius: 23px;}
.backcallform p.h2 { font-size: 24px; font-weight: 700; color:#343434;text-align: center; margin-top: 15px; margin-bottom: 20px; }
.backcallform .sendzay { background: url(/bitrix/templates/freeDrive/img/doitbg.png) center center no-repeat; text-align: center; font-size: 18px; color:#fff;  background-size: cover; width: 180px; height: 60px; position: absolute; left:50%; margin-left: -90px; padding-top: 7px; top: -30px; }
.backcallform .inputtext {  font-family: Blogger;  height: 30px;display: block; width: 100%; border: none; border-bottom: 1px solid #eee; margin-bottom: 10px; text-align: center; }
.backcallform .inputselect { margin-top: 15px; margin-bottom: 10px; font-family: Blogger; text-align: center!important; border: none;     box-shadow: 1px 2px 12px 1px #22222229; display: block; width: 90%; margin-left: 5%; border-radius: 23px;padding: 10px;  }
.backcallform input[type="submit"] { cursor: pointer; background:#1f58a2; font-size: 18px; color:#ffffff; text-align: center; border: 0; border-radius: 23px; margin: 20px auto;
    display: block; padding: 13px 23px;box-shadow: 0px 2px 9px 3px #1f58a247;}
       



   
    @media (min-width: 768px) { 
     }
     @media (max-width: 767px) { 
     	.header .logo, .header .phonebox {  margin-top: 0px; margin-bottom: 0px; }
     	.content { background: url(/bitrix/templates/freeDrive/img/contentbg.jpg) -920px top no-repeat!important; }
     	.content .h1 {font-size: 42px;}
      }

  
    @media (min-width: 992px) { 
    	.backcallform { top:-210px; }
     }
     @media(max-width: 991px) {

        .content { background: url(/bitrix/templates/freeDrive/img/contentbg.jpg) -600px center no-repeat; background-size: cover; }
     	.content .firstw100 {margin-top: 20px!important;}
     }

 
    @media (min-width: 1200px) { 
     }




     @media (min-width: 576px) { 
        .content .freeblock {  margin-left: 130px; }
      }
      @media(max-width: 576px) {
         .content {
                 background: url(/bitrix/templates/freeDrive/img/contentbg.jpg) -520px top no-repeat #1b3c6d!important;
             background-size: 321%!important;
             min-height: 558px!important;
         }
        .header .logoimage { max-width: 100%; }
        .content .freeblock { max-width: 100%; font-size: 40px; padding-top: 30px; }
        .content .h1small { font-size: 28px;  margin-bottom: 0; }
         .header .cityslist { text-align: center; }
     
         .header .phone {   font-size: 15px; margin-top: 11px; background:#0b4b9f; border-radius: 30px; color:#fff; font-weight: 300; text-align: center; display: inline-block; padding: 3px 8px; }
         .content .h1 {
             font-size: 32px!important;
         }
         .content .freeblock { height: 54px!important; padding-top: 1px!important; color: #ffa341; font-size: 30px; background: none;}
         .content .orange-back {background: #fe8504; color: #fff; font-size: 21px; margin-bottom: 0px; display: inline-block; padding: 1px 10px; }
         .backcallform { padding: 9px 40px 4px;    max-width: 340px;
    margin: 0 auto; }
      }
/* End */
/* /bitrix/templates/freeDrive/template_styles.css?16081041744494 */
