/*font-family: 'Arial', sans-serif;
font-family: 'Open Sans', sans-serif;
# 0091ff
# f3372c
*/
@font-face {
    font-family: rubik; /* Имя шрифта */
    src: url(/css/a_RubricaCn_Bold.ttf); /* Путь к файлу со шрифтом */
   }
@tenor: 'Arial', sans-serif;
@open: 'Open Sans', sans-serif;
@b: #2ca1e0 ;

a{
  cursor:pointer;
}
body{
  font-family: 'Arial', sans-serif;
  min-width: 1200px;
}
.first_menu {
    background: url(/img/slide/pattern.png) repeat #2ca1e0;
    // position: fixed;
    position: relative;
    width: 100%;
    z-index: 10;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    height: 67px;
}
.second_menu {
    padding-top: 30px;
    background: url(/img/nebo.jpg) no-repeat;
    background-size: cover;
    height: 290px;
}
.first_menu:hover{
  opacity: 1!important;
}
.navig_menu a {
  font-family: 'Arial', sans-serif;
  color: white;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 18px;
}
.navig_menu>ul>li {
    padding: 2% 1%;
    position: relative;
    border-top: 3px solid transparent;
}
.navig_menu ul.list-inline {
    margin-bottom: 5px;
    /*margin-top: 5px;*/
}
.navig_menu>ul>li>a:hover{
  text-decoration: none;
  color: black;
}
.navig_menu>ul>li>a>span {
    position: absolute;
    top: 76%;
    left: 46%;
    font-size: 11px;
    font-weight: 100;
    color:  white;
}
.shcart_link a {
    color: white;
    font-size: 18px;
    margin-top: 8%;
    display: inline-block;
    font-family: 'Arial', sans-serif;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.shcart_link span {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 10px;
}
.shcart_link a:hover{
  text-decoration: none;
  color: black;
}
.s_logo img {
    padding: 0;
        width: 100%;
        margin-top: 7%;
}
.s_slogan h2{
  font-family: 'Arial', sans-serif;
  text-align: left;
  font-size: 24px
}
.s_slogan span {
    display: block;
    font-weight: 100;
    font-size: 18px;
    text-align: right;
    margin-top: 10px;
}
.s_reg{
  font-family: 'Arial', sans-serif;
  font-weight: 100;
  margin-top: 7.3%;
}
.s_reg p:first-child {
    //margin-top: 7.5%;
}
span.call-back {
    font-weight: 100;
    display: inline-block;
    border: 1px solid #000678;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.5s;
    background-color: #000678;
    color: white;
    &:hover{
      color: #000678;
      background-color: transparent;
    }
}
.s_reg p {
    color: #000678;
    /* text-shadow: 1px 1px 1px black; */
    font-size: 150%;
    font-weight: bold;
}
.s_reg a {
    color: #949494;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.s_reg a:hover{
  color: #0091ff;
  text-decoration: none; 
}
/*slider*/
.slider img {
    width: 100%;
    position: absolute;
    //top: -10%;
}
.slider{
  height: 400px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  width: 100%;
}
.in-slider{
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.42);
  background: url(/img/slide/pattern.png) repeat;
  top: 0;
}
.slider h2 {
    position: absolute;
    top: 10%;
    width: 100%;
    color: white;
    font-family: 'Arial';
    font-weight: 700;
    font-size: 40px;
        line-height: 2;
}
.slider span {
    font-size: 25px;
    font-weight: 400;
}
/*end slider*/


.content-block1 h3 {
    font-family: rubik;
    border-bottom: 2px solid #000678;
    width: 30%;
    margin: 40px auto 40px;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 900;
    color: #000678;
}
.content-block2 h3 {
    color: #000678;
    font-family: rubik;
}
.content-block2 h3#katalog::before {
    content: "";
    background: transparent url("/img/epelok.png") no-repeat scroll 100% 0% / contain;
    display: inline-block;
    width: 103px;
    height: 34px;
    margin-right: 5%;
}
.content-block2 h3#katalog::after {
    content: "";
    background: transparent url("/img/epearm_copy.png") no-repeat scroll 0% 0% / contain;
    display: inline-block;
    width: 100px;
    height: 35px;
    margin-left: 5%;
}
.content-block1 p {
    width: 70%;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 50px;
}
.content-block1 ul{
    width: 70%;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 50px;
}
.content-block2 {
    background: url(/img/pattern2.jpg) repeat;
    padding-bottom: 50px;
}

a.cont-category-link {
    height: 300px;
    display: block;
    background: white;
    margin: 10px 0;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    
}
.ccl-image img {
    // margin: auto auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	  padding-bottom: 22%;
}
.ccl-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 80%;
    left: 0;   
    //background: url(/img/slide/pattern.png) repeat rgba(0, 0, 0, 0.69);
    background: url(/img/slide/pattern.png) repeat rgba(44, 161, 224, 0.83);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a.cont-category-link:hover .ccl-desc{
  top: 0;
}
.ccl-desc h4 {
    color: white;
    font-family: 'Arial', sans-serif;
    font-size: 115%;
    height: 17%;
    position: relative;
}
.ccl-image {
    height: 100%;
    background: white;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
    align-items: center;
    justify-content: center;
}
.ccl-desc p {
    color: white;
    width: 90%;
    margin: 5px auto 0;
}
.ccl-desc h4 span {
    position: absolute;
    color: white;
    top: 69%;
    left: 0;
    width: 100%;
    text-align: center;
}
.content-block2 h3 {
    font-family: rubik;
    border-bottom: 2px solid #000678;
    width: 50%;
    margin: 40px auto 40px;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
}

.footer{
  //background: url(/img/slide/pattern.png) repeat , url(/img/pattern1.jpg) repeat ;
  background: url(/img/slide/pattern.png) repeat #2ca1e0;
  position: relative;
}
.footer h2>a{
  color: white;
  //font-family: rubik;//rubik-font-family;
  font-size: 20px;
  &:hover{
    text-decoration: none;
  }
  & span{
    font-size: 75%;
    margin-right: 10px;
  }
}

ul.in-first {
     display: none; 
    position: absolute;
    width: 600%;
    background-color: white;
    border: 2px solid @b;
    padding: 5px;
    top: 90%;
    left: -185%;
    z-index: 10000;
}
.navig_menu>ul>li:hover>ul.in-first{
  display: block;
}
ul.in-second {
    display: none; 
    position: absolute;
    background-color: white;
    border: 2px solid #2ca1e0;
    padding: 5px;
    top: 97%;
    left: -60px;
    z-index: 10000;
    width: 201%;
}
.navig_menu>ul>li:hover>ul.in-second{
  display: block;
}
.in-second h4 {
    font-size: 14px;
    position: relative;    
}
.in-second li {
    border-bottom:1px dotted rgba(0, 0, 0, 0.14);
}
.in-second a {
    color: black;
    display: block;
}
.in-first img {
    height: 60px;
    width: 75px;
    float: left;
    margin: 1% 2% 1% 1%;
    padding: 3px 6px;
}
.in-first a>p {
    font-size: 10px;
}
.in-first h4 {
    font-size: 14px;
    position: relative;
    top: 17px;
}
.in-first li {
    border-bottom:1px dotted rgba(0, 0, 0, 0.14);
    float: left;
    width: 50%;
}
.in-first a {
    color: black;
    display: block;
}
.in-first a:hover{
  text-decoration: none;
  color: #0091ff;
}
div#cat_path , .product_path {
    background: url(/img/slide/pattern.png) repeat #22a6ec;
    & a{
      color: white;
    }
    color: white;
    & td {
      color:white;
      font-family: @tenor;
      padding:5px;
    }
}
.cpt_maincontent h1{
  font-family: @tenor;
  text-align: center;
  font-size: 25px;
}
.category_block > div {
    border: 1px solid rgba(49, 49, 51, 0.25);
    height: 170px;
    margin: 2%;
    padding: 2%;
    overflow: hidden;
    position: relative;
    &:hover{
      box-shadow: 2px 2px 11px -4px;
    }
}
.category_block img {
    float: left;
    margin: 1% 2%;
}
.category_block h2 {
    margin: 0;
    text-align: left;
    font-family: @tenor;
    padding-left: 180px;
    & a{
      color: @b;
      font-size: 17px;
      transition: all 0.5s;
      &:hover{
        color: darken(@b, 10%);
        text-decoration: none;
      }
    }
}
.category_block_description {
    padding-left: 180px;
    padding-top: 1%;
    & p{
      font-size: 90%;
      font-weight: 200;
    }
}
span.category_block_count{
  position: absolute;
  bottom: 1%;
  right: 2%;
}
.pdf{
  color: @b;
  font-size: 120%;

  &:hover{
    text-decoration: none;
    color:darken(@b, 10%)
  }
}
.category_bref_product_block .prdbrief_thumbnail a {
    width: 100px;
    height: 100px;
    display: block;
    overflow: hidden;
}
.container.container_category_product {
    background: url(/img/pattern2.jpg) repeat;
    padding-bottom: 10px;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-top: 10px;
}
.category_bref_product_block>div {
    background: white;
    padding: 0%;
    margin-bottom: 0%;
    transition: all 0.5s;
    border-bottom: 1px solid #f3f5f4;
    &:hover{
      // background: transparent;
    }
}
.container.container_category_product .prdbrief_thumbnail{
  background-color: white;
  
}
.container.container_category_product .prdbrief_name a{
  color: black;
  font-family: @tenor;

}
h2.delim {
    clear: both;
    font-size: 105%;
    margin: 3% 0;
    text-align: center;
    font-weight: 600;
}
input.add2cart_handler {
    width: 150px;
    &:hover{
      box-shadow: 2px 2px 11px -4px;
    }
}
.row.naim {
    padding: 15px;
}
.prdbrief_thumbnail.col-xs-1 img {
    max-height: 110px;
    // position: absolute;
    z-index: 5;
    left: 5px;
    
}
.prd-option-extra {
    padding-top: 3%;
    position:relative;

}
.prdbrief_name a  {
    padding-top: 8%;
    display: block;
}
.prdbrief_price span , .prdbrief_brief_description p {
    padding-top: 7%;
    display: block;
}
.pdr-podrobnee {
  padding: 7px;
}

.pdr-podrobnee a {
    color: black;
    // text-decoration: none;
    // padding-top: 11%;
    display: block;
    font-family: @tenor;
}
#shpcrtgc , #shpcrtca{
  display: none;
}
.cpt_product_params_selectable , .cpt_product_price , .cpt_product_add2cart_button>div{
    margin-top: 5%;
    font-size: 120%;
    font-family: @open;
    font-weight: 400;

}
.cpt_product_params_selectable td{
    font-size: 120%;
    font-family: @open;
    font-weight: 400;
}
.cpt_product_params_selectable td select{
    font-size: 100%;
    font-family: @open;
    font-weight: 400;
}
tr.background1 img {
    margin: 10%;
}
.cpt_product_details_request input[type="submit"] {
    background: #0090ff;
    border: 2px solid #0090ff;
    color: white;
    padding: 1% 3%;
    font-size: 130%;
    font-weight: bold;
    transition: all 0.5s;
}
.cpt_product_details_request input[type="submit"]:hover {
    background: white;
    border: 2px solid #0090ff;
    color: #0090ff;
    padding: 1% 3%;
    font-size: 130%;
    font-weight: bold;
}
h2#get-vopros {
    cursor: pointer;
    border-bottom: 3px solid #0090ff;
    padding-bottom: 10px;
    display: inline-block;
}
.cpt_maincontent {
    min-height: 60vh;
    margin-top: 20px;
}
.form_wrapper.authoriz p {
    padding-left: 33%;
}
td.background_cart_top.checkout_noframe_title h1 {
    font-size: 160%;
    color: #3dabff;
}
.common_wrapper.feed_form input[type="submit"] {
    background-color: #2ca1e0;
    border: 1px solid #2ca1e0;
    color: white;
    font-size: 150%;
    padding: 10px 45px;
    transition: all  0.5s;
    &:hover{
      background-color: white;
      color: #2ca1e0;
    }
}
div#blck-content {
    padding: 2%;
}
td#cart_clear {
    text-align: right;
    padding-top: 4%;
}
div#cme-form-main {
    z-index: 10001;
}
div#cme-back {
    z-index: 10000;
}
.cpt_product_search input{
  width: 80%;
  margin-top: 20px;
}
#feedback-form {
    /* max-width: 400px; */
    padding: 2%;
    border-radius: 3px;
    background: #f1f1f1;
}
#feedback-form [required] {
    width: 100%;
    box-sizing: border-box;
    margin: 2px 0 2% 0;
    padding: 2%;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [type="submit"] {
    padding: 2%;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
    background: #669acc;
    color: #fff;
}

.content h1,h2,h3,h4,h5{
  //font-family: rubik!important;
}

table.products {
  margin: 10px 0;
}

table.products th {
    background-color: #2ca1e0;
    color: #fff;
}

table.products td.image {
  padding: 10px 15px 10px 0;
}

table.products td {
  padding: 5px;
}
.cpt_maincontent h1::before {
    content: "";
    background: transparent url("/img/epelok.png") no-repeat scroll 0% 0% / contain;
    display: inline-block;
    width: 103px;
    height: 34px;
    margin-right: 1.5%;
}
.cpt_maincontent h1::after {
    content: "";
    background: transparent url("/img/epearm_copy.png") no-repeat scroll 0% 0% / contain;
    display: inline-block;
    width: 100px;
    height: 35px;
    margin-left: 3%;
}
.cpt_product_search {
    margin-left: 30;
}
.cpt_product_search>form {
  text-align:center;
}

img[align="left"] {
    margin-right: 15px;
    margin-bottom: 15px;
}
img[width="200"] {
    margin: 2px;
}
.single_image img {
    max-width: 100%;
}
.filter-img img {
  width:200px;
  margin:5px;
}
dt {
  font-weight:300;
}
.rightblock img {
    width: 61%;
}
.leftblock img {
    width: 95%;
}
.margintop {
  margin-top:20px;
}
    
   .naim {
    background: #2ca1e0;
    color: #fff;
}

.container_category_product {
  padding-top:0px!important;
}
.material-plit {
    border-bottom: 1px solid #d8d8d8;
    font-weight: 600;
}
.rightblock p {  
}
table.manometry, table.manometry table {
  width:100%;
  text-align:center;
}
.manometry td {
  padding:5px;
  border: 1px solid;
}
table>tbody>tr>td>table>tbody>tr:first-child {
    background: #2ca1e0;
    color: #fff;
}
table>tbody>tr>td>table>tbody>tr:nth-child(2) {
    background: #2ca1e0;
    color: #fff;
}
table > tbody > tr > td > table > tbody > tr:first-child > td {
    border-color: #343434;
    visibility: hidden;
}
table > tbody > tr > td > table > tbody > tr:nth-child(2) > td {
    border-color: #343434;
    visibility: hidden;
}
  #mainphoto {
    width: 25%;
    max-width: 400px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.ere200a {
  margin-top:20px;
  margin-bottom:20px
}
.ere200a td {
    border: 1px solid #343434;
    padding: 5px;
    text-align: center;
}
.ere200a>tbody>tr:first-child {
    background: #2ca1e0;
    color: fff;    
}
table.manometry>tbody>tr>td {
    border: none;
}

table.ere200a>tbody>tr>td:nth-child(2) {
    text-align: left;    
}
table.ere200a>tbody>tr:first-child>td:nth-child(2) {
    text-align: center;    
}
#checkout_addresses_shipping table > tbody > tr > td > table > tbody > tr:first-child{
    visibility: hidden;
}

@media(max-width: 767px){
  #logo-rotate{
    visibility: hidden;
  }
}

@media (min-width:768px) {
  #logo-rotate{
    width: 81px;
  }
  }
 @media (min-width: 992px) {
 #logo-rotate{
width: 107px;
 }
 }

 @media(min-width: 1200px){
#logo-rotate{
  width: 130px;
 }
}
#logo-rotate{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  max-width: 300px;
}
.prdbrief_options.col-xs-2{
  height: 80px;
}
.custom-dl{
  margin: 0 110px 20px 110px;
  border-bottom: 2px solid rgba(128, 128, 128, 0.25);  
}
.custom-dl strong{
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}
.custom-dl img{  
  margin-bottom: 5px;
}
.leftblockCustom{
    display: inline-block;
    width: 15%;
    vertical-align: top;
    margin-right: 15px;
}
.rightblockCustom{
  display: inline-block;
  width: 83%;
}
.fontW{
  font-weight: 600;
}
.leftBlockcustom{
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-right: 15px;
}
.rightBlockcustom{
  display: inline-block;
  width: 78%;
}
table.TableCustom th {
    border: 1px solid;
    text-align: center;
}
table.TableCustom td {
    border: 1px solid;
    padding: 3px;
    text-align: center;    
}
.leftBlockcustom img {
    width: 100%;
}
.exchange{
    width: 50%;
    margin: auto;
}
.exchange tr{
  color:black!important;  
  background: initial!important;
}
.exchange tr td{
  visibility: initial!important;
}
.tableKlapan{
  width: 100%;
  border-collapse: collapse;
}
.tableKlapan th{
  text-align: center;
  font-weight: 600;
  padding: 5px;
  border: 1px solid;
  background: #2ca1e0;
  color:white;
}
.tableKlapan td{
  text-align: center;
  border: 1px solid black;
}
.tableInline {
    display: inline-block;
    width: 450px;
    vertical-align: top;
}

h1.main-page-header:before,
h1.main-page-header:after {
  display: none;
}

.cat_city_item{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000678;
  img{
    max-width: 100%;
  }

  h2{
    font-family: rubik;
    color: #000678;
    text-align: center;
    border-bottom: 2px solid #000678;
    width: 80%;
    margin: 40px auto 40px;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    a{
      color: #000678;
      transition: 0.5s;
      &:hover{
        color: #0049bd;
        text-decoration: none;
      }
    }
  }
  .button{
    background: @b;
    border: 2px solid #0090ff;
    color: white;
    text-align: center;
    display: inline-block;
    padding: 1% 3%;
    font-size: 120%;
    font-weight: bold;
    transition: all 0.5s;
    &:hover, &:active{
      background: white;
      border: 2px solid @b;
      color: @b;
      text-decoration: none;
    }
  }
}

.goroda {
    ul, h3, a {
        font-weight: normal;
        cursor: pointer;
        font-size: 14px;
        font-family: "Roboto";
        margin: 0;
        padding: 0;
        width: auto;
        padding: 5px;
    }
    h3{
      text-align: right;
      color: #000678;
      position: absolute;
      right: 0;
      bottom: -70px;
      font-weight: bold;
    }
    ul {
        text-align: left;
        border: 2px solid #2ca1e0;
        background-color: #fff;
        border-radius: 10px;
        display: none;
        list-style: none outside none;
        padding: 5px;
        position: absolute;
        top: 30px;
        width: 1080px;
        z-index: 1000;
        right: 0px;
       li {
          float: left;
          text-align: left;
          padding: 0 10px;
          line-height: 20px;
          width: 16%;
      }
    }
}

@media (max-width: 480px){
  .first_menu{
    height: auto;
  }
  .cat_description img{
    max-width: 100%;
    float: none;
  }
  #cat_info_left_block{
    max-width: 100%;
  }
  table {
    max-width: 100%;
  }
  .goroda ul{
    width: 100%;
    li{
      width: 100%;
    }
  }
  .second_menu {
    height: 200px;
}
}

  .img-responsive.cat-img{
    display: inline-block;
    max-width: 50%;
    padding-top: 2px;
  }
  .img-responsive.cat-img.truba{
    max-width: 30%;
    height: 190px;
    width: auto;
  }