body{font:16px/1.25 'Open Sans',sans-serif;font-weight:300}
.container{width:1000px}
.container-fluid{min-width:1000px}
#top-block{overflow:hidden}
h2,h3,h4,h6{text-align:center;font-weight:300}
a:hover{text-decoration:none}
.bordered{background:url(../images/bg/bg.jpg);color:#fff;position:relative;padding:40px 0}
.bordered:before{display:block!important;position:absolute;top:14px;left:0;right:0;bottom:14px;pointer-events:none;border-style:solid;-moz-border-image:url(../images/dash.png) 3 0 repeat;-webkit-border-image:url(../images/dash.png) 3 0 repeat;-o-border-image:url(../images/dash.png) 3 0 repeat;border-image:url(../images/dash.png) 3 0 repeat}
.bordered.dash-bottom{border-top:7px solid red}
.bordered.dash-bottom:before{border-top-width:0}
.bordered.dash-top{border-bottom:7px solid red}
.bordered.dash-top:before{border-bottom-width:0}
.make-order{display:block;margin:1em auto;width:319px;height:52px;text-align:center;text-transform:uppercase;font-size:24px;line-height:52px;color:#fff;background:url(../images/btn.png) no-repeat 0 0;cursor:pointer}
.make-order:hover{color:#fff;background:url(../images/btn.png) no-repeat 0 -52px}
.price{position:relative;top:17px}
.price strong{font-size:33px;font-weight:400}
.price.by strong{font-size:80px}
.price span{font-size:28px;position:relative}
.price span del{position:absolute;left:0;top:-1.3em;font-size:28px;text-decoration:none}
.price span del img {
    position: absolute;
    width: 105%;
    height: 110%;
    top: 0;
    left: 0;
    transform: rotate(+18deg);
}
#banner{background:url(../images/bg/bg-1.jpg) no-repeat top center}
#advantages{background:url(../images/bg/bg-4.png) no-repeat 0 0;background-size:100% auto}
#about{background:url(../images/bg/bg-5.jpg) no-repeat top center}
#wrapper{background:url(../images/bg/bg-3.jpg) no-repeat top center}
#reviews{background:url(../images/bg/bg-6.jpg) no-repeat top center}
@media (min-width:1900px){#banner,#reviews,#wrapper{background-size:100% auto;background-position:center center}
#about{background-size:cover;background-position:100% 0}}
.countdown{text-align:center}
.countdown strong{font-size:18px;display:block;color:#fff;font-weight:400}
.countdown ul{padding:0;margin:0}
.countdown li{list-style:none;display:inline-block;font-size:12px;text-transform:lowercase;position:relative;margin:6px;width:72px;height:93px;background:url(../images/counter.png) no-repeat;background-size:100% 100%}
.countdown li:after{content:':';font-size:48px;line-height:90px;position:absolute;top:0;right:-12px}
.countdown li:last-child:after{content:''}
.countdown li span{display:block;font-size:48px;line-height:1;margin-top:18px}
nav h3{font-size:28px;color:#fff;width:-107px;line-height:0.4;font-weight:395}
nav h6{font-size:20px;color:#fff;width:-107px;line-height:1.3;font-weight:450}
.bage{position:absolute;top:0;left:80%;height:137px;color:#fff}
#header{border-bottom:2px solid #fff}
#header .container{position:relative}
#header .bage{background:url(../images/bage-top.png) no-repeat;background-size:100% 100%;width:337px;padding-left:40px;font-size:64px;line-height:1.5em}
#banner{overflow:hidden;line-height:1.1}
#banner .summary-row .container{padding-bottom:480px;position:relative}
#banner .summary{position:relative;z-index:2}
#banner .watch{position:absolute;bottom:0;left:-20px;max-height:100%;z-index:1}
#banner .brand{margin-top:.6em;font-size:21px;font-weight:400;color:#fff;text-align:center}
#banner .slogan{
    font-size:59px;
    font-weight:300;
    color:#fff;
    text-align:center;
    margin-top:.7em;
    margin-bottom:0;
}
#banner .sam{position:absolute;top: 145px;right: 165px;z-index:1}
#banner .slogan span{display:block}
#banner .slogan span:nth-child(2){text-align:center}
#advantages{min-height:860px}
#advantages h2{font-size:45px;color:#040404;margin:100px 0 40px}
#advantages .panel{background:0 0;border:none}
#advantages .panel .panel-heading{background:0 0;border-bottom:1px solid #000}
#advantages .panel .panel-heading .panel-title{color:#000;font-size:36px}
#advantages .panel .panel-heading .panel-title a,#advantages .panel .panel-heading .panel-title a:hover{text-decoration:none}
#advantages .panel .panel-body{border:none;font-size:16px;font-weight:400;border-bottom:1px solid #000}
#advantages .panel .panel-body:last-child{border-bottom-color:transparent}
#advantages .panel .panel-body strong{font-size:24px;font-weight:300}
#advantages .panel.collapsed .panel-heading{border-color:transparent}
#advantages .panel.collapsed .panel-heading .panel-title{color:red}
#advantages .plus-img{display:none;position:absolute;right:0;top:0}
#advantages .plus-img:first-child{display:inline;margin:0}
#advantages .plus-img:last-child{margin-top:10%}
#advantages .col-md-6{position:relative}TABLE {background: none repeat scroll 0% 0% #110D12;border: 2px solid #F00;width: 470px;color: #FFF;}
TD, TH {font-size:14px;padding: 5px;border: 1px solid #fff;}
#about h2{font-size:53px;color:#fff;margin:35px 0 20px}
#about h6{font-size:48px;color:#fff;margin:15px 0 20px}
#about{min-height:920px;padding-bottom:184px}
#about .note{width:777px;height:699px;background:url(../images/note.png) no-repeat;background-size:101% 101%;position:absolute;margin-left:30px}
#about .note .page{display:table;padding:150px;height:100%;width:100%;font-weight:400;line-height:1.3;-webkit-transform:rotate(-18deg);-khtml-transform:rotate(-18deg);-moz-transform:rotate(-18deg);-ms-transform:rotate(-18deg);-o-transform:rotate(-18deg);transform:rotate(-18deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');zoom:1}
#about .note .page h3{font-size:35px;color:#2e4d03}
#about .note .page span{font-size:25px;font-weight:400}
#about .note .page:nth-child(2) p{padding-left:60px}
#about .note .page .page-content{display:table-cell;vertical-align:middle}
#about .note .page .next{position:absolute;bottom:130px;right:220px;width:107px;height:45px;background:url(../images/arrow.png) no-repeat;background-size:100% 100%;opacity:.5;-webkit-transform:rotate(18deg);-khtml-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');zoom:1}
#about .note .page .next:hover{opacity:1}
#best{padding:50px 0 80px}
#best h3{font-size:53px;color:#fff}
#best h2{font-size:47px;color:#eeffa9}
#best h4{font-size:43px;color:#fff}
#best .slogan{font-size:55px;text-align:center;margin-top:50px}
#best .flipster{margin-top:2em}
#best .flipster img{border:7px solid #fff}
#best .countdown{margin-top:20px}
.flip-items li{width:500px;height:400px;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.8);box-shadow:0 0 30px 0 rgba(0,0,0,.8)}
.flipto-next,.flipto-prev{position:absolute;top:50%;width:70px;height:70px;margin-top:-35px;opacity:1}
.flipto-next:hover,.flipto-prev:hover{-webkit-transition:.5s;-khtml-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}

/* КНОПКА ГАЛЕРЕИ: ВЛЕВО */
.flipto-prev{
    left:13%;
    top:49%; /* положение кнопки по высоте */
    width:70px;
    height:70px;
    background:url(../images/gallery-prev.png) center center / contain no-repeat;
}
/* КНОПКА ГАЛЕРЕИ: ВПРАВО */
.flipto-next{
    right:13%;
    top:49%; /* положение кнопки по высоте */
    width:70px;
    height:70px;
    background:url(../images/gallery-next.png) center center / contain no-repeat;
}
.flip-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}
.flip-current .flip-overlay{display:none}
.flipto-next:focus,
.flipto-prev:focus {
    outline: none;
}
#best-images{overflow:hidden}
#best-images .flip-content{height:100%}
#reviews{padding:100px 0}
#reviews h2{font-size:48px}
#reviews #video-holder{height:400px;margin-top:40px;margin-bottom:90px}
#reviews #video-holder iframe{height:100%;width:100%;-webkit-box-shadow:0 0 30px 0 rgba(255,255,255,.8);-moz-box-shadow:0 0 30px 0 rgba(255,255,255,.8);box-shadow:0 0 30px 0 rgba(255,255,255,.8)}
#reviews #reviews-holder{margin-top:20px}
#reviews #reviews-holder li{background:#fff}
#reviews #reviews-holder li p{width:110%;height:180%;padding:0 24%;font-weight:400;line-height:1.25}
#reviews #reviews-holder li img{display:block;margin:2em auto;width:auto}
#reviews #reviews-holder strong{display:block;font-size:18px}
.sale{text-align:center;font-size:26px;color:#fff}
.sale-subtitle {
    text-align: center;
    font-size: 26px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
}
.sale .container{position:relative}
.sale .countdown{margin-top:-10px;margin-bottom:30px}
.sale .box{position:absolute;top:-200px;right:20px}
.sale h2{font-size:38px;line-height: 1.5;margin: 0em 0 -20px;padding:0;color:red}
#wrapper{overflow:hidden}
#delivery{color:#fff;padding:40px 0 20px}
#delivery .col-md-6{position:relative}
#delivery .sam{position:absolute;top: -125px;right: -225px;z-index:1}
#delivery .gazon2{position:absolute;top: -40.5px;right: -137px;z-index:0;}
#delivery .gift{position:absolute;top:60px;right:-70px;z-index:2}
#delivery h2{font-size:59px;color:#fff;margin: 0px 0 10px}
#delivery h6{font-size:59px;color:#fff;margin: 0px 0 0px}
#delivery .step{text-align:center;margin-top:20px;font-size:18px;perspective:1000}
#delivery .step:hover img{transform:rotateY(180deg)}
#delivery .step img{display:block;margin:.5em auto;transition:.6s;transform-style:preserve-3d;position:relative;cursor:pointer}
#footer{
    position:relative;
    z-index:1;
    border-bottom:2px solid #ffffff;
}
#footer .container{position:relative}
#footer .bage{background:url(../images/bage-bottom.png) no-repeat;background-size:100% 100%;width:391px;padding-left:40px;padding-top:104px;font-size:24px;line-height:1.5em;top:-18px;left:70%}
#footer .bage .footer-phone{
    position:relative;
    top:-35px;
    left:12px;
    color:#fff;
    font-size:30px;
    font-weight:300;
    text-decoration:none;
    white-space:nowrap;
}
#copyright{text-align:center;color:#ffffff;font-size:14px;font-weight:400;padding:6px}
.modal .modal-content{padding:50px;font-weight:400;-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}
.modal .modal-content:before{background:0 0;border:2px dashed red;border-radius:6px;content:"";display:block;position:absolute;pointer-events:none;top:14px;left:14px;right:14px;bottom:14px;z-index:1}
.modal .modal-content .modal-header{border:none;padding-top:0;padding-bottom:0}
.modal .modal-content .modal-header h4{text-align:left;font-size:30px;color:#fe0202}
.modal .modal-content .modal-header .close{font-size:46px;font-weight:400;margin-right:-30px;margin-top:-20px;opacity:1;color:#8f8f8f;text-shadow:none}
.modal .modal-content .modal-header .close:hover{color:red}
.modal.black .modal-header{text-align:center;color:#fff}
.modal.black .modal-header h4{text-align:center;font-size:28px;font-weight:400;color:#f11313;line-height:1.1}
.modal.black .modal-header h5{text-align:center;font-size:25px;font-weight:400;color:#fff;line-height:1.1}
.modal.black .modal-header h4 small{font-size:27px;font-weight:400;color:#fff}
.modal.black .modal-header .price{color:red;font-weight:400}
.modal.black .modal-header .price strong{font-size:54px}
.modal.black .modal-header .price span{font-size:22px}
.modal.black .modal-header .price del{font-size:20px;color:#fff}
.modal.black .modal-content{padding:10px 50px 20px;background:url(../images/bg/bg.jpg);-webkit-box-shadow:0 0 30px rgba(255,255,255,.9);-khtml-box-shadow:0 0 30px rgba(255,255,255,.9);-moz-box-shadow:0 0 30px rgba(255,255,255,.9);-ms-box-shadow:0 0 30px rgba(255,255,255,.9);-o-box-shadow:0 0 30px rgba(255,255,255,.9);box-shadow:0 0 30px rgba(255,255,255,.9)}
form label{display:none}
form label.error{display:block;margin:0 auto;width:315px;color:red;font-style:italic;font-weight:400;font-size:14px;position:relative;top:-38px;right:0;margin-bottom:-29px;padding-left:65px}
form label.error:before{content:'*';padding:0 5px}
.form-politic label.error:before {
    content: none;
    padding: 0;
}
form input{display:block;margin:12px auto;width:328px;height:34px;padding:0 10px;background:url(../images/input.png) no-repeat;font-style:italic;border:none}
form input:focus{font-style:normal}
form .make-order,div .make-order{font-family:'Open Sans',sans-serif;border:none;outline:0;white-space:nowrap;padding:0;font-weight:300;margin:15px auto 0}
#limit .make-order{margin-top:35%;margin-bottom:.7em;position:relative;z-index:10}
#limit .modal-header{position:relative;z-index:10}
#limit .limit-img{position:absolute;top:-20px;left:-60px;max-width:124%;z-index:1}
#limit .modal-body p{font-size:18px;color:#fff;text-align:center;margin:0 -30px;margin-top:200px}
.modal-backdrop.in{opacity:.6}
::-webkit-input-placeholder{color:#666!important}
:-moz-placeholder{color:#666!important}
::-moz-placeholder{color:#666!important}
:-ms-input-placeholder{color:#666!important}
.modal-dialog{min-width:500px}
.modal-open .modal{overflow:auto!important}
@media (min-width:768px){.modal-dialog{width:680px}}
.redtext{color:red}
.termvp{border-bottom:1px dotted red}
.otzsldw{
    margin: 0 auto;
    width: 720px;
    position: relative;
    height: 245px;
}
#otzsldpr{
    position: absolute;
    background-image: url("../images/prev.png");      
    left: -60px; /* левая стрелка */
    opacity: 0.3;
    transition: all 0.2s linear 0s;
    width: 40px;
    height: 40px;
    top: 128px;
    cursor: pointer;
}
.clear{clear:both;}
.otzsldd{}
.otzsld{
    height: 420px;
    position: relative;
    left: -30px; /* расположение блока Фото и Текста Отзывов */
}
.otzimg{
    width: 158px;
    height: 158px;
    border-radius: 80px;
    float: left;
    margin: 72px 0;
}
.otztext{
    height: 158px;
    margin: 25px 0;
    float: left;
    width: 560px;
    padding: 20px;
    font-size: 18px;
    position: relative;
    left: 10px;/* расположение блока Текста относительно Фото Отзывов */
}
#otzsldnxt{
    position: absolute;      
    background-image: url("../images/next.png");      
    right: -60px; /* правая стрелка */
    opacity: 0.3;
    transition: all 0.2s linear 0s;
    width: 40px;
    height: 40px;
    top: 128px;
    cursor: pointer;
}
#otzsldnxt:hover,#otzsldpr:hover{opacity:1;}
.slogan-new{font-size:18px;color:#eeffa9}
.make-order-new{}

.form-politic {}
.form-politic > label {
    display: flex;
    max-width: 320px;
    margin: 0 auto;
    text-align: left;
    column-gap: 15px;
    position: relative;
    left: -2px;
}
.form-politic__input {
    position: relative;
}
.form-politic__input input {
	width: 15px;
	margin: 0;
}
.form-politic__input label.error {
    position: absolute;
    width: 180px;
    left: -15px;
    top: 0;
    padding-left: 5px;
    pointer-events: none;
    transform: translateY(5px);
}
.form-politic__text {
	font-size: 14px;
    display: block;
    color: #fff;
    font-weight: 400;
}
.form-politic__input:has(input.error) + .form-politic__text {
    position: relative;
    left: 81px;
}
.form-politic__text a {
	color: #44a9ff;
	transition: color .5s;
}
.form-politic__text a:hover {
	color: #fff;
}

.politic-modal .modal-header {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.politic-modal .modal-content {
	padding: 20px;
}
.politic-modal .modal-content .modal-header .close {
    font-size: 30px;
    margin-right: -20px;
    margin-top: -15px;
}
.politic-modal .modal-content .modal-header .close:hover {
    color: black;
}
.politic-modal .modal-content:before {
	display: none;
}
.politic-modal .modal-content p {
	font-size: smaller;
    line-height: 18px;
}
.make-order:focus,
.make-order:active,
.make-order:active:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}

.make-order:active {
    transform: translateY(3px);
}
.form-politic {
    min-height: 52px;
}
.form-politic input[type="checkbox"]:focus,
.form-politic input[type="checkbox"]:active {
    outline: none !important;
    box-shadow: none !important;
}
.form-politic__text a:focus,
.form-politic__text a:active {
    outline: none;
    box-shadow: none;
}
.modal-body h3 {
    text-align: left;
    font-size: 23px;
    font-weight: 350;
    margin-top: 25px;
    margin-bottom: 10px;
}
#politicModal {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 390;
    margin-top: 10px;
    margin-bottom: -20px;
}
a[href="tel:+972525453295"]:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}