/*!
Theme Name: Doner-house
Author: Serious-art
Author URI: serious-art.ru
Description: Doner-house.ru
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
# Elements
# Media
--------------------------------------------------------------*/

  @font-face {
	font-family: 'DINPro';
	font-weight: 300;
	src: url('../fonts/DINPro-Light.ttf');
  }
  @font-face {
	font-family: 'DINPro';
	font-weight: 400;
	src: url('../fonts/DINPro-Regular.ttf');
  }
  @font-face {
	font-family: 'DINPro';
	font-weight: 500;
	src: url('../fonts/DINPro-Medium.ttf');
  }
  @font-face {
	font-family: 'DINPro';
	font-weight: 700;
	src: url('../fonts/DINPro-Bold.ttf');
  }
  * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  .body {
	min-height: 100%;
	min-width: 380px;
	background-color: #fff;
	font-family: 'DINPro', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 110%;
	color: #121212;
	cursor: default;
  }
  
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
  
	ul[class],ol[class] {
	  padding: 0;
	}
	ul[class],ol[class] {
	  list-style: none;
	}
	input {outline:none;}
	body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd {
	  margin: 0;
	}
	a {	  color: #212121;	}
    a:hover { color: #212121; }
	img {
	  max-width: 100%;
	  vertical-align: middle;
	  /*display: inline-block;*/
	}

  .font-style-h1 {
	  font-size: 48px;
	  line-height: 120%;
	  font-weight: 800;
	}
	.font-style-h2 {
	  font-size: 36px;
	  line-height: 120%;
	  font-weight: 700;
	}
	.font-style-h3 {
	  font-size: 24px;
	  line-height: 120%;
	  font-weight: 600;
	}
	.font-style-h4 {
	  font-size: 20px;
	  line-height: 110%;
	  font-weight: 500;
	}
	.font-style-pl {
	  font-size: 18px;
	  line-height: 110%;
	}
	.font-style-pm {
	  font-size: 16px;
	  line-height: 110%;
	}
	.font-style-ps {
	  font-size: 14px;
	  line-height: 110%;
	}
	.font-style-black {
	  font-weight: 800;
	}
	.font-style-bold {
	  font-weight: 700;
	}
	.font-style-medium {
	  font-weight: 500;
	}
	.font-style-light {
	  font-weight: 300;
	}
	.font-style-grey {
	  color: #F7F7F7;
	}
	.font-style-focus {
	  color: #29DB91;
	}
	.font-style-acent {
	  color: #29DB91;
	}
	.font-style-invalid {
	  color: #ff8136;
	}
	  .margin_bottom_60 {
		margin-bottom: 60px;
	  }
	  .margin_bottom_40 {
		margin-bottom: 40px;
	  }
    .margin_bottom_20 {
      margin-bottom: 20px!important;
    }
	  .margin_top_60 {
		margin-top: 60px;
	  }
	  .margin_top_40 {
		margin-top: 40px;
	  }
    .margin_top_20 {
		margin-top: 20px!important;
	  }
  
    .container_head {
      max-width: 1500px;
      margin-right: auto;
      margin-left: auto;
      padding-right: 50px;
      padding-left: 50px;
    }
    .container {
      max-width: 1300px;
      margin-right: auto;
      margin-left: auto;
      padding-right: 50px;
      padding-left: 50px;
    }
    .container_min {
      max-width: 1100px;
      margin-right: auto;
      margin-left: auto;
      padding-right: 50px;
      padding-left: 50px;
    }
    .container_bottom {
      max-width: 1500px;
      margin-right: auto;
      margin-left: auto;
      padding-right: 50px;
      padding-left: 50px;
    }
    .section-top {
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #fff;
    }
    .section_bottom {
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #fff;
    }
    .section-glav {
      overflow: hidden;
      position: relative;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .section-page {
      position: relative;
      padding-top: 90px;
      padding-bottom: 90px;
    }
    .section-breadcrumb {
      padding-top: 10px;
      padding-bottom: 20px;
      
    }
    .section01 {
      position: relative;
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .section02 {
      position: relative;
      padding-top: 120px;
      padding-bottom: 120px;
      background-color: #fff;
    }
    .section03 {
      position: relative;
      padding-top: 120px;
      padding-bottom: 120px;
      background-color: #F7F7F7;
    }
    .section04 {
      position: relative;
      padding-top: 0px;
      padding-bottom: 120px;
    }
    .section05 {
      position: relative;
      padding-top: 120px;
      padding-bottom: 0px;
    }

    .sec_row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -30px;
    }
    .sec_row_center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: -30px;
    }
    .sec_row_center_too {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: -30px;
    }
    .sec_row_stretch {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin-right: -30px;
    }
    .sec_row_slider {
        width: -webkit-fill-available;
        margin-right: -30px;
    }
    .sec_row_grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -30px;
        margin-bottom: -30px;
    }
    .sec_row_line {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0px;
    }
    .sec_row_grid .col01 {
      margin-bottom: 30px;
    }
    .sec_row_grid .col02 {
      margin-bottom: 30px;
    }
    .sec_row_grid .col03 {
      margin-bottom: 30px;
    }
    .sec_row_grid .col04 {
      margin-bottom: 30px;
    }

    .col01 {
      width: 100%;
      padding-right: 30px;
    }
    .col02 {
      width: 50%;
      padding-right: 30px;
    }
    .col03 {
      width: 33.33%;
      padding-right: 30px;
    }
    .col04 {
      width: 25%;
      padding-right: 30px;
    }
    .col05 {
      width: 20%;
      padding-right: 30px;
    }
    .col06 {
      width: 16.66%;
      padding-right: 30px;
    }
    .col040 {
      width: 40%;
      padding-right: 30px;
    }
    .col060 {
      width: 60%;
      padding-right: 30px;
    }
    .col033 {
      width: 33.33%;
      padding-right: 30px;
    }
    .col066 {
      width: 66.66%;
      padding-right: 30px;
    }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.top_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top_pull_left {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.top_pull_center {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.top_pull_right {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top__menu-button {
	display: none;
  border: none;
  background: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
  margin-right: 10px;
  margin-left: -5px;
}
.top__menu-button-line1 {
  width: 30px;
  height: 3px;
  margin-bottom: 6px;
  background: #212121;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.top__menu-button-line2 {
  width: 24px;
  height: 3px;
  background: #212121;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.top__menu-button:hover .top__menu-button-line1 {
  width: 30px;
  background: #29DB91;
}
.top__menu-button:hover .top__menu-button-line2 {
  width: 30px;
  background: #29DB91;
}

.top__logo_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-shrink: 0;
}
.logo_img_block {
  max-height: 50px;
}

.menu-top_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.link_top_menu {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 25px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.link_top_menu:hover {
    color: #29DB91;
}
.div_top01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.div_top02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.button {
    position: relative;
    border: none;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
    height: 60px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #121212;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}
.button_top {
    height: 40px;
    background-color: #29DB91;
    border-left: 5px solid #29DB91;
    color: #121212;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.button_top:hover {
  background-color: #121212;
  border-left: 5px solid #29DB91;
  color: #29DB91;
}
.sec_main {
  background-color: #29DB91;
  position: relative;
  overflow: hidden;
}
.heading-glav {
  color: #121212;
  font-weight: 700;
  font-size: 64px;
  line-height: 110%;
  text-transform: uppercase;
}
.heading-glav span {
  font-weight: 300;
  font-size: 64px; 
  text-transform: lowercase;
}
.heading-min {
  font-weight: 400;
  font-size: 24px; 
  margin-top: 15px;
  margin-bottom: 30px;
}
.button_main {
  background-color: #121212;
  border-left: 10px solid #fff;
  color: #fff;
  min-width: 300px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.button_main:hover {
background-color: #fff;
border-left: 10px solid #121212;
color: #121212;
}
.button_main:hover svg path {
  fill: #212121;
}
.button_main_too {
  background-color: #121212;
  border-left: 10px solid #29DB91;
  color: #fff;
  min-width: 300px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.button_main_too:hover {
background-color: #29DB91;
border-left: 10px solid #121212;
color: #121212;
}
.button_main_too:hover svg path {
  fill: #212121;
}
.button_form {
  background-color: #121212;
  border-left: 10px solid #29DB91;
  color: #fff;
  height: 70px;
  min-width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.button_form:hover {
background-color: #29DB91;
border-left: 10px solid #121212;
color: #121212;
}
.button_form:hover svg path {
  fill: #212121;
}
.icon_button {
  padding-right: 15px;
  width: fit-content;
}
.main_block {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  border-radius: 90px 0px 0px 90px;
  border-left: 10px solid #121212;
}
.logo_big {
  margin-bottom: 20px;
}
.icon_bg {
  position: absolute;
  right: -85px;
  top: 16%;
}
.heading-sec {
  font-weight: 700;
  font-size: 64px;
  margin-bottom: 30px;
  line-height: 100%;
}
.text-sec {
  font-size: 24px; 
  line-height: 150%;
}
.text-sec-20 {
  font-size: 20px; 
  line-height: 150%;
}
.div_icon_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 20px 20px 0px;
}
.icon_block_img {
  margin-right: 20px;
}
.text_block_icon {
  display: grid;
}
.text_block_icon01 {
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  margin-bottom: 5px;
}
.text_block_icon02 {
  font-weight: 400;
  font-size: 20px;
}
.image03 {
  min-width: 15%;
  flex-shrink: 1;
}
.image_wraper3 {
  position: relative;
  padding-top: 130%;
  overflow: hidden;
  border-radius: 40px;
}
.image_wraper7 {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 40px;
}
.block_info {
  border-right: 10px solid #121212;
  padding: 30px 60px;
  position: relative;
  border-radius: 40px;
  background: #F7F7F7;
}
.infodop {
  border-right: 0px solid #121212;
  border-left: 10px solid #29DB91;
}
.div_box_img {
  position: absolute;
  left: 30px;
  top: 35px;
}
.box_img {
  width: 12px;
  height: 40px;
  background: #29DB91;
  border-left: 3px solid #121212;
  border-radius: 5px;
  margin-bottom: 10px;
}
.text-head {
  font-size: 34px;
  font-weight: 700;
}
.text-head-too {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.text-sec-min{
  font-size: 18px;
  line-height: 150%;
}
.text-sec-too{
  font-size: 20px;
  line-height: 150%;
}
.image_info {
  width: 100%;
  text-align: center;
}
.imagebox {
  max-height: 350px;
}
.block_info_too {
  border-bottom: 10px solid #29DB91;
  padding: 30px 30px 30px 70px;
  position: relative;
  border-radius: 40px;
  background: #383838;
  color: #fff;
}
.block_info_too_fon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  border-bottom: 10px solid #29DB91;
  padding: 0px;
  background-image: url(../images/image10.jpg); 
  background-position: 50% 50%; 
  background-size: cover;
}
.div_box_img_too {
  position: absolute;
  left: 35px;
  top: 30px;
}
.box_img_tpp {
  width: 12px;
  height: 40px;
  background: #212121;
  border-left: 3px solid #121212;
  border-radius: 5px;
  margin-bottom: 10px;
}
.box_img_free {
  width: 12px;
  height: 40px;
  background: #fff;
  border-left: 3px solid #121212;
  border-radius: 5px;
  margin-right: 15px;
}

.end_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.end_pull_left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.end_pull_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-shrink: 0;
}
.end_block_text {
  margin-left: 20px;
}
.endtext {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  max-width: 80%;
}
.end_text_link {
  font-size: 12px;
  font-weight: 500;
  color: #121212;
}

.input_form {
  width: 100%;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 0px;
  border: 1px solid #fff;
  background-color: #F7F7F7;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  border-radius: 40px;
  color: #212121;
  font-size: 18px;
  font-weight: 400;
}
.input_radio_check {
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #121212;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: inset 0 0 0px 0px #fafafa;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}
.input_radio_check label {
  cursor: pointer;
}
.input_radio_check:hover {
  border-color: #29DB91;
  background-color: #ffffff;
  box-shadow: inset 0 0 0px 0px #fafafa;
  
}
.input_radio_check:checked {
  border-width: 5px;
  border-color: #121212;
  background-color: #29DB91;
  box-shadow: inset 0 0 0px 0px #fafafa;
}
.radio_ok_text {
  cursor: pointer;
}
.block_social_end {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.link_social_end {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #121212;
  border-left: 0px solid #29DB91;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  margin-right: 20px;
  margin-left: 20px;
}
.link_social_end:hover {
  background-color: #29DB91;
  border-left: 10px solid #121212;
}

.modal_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #fafafa;
  box-shadow: -1px 1px 20px 0 rgba(0,0,0,.2);
}
.sec_modal_top_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.sec_mod_menu_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding: 12px 10px 12px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #eee;
  background-color: #fff;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #212121;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  border-left: 3px solid #fff;
}

.modal {
  width: 460px;
  background-color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.mod-top {
  padding: 30px;
  background-color: #F7F7F7;
  line-height: 240%;
}
.form-modal {
  padding: 30px;
}

.about_icons {
    width: 64px;
    height: 64px;
    background: url(/images/about-icons.png) no-repeat 0 0;
    display: inline-block;
    float: left;
    margin: -15px 16px 0 0;
}
.about_icons_1 {
    background-position: 0 0;
}
.about_icons_2 {
    background-position: -64px 0;
}
.about_icons_3 {
    background-position: -192px 0;
}
.about_icons_4 {
    background-position: 0 0;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

a:active, a:focus { outline: none; }
button:active, button:focus { outline: none; }
input:active, textarea:active {outline:none;}
:focus {outline:none;}

.uk-link:hover, a:hover {
  /*color: #fff;*/
  text-decoration: none;
}
.uk-link, a {
  /*color: #fff;*/
}

h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6 {
	font-family: 'DINPro', sans-serif; color: #121212;
}

  .uk-close {
    color: #929292;
    background: #ffffffc7;
    border: 1px solid #707070;
      border-radius: 25px;
      padding: 5px;
  }
  .uk-close-large {
    color: #ffffffc2;
    background: #413e3e00;
    border: 1px solid #ffffff7d;
    border-radius: 25px;
    padding: 6px;
  }
  .uk-lightbox-button {
    border-radius: 50%;
  }

  .uk-offcanvas-bar .uk-close {
    color: #999;
  }
  .uk-offcanvas-bar .uk-close:hover, .uk-offcanvas-bar .uk-close:focus {
    color: #212121;
  }
  .uk-lightbox-toolbar-icon:hover {
    color: #777;
  }
  .uk-modal {
    background: rgba(0, 0, 0, 0.25);
  }
  .uk-lightbox {
    background: rgba(0, 0, 0, 0.25);
  }
  .uk-offcanvas-overlay::before {
    content: "";
    background: rgba(0, 0, 0, 0.25);
  }
  .uk-offcanvas-bar {
    padding: 0px 0px;
  }
  .uk-offcanvas-bar {
    color: #212121;
  }
  .uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link {
    color: #212121;
  }
  .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover {
    color: #29DB91;
  }
  .uk-offcanvas-bar h1, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar h4, 
  .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar h6, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-small, 
  .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar .uk-heading-2xlarge {
    color: #212121;
  }
  .uk-offcanvas-bar .button_cart_mod {
    color: #ffffff;
  }
  .uk-offcanvas-bar .button_cart_mod:hover {
    color: #ffffff;
  }
  .uk-offcanvas-overlay {
    width: 100%;
    touch-action: none;
  }
  .div_close_modal .uk-offcanvas-close {
    top: 24px;
    right: 18px;
  }

  .arrow_back {
    display: flex;
    margin-right: -21px;
    background-color: #fff;
    padding: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 5%);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  .arrow_forward {
    display: flex;
    margin-left: -21px;
    background-color: #fff;
    padding: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 5%);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  .arrow_back:hover, .arrow_forward:hover {
    background-color: #f7f7f7;
  }
  .arrow_back_iner {
    display: flex;
    margin-left: -10px;
    background-color: #fff;
    padding: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 5%);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  .arrow_forward_iner {
    display: flex;
    margin-right: -10px;
    background-color: #fff;
    padding: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 5%);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  .arrow_back_iner:hover, .arrow_forward_iner:hover {
    background-color: #f7f7f7;
  }
  .arrow-full {
    display: block;
  }
  .arrow-iner {
    display: none;
  }

  .uk-accordion-title {
	color: #121212;
	text-decoration: none;
	font-weight: 600;
	padding-bottom: 15px;
   	border-bottom: solid;
    border-width: 2px;
    border-color: #212121;
  }
  .uk-accordion-title:hover {
	color: #212121;
	text-decoration: none;
  }
  .uk-accordion-content p {
	color: #212121 !important;
  }
  .uk-accordion-content p u {
	color: #212121 !important;
  }
	.uk-dotnav>*>* {
		display: block;
		box-sizing: border-box;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: 0 0;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		border: 2px solid rgb(220 220 220);
		transition: .2s ease-in-out;
		transition-property: background-color,border-color;
	}
	.uk-dotnav>* {
		flex: none;
		padding-left: 5px!important;
		padding-right: 5px!important;
		margin-bottom: 10px!important;
	}
	.uk-lightbox-items>*>:not(iframe) {
		background: #fff;
		width: auto;
		height: auto;
	}
  .uk-drop.uk-open {
    display: block !important;
  }

  #modal-soglashenie .uk-modal-dialog {
    /*padding: 0px 0px;
    width: auto;
    background: transparent;*/
  }
  #menu .uk-modal-dialog {
    padding: 0px 0px;
    /*width: auto;*/
    background: transparent;
  }
  #modal .uk-modal-dialog {
  padding: 0px 0px;
  width: auto;
  background: transparent;
  }

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* скрыть обводку input --------------- */
.disable-hover {
  pointer-events: none;
}

/* Сисиемные сообщения --------------- */
#jGrowl {
  font-size:18px;
  margin:5px !important; 
}
/*.jGrowl.top-right {
  top:40% !important;
  width:30% !important; 
  left:35% !important; 
}*/
#jGrowl .jGrowl-notification {
  position: relative;
  width: 300px;
  padding: 35px 10px 35px 10px;
  text-align:center;
  border-radius: 0px !important;
  background: none repeat 0 0 #fff !important;
  border: 0px solid rgba(255, 255, 255, 0.49) !important;
  box-shadow: 0 14px 25px rgba(0,0,0,0.16) !important;
}
#jGrowl .jGrowl-notification .jGrowl-close {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #121212 !important;
}
#jGrowl .jGrowl-notification .jGrowl-message {
  color:#121212 !important;
}

/* цвета svg ----------------- */

svg path {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.button svg path {
  fill: #ffffff;
}
.button:hover svg path {
  fill: #212121;
}

/*--------------------------------------------- */
/* Media
-------------------------------------------------------------------------------- */

@media screen and (max-width: 1600px) {
	.container_head {
    max-width: 1400px;
  }
  .container {
      max-width: 1200px;
  }
  .container_min {
    max-width: 1000px;
  }
  .container_bottom {
    max-width: 1400px;
  }
  .sec_main {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*-------------------------------------------------------------------------------- */
@media screen and (max-width: 1340px) {
	.section01 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section02 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section03 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section04 {
    padding-top: 0px;
    padding-bottom: 90px;
  }
  .section05 {
    padding-top: 90px;
    padding-bottom: 0px;
  }
  .link_top_menu {
    font-size: 15px;
    margin: 10px 12px;
  }
}
/*-------------------------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .container_head {
    padding-right: 30px;
		padding-left: 30px;
  }
  .container {
    padding-right: 30px;
		padding-left: 30px;
  }
  .container_min {
    padding-right: 30px;
		padding-left: 30px;
  }
  .container_bottom {
    padding-right: 30px;
		padding-left: 30px;
  }
  .sec_page_right {
    padding-left: 30px;
  }
  .icon_bg {
    display: none;
  } 
  .endtext {
    max-width: 100%;
  }
}
/*-------------------------------------------------------------------------------- */
@media screen and (max-width: 1023px) {
	.margin_bottom_60 {
		margin-bottom: 40px !important;
	}
	.margin_bottom_40 {
		margin-bottom: 30px !important;
	}
	.margin_top_60 {
		margin-top: 40px !important;
	}
	.margin_top_40 {
		margin-top: 30px !important;
	}
  .section-bottom {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .section-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section02 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section04 {
    padding-top: 0px;
    padding-bottom: 60px;
  }
  .section05 {
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .sec_row {
    margin-right: -20px;
  }
  .sec_row_center {
    margin-right: -20px;
  }
  .sec_row_center_too {
    margin-right: -20px;
  }
  .sec_row_stretch {
    margin-right: -20px;
  }
  .sec_row_slider {
    margin-right: -20px;
  }
  .sec_row_grid {
    margin-right: -20px;
  }
  .sec_row_line {
    margin-right: 0px;
  }
  .col01 {
    padding-right: 20px;
  }
  .col02 {
    padding-right: 20px;
  }
  .col03 {
    padding-right: 20px;
  }
  .col04 {
    width: 33.33%;
    padding-right: 20px;
  }
  .col05 {
    width: 33.33%;
    padding-right: 20px;
  }
  .col06 {
    width: 33.33%;
    padding-right: 20px;
  }
  .col040 {
    padding-right: 20px;
  }
  .col060 {
    padding-right: 20px;
  }
  .col033 {
    padding-right: 20px;
  }
  .col066 {
    padding-right: 20px;
  }

  .top__menu-button {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
  }
  .top_pull_center {
    display: none;
  }
  .heading-glav {
    font-size: 54px;
    line-height: 110%;
  }
  .heading-sec {
    font-size: 52px;
    margin-bottom: 20px;
  }
  .text-sec {
    font-size: 20px;
  }
  .text_block_icon01 {
    font-size: 20px;
  }
  .image03 {
    display: none;
  }
}
/*-------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .body {
		font-size: 15px;
	}
	.container_head {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	.container {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	.container_min {
	  padding-right: 15px;
	  padding-left: 15px;
	}	
  .container_bottom {
	  padding-right: 15px;
	  padding-left: 15px;
	}
  .sec_row {
    margin-bottom: -20px;
    margin-right: -15px;
  }
  .sec_row_center {
    margin-bottom: -20px;
    margin-right: -15px;
  }
  .sec_row_center_too {
    margin-bottom: -20px;
    margin-right: -15px;
  }
  .sec_row_stretch {
    margin-bottom: -20px;
    margin-right: -15px;
  }
  .sec_row_slider {
    margin-bottom: -20px;
    margin-right: -15px;
  }
  .sec_row_grid {
    margin-bottom: -20px;
    margin-right: -15px;
  }
  .sec_row_line {
    margin-bottom: 0px;
    margin-right: 0px;
  }
  .col01 {
    padding-right: 15px;
  }
  .col02 {
    width: 100%;
    padding-right: 15px;
  }
  .col03 {
    width: 50%;
    padding-right: 15px;
  }
  .col04 {
    width: 50%;
    padding-right: 15px;
  }
  .col05 {
    width: 50%;
    padding-right: 15px;
  }
  .col06 {
    width: 33.33%;
    padding-right: 15px;
  }
  .col040 {
    width: 100%;
    padding-right: 15px;
    margin-bottom: 20px;
  }
  .col060 {
    width: 100%;
    padding-right: 15px;
    margin-bottom: 20px;
  }
  .col033 {
    width: 100%;
    padding-right: 15px;
    margin-bottom: 20px;
  }
  .col066 {
    width: 100%;
    padding-right: 15px;
    margin-bottom: 20px;
  }
  .main_block {
    display: none;
  }
  .heading-glav {
    font-size: 45px;
    line-height: 120%;
  }
  .heading-glav span {
    font-weight: 300;
    font-size: 48px;
    line-height: 110%;
    text-transform: lowercase;
  }
  .heading-sec {
    font-size: 42px;
  }
  .text-sec {
    font-size: 18px;
  }
  .text_block_icon02 {
    font-size: 18px;
  }
  .text-sec-20 {
    font-size: 18px;
    line-height: 150%;
  }
  .image_wraper3 {
    padding-top: 100%;
    border-radius: 20px;
  }
  .image_wraper7 {
    padding-top: 70%;
    border-radius: 20px;
  }
  .image_info_wrap {
    display: none;
  }
  .block_info_too_fon {
    background: none;
    border: none;
  }
}
/*-------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .end_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }  
  .end_pull_left {
    margin-bottom: 20px;
  }
}
/*-------------------------------------------------------------------------------- */
@media screen and (max-width: 479px) {
	.margin_bottom_60 {
		margin-bottom: 30px!important;
	}
	.margin_bottom_40 {
		margin-bottom: 20px!important;
	}
	.margin_top_60 {
		margin-top: 30px!important;
	}
	.margin_top_40 {
		margin-top: 20px!important;
	}
  .section-top {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .section-page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section02 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section03 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section04 {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .section05 {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .sec_row_grid .col01 {
    margin-bottom: 20px;
  }
  .sec_row_grid .col02 {
    margin-bottom: 20px;
  }
  .sec_row_grid .col03 {
    margin-bottom: 20px;
  }
  .sec_row_grid .col04 {
    margin-bottom: 20px;
  }

  .col01 {
    margin-bottom: 20px;
  }
  .col02 {
    margin-bottom: 20px;
  }
  .col03 {
    width: 100%;
    margin-bottom: 20px;
  }
  .col04 {
    margin-bottom: 20px;
  }
  .col05 {
    margin-bottom: 20px;
  }
  .col06 {
    width: 50%;
    margin-bottom: 20px;
  }
  .col040 {
    margin-bottom: 20px;
  }
  .col060 {
    margin-bottom: 20px;
  }
  .heading-sec {
    font-size: 34px;
  }
  .block_info {
    padding: 20px 20px 20px 30px;
    border-radius: 20px;
  }
  .div_box_img {
    left: 10px;
    top: 25px;
  }
  .block_info_too {
    padding: 30px 20px 30px 30px;
    border-radius: 20px;
  }
  .div_box_img_too {
    left: 15px;
    top: 27px;
  }
  .text-sec-20 {
    font-size: 16px;
  }
  .text-head {
    font-size: 28px;
  } 
  .text-sec-too {
    font-size: 18px;
    line-height: 150%;
  }
  .end_pull_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .end_block_text {
    margin-top: 15px;
    text-align: center;
    margin-left: 0px;
  } 
  .text-head-too {
    margin-left: 20px;
    margin-bottom: 5px;
  }
  .div_box_img_too {
    left: 15px;
    top: 25px;
  } 
}
/*-------------------------------------------------------------------------------- */
/*end*/