/**
* Dobril Bojilov
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear { clear: both; }
p { margin-bottom: 15px; }
strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #14181a;
    font-family: Tahoma, Geneva, sans-serif;
}
p {
    margin: 0;
    color: #646464;
}
h1 { font-size: 70px; font-weight: 900; color: #fff; }
h2 { font-size: 44px; color: #14181a; font-weight: 900; margin: 0 0 28px 0; }
h3 { 
  font-size: 18px; font-weight: 900;
}  

input, textarea { padding: 10px 20px; color: #454545; }

a { text-decoration: none; color: #646464; }

.center { text-align: center; }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*
  orange #F48120
  green #8DC63F
*/


/* ---------------------- basic -------------------------------------------- */
body { background-color: white; font-family: "Trebuchet MS", Helvetica, sans-serif; 
        color: #646464; font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 1.625em; }
.wrap { margin: 0 auto; width: 900px; }
.content { height: auto; }

/* Header
--------------------------------------------------------- */
#header { 
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: white;
  height: 122px;
  position: relative;
} 
#header .line_gray {
  height: 5px;
  background: #58595B;
  background-position: left;
  width: 900px;
  display: block;
  margin-top: 10px;
  position: relative;
  top: 5px;
}
#header .line_gray_outer {
  height: 5px;
  background: #58595B;
  background-position: left;
  width: 900px;
  display: block;
}
#header .line_orange {
  height: 10px;
  background: #F48120;
  display: block;
}
#header .wrap { position: relative; }

.logo, nav { display: inline-block; vertical-align: top; }
.logo { 
  background: url("../images/logo.png") no-repeat;
  width: 198px;
  height: 104px;
  margin-top: 10px;
}

#header a.btn {
  float: right;
  position: relative;
  top: 31px;
  right: 32px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#header .button_home {
  background-color: #8DC63F;
  background-image: url("../images/icons/header_home.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  margin-left: 174px;
  
     -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
   -khtml-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
   -khtml-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
#header .button_home a {
  display: block;
}
#header .buttons_header {
  background-color: #808285;
  width: 210px;
  height: 40px;
  position: absolute;
  top: 0;
  text-align: left;
  padding-top: 4px;
  padding-left: 10px;
  right: 85px;
     -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
   -khtml-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
   -khtml-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
#header .buttons_header a {
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
}
#header .buttons_header a:first-child::after {
  content: "";
  background: url("../images/header_button_border.png") 0 0 no-repeat;
  width: 3px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 9px;
  margin-left: 12px;
}

#header .button_search {
  z-index: 100;
  background-color: #8DC63F;
  background-image: url("../images/icons/search.png");
  background-repeat: no-repeat;
  background-position: 7px 13px;
  width: 100px;
  height: 40px;
  position: absolute;
  top: 0;
  text-align: center;
  padding-top: 8px;
  padding-left: 15px;
  right: 0;
  
     -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
   -khtml-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
   -khtml-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
#header .button_search a {
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}

/* Buttons
--------------------------------------------------------- */
.btn {
  background: #33a9e0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  color: white;
  text-decoration: none;
  font-family: 'Proxima N W01 Smbd', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  padding: 9px 19px 8px;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
}
.btn:hover {
  background: #42b8ec;
}
.btn.b-l {
  padding: 18px 37px;
  font-size: 18px;
  line-height: 1;
}

/* Menu
--------------------------------------------------------- */
#header nav { font-size: 12px; text-transform: uppercase;
  position: relative;
  top: 60px;
  float: right;
}
#header nav ul { text-align: center; padding: 0; }
#header nav ul li { display: inline; }
#header nav ul li::after {
  content: "";
  background: url("../images/menu_border.png") 0 0 no-repeat;
  width: 1px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 10px;
  margin-left: 10px;
}
#header nav ul li:last-child::after {
  content: "";
  background: none;
  margin-left: 0;
}
#header nav ul li a { 
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  color: #14181a;
  text-decoration: none;
  padding: 8px 0 17px 10px;
  color: #414042;
}
#header nav ul li a:hover { color: #F48120; }
#header nav ul li a.active {
  color: #33a9e0;
}
#header.transparent.shrink nav ul li a {
  color: #14181a;
}
#header.transparent.shrink nav ul li a:hover {
  color: #33a9e0;
  opacity: 1;
}
#header.shrink.shrink .btn {
  padding: 5px 13px;
  top: 37px;
}


/* CAROUSEL
--------------------------------------------------------- */    
      
/*#584c85 - лилаво
#c65a91 - розово*/
       
.carousel { 
  margin-top: 22px;
  background: #FFF;
}   
#carousel_conteiner {
  height: 600px;
}   
#carousel_conteiner .owl-controls { margin: 0 auto; width: 900px; position: relative;
  bottom: 60px; }
#carousel_conteiner .owl-pagination {
  position: relative;
  float: right;
}
#carousel_conteiner .owl-page {
  padding: 0 7px;
}
#carousel_conteiner .owl-page span {
  width: 18px !important;
  height: 18px !important;
  border: 1px solid;
  background: #FFF !important;
  padding: 3px !important;
}
#carousel_conteiner .active > span {
  background: #F48120 !important;
}
header .line_gray {
  height: 5px;
  background: #58595B;
  display: block;
  position: relative;
}

/* list_4_col
--------------------------------------------------------- */
.list_4_col::before {
  content: "";
  display: block;
  clear: both;
}
.list_4_col {
  text-align:center;
}
.list_4_col a { 
  display: inline-block;
  margin: 0 15px;
  padding: 0 5px;
}

/* list_2_col
--------------------------------------------------------- */
.list_2_col {
  margin-top: 70px;
}
.col_box {
  display: inline-block;
  vertical-align: top;
  width: 447px;
}
.col_box img {
  margin-top: 20px;
}
.col_heder_title, .col_pager, .second_pager {
  float: left;
}
.col_pager, .second_pager {
  float: right;
  margin-right: 70px;
}

.col_pager ul li, .second_pager ul li {
  text-align: center;
  
}
.col_pager ul li a, .second_pager ul li a {
  color: #414042;
  position: relative;
  bottom: 20px;
  right: 1px;
  background: #D1D3D4;
  width: 10px;
  height: 10px;
  padding: 1px 6px 2px 6px;
}
.col_pager ul li a.active, .second_pager ul li a.active {
  background: #F48120;
  color: white;
}
#product_carousel_2, #product_carousel_3, #product_carousel_second_2, #product_carousel_second_3 {
  display: none;
}
.col_pager ul li:nth-child(1) a, .second_pager ul li:nth-child(1) a {
  background: none;
  position: relative;
  bottom: 15px;
}
.col_pager ul li:nth-child(5) a, .second_pager ul li:nth-child(5) a {
  background: none;
  position: relative;
  bottom: 15px;
}
.col_heder_title {
  color: #F48120;
  text-transform: uppercase;
  font-size: 18px;
}  
.col_header::after {
  content: "";
  display: block;
  clear: both;
}
.list_2_col .col_pager ul li, .list_2_col .second_pager ul li {
  display: inline-block;
}
.list_2_col .col_pager ul li a, .list_2_col .second_pager ul li a {
  font-size: 14px;
}
.col_title {
  font-size: 25px;
  color: #414042;
  font-weight: bold;
  margin-top: 15px;
}
.col_text {
  color: #414042;
  font-size: 14px;
  margin-top: 15px;
  width: 400px;
}
.col_read_more {
  margin-top: 30px;
}
.col_read_more a {
  font-size: 14px;
  font-weight: bold;
  color: #F48120;
}

/* HOME NEWS
--------------------------------------------------------- */ 
.home_news {
  background: #F5F5F5;
  margin-top: 40px;
  padding: 30px 0;
  /*border-top: 2px solid #F48120;*/
} 
.home_news .col_text {
  color: #000;
}
.home_news .col_date {
  color: #808285;
  font-size: 16px;
  margin-top: 5px;
}
.home_news_button {
  background: #F48120;
  width: 200px;
  line-height: 35px;
  text-align: left;
  padding-left: 15px;
  position: relative;
  bottom: 32px;
}
.home_news_button a {
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
}
.home_line_orange {
  height: 2px;
  background: #F48120;
  position: relative;
  bottom: 32px;
}
.home_line_orange_outer {
  height: 2px;
  background: #F48120;
  float: right;
  width: 900px;
  display: block;
  position: relative;
  bottom: 32px;
}  

/* PRODUCTS CAROUSEL
--------------------------------------------------------- */    
      
/*#584c85 - лилаво
#c65a91 - розово*/
       
.products_carousel { 
  margin-top: 32px;
  height: 170px;
}   
#products_carousel_conteiner {
  height: 100px;
}   

.products_carousel .owl-page {
  padding: 0 7px;
}
.products_carousel .owl-page span {

}
.active > span {
}
#products_carousel_conteiner .item {
}
/* FOOTER
--------------------------------------------------------- */   

footer { 
  border-top: 2px solid #F48120;
  background: #58595B;
  height: 220px;
  color: #E6E7E8;
 
}
footer .list_6_col {
  margin-top: 15px;
  display: inline-block;
  vertical-align: top;
}
footer .list_6_col:nth-child(2n+1) {
  width: 120px;
  text-align: right;
  padding-right: 10px;
  font-size: 18px;
}
footer .list_6_col:nth-child(2n+2) {
  margin-top: 23px;
  padding-top: 10px;
  font-size: 14px;
  color: #FFF;
  border-left: 1px dotted;
  width: 170px;
  padding-left: 10px;
}
footer .list_6_col ul li a {
  color: #E6E7E8;
}
footer .footer_address {
  height: 76px;
  background: #E6E7E8;
}
footer .col_box {
  color: #58595B;
  font-size: 14px;
  padding-top: 11px;
}
footer .col_box span {
  color: #F48120;
}
footer .copyright {
  margin-top: 20px;
  padding-bottom: 40px;
}
footer .copyright .list_3_col {
  width: 296px;
  display: inline-block;
  font-size: 12px;
  color: #58595B;
  vertical-align: middle;
}
footer .copyright .list_3_col img {
  position: relative;
  bottom: 7px;
}

/* PRODUCTS PAGE
--------------------------------------------------------- */  
.list_2_col_product {
  margin-top: 50px;
} 
.list_2_col_product .sidebar_product {
  float: left;
  width: 300px;
}     
.list_2_col_product .main_product_content {
  float: right;
  width: 570px;
}  
.product_product_page {
  text-align: center;
}   

/* -------------------- sidebar menu ----------------------*/
.sidebar_menu {
  background: #58595B;
  padding-bottom: 10px;
  position: relative;
  bottom: 40px;
}
.sidebar_title {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px dashed white;
  color: white;
  padding: 40px 0 15px 20px;
  text-transform: uppercase;
}
.sidebar_menu ul {
  padding: 15px 0 15px 20px;
  
}
.sidebar_menu ul li {
  margin-bottom: 5px;
  position: relative;
  margin-left: 10px;
}
/*.sidebar_menu ul > li::before {
  content: "";
  background: url("../images/icons/product_arrow_right.png") 0 0 no-repeat;
  width: 7px;
  height: 12px;
  display: inline-block;
  position: relative;
  left: -15px;
  cursor: pointer;
}*/
.sidebar_menu img {
  margin-right: 10px;
  cursor: pointer;
}
.sidebar_menu ul li a {
  color: #FFF;
}

.sidebar_menu > ul > li > ul {
  padding: 5px 0 5px 40px;
  display: none;
}
.sidebar_menu ul li ul li { margin: 0; }
.sidebar_menu ul li ul li a:hover { color: #F9BF8F; }
.sidebar_menu ul li ul li a { 
}
/*active #F3801F;*/
.sidebar_menu ul > li > ul > li::before {
  content: "-";
  background: white;
  width: 5px;
  height: 1px;
  display: inline-block;
  position: relative;
  left: -10px;
  top: 13px;
}

/* -------------------- sidebar dve ----------------------*/
.sidebar_menu_dve {
  height: 400px;
  background: #F5F5F5;
  padding-bottom: 10px;
  margin-top: 30px;
  border: 1px solid #A7A9AC;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
          border-radius: 5px;
  overflow: hidden;
}
.sidebar_title_dve {
  font-size: 20px;
  font-weight: bold;
  color: #8DC63F;
  padding: 20px 0 20px 20px;
  text-transform: uppercase;
}
.sidebar_menu_dve ul {
  padding: 0 0 45px 20px;
  overflow: scroll;
  height: 100%;
}
.sidebar_menu_dve ul li {
  margin-bottom: 5px;
  position: relative;
  margin-left: 15px;
}
.sidebar_menu_dve ul li::before {
  content: "";
  background: url("../images/icons/product_arrow_right_dve.png") 0 0 no-repeat;
  width: 6px;
  height: 12px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  left: -15px;
  
}
.sidebar_menu_dve ul li a {
  color: #414042;
}

/* -------------------- main product ----------------------*/
.main_product_content {
  position: relative;
}
.main_product_content .main_hedader {
  font-size: 18px;
  font-weight: bold;
  color: #F48120;
  text-transform: uppercase;
}
.main_product_content .breadcrumb {
  font-size: 12px;
  color: #414042;
  margin-top: 7px;
}
.main_product_content .main_title {
  font-size: 18px;
  font-weight: bold;
  color: #F48120;
  text-transform: uppercase;
  margin-top: 30px;
}
.main_product_content .main_cat {
  color: #58595B;
  font-size: 18px;
  border-bottom: 1px dashed #58595B;
  padding-bottom: 10px;
}
.main_product_content .main_text {
  color: black;
  margin-top: 20px;
}
.main_product_content .main_wrap_a {
  display: inline-block;
  background: #F48120;
  position: absolute;
  top: -28px;
  right: 0;
     -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
   -khtml-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
}
.main_product_content .main_wrap_a a {
  font-size: 15px;
  display: block;
  padding: 5px 10px;
  color: #fff;
  position: relative;
  padding-left: 25px;
}
.main_product_content .main_wrap_a a::before {
  content: "";
  background: url("../images/icons/button_arrow_left.png") 0 0 no-repeat;
  width: 6px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 10px;
  bottom: 13px;
}

/* -------------------- CONTACTS ----------------------*/
.main_text_contacts {
  font-size: 14px;
  
}
.form_contact {
  margin-top: 60px;
}
.form_contact::after {
  content: "";
  display: block;
  clear: both;
}
.form_contact textarea {
  height: 150px;
  width: 320px;
  border: 1px solid #808285;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
          border-radius: 5px;
}
.form_contact input {
  width: 230px; 
  border: 1px solid #808285;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: 16px;
}
.form_left {
  width: 250px;  
  float: left;
}
.form_right {
  
  float: right;
}
.form_contact input[placeholder], .form_contact textarea[placeholder] {
  color: #BCBEC0;
  font-size: 16px;
}
.contact_wrap_buttons {
  float: right;
}
.contact_wrap_buttons a {
  color: #FFF;
}
.contact_confirm {
  background: #8DC63F;
  display: inline;
  padding: 6px 20px;
}
.contact_refuce {
  background: #A7A9AC;
  display: inline;
  padding: 6px 20px;
  margin-left: 5px;
}
.contact_mobile {
  margin-top: 30px;
}

/* ------------------------- product_box ------------------------------ */
.product_box {
  border: 1px dashed #58595B;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
          border-radius: 5px;
  padding: 20px;
  text-align: left;
  margin-top: 20px;
}
.product {
  background: #F1F2F2;
  display: inline-block;
  vertical-align: top;
  width: 169px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  padding: 3px 10px;
  margin-bottom: 7px;
  margin-left: 3px;
}
.product:first-child {
  margin-left: 0;
}
.product_title {
  font-size: 13px;
  color: #F3801F;
  border-bottom: 1px solid #808285;
}
.product_text {
  font-size: 13px;
  color: #414042;
}
.product_header {
  text-align: left;
  margin-bottom: 5px;
}
.product_header a {
  float: right;
  color: #F3801F;
  font-size: 12px;
}
