@charset "utf-8";
html,body{height:100%;margin:0;padding:0;}
body{font-family:MontserratLight;}

@font-face {
	font-family: 'MontserratMedium';
	src: url('../fonts/Montserrat-Medium.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MontserratLight';
	src: url('../fonts/Montserrat-Light.ttf') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

p{padding:0;margin:0;}
input, textarea{border:none;outline:none;}

a:link,a:visited,a:active{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}

*,:after,:before{box-sizing:border-box;}

h1, p{padding:0;margin:0;}

.m_w{max-width:1240px;width:calc(100% - 30px);margin:0 auto;}
.title{color:#000;font-size:37px;font-family:MontserratMedium;text-align:center;margin:95px 0 44px;}
.title.m0{margin-bottom:0;}
.subtitle{color:#000;font-size:20px;text-align:center;margin:20px 0 44px;}

@media (max-width: 600px){
	.title{font-size:27px;}
	.subtitle{font-size:16px;}
}

.bg_granit{background-image:url(../img/bg.webp);padding:1px 0 70px;}

/*header*/
header{height:120px;background: linear-gradient(135deg, #152426, #282b3d);border-bottom:3px solid #fcd34d;position:fixed;z-index:3;top:0;left:0;right:0;transition:.3s;}
header .m_w{height:inherit;display:flex;align-items:center;justify-content:space-between;position:relative;}
header.show{height:90px;border-color:#4b8b93;}

/*logo*/
.logo{display:block;}
.logo p:first-child{color:#fff;font-size:25px;font-family:MontserratMedium;}
.logo p:first-child span{color:#fcd34d;}
.logo p + p{color:#edebe4;font-size:14px;}

/*nav*/
.navig a{display:inline-block;color:#fff;font-size:17px;font-family:MontserratMedium;padding:16px 0;margin:0 12px;position:relative;transition:.2s;}
.navig a:hover{color:#fcd34d;}
.navig a:after{content:'';display:block;width:0;height:2px;background-color:#fcd34d;position:absolute;bottom:0;left:0;transition:.2s;}
.navig a:hover:after{width:100%;}

/*burger*/
.burger{display:none;width:44px;height:44px;background-image:url(../img/icons/burger.svg);background-size:100%;cursor:pointer;}
.burger.active{background-image:url(../img/icons/close.svg);}

@media (max-width: 1070px){
	/*nav*/
	.navig{background-color:#10111d;padding:11px 24px;transform:translateY(8px);opacity:0;visibility:hidden;position:absolute;top:calc(100% + 3px);right:0;transition:.2s;}
	.navig.active{transform:translateY(0);opacity:1;visibility:visible;}
	
	/*burger*/
	.burger{display:block;}
}

@media (max-width: 600px){
	/*header*/
	header{height:90px;}
	header.show{height:70px;}
	
	/*logo*/
	.logo p:first-child{font-size:22px;}
	.logo p + p{font-size:13px;}
	}
/**/


/*slide*/
.slide_cover{background-color:#2a2019;background:url(../img/slide/bg_huge.webp) top center;background-size:cover;margin-top:120px;}
.slide{display:flex;align-items:center;justify-content:center;height:800px;text-align:center;}

.slide_title{color:#fff;font-size:60px;font-family:MontserratMedium;line-height:1;}
.slide_title span{color:#fcd34d;}

.slide_note{color:#fff;font-size:22px;font-family:MontserratMedium;margin:20px 0 50px;}

.slide_btn{display:table;color:#fff;font-size:20px;font-weight:500;background:url(../img/icons/bolt.svg)left 32px center no-repeat, linear-gradient(135deg, #1d4ed8 5%, #7097e7 100%);background-size:26px, auto;border-radius:50px;box-shadow:0 0 10px #3a364b;padding:23px 60px 23px 75px;margin:0 auto;transition:.2s ease-in;}
.slide_btn:hover{letter-spacing:1px;cursor:pointer;}

@media (max-width: 1500px){
	.slide_cover{background-image:url(../img/slide/bg_huge.webp);}
	.slide{height:600px;}
}

@media (max-width: 1100px){
	.slide_cover{background-image:url(../img/slide/bg_medium.webp);}
}

@media (max-width: 1070px){
	.slide_title{font-size:40px;}
	.slide_note{font-size:17px;}
}

@media (max-width: 900px){
	.slide_cover{background-image:url(../img/slide/bg_small.webp);}
}

@media (max-width: 600px){
	.slide_cover{background-image:url(../img/slide/bg_tiny.webp);margin-top:90px;}
	.slide{height:480px;}
	
	.slide_title{font-size:32px;}
	.slide_note{font-size:16px;margin:22px 0 35px;}
	
	.slide_btn{font-size:17px;background-size:22px, auto;padding:16px 42px 16px 58px;}
}
/**/


/*analytic*/
.analytic{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:35px;}
.analytic_item{background-color:#f7f6f3;border:1px solid #e5e5e5;text-align:center;border-radius:5px;padding:42px 33px;position:relative;transition:.3s;}
.analytic_item:after{content:'';display:block;width:30px;height:30px;background-image:url(../img/icons/tick.svg);background-size:100%;position:absolute;right:7px;bottom:7px;}
.analytic_item:hover{transform:translateY(-4px);}

.analytic_item p:first-child{color:#1a56d8;font-size:34px;font-weight:bold;font-family:MontserratMedium;}
.analytic_item p:nth-child(2){color:#000;font-size:20px;font-weight:bold;margin:14px 0;}
.analytic_item p:nth-child(3){color:#000;font-size:19px;}

@media (max-width: 1070px){
	.analytic{grid-template-columns:1fr 1fr;}
}

@media (max-width: 820px){
	.analytic{grid-gap:20px;}
	.analytic_item{padding:22px;}
	
	.analytic_item p:first-child{font-size:30px;}
	.analytic_item p:nth-child(2){;font-size:17px;margin:7px 0;}
	.analytic_item p:nth-child(3){font-size:16px;}
}

@media (max-width: 600px){
	.analytic{grid-gap:14px;}
	.analytic_item:after{width:20px;height:20px;}
	
	.analytic_item p:first-child{font-size:25px;}
	.analytic_item p:nth-child(2){;font-size:15px;}
	.analytic_item p:nth-child(3){font-size:14px;}
}
/**/

/*products*/
.products{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:35px;}
.product{background-color:#fff;border:1px solid #e7ebff;border-radius:8px;overflow:hidden;transition:.3s;}
.product:hover{transform:translateY(-3px);}

/*img*/
.product_image{padding:5px;}
.product_image img{width:100%;aspect-ratio: 388 / 473;}
.product_image + div{padding:22px;}

/*txt*/
.product_name{color:#000;font-size:20px;font-family:MontserratMedium;}
.product_price{color:#1a56d8;font-size:25px;font-family:MontserratMedium;margin:13px 0 2px;}
.product_price_del{color:#dc1c69;font-size:15px;text-decoration:line-through;}

.product_opt_name{color:#000;font-size:14px;margin:12px 0 8px;}
.product select{width:100%;height:40px;color:#000;font-size:14px;padding:0 13px;border:1px solid #eee;border-radius:7px;transition:.3s ease-in;}
.product select:hover{cursor:pointer;background-color:#fffcf7;border-color:#fadba5;}
.product select.error{background-color:#ffeeee;animation:shake .5s ease-in;}

@keyframes shake{
	0%,100%{transform:translateZ(0);}
	10%,30%,50%,70%,90%{color:#de5050;transform:translate3d(-5px,0,0);}
	20%,40%,60%,80%{transform:translate3d(5px,0,0);}
}

/*count*/
.product_count_by{display:flex;align-items:center;justify-content:space-between;}

.product_count{display:flex;align-items:center;user-select:none;width:46%;}
.product_count_num{flex: 1;color:#000;font-size:20px;text-align:center;}

.product_count_btn{width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-size:22px;border:1px solid #c9c7fa;border-radius:50%;cursor:pointer;transition:.2s;}
.product_count_btn.remove{background-image:url(../img/icons/remove.svg);}
.product_count_btn.add{background-image:url(../img/icons/add.svg);}
.product_count_btn:hover{border-color:#a19ef2;}

/*by*/
.product_by{width:calc(54% - 13px);color:#fff;font-size:17px;font-family:MontserratMedium;text-align:center;background:linear-gradient(135deg, #2563eb 5%, #1e40af 100%);box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);border-radius:5px;padding:15px;transition:.2s;}
.product_by:hover{background:linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);cursor:pointer;}

@media (max-width: 1120px){
	.products{grid-gap:14px;}
	
	/*count*/
	.product_count_btn{width:36px;height:36px;background-size:15px;}
}
@media (max-width: 900px){
	.products{grid-template-columns:1fr 1fr;grid-gap:35px;}
	
	/*count*/
	.product_count_btn{width:50px;height:50px;background-size:22px;}
}

@media (max-width: 800px){
	.products{grid-gap:16px;}
}
@media (max-width: 690px){
	.products{grid-gap:14px;}
	.product_image + div{padding:12px;}
	
	/*txt*/
	.product_name{font-size:18px;}
	.product_price{font-size:20px;margin:10px 0 2px;}
	.product_price_del{font-size:13px;}
	
	/*count*/
	.product_count_by{display:block;}
	.product_count{width:100%;}
	
	.product_count_btn{width:38px;height:38px;background-size:15px;}
	.product_count_num{width:50px;font-size:17px;}
	
	/*by*/
	.product_by{width:100%;font-size:15px;padding:12px;margin:12px 0 0;}
	.product_by span{display:table;background:url(../img/icons/arrow_right.svg) right center no-repeat;background-size:15px;padding-right:25px;margin:0 auto;}

}

@media (max-width: 500px){
	.products{grid-gap:8px;}
	.product_image{padding:0;}
	
	/*count*/
	.product_count_btn{width:50px;height:33px;border-radius:8px;}
}
/**/

/*steps*/
.bg_2{background-color:#f9fafb;padding:1px 0 40px;}
.steps{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:50px;margin:0 0 170px;}
.steps > div{background-color:#fff;border-radius:8px;box-shadow:0 3px 5px #f0f0f0;padding:25px;transition:.3s;}
.steps > div:hover{transform:translateY(-4px);box-shadow:0 8px 20px #e8e0e0;}

.steps_num{display:flex;align-items:center;justify-content:center;width:80px;height:80px;color:#fff;font-size:27px;font-family:MontserratMedium;background-color:#f59e0b;border-radius:50%;}
.steps_title{color:#000;font-size:22px;font-family:MontserratMedium;margin:33px 0 12px;}
.steps_note{color:#000;font-size:15px;}

@media (max-width: 1070px){
	.steps{grid-gap:20px;}
}

@media (max-width: 730px){
	.steps{grid-template-columns:1fr;}
	
	.steps > div{padding:18px;}
	
	.steps_num{width:60px;height:60px;font-size:22px;}
	.steps_title{font-size:20px;margin:25px 0 10px;}
	.steps_note{font-size:14px;}
}
/**/

/*gallery*/
.gallery{overflow:hidden;position:relative;}
.gallery.show{user-select:none;cursor:grabbing;}
.gallery_bar{display:flex;transition:.3s ease;transform:translateZ(0);}

.gallery_bar > div{min-width:calc(25% - 8px);margin-right:10px;}
.gallery_bar > div:last-child{margin:0;}

.gallery_bar > div img{width:100%;border-radius:8px;transition:.2s;}
.gallery_bar > div img:hover{filter:contrast(114%);filter:sepia(20%);cursor:pointer;}

@media (max-width: 1024px){
	.gallery_bar > div{min-width:calc(33.333% - 8px);}
}

@media (max-width: 710px){
	.gallery_bar > div{min-width:calc(50% - 8px);}
}

/*reviews_navig*/
.gallery_navig{display:flex;align-items:center;justify-content:center;margin-top:30px;}

.gallery_btn{width:55px;height:55px;background:url(../img/icons/arrow_right.svg) center no-repeat, #3b5273;background-size:15px;border-radius:50%;transition:.4s ease-in;cursor:pointer;}
.gallery_btn.prev{transform:rotate(180deg);}
.gallery_btn:hover{background-color:#000;}

/**/
.gallery_navig_qty{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:12px;margin:0 22px;}
.gallery_navig_qty p{width:13px;height:13px;background-color:#1d4ed8;border-radius:2px;transition:.2s;cursor:pointer;}
.gallery_navig_qty p.show{height:18px;background-color:#000;}
.gallery_navig_qty p:hover{background-color:#15389c;}

@media (max-width: 700px){
	.gallery_navig{margin-top:22px;}
}
/**/

/*about*/
.about_cover{background: url(../img/bg_content.webp);border-top:3px solid #eee;padding:110px 0;}
.about .title{text-align:left;margin:0 0 25px;}
.about_txt p{color:#000;font-size:16px;margin:25px 0;}
.about_txt ul{list-style-image:url(../img/icons/tick.svg);list-style-position:inside;padding:0;margin:0;}
.about_txt ul li{color:#000;font-size:16px;margin:10px 0;}
/**/

/*delight*/
.delight_cover{background:url(../img/delight/bg.webp) top center;background-size:cover;}
.delight{display:flex;align-items:center;justify-content:center;height:460px;text-align:center;}

.delight_title{color:#fff;font-size:35px;font-family:MontserratMedium;}
.delight_note{color:#fff;font-size:18px;margin:15px 0 35px;}

.delight_btn{display:table;color:#fff;font-size:17px;font-family:MontserratMedium;text-align:center;background: linear-gradient(135deg, #1d4ed8 5%, #7097e7 100%);border-radius:5px;box-shadow:0 0 10px #3a364b;padding:18px 35px;margin:0 auto;transition:.3s;}
.delight_btn:hover{background:linear-gradient(135deg, #719af0 5%, #2244a3 100%);letter-spacing:1px;transform:scale(1.02);cursor:pointer;}

@media (max-width: 1500px){
	.delight_cover{background-image:url(../img/delight/bg_huge.webp);}
}

@media (max-width: 1100px){
	.delight_cover{background-image:url(../img/delight/bg_medium.webp);}
}

@media (max-width: 900px){
	.delight_cover{background-image:url(../img/delight/bg_small.webp);}
}

@media (max-width: 600px){
	.delight_cover{background-image:url(../img/delight/bg_tiny.webp);}
	.delight{height:400px;}
}

@media (max-width: 800px){
	.delight{padding:60px 0;}
	
	.delight_title{font-size:26px;}
	.delight_note{font-size:15px;}
	.delight_btn{font-size:15px;padding:15px 28px;}
}
/**/

/*contact_info*/
.contact_info{display:flex;justify-content:center;}

.content_info_item{display:flex;margin:15px;}
.contact_icon{width:50px;height:50px;background-color:#eee;background-position:center;background-repeat:no-repeat;border-radius:7px;margin-right:12px;}
.contact_icon.address{background-image:url(../img/icons/address.svg);}
.contact_icon.phone{background-image:url(../img/icons/call.svg);}

.contact_name{color:#000;font-size:17px;font-weight:bold;margin:0 0 8px;}
.contact_note{display:block;color:#000;font-size:14px;}

/*contact_form*/
.contact_form_message{color:#000;font-size:17px;text-align: center;padding:15px;}
.contact_form_message.success{background-color:#e8ffef;border:1px solid #b6f1cc;}
.contact_form_message.error{background-color:#ffefef;border:1px solid #ffb8d9;}

.contact_form_col{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;}
.contact_form_name{color:#000;font-size:14px;margin:20px 0 8px;}

.contact_form input[type=text], .contact_form textarea{width:100%;color:#000;font-size:14px;background-color:#f9fffd;border:2px solid #dee6f4;border-radius:8px;transition:.3s;}
.contact_form input[type=text]:hover,.contact_form input[type=text]:focus, .contact_form textarea:hover, .contact_form textarea:focus{background-color:#fbfbff;border-color:#b0bfda;}
.contact_form input[type=text]{height:50px;padding:0 15px;}
.contact_form textarea{min-height:145px;max-height:250px;resize:vertical;padding:15px;}

.contact_form input[type=text].error, .contact_form textarea.error{background-color:#ffefef;border-color:#ffa4c2;}

.contact_form input[type=button]{width:280px;height:46px;color:#fff;font-size:17px;background: linear-gradient(135deg, #1d4ed8 5%, #7097e7 100%);border-radius:5px;margin-top:30px;transition:.3s;}
.contact_form input[type=button]:hover{background:linear-gradient(135deg, #719af0 5%, #2244a3 100%);cursor:pointer;}

@media (max-width: 800px){
	.contact_info{display:block;}
	
	.contact_form_col{display:block;}
	.contact_form_message{font-size:14px;}
}

@media (max-width: 530px){
	.contact_form input[type=button]{width:100%;}
}
/**/

/*footer*/
footer{color:#fff;font-size:13px;text-align:center;background:linear-gradient(to right, #261b15, #40485c, #261b15);padding:55px 0 24px;}

#ajax{display:flex;align-items:center;justify-content:center;width:100%;height:100%;visibility:hidden;position:fixed;z-index:4;top:0;left:0;}
#ajax.show{visibility:visible;}