pre{border: 1px solid #999;background: #eee;padding: 20px;}
html {
    background: #fff;
}
body {
    line-height: 1.4;
    font-size: 16px;
    min-width: 1240px;
    background: #fff;
    font-family: 'Roboto', sans-serif; 
    color: #003366;
}
a:visited{color: #214774;}

a{color: #023b7e;outline: none;}
a:active{color: #0096eb;}
a:focus{color: #0096eb;}
a:hover{color: #0096eb;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6
{line-height: 1.2;margin: 0px 0 0.5em;font-weight: 100;color: #0096eb;}
h1,.h1{font-size: 32px;margin: 0 0 1em 0;}
h2,.h2{font-size: 24px;}
h3,.h3{font-size: 21px;}
h4,.h4{font-size: 18px;}
h5,.h5{font-size: 17px;}
h6,.h6{font-size: 16px;}


ol {
    list-style:  decimal;margin: 10px 20px;
}
ol li{margin-left: 10px;}
ul {
    list-style: disc;
    margin: 10px 20px;       
}
ul li{margin-left: 10px;list-style: disc;}

p{margin: 1em 0;}
b,strong{font-weight: bold;}
blockquote {
    background: none repeat scroll 0 0 rgba(255,255,255,0.5);
    border-bottom: 2px dashed #bababa;
    border-top: 2px dashed #bababa;
    color: #777;

    font-size: 15px;
    font-style: italic;
    line-height: 1.40;
    padding: 10px 15px;
    position: relative;
    text-align: left;
    width: 450px;
}
a.order-master-incontacts {
    background: #fdb052 none repeat scroll 0 0;
    border-radius: 20px;
    color: #333333;
    display: block;
    font-size: 15px;
    line-height: 30px;
    padding: 2px 15px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffd8a9;
    top: 39px;
}
a.order-master-incontacts:hover {
    background: #ff9c20 none repeat scroll 0 0;
    box-shadow: 1px 1px 1px #eeeeee;
}
.transition-all{
         -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.transform-scale-105-hover:hover{
    -moz-transform: scale(1.05); /* Для Firefox */
    -ms-transform: scale(1.05); /* Для IE */
    -webkit-transform: scale(1.05); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1.05); /* Для Opera */
    transform: scale(1.05);    
}



.relative{position: relative;}
.image-left{float: left; margin: 0 20px 20px 0;}    
.image-right{float: right; margin: 0 0 20px 20px;}    

/*template*/

.block-slider{margin-bottom: 36px;}
.block-header{height: 136px;position: relative;}
.float-column-stop{border-top: 5px solid #e5e5e5;}
.block-footer{margin-top: 10px;padding-top: 10px;
font-weight: 100;}
.logo {
    height: 130px;
    width: 130px; 
    display: block;
}
.block-header_logo-wrapper{position: absolute;top:3px;left: 3px;width: 130px;height:130px;}
.block-header_search-wrapper{position: absolute;top:30px;left: 160px;width: 328px;height: 35px;}
.block-header_social-wrapper{position: absolute;top:30px;left: 510px;width: 120px;height: 35px;}
.block-header_main-menu-wrapper{position: absolute;top:75px;left: 145px;width: 855px;height: 35px;}
.block-header_phone-wrapper{position: absolute;top:30px;right: 0px;width: 220px;height: 80px;
color: #003366;
font-size: 26px;
line-height: 42px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block-header_phone-wrapper:hover{color: #0096eb;}
.block-header_phone-wrapper a{display: block;text-decoration: none;}
.block-header_phone-wrapper .phone1,.block-header_phone-wrapper .phone2{position: relative;}

.navigation-list{list-style:  none;width: 50%;margin: 10px auto;display: table-row;}
.navigation-list li{display: table-cell;padding: 0 20px 20px 0;}
.navigation-list li a{display: block;height: 40px;width: 200px;padding: 100px 20px 10px;color: #fff;
                     background: #4a94f5 center top no-repeat;text-align: center;text-decoration: none;font-size: 15px;opacity: 0.9;}

.navigation-list li a:hover{opacity: 1;}

.navigation-list li.item1 a{background-image: url("/images/services-icons/1.png");background-color: #83d2fd;}
.navigation-list li.item2 a{background-image: url("/images/services-icons/2.png");}
.navigation-list li.item3 a{background-image: url("/images/services-icons/3.png");background-color: #5257bc;}
.navigation-list li.item4 a{background-image: url("/images/services-icons/4.png");background-color: #5257bc;}
.navigation-list li.item5 a{background-image: url("/images/services-icons/5.png");background-color: #019ee3;}
.navigation-list li.item6 a{background-image: url("/images/services-icons/6.png");background-color: #83d2fd;}



.header-phone-btn{
position: absolute;top:5px;right: -4px;width: 30px;height: 30px;
background:url("img/phone.png") no-repeat center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
overflow: hidden;   
opacity: 0;
}
.block-header_phone-wrapper a:hover .header-phone-btn{opacity: 1;}
/*.block-header_phone-wrapper:hover .header-phone-btn:hover{opacity: 1;}*/


.block-header_auth-wrapper{position: absolute;top:30px;left: 620px;width: 375px;height: 35px;}
.block-header_cart-wrapper{position: absolute;top:30px;left: 860px;width: 130px;height: 35px;}

.fb-link{  
    background: rgba(0, 0, 0, 0) url("img/fb.png") no-repeat scroll center 2px;
    height: 34px;
    width: 30px; 
    display: block;
    float: left;
    text-indent: -999px;
    overflow: hidden;
    margin-right: 2px;
}
.vk-link{  
    background: rgba(0, 0, 0, 0) url("img/vk.png") no-repeat scroll center 2px;
    height: 34px;
    width: 30px; 
    display: block;
    float: left;
    text-indent: -999px;
    overflow: hidden;
    margin-right: 2px;
}
.ig-link{  
    background: rgba(0, 0, 0, 0) url("img/ig.png") no-repeat scroll center 2px;
    height: 34px;
    width: 46px; 
    display: block;
    float: left;
    text-indent: -999px;
    overflow: hidden;
    margin-right: 1px;
}
.fb-link:hover,.vk-link:hover,.ig-link:hover{  
    background-position: center -28px;
}

/******************************************************************************/
.content_search{overflow: hidden;position: relative;}
.content_search_search{width: 330px;padding: 10px 10px 10px 42px;box-sizing: border-box;
                       text-align: center;font-size: 22px;line-height: 30px;font-weight: 100;
color: #fff;background: #0096eb url(img/lupa.png) 17% center no-repeat;margin: 0 auto -24px;position: relative;z-index: 10;
}

.content_search_table{background: #f1f1f1;padding: 40px 30px 30px 30px;position: relative;z-index: 9;}
.content_search_table table.first{width: 100%;}
.content_search_table select,.content_search_table input
{box-sizing: border-box;width: 100%;padding: 7px 7px;margin-bottom: 10px;
color: #555 !important;font-size: 16px !important;font-family: "Roboto",​sans-serif !important;font-weight: 100;}

.content_search_table select option{padding: 0px;
color: #333 !important;font-size: 16px !important;font-family: "Roboto",​sans-serif !important;font-weight: 100;}

.content_search_table input[type="submit"]
{box-sizing: border-box;width: 100%;padding: 5px;margin: 10px 0px 0px 0px;
background: #6368c2;color: #fff !important;border:none;border-radius: 3px;
font-family: "Roboto",​sans-serif;cursor: pointer;
font-size: 22px !important;line-height: 30px !important;font-weight: 100;}
.content_search_table label{font-size: 14px;line-height: 1;margin:4px 5px;display: block;}
.content_search_table input[type="radio"]{margin:5px;font-size: 20px;min-width: 13px;min-height: 13px;}



.footer-content.line1{min-height: 120px;}
.footer-content.line2{min-height: 120px;}
.footer-content_footer-links{text-align: center;color: #b9b8b8;font-size: 14px;}
.footer-content_footer-links a{color: #b9b8b8;padding: 5px;}
.footer-content_footer-links a:hover{color: #0096eb;}

.footer-content_footer-copyright{
    position: absolute;
    top:10px;
    left: 10px;
    color: #b9b8b8;
}

.footer-content_footer-menu1{
    position: absolute;
    top:8px;
    left: 350px;
    color: #b9b8b8;
}
.footer-content_footer-menu2{
    position: absolute;
    top:8px;
    left: 590px;
    color: #b9b8b8;
}
.footer-content_footer-phones{
    position: absolute;
    top:10px;
    right: 10px;
    color: #545555;
    font-weight: 400;
    width: 400px;
}
.footer-content_footer-phones #phone_spb
{
    position: absolute;
    top:0px;
    left: 0px;
}
.footer-content_footer-phones #phone_msk
{
    position: absolute;
    top:0px;
    right: 0px;
}
.footer-content_footer-phones span{
    color: #0096eb;
    font-size: 24px;
}

.block-style-3{background: url('/images/mainpage-services-icons/bg.png') center repeat;
margin: 30px 0;
padding: 20px 0 30px;}

.block-wide.style-1{background: url('/images/mainpage-services-icons/bg.png') center repeat-x;
margin: 30px 0;}
.style-1_item{display: block;position: relative;text-decoration: none;}
.style-1_item .text{text-decoration: none;text-align: center;
                    font-size: 18px;font-weight: 100;line-height: 1.2;
display: table-cell;height: 90px;vertical-align: middle;padding: 0 10px;}
.style-1_item .picture{
    width: 180px;
    height: 180px;
    background: center no-repeat;
    margin: 0px 0 -45px;top:-35px;
    position: relative;
   
}
.style-1_item .button{
background: #6368c2 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
box-sizing: border-box;
color: #ffffff !important;
cursor: pointer;
font-family: "Roboto",​sans-serif;
font-size: 17px !important;
font-weight: 100;
line-height: 30px !important;
margin: 10px 0 0;
padding: 5px;
width: 60%;
text-align: center;
margin: 0 auto 10px;
         -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;

}
.style-1_item:hover .button{
    -moz-transform: scale(1.05); /* Для Firefox */
    -ms-transform: scale(1.05); /* Для IE */
    -webkit-transform: scale(1.05); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1.05); /* Для Opera */
    transform: scale(1.05);    
}

.style-1_item .picture-hover{
    width: 180px;
    height: 180px;
    background: center no-repeat;
    opacity: 0;
         -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.style-1_item:hover .picture-hover{opacity: 1;}
.style-1_item.item1 .picture{background-image: url('/images/mainpage-services-icons/1.png');}
.style-1_item.item1 .picture-hover{background-image: url('/images/mainpage-services-icons/1-2.png');}
.style-1_item.item2 .picture{background-image: url('/images/mainpage-services-icons/2.png');}
.style-1_item.item2 .picture-hover{background-image: url('/images/mainpage-services-icons/2-2.png');}
.style-1_item.item3 .picture{background-image: url('/images/mainpage-services-icons/3.png');}
.style-1_item.item3 .picture-hover{background-image: url('/images/mainpage-services-icons/3-2.png');}
.style-1_item.item4 .picture{background-image: url('/images/mainpage-services-icons/4.png');}
.style-1_item.item4 .picture-hover{background-image: url('/images/mainpage-services-icons/4-2.png');}
.style-1_item.item5 .picture{background-image: url('/images/mainpage-services-icons/5.png');}
.style-1_item.item5 .picture-hover{background-image: url('/images/mainpage-services-icons/5-2.png');}
.style-1_item.item6 .picture{background-image: url('/images/mainpage-services-icons/6.png');}
.style-1_item.item6 .picture-hover{background-image: url('/images/mainpage-services-icons/6-2.png');}

.style-1_item .panel{border-radius: 25px 0;box-sizing: border-box;
      box-shadow: 0 0 3px rgba(0,0,0,0.5);background: #fff;
      margin: -20px 0;padding-bottom: 20px;
}
/******************************************************************************/
.block-wide.style-2{margin: 10px 0;}
.style-2_item{display: block;position: relative;text-decoration: none;margin: 0 -10px;
cursor:  default;}
.style-2_item .text{
text-decoration: none;text-align: center;color: #0096eb;
font-size: 18px;font-weight: 100;line-height: 1.2;
display: block;min-height: 40px;vertical-align: middle;padding: 10px 0;
width: 100%;
}
.style-2_item .text2{text-decoration: none;text-align: center;color: #003366;
                    font-size: 15px;font-weight: 100;line-height: 1.2;
display:block;vertical-align: middle;padding: 0 10px;
margin: 0 0px;
}

.style-2_item .picture{
    width: 180px;
    height: 110px;
    background: center no-repeat;
    margin: 0 auto;
    position: relative;
   
}
.style-2_item .button{
background: #6368c2 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
box-sizing: border-box;
color: #ffffff !important;
cursor: pointer;
font-family: "Roboto",​sans-serif;
font-size: 17px !important;
font-weight: 100;
line-height: 30px !important;
margin: 10px 0 0;
padding: 5px;
width: 60%;
text-align: center;
margin: 0 auto 10px;
         -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;

}
.style-2_item:hover .button{
    -moz-transform: scale(1.05); /* Для Firefox */
    -ms-transform: scale(1.05); /* Для IE */
    -webkit-transform: scale(1.05); /* Для Safari, Chrome, iOS */
    -o-transform: scale(1.05); /* Для Opera */
    transform: scale(1.05);    
}

.style-2_item .picture-hover{
    width: 180px;
    height: 110px;
    margin: 0 auto;
    background: center no-repeat;
    opacity: 0;
         -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.style-2_item:hover .picture-hover{opacity: 1;}
.style-2_item.item1 .picture{background-image: url('/images/mainpage-advantages-icons/1.png');}
.style-2_item.item1 .picture-hover{background-image: url('/images/mainpage-advantages-icons/1-2.png');}
.style-2_item.item2 .picture{background-image: url('/images/mainpage-advantages-icons/2.png');}
.style-2_item.item2 .picture-hover{background-image: url('/images/mainpage-advantages-icons/2-2.png');}
.style-2_item.item3 .picture{background-image: url('/images/mainpage-advantages-icons/3.png');}
.style-2_item.item3 .picture-hover{background-image: url('/images/mainpage-advantages-icons/3-2.png');}
.style-2_item.item4 .picture{background-image: url('/images/mainpage-advantages-icons/4.png');}
.style-2_item.item4 .picture-hover{background-image: url('/images/mainpage-advantages-icons/4-2.png');}
.style-2_item.item5 .picture{background-image: url('/images/mainpage-advantages-icons/5.png');}
.style-2_item.item5 .picture-hover{background-image: url('/images/mainpage-advantages-icons/5-2.png');}
.style-2_item.item6 .picture{background-image: url('/images/mainpage-advantages-icons/6.png');}
.style-2_item.item6 .picture-hover{background-image: url('/images/mainpage-advantages-icons/6-2.png');}

.style-2_item .panel{border-radius: 25px 0;box-sizing: border-box;
      background: #fff;
      
      padding: 20px 0;
         -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
      
}
.style-2_item:hover .panel{box-shadow: 0 0 3px rgba(0,0,0,0.5);}

.bonus-sistem-picture1{
    width: 100%;
    height: 534px;
    background: url('/images/mainpage/process.jpg') center no-repeat;    
}
.bonus-sistem-picture2{
    width: 100%;
    height: 534px;
    background: url('/images/mainpage/process2.jpg') center no-repeat;    
    opacity: 0;
         -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.bonus-sistem-picture2:hover{opacity: 1;}


/******************************************************************************/
.fog {
  background: rgba(0, 0, 0, 0) url("img/fog2.png") repeat-x scroll left bottom;
  bottom: 0;
  height: 50px;
  position: absolute;
  width: 100%;
}

.STRETCHY_BLOCK {
  overflow: hidden;
  position: relative;
}
.OPEN_STRETCHY_BLOCK {
  border-top: 5px solid #dfdfdf;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 12px;
  height: 35px;
  margin: -10px auto 0px;
  opacity: 0.8;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-indent: -999px;
  text-transform: uppercase;
  width: 100%;
}
.HIDE_STRETCHY_BLOCK {
  border-top: 5px solid #bfbfbf;
  box-sizing: border-box;
  display: none;
  height: 35px;
  margin: 0 auto 0px;
  opacity: 0.8;
  padding: 0;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.HIDE_STRETCHY_BLOCK div {
  background: #bfbfbf url("/images/arr-up5.png") no-repeat scroll 50% 25%;
  border-radius: 0 0 10px 10px;
  height: 30px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  text-indent: -999px;
  width: 50px;
}
.OPEN_STRETCHY_BLOCK div {
  background: #dfdfdf url("/images/arr-down5.png") no-repeat scroll 50% 25%;
  border-radius: 0 0 10px 10px;
  height: 30px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -999px;
  width: 50px;
}




/******************************************************************************/
.loading_steps_block {text-align: center;background: #f0f0f0;padding: 30px 20px 50px !important;margin-bottom: 20px;}
.loading_steps_block_pic2{margin: 0px auto 10px;width: 50px;height: 50px;border: 2px solid #0096eb;color: #0096eb;padding-bottom: 1px;
                         font-size: 22px;line-height: 50px;font-weight: bold; text-align: center;border-radius: 50%;box-sizing: border-box;}
.loading_steps_block_text{margin: 0 -10px;font-size: 17px;line-height: 1.1;font-weight: 100;}

.loading_steps_block_pic1,.loading_steps_block_pic1_hover{width: 160px;height: 140px;background: url("/zapravka/images/services_refuellingeconom/1.png") 0 0 no-repeat;overflow: hidden;margin: 0 auto;}
.loading_steps_block .col-2 .loading_steps_block_pic1_hover{background-image: url("/zapravka/images/services_refuellingeconom/2.png");opacity: 0;
         -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     text-decoration: none;

}
.loading_steps_block .col-2:hover .loading_steps_block_pic1_hover{opacity: 1;}
.loading_steps_block_pic1_1 .loading_steps_block_pic1_hover{background-position: 1px 0;}
.loading_steps_block_pic1_2 .loading_steps_block_pic1_hover{background-position: -194px 0;}
.loading_steps_block_pic1_3 .loading_steps_block_pic1_hover{background-position: -395px 0;}
.loading_steps_block_pic1_4 .loading_steps_block_pic1_hover{background-position: -595px 0;}
.loading_steps_block_pic1_5 .loading_steps_block_pic1_hover{background-position: -822px 0;}
.loading_steps_block_pic1_6 .loading_steps_block_pic1_hover{background-position: -1030px 0;}

.loading_steps_block_pic1_1{background-position: 1px 0;}
.loading_steps_block_pic1_2{background-position: -194px 0;}
.loading_steps_block_pic1_3{background-position: -395px 0;}
.loading_steps_block_pic1_4{background-position: -595px 0;}
.loading_steps_block_pic1_5{background-position: -822px 0;}
.loading_steps_block_pic1_6{background-position: -1030px 0;}