/*career*/
.career_text {background-color: #fafafa; padding: 20px 30px;}
.career_block .form {flex: 0 0 200px;}


/*sale_contact*/
.sale_contact h2 {padding: 0 10px; text-align: center; font-size: 1.6rem;}
.sale_contact img {width: 100%;}

.sale_contact_card_container {padding-bottom: 70px;}
.sale_contact_card {height: 280px;}
.sale_contact_card h2 {text-transform: uppercase; font-family: 'Montserrat', Arial, sans-serif !important;font-weight: 600; font-size: 1.4rem;}
.sale_contact_card .img {flex: 0 0 200px; background-size: cover; background-position: center; box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);}
.sale_contact_card .name_container {margin: 10px 0; line-height: 1.1rem;}
.sale_contact_card .descr {padding: 20px 40px; margin: 10px 0; text-align: left; background-color: #f5f5f5;}
.sale_contact_card .descr .post {font-style: italic;}
.sale_contact_card .descr .name {padding-right: 15px;}
.sale_contact_card .descr .phone {font-weight: 400; font-size: 1.1rem;}
.sale_contact_card .hr {
  border-top: 1px solid #e5e5e5;
  height: 1px;
  margin: 15px 0;
  clear: both;
  max-width: 400px;
}
.sale_contact_card .call_order_container {font-style: italic; font-weight: 500; font-size: 1.1rem;}
.sale_contact_card_container .bg_img {position: absolute; right: 0; bottom: 0;z-index: 1;}



.sale_contact.item_bbasket .img {background-position: center; background-size: cover;}




.elemet_detail_slider img {max-width: 100%; width: auto!important; margin: 0 auto;}

.catalog_container {background: url(/images/bg/catalog.jpg) no-repeat right top;}
.delivery_container {background: url(/images/bg/elipse.png) no-repeat left top;}
.about_wrapper {background: url(/images/bg/dots.jpg) no-repeat 15% 50px;}
.delivery_wrapper {background: url(/images/bg/delivery.jpg) no-repeat right top;} 
.bg1 {background: url(/images/bg/bg1.jpg) no-repeat left bottom;}
.delivery_page {background: url(/images/bg/delivery_page.jpg) no-repeat center bottom; background-size: contain;} 
.provider_wrapper {background: url(/images/bg/provider.jpg) no-repeat center bottom; background-size: contain;} 
.career_wrapper  {background: url(/images/bg/career.jpg) no-repeat center bottom; background-size: contain;}  
header {background: url(/images/bg/header_bg.png) no-repeat 100px top;} 
.about_wrapper_main {background: url(/images/bg/about.jpg) no-repeat center bottom; background-size: cover;} 
.about_wrapper_main {padding-bottom: 300px;}

#map [class*="ymaps-2-1"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

/*О компании*/
.director_container {
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    background: #fdfdfd url(/images/bg/dots_about.jpg) no-repeat right bottom;
}
.director_container b {font-weight: 600;}
.director_container .img img {height: 100%; max-width: 200px;}
.director_container .del {position: relative; margin: 8px 0; height: 1px;}
.director_container .del::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #ff0004;
    position: absolute;
    left: 0;
    bottom: 0px;

}
.director_container .post {font-style: italic;}
.director_container .name {font-weight: 600;}
.director_container .descr {padding: 30px;}

/*О компании*/
.about_container .img {padding-right: 50px;}
.about_container .img img {width: 100%;}

.about_page img {float: left; max-width: 35%; padding: 0 15px 15px 0;}

/*footer*/
footer label {display: block; color: #aebdc3; font-size: 0.75rem;}
footer .phone_container .phone {
  padding: 10px 0 10px 40px;
  background: url(/images/project/phone_footer.png) 0 15px no-repeat;
  font-weight: 400;
  color: #aebdc3;
}
footer .phone_container .phone  a {text-decoration: none; color: #aebdc3;}
footer .address_container .address {
  padding: 10px 0 10px 40px;
  background: url(/images/project/map_footer.png) 0 15px no-repeat;
  font-weight: 400;
  font-size: 0.85rem; 
  color: #aebdc3;
}

footer .email_container .email {
  padding: 10px 0 10px 40px;
  background: url(/images/project/mail_footer.png) 0 15px no-repeat;
  font-weight: 400;
  font-size: 0.85rem; 
  color: #aebdc3;
}
footer .email_container .email a {color: #00a1df;}


footer .bottom_block {
  font-size: 0.85rem;
  position: absolute;
  bottom: 0;
  height: 54px;
  background-color: #001720;
  width: 100%;
  padding: 8px 0;
}
footer .dev {margin-left: 60px;}
footer .callback {color: #00a1df!important; display: inline-block; padding-left: 40px; text-decoration: underline;}

/*Контакты*/
.map_contacts .form {box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3);}
.map_contacts [class*="ymaps-2-1"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.map_contacts label {display: block; color: #587f8a; font-size: 0.75rem;}
.map_contacts .phone_container .phone {
  padding: 10px 0 10px 40px;
  background: url(/images/project/phone.png) 0 15px no-repeat;
  font-weight: 400;
}
.map_contacts .phone_container .phone  a {text-decoration: none;}
.map_contacts .address_container .address {
  padding: 10px 0 10px 40px;
  background: url(/images/project/map.png) 0 15px no-repeat;
  font-weight: 400;
  font-size: 0.85rem; 
}
.map_contacts .email_container .email {
  padding: 10px 0 10px 40px;
  background: url(/images/project/mail.png) 0 15px no-repeat;
  font-weight: 400;
  font-size: 0.85rem; 
}
.map_contacts .email_container .email a {color: #02658c;}

/*advantage*/
.advantage_container h2 {color: #FFF;}

/*header*/
header, header a {color: #002432; font-size: 0.9rem; text-decoration: none;}
header label {display: block; color: #587f8a;}
header .phone_container {position: relative;}
header .phone_container .phone {
  padding: 10px 0 10px 40px;
  background: url(/images/project/phone.png) 0 15px no-repeat;
  font-weight: 400;
}
header .address_container .address {
  padding: 10px 0 10px 40px;
  background: url(/images/project/map.png) 0 15px no-repeat;
  font-weight: 400;
  font-size: 0.85rem; 
}
header .phone_container::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #d4d4d4;
    top: 50%;
    margin-top: -7.5px;
    right: 0;

}
header .callback {color: #00419a!important; display: inline-block; font-size: 0.85rem; text-decoration: underline;}


/*.Label*/
.label {padding-left: 65px; font-size: 0.8rem; position: relative; color: #d82427; display: inline-block; font-weight: 400;}
.label:before {
    position: relative;
    background-color: #d82427;
    height: 1px; 
    width: 50px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
}
.label.white {color: #FFF;}
.label.white:before {background-color: #FFF;}



/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    header {background: #FFF;}    
    .career_block {  -ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}  
    .career_block .form {flex: 0 0 100%; margin-top: 30px;}
    .career_block .content {padding-right: 0;}
    
    .director_container .img img {height: auto;}
    .director_sub_container > .content_container > .d-flex {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
     }
     .director_container .img {margin: 30px auto 0 auto;}
     
     .about_wrapper_main {background: none; padding: 0;} 
     .about_wrapper {background: url(/images/bg/provider.jpg) no-repeat center bottom; background-size: contain;}
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    .sale_contact_card .descr {padding: 15px 20px;}
    
}