/* ==================================================================================
	content.html
================================================================================== */

.content{

}

.top-block, 
.video-block,
.steps-block{
	background-position: 50% 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
            background-size: cover !important;
}
	.top-block_headline-wr{
		margin: 2.127659574468085% -1.063829787234043% 0; /*20px // 10px from 940px*/
	}
		.top-block_headline{
			font-size: 4.8em;
			text-align: center;
		}

	.bogo-block-wr{
		margin: 2.127659574468085% -20% 0 -20%; /*6px // 60px from 300px*/
	}
        .bogo-block{
		    background-position: 50% 0 !important;
	        background-repeat: no-repeat;
	        -webkit-background-size: cover !important;
	                background-size: cover !important;
		    -webkit-border-radius: 9px;
	           -moz-border-radius: 9px;
	                border-radius: 9px;
            position: relative;
            z-index: 1024;
        }
		.bogo-title-wr{
			margin-top: 3.333333333333333%; /*10px from 300px*/
		}
			.bogo-title{
				font-size: 4em;
				text-align: center;
			}
		.bogo-price-wr{

		}
			.bogo-price{
				font-size: 6em;
				text-align: center;
			}
		.bogo-ship-wr{
			margin-bottom: 4%; /*12px from 300px*/
		}
			.bogo-ship{
				font-size: 1.4em;
				text-align: center;
			}

		.central-top-block-title-wr{
			margin-top: 1.666666666666667%; /*5px from 300px*/
		}
			.central-top-block-title{
				font-size: 3em;
				text-align: left;
			}

		.central-top-block-list-wr{
			margin-top: 3.333333333333333%; /*10px from 300px*/
		}

			.central-top-block-list{
				font-size: 1.8em;
			}
			.central-top-block-list li{
				padding: 0 0 0 35px;
				background-repeat: no-repeat;
				background-position: 0 8%;
				position: relative;
			}
			.central-top-block-list li+li{
				margin-top: 3.666666666666667%; /*11px from 300px*/
			}
		.central-top-block-btn-wr{
			margin: 8.666666666666667% 11.66666666666667% 11.66666666666667% 0; /*17px // 35px from 300px*/
		}

	.video-block_title-wr{
		margin: 3.723404255319149% 0 3.191489361702128%; /*34px // 30px from 940px*/
	}
		.video-block_title{
			font-size: 3.6em;
			text-align: center;
		}
		
	.video{ }
		.info-video{
			margin: 0 0 5.483870967741935% 5.161290322580645%; /* 34px // 32px from 620px */
			
		}

		.flex-video {
			clear: both;
			border: 5px solid #e1e1e1;
			position: relative;                
		}
			.flex-video iframe,
			.info-media-video .flex-video object,
			.info-media-video .flex-video embed,
			.info-media-video .flex-video video {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

@media (max-width: 767px){

	.info-video { margin: 0; }

}

	.video-block_subtitle-wr{
		margin-right: 5.333333333333333%; /*16px from 300px*/
	}
		.video-block_subtitle{
			font-size: 1.8em;
			text-align: left;
			line-height: 24px;
		}

	.video-block_description-wr{
		margin: 6.666666666666667% 5.333333333333333% 0 0; /*20px // 16px from 300px*/
	}
		.video-block_description{
			font-size: 1.8em;
			text-align: left;
			line-height: 26px;
		}

.line-block{
	height: 14px;
}

.order-block{
	background-position: 50% 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
            background-size: cover !important;
    position: relative;
}
.order-block_title-wr{
	margin: 1.808510638297872% 3.004255319148936% 0; /*17px // 32px from 940px*/
}
	.order-block_title{
		font-size: 3.6em;
		text-align: center;
	}

.order-block_subtitle-wr{
	margin: 0 3.004255319148936% 0; /*17px // 32px from 940px*/
}
	.order-block_subtitle{
		font-size: 2.4em;
		text-align: center;
	}
.order-block_description-wr{
	margin: 7.631578947368421% 0 0 8.421052631578947%; /*29px // 32px from 380px*/
}
	.order-block_description{
		font-size: 1.8em;
		text-align: left;
		line-height: 26px;
	}

.order-block-btn-wr{
	margin: 5.263157894736842% 36.84210526315789% 13.15789473684211% 8.421052631578947%; /*20px // 140px // 50px // 32px from 380px*/
}
.order-block-guar_img-wr{
	position: absolute;
	z-index: 1024;
	right: 25px;
    top: 110px;
	width: 15.42553191489362%; /*145px from 940px*/
}

@media (max-width: 979px) and (min-width: 768px) {

    .order-block_title{
        font-size: 3em;
    }
}

@media (max-width: 767px) {

    
.top-block_headline-wr {
    margin: 20px 10px;
}

    .top-block_headline {
        font-size: 30px;
        padding: 0 10px;
    }
    .bogo-block-wr{
        margin: 0;
        -webkit-border-radius: 0;
	       -moz-border-radius: 0;
	            border-radius: 0;
    }
        .bogo-title-wr{
            padding: 0 10px;
        }
        .bogo-title{
            font-size: 40px;
        }
.central-top-block-title-wr {
    margin-top: 30px;
}
        .central-top-block-title{
            font-size: 30px;
            text-align: center;
        }
        
.central-top-block-list-wr {
    margin: 10px auto 0;
    max-width: 250px;
}
    .central-top-block-list {
        font-size: 16px;
        line-height: 22px;
    }

.central-top-block-btn-wr {
    margin: 20px 10px;
}

.right-top_img-wr{
    margin: 0 auto;
    max-width: 320px;
}

.video-block_title-wr{
	margin: 30px 10px;
}

.video-block_subtitle-wr {
    margin: 20px 10px;
}
    .video-block_subtitle{
        text-align: center;
        font-size: 18px;
    }
.video-block_description-wr {
    margin: 0 10px 30px;
}
.video-block_description {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}
.order-block_title-wr {
    margin: 20px 10px;
}
.order-block_title {
    font-size: 30px;
}
.order-block_subtitle-wr {
    margin: 0 10px 20px;
}
.order-block_subtitle {
    font-size: 22px;
}
.order-block_description-wr {
    margin: 0 10px;
}
    .order-block_description{
        text-align: center;
        font-size: 18px;
    }
.order-block-guar_img-wr {
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 0;
    width: 145px;
    z-index: 1024;
}

.order-block-btn-wr {
    margin: 20px 10px;
}

}

.why-not-list-block-wr{
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
            background-size: cover !important;
}

.why-not-block_title-wr{
    margin: 3.205128205128205% 0 0; /*25px 3px from 780px*/
}
    .why-not-block_title{
        font-size: 3.6em;
        text-align: center;
    }
.why-not-block_subtitle-wr{
    margin: 0.641025641025641% 0 2.307692307692308%; /*5px // 18px from 780px*/
}
    .why-not-block_subtitle{
        text-align: center;
        font-size: 2.4em;
    }

.why-not-list-wr{
    margin: 6.666666666666667% 0 6.666666666666667% 9.259259259259259%; /*36px // 50px from 540px*/
}
    .why-not-list{
		font-size: 1.8em;
        line-height: 1.7;
	}
	.why-not-list li{
		padding: 0 0 0 70px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		position: relative;
        min-height: 53px;
	}
	.why-not-list li+li{
		margin-top: 5.510204081632653%; /*27px from 490px*/
	}


@media (max-width: 979px) and (min-width: 768px) {

    .why-not-block_title{
        font-size: 3em;
    }

}
@media (max-width: 767px) {
    
.why-not-block_title-wr {
    margin: 20px 10px 5px;
}
    .why-not-block_title {
        font-size: 32px;
    }
.why-not-block_subtitle-wr {
    margin: 10px 10px 20px;
}
.why-not-block_subtitle {
    font-size: 22px;
}

.why-not-list-wr {
    margin: 20px auto;
    max-width: 300px;
}

.why-not_img-wr{
    margin: 0 auto;
    max-width: 300px;
}

}



.steps-block_title-wr{
    margin: 2.659574468085106% 3.404255319148936%; /*25px // 32px from 940px*/
}
    .steps-block_title{
        text-align: center;
        font-size: 3.6em;
    }

.steps-block .steps-subblock{
    margin: 0 1.702127659574468% 0; /*16px from 940px*/
    width: 28.51063829787234%; /*268px from 940px*/
    float: left;
}
.steps-block .steps-subblock:first-child{
    margin: 0 2.127659574468085% 0 3.404255319148936%; /*32px from 940px*/
}
.steps-block .steps-subblock:last-child{
    margin: 0 3.404255319148936% 0 2.127659574468085%; /*32px from 940px*/
}

.steps_description-wr{
    margin-top: 7.462686567164179%;/*20px from 268px*/
}
    .steps_description{
        text-align: center;
        font-size: 1.8em;
        line-height: 1.7;
    }

.steps-block_subtitle-wr{
    margin: 3.723404255319149% 3.404255319148936%; /*35px // 3px from 940px*/
}
    .steps-block_subtitle{
        text-align: center;
        font-size: 5em;
    }

.order-now_title-wr{
    margin: 1.808510638297872% 3.404255319148936%; /*17px // 32px from 940px*/
}
    .order-now_title{
        text-align: center;
        font-size: 3.6em;
    }


@media (max-width: 979px) and (min-width: 768px) {

    .order-now_title{
        font-size: 3em;
    }

}
@media (max-width: 767px) {

    .steps-block_title-wr {
        margin: 15px 10px;
    }

    .steps-block_title {
        font-size: 32px;
    }

    .steps-block .steps-subblock {
        float: none;
        margin: 0 auto;
        width: 269px;
    }

        .steps-block .steps-subblock:first-child,
        .steps-block .steps-subblock:last-child {
            margin: 0 auto;
        }

        .steps-block .steps-subblock + .steps-subblock {
            margin-top: 20px;
        }

    .steps_description-wr {
        margin-top: 20px;
    }
    .steps_description {
        font-size: 14px;
    }
    
.steps-block_subtitle-wr {
    margin: 20px 10px;
}
    .steps-block_subtitle{
        font-size: 30px;
    }

.order-now_title-wr {
    margin: 10px;
}
.order-now_title {
    font-size: 30px;
}

}
.bottom-block{
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
            background-size: cover !important;
}
.bottom_title-wr{
    margin-right: 6.818181818181818%; /*15px from 220px*/
}
    .bottom_title{
        font-size: 2.4em;
        text-align: left;
    }
.bottom_description-wr{
    margin: 4.545454545454545% 6.818181818181818% 0 0; /*10px // 15px from 220px*/
}
    .bottom_description{
        text-align: left;
        font-size: 1.8em;
        line-height: 1.4;
    }
.bottom_price-wr{
    margin-right: 6.818181818181818%; /*15px from 220px*/
}
    .bottom_price{
        text-align: left;
        font-size: 6.4em;
    }
.bottom_ship-wr{
    margin-right: 6.818181818181818%; /*15px from 220px*/
}
    .bottom_ship{
        font-size: 1.4em;
        text-align: left;
    }
.btn-order-wr{
    margin: 8.636363636363636% 6.818181818181818% 0 0; /*19px // 15px from 220px*/
}
.bottom_cards-wr{
    margin: 6.818181818181818% 6.818181818181818% 6.818181818181818% 0; /*15px from 220px*/
}

@media (max-width: 767px) {

    .bottom_title-wr {
        margin: 0 10px 20px;
    }
        .bottom_title {
            font-size: 21px;
            text-align: center;
        }
    .bottom_description-wr,
    .bottom_price-wr,
    .bottom_ship-wr {
        margin: 10px;
    }
    .bottom_description {
        font-size: 16px;
        text-align: center;
    }
    .bottom_price {
        font-size: 64px;
        text-align: center;
    }  
    .bottom_ship {
        font-size: 14px;
        text-align: center;
    }
.btn-order-wr {
    margin: 20px 10px 10px;
}
.bottom_cards-wr {
    margin: 20px auto;
    width: 205px;
}



}


/* contact form */


.contact-form-block{
    margin: 0 -34px 47px;
    background: #808080;
    background: -moz-linear-gradient(top,  #808080 0%, #404040 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#404040));
    background: -webkit-linear-gradient(top,  #808080 0%,#404040 100%);
    background: -o-linear-gradient(top,  #808080 0%,#404040 100%);
    background: -ms-linear-gradient(top,  #808080 0%,#404040 100%);
    background: linear-gradient(to bottom,  #808080 0%,#404040 100%);
}

.contact-form-headline-wr{
    margin: 1.533018867924528% 3.891509433962264% 0; /* 13px // 33px from 848px */
}
    .contact-form-headline{
        font-size: 3.6em;
        text-align: center;
        color: #fff;
    }

.contact-form{
    background-color: #f0f0f0;
    margin: 0.9433962264150943%; /* 8px from 848px */
}
    .contact-form-descr-wr{
        margin: 1.201923076923077% 3.125% 0; /* 10px // 26px from 832px */
    }
    .contact-form-descr{
        text-align: center;
        font-size: 1.8em;
    }

    .first-input-col{
       margin: 0 3.125% 0; /* 26px from 832px */
    }

    .checkbox-required-block{
        margin: 3.605769230769231% 0 8.413461538461538% 1.682692307692308%;  /* 30px // 70px // 14px from 832px */
        float: left;
        width: 366px;
    }
        .checkbox-required-block input{
            float: left;
            margin: 2px 8px 0 0;
            width: 13px;
        }
        .checkbox-descr-wr{
            float: left;
            width: 345px;
        }
            .checkbox-descr{
                font-size: 1.5em;
            }

        .required-description{
            margin: 1.923076923076923% 0 3.58974358974359%;  /* 15px // 28px from 780px */
            font-size: 1.4em;
            float: left;
            width: 380px;
        }

.form-line-wr { 
    margin-top: 1.285347043701799%; /* 10px from 778px */ 
    width: 380px; 
    float: left;
}
.form-line-wr:nth-child(2n+1){
    margin-right: 20px;
}
    .form-line-wr input[type="text"],
    .form-line-wr select {
        height: 49px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;        
        padding: 4% 8px 4% 4.615384615384615%; /* 13px // 15px from 325px */ 
        display: block;
        width: 100%;
        border: 0;
        /*text-transform: uppercase;*/
        font: 400 1.6em "jaf-bernina-sans-condensed-n4", "jaf-bernina-sans-condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .29);
           -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .29);
                box-shadow: 0 0 3px 0 rgba(0, 0, 0, .29);

    }

    .form-line-wr select { 
        background-color: #ececec;          
        background-image: url(https://cdn.buyist.com/t-10646-flavorstoneinfusedgrillus/ab039598bf5d4ffeb6bce63ed240ef2a/i/ch-select.png?azres);
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }
.btn-block-wr{
    float: left;
    margin: 2.641025641025641% 0 0 0;  /* 44px // 20px from 780px */
    width: 380px;
}
.btn-home-order-wr{
}
    .btn-descr-wr{
        margin: 1.315789473684211% 7.368421052631579% 3.947368421052632%;  /* 5px // 28px // 15px from 380px */
    }
    .btn-descr{
        text-align: center;
        font-size: 1.2em;
    }

@media (max-width: 979px) and (min-width: 768px) {

    .required-description,
    .form-line-wr,
    .btn-block-wr{
        width: 290px;
    }
    .checkbox-required-block{
        width: 280px;
    }
    .checkbox-descr-wr{
        width: 259px;
    }

    .required-description {
        margin-bottom: 32px;
    }
    .btn-block-wr{
        margin-left: 20px;
    }
    .form-line-wr:nth-child(2n+1){
        margin-right: 34px;
    }
    .btn-block-wr{
        margin-left: 34px;
    }
}

@media (max-width: 767px) {

.custom-padding-top {
    padding-top:15px !important; 
}

    .contact-form-headline {
        font-size: 22px;
    }

.contact-form-block{
    margin: 20px auto;
    width: 300px;
}
.first-input-col {
    margin: 0 10px;
}

.checkbox-required-block {
    width: 274px;
}

.form-line-wr {
    margin-top: 7px;
    width: 274px;
    margin-right: 0;
}
.required-description {
    margin-top: 11px;
    width: 274px;
}

.form-line-wr input[type="text"], .form-line-wr select {
    padding: 0 0 0 8px;
}

.btn-block-wr{
    width: 274px;
    margin: 0 auto;
}

.checkbox-descr-wr {
    width: 250px;
}

}
@media (min-width: 768px){
.content__contact-form {
  padding-top: 50px;
}
}