@font-face {
font-family: 'Gotham Pro Medium';
src: url('GothamPro-Medium.eot');
src: url('GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
url('GothamPro-Medium.woff') format('woff'),
url('GothamPro-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Gotham Pro Bold';
src: url('GothamPro-Bold.eot');
src: url('GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
url('GothamPro-Bold.woff') format('woff'),
url('GothamPro-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Gotham Pro Regular';
src: url('GothamPro.eot');
src: url('GothamPro.eot?#iefix') format('embedded-opentype'),
url('GothamPro.woff') format('woff'),
url('GothamPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@charset "UTF-8";

.countdown,
.countdown_text,
.price .price__new,
.section_head {
    text-align: center
}

.all_list .all_item span,
.bottom_text span,
.countdown_text,
.sostav_text span,
.title_top span,
.uspey_item span,
.zakaz {
    text-transform: uppercase
}

.mobile {
    display: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a:active,
a:focus,
a:hover {
    text-decoration: none !important;
    color: #FFF !important
}

.desktop {
    background: url(./header.png) center top no-repeat
}

footer,
header {
    background: url(./header_bg.png) center top no-repeat #fff;
    -webkit-background-size: 100%;
    background-size: 100%
}

.header_title {
    background-color: #1096d5;
    color: #fff;
    margin-top: 10px;
    padding-left: 7px;
    margin-bottom: 305px
}

.header_title .title_bottom {
    text-transform: uppercase;
    font-family: 'Gotham Pro Medium';
    font-size: 36px
}

.title_top h1 {
    color: #fff;
    font-family: GothamProBlack;
    font-size: 70px;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0
}

.title_top span {
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    margin-left: 15px
}

.header_list,
.snoska {
    font-family: 'Gotham Pro Regular';
    font-size: 18px;
    display: inline-block
}

.header_list {
    list-style-type: none;
    color: #fff;
    padding-left: 0;
    position: relative;
    top: 20px;
    right: 5px
}

.product {
    display: inline-block;
    vertical-align: top
}

.header_list li {
    padding: 5px 5px 5px 65px;
    background: url(./sprite.png) no-repeat #1096d5
}

.header_list li:first-child {
    background-position: 12px 12px
}

.header_list li:nth-child(2) {
    background-position: 15px -60px
}

.header_list li:nth-child(3) {
    background-position: 15px -135px
}

.snoska {
    color: #000
}

.header_form {
    background-color: #fff;
    padding: 12px;
    border: 7px solid #1096d5;
    position: relative;
    bottom: 17px
}

.bottom_text {
    font-family: 'Gotham Pro Medium';
    font-size: 36px;
    color: #000;
    padding-top: 10px;
    line-height: 1.2
}

.bottom_text span,
.countdown .countdown__item,
.countdown_text,
.price .price__new,
.price .price_text {
    font-family: 'Gotham Pro Bold';
}

.bottom_text span {
    color: #da0322
}

.header_bottom {
    position: relative;
    top: 12px;
    z-index: 1
}

.header_bottom .snoska {
    position: relative;
    top: 20px
}

.price {
    color: #da0322
}

.price .price_text {
    font-size: 20px;
    color: #000;
    text-align: center
}

.price .price__new {
    font-size: 30px
}

.countdown_text {
    font-size: 17px;
    margin-bottom: 10px
}

.countdown_text span {
    color: #da0322
}

.countdown .countdown__item {
    display: inline-block;
    font-size: 25px;
    border: 3px solid #000;
    color: #323232;
    padding: 5px 0;
    width: 55px;
    position: relative
}

.countdown .countdown__item:nth-child(2) {
    margin: 0 55px
}

.countdown .countdown__item:nth-child(2):after {
    content: ':';
    color: #1096d5;
    position: absolute;
    top: -1px;
    right: -34px;
    font-size: 30px
}

.countdown .countdown__item:nth-child(2):before {
    content: 'Минут';
    position: absolute;
    bottom: -22px;
    right: 5px;
    font-size: 13px;
    font-family: Roboto
}

.countdown .countdown__item:first-child:after {
    content: ':';
    color: #1096d5;
    position: absolute;
    top: -1px;
    right: -34px;
    font-size: 30px
}

.countdown .countdown__item:first-child:before {
    content: 'Часов';
    position: absolute;
    bottom: -22px;
    right: 6px;
    font-size: 13px;
    font-family: Roboto
}

.countdown .countdown__item:last-child:before {
    content: 'Секунд';
    position: absolute;
    bottom: -22px;
    right: 3px;
    font-size: 13px;
    font-family: Roboto
}

.form {
    margin-top: 15px
}

.form .form__input {
    width: 100%;
    border: 2px solid #0177a3;
    height: 40px;
    font-family: Roboto;
    font-size: 16px;
    padding-left: 35px
}

.form .form__input::-webkit-input-placeholder {
    color: #000
}

.form .form__input::-moz-placeholder {
    color: #000
}

.form .form__input:-ms-input-placeholder {
    color: #000
}

.form .form__input::-ms-input-placeholder {
    color: #000
}

.form .form__input::placeholder {
    color: #000
}

.form__select {
    background: url(./sprite.png) 7px -218px no-repeat
}

.form .col-md-3:nth-child(2) .form__item .form__input {
    background: url(./sprite.png) 7px -264px no-repeat
}

.form .col-md-3:nth-child(3) .form__item .form__input {
    background: url(./sprite.png) 7px -315px no-repeat
}

.form__btn {
    background-image: -webkit-linear-gradient(left, #01a615 4%, #04bf1a 49%, #05d81e 100%);
    background-image: -o-linear-gradient(left, #01a615 4%, #04bf1a 49%, #05d81e 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(4%, #01a615), color-stop(49%, #04bf1a), to(#05d81e));
    background-image: linear-gradient(to right, #01a615 4%, #04bf1a 49%, #05d81e 100%);
    border: none;
    font-family: 'Gotham Pro Medium';
    color: #FFF;
    font-size: 17px;
    height: 40px;
    width: 100%
}

.reshenie {
    background-color: #FFF;
    padding: 10px 0 45px
}

.section_head {
    color: #000;
    font-family: GothamProBlack;
    font-size: 56px;
    padding: 0 20px;
    line-height: 1;
    margin-bottom: 20px
}

.reshenie_img img {
    width: 100%
}

.reshenie .col-md-6:first-child {
    padding-right: 0
}

.reshenie .col-md-6:last-child {
    padding-left: 0
}

.reshenie_text {
    font-family: 'Gotham Pro Regular';
    font-size: 18px;
    padding: 35px 25px
}

.reshenie_text span,
.sostav_text span {
    font-family: 'Gotham Pro Bold';
}

.sostav_img {
    float: left;
    margin-right: 25px
}

.sostav_text span {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
    display: block
}

.sostav_item {
    margin: 60px 0
}

.sostav .section_head {
    margin-bottom: 50px
}

.sostav {
    background: url(./trava.png) center bottom no-repeat
}

.what_item p,
.what_text {
    background-color: #1096d5;
    color: #FFF;
    text-align: center
}

.what .col-md-4:first-child .what_item img {
    border-left: none
}

.what .col-md-4:nth-child(2) .what_item img {
    padding-top: 1px
}

.what .col-md-4:last-child .what_item img {
    border-right: none
}

.what_text {
    border: 2px solid #000;
    font-family: GothamProBlack;
    font-size: 56px
}

.what_item img {
    width: 100%;
    border: 1px solid #000
}

.what_item p {
    font-family: 'Gotham Pro Medium';
    font-size: 16px;
    border: 1px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 0;
    padding: 5px 0
}

.what .row {
    margin: 0
}

.what .col-md-4 {
    padding: 0
}

.all {
    background: url(./all.png) center top no-repeat;
    padding-top: 25px
}

.all .section_head {
    margin-bottom: 40px
}

.zakaz {
    color: #FFF;
    background-image: -webkit-linear-gradient(left, #01a615 4%, #04bf1a 49%, #05d81e 100%);
    background-image: -o-linear-gradient(left, #01a615 4%, #04bf1a 49%, #05d81e 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(4%, #01a615), color-stop(49%, #04bf1a), to(#05d81e));
    background-image: linear-gradient(to right, #01a615 4%, #04bf1a 49%, #05d81e 100%);
    padding: 20px 25px 15px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-family: GothamProBlack;
    font-size: 20px
}

.product_img {
    text-align: center;
    margin-top: 60px
}

.product_img img {
    margin-bottom: 45px
}

.all_list {
    list-style-type: none;
    padding-left: 0
}

.all_list .all_item {
    padding: 5px 0 5px 110px;
    font-family: 'Gotham Pro Medium';
    background: url(./sprite.png) no-repeat;
    font-size: 17px;
    margin-bottom: 30px
}

.all_list .all_item:first-child {
    background-position: left -393px
}

.all_list .all_item:nth-child(2) {
    background-position: left -529px
}

.all_list .all_item:nth-child(3) {
    background-position: left -670px
}

.all_list .all_item:last-child {
    background-position: left -795px;
    padding: 20px 0 20px 110px
}

.all_list .all_item span {
    font-family: 'Gotham Pro Bold';
}

.review_item p,
.review_item span {
    font-family: 'Open Sans'
}

.reviews {
    padding-bottom: 60px
}

.review_item {
    text-align: center
}

.review_item span {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
    display: block
}

.review_item p {
    font-size: 16px;
    text-align: left
}

.uspey .col-md-3:last-child .uspey_item:after {
    display: none
}

.uspey_item {
    text-align: center;
    position: relative
}

.uspey_item:after {
    content: '';
    background: url(./sprite.png) left bottom no-repeat;
    position: absolute;
    top: 60px;
    height: 20px;
    width: 20px;
    right: -25px
}

.uspey_item span {
    font-family: 'Gotham Pro Bold';;
    display: block;
    margin: 15px 0
}

.links,
.uspey_item p {
    font-family: GothamProRegular
}

.uspey_item p {
    padding: 0 21px
}

.uspey .section_head {
    margin-bottom: 60px
}

footer {
    margin-top: 50px
}

.links {
    text-align: center;
    padding-bottom: 15px
}

.links a {
    display: block
}

.links a:hover {
    color: #337ab7 !important
}