.footer p{margin:0;padding:0;}
video,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,canvas,embed,output,ruby,summary,time,mark,audio,html,section,aside,details,figure,figcaption,footer,header,hgroup,menu,nav,article{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
section,aside,details,figure,figcaption,footer,header,hgroup,menu,nav,article{display:block}
body{line-height:1.5em;font-family:'Avenir-Light';letter-spacing:.05em}
ol,ul{list-style:circle}
blockquote,q{quotes:none}
*{
	box-sizing:border-box
}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
select {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius: 0;background: #fff;}
@font-face{font-family:'Avenir-Light';src:url('../fonts/Avenir-Light.woff')}
@font-face{font-family:'Avenir-Medium';src:url('../fonts/Avenir-Medium.woff')}
.wrapper{width:1400px;margin:0 auto;color:#353535}
.header{min-height:740px;padding:30px 0;background-image:url('../img/bg-header.jpg');background-position:center top;background-repeat:no-repeat;background-size:cover}
.header .wrapper{color:#333}
.header-title{margin-bottom:100px;font-size:20px;letter-spacing:2px;text-align:right}
.header-title a {text-align:right;color:inherit; text-decoration: none;}
.row::after,.block4-item::after,.block5::after,.bloger::after,#art11::after{content:'';display:table;clear:both}
.left-text{width:500px;float:left}
.left-text-title{margin-bottom:30px;font-family:'Avenir-Medium';font-size:36px;color:#9218a0;line-height:46px}
.left-text-list{margin-left:30px;font-size:24px}
.left-text-item{margin-bottom:15px;color: #000;font-weight: 600;}
.sale_block{float:right;border-radius:8px;background-color:#fff;box-shadow:0 7px 13px 0 rgba(0,1,1,0.16);width:300px;margin-left:auto;padding:10px 25px;margin-right:55px;position:relative;z-index:2;font-family:'Avenir-Medium'}
.sale{text-align:center;margin-bottom:5px}
.sale b{display:block}
.count{margin-bottom:10px;text-align:center}
.countbox>div:last-child{margin:0}
.countbox .countbox-num{font-weight:bold;position:relative;margin-right:25px;background:url('../img/count.png') no-repeat top center;width:60px;height:57px;padding-top:0;display:inline-block}
.countbox .countbox-num:last-child{margin-right:0}
.countbox .countbox-num:before{content:':';font-size:32px;color:#4d4d4a;right:-16px;top:15px;position:absolute}
.countbox .countbox-num:last-child:before{display:none}
.countbox-hours,.countbox-mins,.countbox-secs{color:#fff;font-size:40px;text-align:center;font-weight:600;line-height:52px;margin-bottom:0;letter-spacing:0;padding-left:0}
.countbox-hours-text,.countbox-mins-text,.countbox-secs-text{font-size:14px;color:#4d4d4a;font-weight:400;text-align:center;letter-spacing:0;margin:2px auto 0}
.sale_form{width:245px;margin:auto;text-align:center}
.country_chang{width:100%;height:50px;border:2px solid #dbdbdb;margin-bottom:5px;padding:0 40px 0 15px;outline:0;color:#4d4d4a;font-weight:400;font-size:14px}
.sale_form input, .sale_form select{width:100%;height:50px;border:2px solid #dbdbdb;margin-bottom:5px;padding:0 40px 0 15px;outline:0;color:#4d4d4a;font-weight:400;font-size:14px;box-sizing: border-box;}
.sale_form input.name{background:url('../img/name.png') no-repeat 95% center}
.sale_form input.phone{background:url('../img/phone.png') no-repeat 95% center}
.price{margin-bottom:10px}
.price_title{color:#190c04;font-weight:bold;margin-bottom:5px}
.new_price{color:#9218a0;font-size:44px;line-height:34px;font-weight:bold}
.new_price .cur{font-size:20px;font-weight:600}
.old_price{color:#4d4d4a;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.old_price .numb{margin-left:5px}
.btn{outline:0;text-decoration:none;text-transform:uppercase;border-style:solid;font-size:18px;text-transform:uppercase;color:#FFF;background-image:-webkit-linear-gradient(90deg,#ff7600 0,#ffc122 100%);background-image:-ms-linear-gradient(90deg,#ff7600 0,#ffc122 100%);box-shadow:0 3px 0 0 rgba(171,81,0,0.8);width:245px;height:64px;border:0;display:inline-block;text-align:center;font-weight:bold;-webkit-appearance:none;border-radius:40px;cursor:pointer}
.btn:hover{box-shadow:0 3px 0 0 rgba(131,91,0,0.8),inset 0 0 20px 0 rgba(255,255,255,0.95)}
.btn:active{background-image:-webkit-linear-gradient(90deg,#d7a03f 0,#d7a03f 100%);background-image:-ms-linear-gradient(90deg,#d7a03f 0,#d7a03f 100%);box-shadow:none}
.left_pack{font-size:14px;font-weight:600;color:#4d4d4a;margin-top:10px}
.left_pack b{display:inline-block;color:#FFF;background:#9218a0;padding:2px 4px 2px 2px;text-align:left;border-radius:16px}
.video{width:100%;min-height:100px;position:relative}
.video img{width:100%}
.description{min-height:700px;padding:80px 0;background-image:url('http://garderob2.bombershop.top/files/luna2_1/img/bg-descr.jpg');background-repeat:no-repeat;background-position:bottom center}
h2{margin-bottom:30px;font-size:40px;line-height:40px;color:#353535;text-align:center}
h2 span,.description p{font-family:'Avenir-Medium'}
.center{text-align:center}
.descr-left{width:500px;float:left}
.descr-p{margin-bottom:120px}
.descr-h3{font-size:36px;line-height:1.2em;margin-bottom:15px}
.descr-h3 span{display:block;font-family:'Avenir-Medium'}
.percent{margin:10px 0;font-size:96px;line-height:96px;color:#f3a5c1}
.descr-text{font-size:24px;display:inline-block;padding:10px;color:#fff;background-color:#353535}
.descr-right{width:500px;float:right;text-align:right}
.block4{margin-bottom:100px}
.block4-list{width:1200px;margin:0 auto;padding:20px 0;border-top:1px solid #353535;border-bottom:1px solid #353535;list-style:none}
.block4-item{display:inline-block;height:72px}
.block4-item:nth-of-type(-n+2){margin-right:60px}
.block4-item:nth-of-type(-n+2) .block4-content{padding-top:10px}
.block4-percent{float:left;max-width:180px;margin-right:15px;font-size:72px;line-height:72px;color:#9218a0}
.block4-content{float:left;width:185px;font-family:'Avenir-Medium'}
.block5{min-height:500px;background-image:url('../img/product.png');background-repeat:no-repeat;background-position:bottom center}
.block5-left{width:475px;float:left}
.block5-right{width:475px;float:right}
.block5-left h2,.block5-right h2{text-align:left;line-height:40px}
.block6{margin-bottom:40px}
.block6 h2{width:1000px;margin:0 auto;margin-bottom:30px;line-height:50px}
.block6 h2+p{width:1000px;margin:0 auto;margin-bottom:30px}
.block6 a{display:inline-block;margin-bottom:60px;padding:10px 20px;font-family:'Avenir-Medium';font-size:14px;color:#fff;text-decoration:none;text-transform:uppercase;background-color:#78278b}
.block7{position:relative;min-height:900px;background-image:url('../img/bg.jpg');background-repeat:no-repeat;background-position:bottom center}
.block7 .row{font-size:0;line-height:0}
.block7 .col{display:inline-block;vertical-align:top;box-sizing:border-box;width:33.2%;height:250px;border-top:1px solid #ccc;font-size:0}
.block7 .v1,.block7 .v2{position:relative;z-index:30;box-sizing:border-box;width:100%;height:250px;padding:40px}
.block7 .v2{opacity:0;display:none}
.block7 .col:hover .v11,.block7 .col:hover .v13,.block7 .col:hover .v15,.block7 .col:hover .v12,.block7 .col:hover .v14,.block7 .col:hover .v16{opacity:0;position:absolute;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden}
.block7 .col:hover .v21,.block7 .col:hover .v23,.block7 .col:hover .v25,.block7 .col:hover .v22,.block7 .col:hover .v24,.block7 .col:hover .v26{display:block;opacity:1;transition:.35s}
.block7 .col:nth-of-type(-n+2){border-right:1px solid #ccc}
.block7 .row:last-child{border-bottom:1px solid #ccc}
.block7 .col img{width:100%;height:auto}
.block7 .img{width:55px;margin:0 auto;margin-bottom:15px}
.block7-p{width:200px;margin:0 auto;text-align:center;font-size:16px;line-height:18px;font-family:'Avenir-Medium';color:#353535}
.img-bg{position:absolute;z-index:10;bottom:30px;left:50%;margin-left:-440px}
.v2{font-size:16px;line-height:20px;font-family:'Avenir-Medium';color:#353535;text-align:center}
.v2 h4{font-size:18px;color:#fb5a91;margin-bottom:15px}
.v2 p{width:400px;margin:0 auto}
.block8{padding:50px 0 90px 0;background:url("../img/bg_paper.jpg") top no-repeat}

.block9{padding-bottom:120px;padding-top:100px;border-top:1px solid #f1f1f1}
.block9 .descr-h3{color:#333;margin-bottom:50px}
.bloger{background-color:#ffe7f4}
.bloger-left{float:left;width:40%;height:343px;overflow:hidden}
.bloger-left img{float:right}
.bloger-right{float:right;box-sizing:border-box;width:60%;padding:20px}
.bloger-right-wrap{box-sizing:border-box;padding:24px;border:3px solid #fff;border-radius:10px;height:298px;text-align:center;color:#333}
.bloger-right-wrap p{margin-bottom:30px;font-size:24px;line-height:34px}
.bloger-right-wrap div{font-size:20px;display:inline-block;border-bottom:1px solid #333}
.block10{background-color:#ffe7f4;padding:40px 0 80px 0}
.block10 .descr-h3{margin-bottom:80px;color:#333}
.block10 ul{font-size:0;line-height:0}
.block10 ul li{display:inline-block;text-align:center;padding:0 29px}
.block11{padding:80px 0 30px 0;background-color:#f6f7f8}
.block11 .wrapper .row{color:#333}
.block11 .descr-h3{color:#333}
.block11 .descr-p{color:#333;font-size:16px;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:60px}
.block11 .row{width:1100px;margin:0 auto;padding-bottom:50px;margin-bottom:30px;border-bottom:1px solid #ccc}
.block11 .left{float:left;width:20%;padding-left:50px}
.block11 .left div{font-family:'Avenir-Medium';font-size:20px;margin-bottom:5px}
.block11 .right{float:left;width:70%}
.block11 .right div{font-family:'Avenir-Medium';font-size:18px;margin-bottom:15px}
/*   catalog list   */

.catalog_list {
 font-size: 0;
 margin: 0 -10px -20px;
 text-align: center;
}

.catalog_list li {
 display: inline-block;
 vertical-align: top;
 width: 30%;
 padding: 0 10px 20px;
}

.catalog_list .item {
 position: relative;
 font-size: 16px;
 background: url(../img/gif.gif) ;
 padding: 25px 25px 20px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.catalog_list .sale {
	position: absolute;
    right: 20px;
    top: 20px;
    width: 66px;
    height: 66px;
    line-height: 66px;
    background: #9218a0;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    z-index: 50;
    font-size: 20px;
}

.catalog_list img {
 display: block;
 margin: 0 auto;
}

.catalog_list h4 {
 padding-top: 10px;
 font-size: 22px;
 FONT-weight:700;
}

.catalog_list .size {
 font-size: 18px;
 color: #000;
}

.catalog_list a.button {
 outline:0;
 text-decoration:none;
 text-transform:uppercase;
 border-style:solid;
 font-size:22px;
 line-height:48px;
 text-transform:uppercase;
 color:#FFF;
 background-image:-webkit-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
 background-image:-ms-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
 box-shadow:0 3px 0 0 rgba(171,81,0,0.8);
 width:215px;
 height:48px;
 border:0;
 display:inline-block;
 text-align:center;
 font-weight:bold;
 -webkit-appearance:none;
 border-radius:40px;
 cursor:pointer
}
.catalog_list a.button_url {
	outline:0;
	text-decoration:none;
	text-transform:uppercase;
	border-style:solid;
	font-size:22px;
	line-height:48px;
	text-transform:uppercase;
	color:#FFF;
	background-image:-webkit-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
	background-image:-ms-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
	box-shadow:0 3px 0 0 rgba(171,81,0,0.8);
	width:215px;
	height:48px;
	border:0;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	-webkit-appearance:none;
	border-radius:40px;
	cursor:pointer
}

.gallery {
 padding: 0;
}
#art11 ul{list-style:none}
#art11 li{padding:}
.r{display:flex;flex-flow:row wrap}
.r:after{display:table;clear:both;content:''}
.g3 h2{color:#333;font-family:'Avenir-Medium'}
.g3 strong{font-family:'Avenir-Medium'}
@media screen and (min-width:320px){
}
@media screen and (min-width:1024px){
}
.fabc,.fac,.falc{display:flex}
.falc{align-items:center;justify-content:flex-start}
.fac{align-items:center;justify-content:center}
.fabc{align-items:flex-end;justify-content:center}
.atc{text-align:center}
.ar{text-align:right}
.mw{max-width:1140px;margin-right:auto;margin-left:auto}
.mw.l{max-width:1280px}
.grid{display:grid}
.g,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12,.g55{padding-left:10px;padding-right:10px;float:left;position:relative}
.g{width:100%}
.g2{width:16.6666666667%}
@media screen and (min-width:320px){
	.g3{width:100%;float:none;text-aling:center}
}
@media screen and (min-width:768px){
	.g3{width:40%;float:left;margin-left:20px}

}
@media screen and (min-width:1024px){
	.g3{width:19%;float:left}
}
@media screen and (min-width:320px){
	.m12{width:inherit;float:left}
}
@media screen and (min-width:768px){
	.m12{width:100%;float:left}
}
@media screen and (min-width:1024px){
	.m12{width:inherit;float:left}
}
.g4{width:33.3333333333%}
@media screen and (min-width:320px){
	.g4{width:100%;float:left}
}
@media screen and (min-width:748px){
	.g4{width:33.3333333333%;float:left}
}
@media screen and (min-width:1024px){
	.g4{width:33.3333333333%;float:left}
}
@media screen and (min-width:320px){
	.g5{width:100%;float:left}
}
@media screen and (min-width:1024px){
	.g5{width:41.6666666667%;float:left}
}
@media screen and (min-width:320px){
	.g55{width:100%;float:left}
}
@media screen and (min-width:1024px){
	.g55{width:20%;float:left}
}
@media screen and (min-width:320px){
	.g6{width:100%;float:left}
}
@media screen and (min-width:768px){
	.g6{width:50%;float:left}
}
@media screen and (min-width:1024px){
	.g6{width:50%;float:left}
}
@media screen and (min-width:320px){
	.g7{width:100%;float:left}
}
@media screen and (min-width:1024px){
	.g7{width:58.3333333333%;float:left}
}
@media screen and (min-width:320px){
	.g8{width:100%;float:left}
}
@media screen and (min-width:748px){
	.g8{width:66.6666666667%;float:left}
}
@media screen and (min-width:1024px){
	.g8{width:66.6666666667%;float:left}
}
@media screen and (min-width:320px){
	.g9{width:100%;float:left}
}
@media screen and (min-width:1024px){
	.g9{width:75%;float:left}
}
#art11 h2{font-size:38px;line-height:1.35;margin-bottom:35px}
@media screen and (max-width:1600px){
	.wrapper{width:1200px}
	.descr-right,.descr-left{width:350px}
	.descr-p{margin-bottom:85px}
	.block5-left{width:400px}
	.block5-right{width:400px}
	h2{font-size:30px}
	.sale_block{width:280px;margin-right:0}
	.block10 ul li {padding: 0 5px;}
}
@media screen and (max-width:1280px){
	.wrapper{width:1200px}
	.header{min-height:540px}
	.header-title{margin-bottom:50px}
	.left-text{width:450px}
	.sale_block{margin-right:0;line-height:1em}
	.descr-left,.descr-right{width:320px}
	.descr-right img{width:100%;height:auto}
	.block5-left,.block5-right{width:415px}
	.block5-left h2,.block5-right h2{font-size:30px}
	.v2 p{width:100%;font-size:15px}
	.img-bg{width:560px;margin-left:-280px;bottom:200px}
	.block10 ul li{padding:0 4px}
}
@media screen and (max-width:1240px){
	.wrapper{width:950px}
	.header-title{font-size:18px}
	.left-text{width:350px}
	.left-text-title{font-size:27px}
	.left-text-list{font-size:22px}
	.sale_block{width:260px;padding:10px 5px}
	h2{line-height:40px}
	.descr-left,.descr-right{width:260px}
	.description p{font-size:18px}
	.descr-text{font-size:20px}
	.block4-list{width:100%}
	.block4-item{height:90px}
	.block4-percent{font-size:64px}
	.block4-content{width:140px}
	.block4-item:nth-of-type(-n+2){margin-right:0}
	.block4-item:nth-of-type(2){margin-right:35px}
	.block5-left,.block5-right{width:280px}
	.block5-left h2,.block5-right h2{font-size:21px;margin-bottom:15px}
	.block6 h2,.block6 h2+p{width:100%}
	.block6 img{width:100%}
	.block7 .v1,.block7 .v2{padding:15px}
	.v2 h4{font-size:16px}
	.v2 p{font-size:14px}
	.img-bg{width:500px;margin-left:-250px;bottom:50px}
	.bloger-left img{margin-right:-90px}
	.block10 ul li{margin-bottom:10px}
	.block11 .row{width:100%}
	.description .descr-p{margin-bottom:190px}
}
@media screen and (max-width:999px){
	.wrapper{width:729px}
	.header{background-image:url("../img/bg.jpg");background-repeat:no-repeat;background-position:bottom center}
	.descr-right{display:none}
	.sale_block{background:rgba(254, 254, 254, 0.5);}
	.header-title {color:#9218a0 !important;}
	.phone {background:rgba(254, 254, 254, 0.7) !important;}
	.name {background:rgba(254, 254, 254, 0.7) !important;}
	.description{background-position:-290px bottom}
	.block4-list{text-align:center}
	.block4-item{text-align:left;margin-bottom:20px}
	.block8 ul li{width:49%;margin-bottom:35px}
	.bloger-right-wrap{padding:15px}
	.bloger-left img{margin-right:-135px}
	.block10 ul{text-align:center}
}
@media screen and (max-width:768px){
	.wrapper{width:528px}
	.left-text{float:none;margin:0 auto;margin-bottom:50px}
	.left-text-title{text-align:center}
	.sale_block{width:320px;float:none;margin:0 auto}
		.left-text-title {opacity:1;}
	.left-text-list {opacity:1;}
	.header-title{margin-bottom:30px}
	.description .descr-p{margin-bottom:100px}
	.block4-list{padding-top:40px}
	.block4{margin-bottom:50px}
	.block5{padding-bottom:380px}
	.block5-left{margin-bottom:50px}
	.block5-left,.block5-right{width:100%;float:none}
	.block7 .col:nth-of-type(2){display:none}
	.block7 .col{width:49.9%;height:290px}
	.block7 .v1{padding-top:70px}
	.bloger-left,.bloger-right{float:none;width:100%}
	.bloger-left img{margin-right:0}
	.block9,.block8{padding:50px 0}
	.block11 .left{padding-right:50px;padding-left:0}
}
@media screen and (max-width:576px){
	.wrapper{width:100%; padding: 0 10px}
	.left-text{width:100%}
	.header-title{font-size:14px;line-height:18px}
	.left-text-title{font-size:23px;line-height:27px}
	.left-text-list{font-size:20px}
	.sale_block{width:280px}
	.video{display:none}
	h2{font-size:32px}
	.description{padding:40px 0}
	.descr-h3{font-size:32px}
	.descr-left{width:100%;text-align:center}
	.description .descr-p{margin-bottom:60px}
	.block4-item:nth-of-type(2){margin-right:0}
	.block4-percent{width:100px;text-align:center;font-size:34px}
	.block5-left h2,.block5-right h2{text-align:center}
	.block5{padding-bottom:300px;background-size:80%;}
	.block7{background:none}
	.block6 h2{font-size:26px;line-height:36px}
	.block7 .col{width:100%;height:260px;border-right:1px solid #ccc}
	.img-bg{display:none}
	.block7 .row:nth-of-type(3) .col:nth-of-type(3){border-bottom:1px solid #ccc}
	.block8 ul li{width:100%}
	.bloger-left img{margin-right:-125px}
	.bloger-right-wrap p{font-size:20px;line-height:28px}
	.block10 .descr-h3{margin-bottom:30px}
	.block10,.block11{padding:40px 0}
	.block11 .descr-p{margin-bottom:30px}
	.block11 .left{box-sizing:border-box;width:100%;float:none;padding-left:20px;padding-right:0;margin-bottom:20px}
	.block11 .right{box-sizing:border-box;width:100%;float:none;padding-left:20px;padding-right:20px}
	#art11{text-align:center!important}
	.g3.fac{width:100%;display:block;margin:0 auto;float:none;text-align:center}
	.g3{width:100%}
}

.copyright { font-size: 14px;text-align: center; padding:20px 0;color: #6C6E6F;}
.copyright p { width: 100%; text-align: center; padding: 0; margin: 0; }
.copyright br { display: none; }
.copyright img { margin: 10px auto!important; max-width:100%; }
.copyright a {color: #6C6E6F; text-decoration: none;}
.copyright a:hover { color:#FF0069; text-decoration: none; }

.errField { display:none; font-size: 14px; background: #f00; color: #fff; text-align: center; padding: 10px; margin-bottom:10px; }

.errorMessage {font-size: 11px;background: rgba(255, 0, 0, 0.64);color: #fff;text-align: center;padding: 5px 10px;position: absolute;margin: 20px 0 0; z-index: 9999;}
.over-lay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 991;
	overflow-y: scroll;
	display: none;
}
.modal{
background: #fff;
position: fixed;
top:50%;
left: 50%;
margin-left: -200px;
margin-top: -200px;
padding: 10px;
width: 400px;
transform:translateY(-300%);

opacity: 0;
transition: 0.4s;
z-index: 100;
border-radius: 10px;
}

.modal .popup-modal{
text-align: center;

	padding: 10px 10px 30px;
	border-radius: 7px;
}

.close {
position: absolute;
right: 0;
top: 0;
width: 2vw;
height: 2vw;
-webkit-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
transform: translate(100%, -100%);
cursor: pointer;
}

.close:before,
.close:after {
position: absolute;
left: 50%;
content: ' ';
height: 100%;
width: 2px;
background-color: #818181;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-radius: 3px;
}

.close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.close:hover:before,
.close:hover:after {
background-color: #fbd234;
}

.modal .close{
margin: 0 0 0 auto;
width: 25px;
display: block;
cursor: pointer;
}
.modal .popup-title {
	color: #272727;
	line-height: 30px;
	padding-top: 0px;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "din_light", Calibri, Arial, sans-serif;
	text-shadow: 0px 1px 1px #6C6B6B;
}
.modal p {
	font-size: 16px;
	line-height: 21px;
	padding: 10px 0 5px;
	color: #333;
}
.modal .field {
	width: 100%;
	height: 50px;
	border: 2px solid #dbdbdb;
	margin-bottom: 5px;
	padding: 0 40px 0 15px;
	outline: 0;
	color: #4d4d4a;
	font-weight: 400;
	font-size: 14px;
	box-sizing: border-box;
}


.modal  .popup-btn {
	outline: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-style: solid;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
	background-image: -webkit-linear-gradient(
90deg
,#ff7600 0,#ffc122 100%);
	background-image: -ms-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
	box-shadow: 0 3px 0 0 rgb(171 81 0 / 80%);
	width: 245px;
	height: 64px;
	border: 0;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	-webkit-appearance: none;
	border-radius: 40px;
	cursor: pointer;
}

.activePopup{
transform: translateY(0);
opacity: 1;
}
@media screen and (max-width: 639px){
	.modal {
			width: 320px;
			margin-left: -160px;
	}
	.close:before, .close:after{
		width: 40px;
	}
	.modal .close{
		margin: -22px 50px 0px auto;
	}
}
.loadMore {
	outline: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-style: solid;
	font-size: 22px;
	line-height: 48px;
	text-transform: uppercase;
	color: #FFF;
	background-image: -webkit-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
	background-image: -ms-linear-gradient(90deg,#ff7600 0,#ffc122 100%);
	box-shadow: 0 3px 0 0 rgb(171 81 0 / 80%);
	width: 215px;
	height: 48px;
	border: 0;
	display: flex;
	justify-content: center;
	text-align: center;
	font-weight: bold;
	-webkit-appearance: none;
	border-radius: 40px;
	cursor: pointer;
	max-width: 250px;
	margin: 30px auto;
}