/*Цвета*/
:root{
 --c1:#faa53c;
 --c1-2:#f2652d;
 --ct:#13001f;
 --cl:#fafafa;
 --cl2:#ececec;
 --cl3:#97A5C0;
}
/*END Цвета*/

/*Кнопки*/
.btn{padding:0 2rem;text-transform:uppercase;gap:1rem;border:none;position:relative;overflow:hidden;font-weight:400;white-space:nowrap;justify-content:center;display:inline-flex;text-decoration:none;transition:all 0.2s 0s;background:var(--c1);color:white;border-radius:1px;line-height:50px}
.btn:hover{color:white;background-color:var(--c1-2)}
.btn.sm{padding:0 1.5rem;line-height:35px;font-size:14px}
.btn.lg{line-height:58px}

.btn__2{background-color:transparent;border:1px solid var(--c1);color:var(--ct)}
.btn__2:hover{background-color:var(--c1)}

.btn__icon{padding:0;background-color:var(--cl2);border-radius:50px;width:50px;height:50px;min-width:50px;display:flex;justify-content:center}
.btn__icon .icon{background-color:var(--c1)}
.btn__icon:hover .icon{background-color:white}
.btn__icon.sm{width:35px;height:35px;min-width:35px;padding:0}

.btn-link{background:none!important;border:none;text-decoration:underline;border-radius:0;color:var(--c1)!important;outline:none;padding:0;text-align:unset;line-height:1rem;display:inline-flex}
.btn-link .icon{background-color:var(--c1)}

@media (max-width:1200px){
 .btn{font-size:15px}
}

@media (max-width:768px){
 .btn{padding:0 1.5rem}
 .btn-link{font-size:12px;line-height:18px;padding:0}
}
/*END Кнопки*/

/*Иконки*/
.icon{content:"";display:inline-block;width:1rem;min-width:1rem;height:1rem;margin:auto 0;-webkit-mask:url('img/menu.svg') no-repeat center/contain;background-color:var(--ct)}
.icon.sm{width:0.8rem;height:0.8rem;min-width:0.8rem}
.icon.lg{width:1.25rem;height:1.25rem;min-width:1.25rem}
.icon.xl{width:1.5rem;height:1.5rem;min-width:1.5rem}
.icon.xxl{width:2rem;height:2rem;min-width:2rem}
.icon.white{background-color:white}

.icon_wrap{display:inline-flex;background-color:var(--c1);border-radius:50px;margin:auto 0;padding:0.5rem}
.icon_wrap:not(.white) .icon{background-color:white}
.icon_wrap.white{background-color:white}

.icon.arrow{-webkit-mask-image:url('img/arrow.svg')}
.icon.close{-webkit-mask-image:url('img/close.svg')}
.icon.flag{-webkit-mask-image:url('img/flag.svg')}
.icon.navigation{-webkit-mask-image:url('img/navigation.svg')}
.icon.navigation2{-webkit-mask-image:url('img/navigation2.svg')}
.icon.thumb{-webkit-mask-image:url('img/thumb.svg')}
.icon.chat{-webkit-mask-image:url('img/chat.svg')}
.icon.calendar{-webkit-mask-image:url('img/calendar.svg')}
.icon.clock{-webkit-mask-image:url('img/clock.svg')}
.icon.group{-webkit-mask-image:url('img/group.svg')}
.icon.write{-webkit-mask-image:url('img/write.svg')}
.icon.mans{-webkit-mask-image:url('img/mans.svg')}
.icon.marker{-webkit-mask-image:url('img/marker.svg')}
.icon.loop{-webkit-mask-image:url('img/search.svg')}
.icon.eye{-webkit-mask-image:url('img/eye.svg')}
.icon.check{-webkit-mask-image:url('img/check.svg')}
.icon.time_back{-webkit-mask-image:url('img/time_back.svg')}
.icon.info{-webkit-mask-image:url('img/info.svg')}
.icon.pay{-webkit-mask-image:url('img/pay.svg')}
.icon.home{-webkit-mask-image:url('img/home.svg')}
.icon.phone{-webkit-mask-image:url('img/phone.svg')}
.icon.email{-webkit-mask-image:url('img/email.svg')}
.icon.heart{-webkit-mask-image:url('img/heart.svg')}
.icon.docs{-webkit-mask-image:url('img/doc.svg')}
.icon.pdf{-webkit-mask-image:url('img/pdf.svg')}
.icon.rotate{transform:rotate(180deg)}
.icon.rotate90{transform:rotate(90deg)}
.icon.rotate-90{transform:rotate(-90deg)}
/*END Иконки*/

/*Общее*/
html,body{font:400 16px/1.4 'Rubik';color:var(--ct);}
a:hover{color:var(--c1)}
a{text-decoration:none}
[data-src]{min-width:5px;min-height:5px}
[data-bg]{background-position:center;background-size:cover}
img{max-width:100%}
hr{color: #dddddd}
.stretched-link:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute}
.hide{display:none!important}
html, body{scroll-behavior:smooth}
body::-webkit-scrollbar{width:6px;height:6px}
body::-webkit-scrollbar-thumb{background:var(--c1)}
body::-webkit-scrollbar-track{background:transparent}
body{scrollbar-face-color:var(--c1);scrollbar-track-color:transparent}
[data-bg]:not([data-ll-status]),[data-bg]:not([data-ll-status]):before,[data-bg]:not([data-ll-status]):after{background:none!important;-webkit-mask:none!important}
strong{font-weight:500}
@media (max-width:576px){
.container-fluid .container{padding-left:0;padding-right:0}
}
/*END Общее*/

/*scroll*/
.scroll{scroll-behavior:smooth;overflow:auto}
.scroll::-webkit-scrollbar{width:6px;height:6px}
.scroll::-webkit-scrollbar-thumb{background:var(--c1)}
.scroll::-webkit-scrollbar-track{background:transparent}
.scroll{scrollbar-face-color:var(--c1);scrollbar-track-color:transparent}
/*END scroll*/

/*logo*/
.logo img{width:200px;max-width:200px;padding:1rem 0}
@media (max-width:900px){
 .logo img{width:180px;min-width:180px}
}
@media (max-width:576px){
 .logo img{min-width:120px;width:120px}
}
@media (max-width:360px){
 .logo img{min-width:100px;width:100px}
}
/*END logo*/

/*social*/
.social-wrap{display:flex;column-gap:1.5rem;font-size:14px;color:var(--cl3)}
.social-wrap span{margin:auto 0}
.social{display:flex;column-gap:0.25rem}
/*END social*/

/*video_icon*/
.video_icon{position:relative;cursor:pointer}
.video_icon:after{pointer-events:none;transition:all 0.3s 0s;content:"";z-index:1;width:70px;height:70px;position:absolute;left:calc(50% - 35px);bottom:calc(50% - 35px);border-radius:70px;box-shadow:0 0 0 10px rgb(0 0 0 / 30%);background:white url(img/play.svg) no-repeat center/15px}
.video_icon:hover:after{box-shadow:0 0 0 20px rgb(0 0 0 / 30%)}
.video_icon.sm:after{width:40px;height:40px;left:calc(50% - 20px)}
/*END video_icon*/

/*breadcrumbs*/
#breadcrumbs{font-size:12px;color:var(--cl3);margin:1rem auto 0 auto;text-transform:uppercase;font-weight:300}
#breadcrumbs a{color:var(--ct);text-transform:uppercase;font-weight:300}
#breadcrumbs+section{padding-top:0!important}
/*END breadcrumbs*/

.tax_btns {padding-top: 1rem; padding-bottom: 1rem; background-color: var(--cl);margin-top: 0}

/*.params*/
.param{font-size:12px;line-height:16px;font-weight:400;gap:0.75rem;display:flex;margin-bottom:1rem}
.param i{background-color:var(--cl3);margin:4px 0 0 0}
a.param{text-decoration:underline;color:var(--ct)}
.param span{font-size:10px;display:block;line-height:16px;font-weight:300;margin: auto 0;white-space: nowrap}

.params_flex{display:flex;column-gap:3rem;margin-top:1.5rem}
.params.border{border-radius:10px;border:1px solid var(--cl2)}
.params.border .param:first-child{border-bottom:1px solid var(--cl2);padding-bottom:1rem;font-weight:500}
/*END params*/


/*user_fotos*/
.user_fotos a{display:block;height:160px;overflow:hidden;border-radius:5px;background-color:var(--cl);width:100%;position:relative}
.user_fotos a.count span{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);text-align:center;color:white;font-size:24px;font-weight:bold;line-height:160px}
.user_fotos img{object-fit:cover;width:100%;height:100%!important}

.user_fotos.sm a{height:120px}
.user_fotos.sm .count span{line-height:120px}
 /*user_fotos*/


/**/
.send_review{background-color:var(--cl);position:sticky;top:50px;border-radius:10px;padding:2rem;text-align:center}
@media (max-width:1200px){
 .send_review{padding:1rem}
}
/**/

/*block_cl*/
.block_cl{background-color:var(--cl);border-radius:15px;padding:1rem 1.5rem;display:flex;column-gap:1rem;justify-content:space-between}
.block_cl small{color:var(--cl3);display:block}
/*END block_cl*/

/*header*/
header{z-index:9;}
header * {transition: all 0.5s 0s}
header .top{background-color:var(--cl);padding:0.5rem 0}
header .top .container{display:flex;justify-content:space-between;gap:1.5rem;margin:0 auto}
header .top .container>*{margin:auto 0}

header .top .right{text-align:right;display:flex;flex-direction:column}
header .top .right.adress {margin-left: auto}
header .top .right.adress a{font-size:14px}
header .top .right .email,header .top .right .time{font-weight:100;font-size:14px;line-height:16px;color:var(--ct);text-align: right}

header .top .menu a{color:var(--ct);font-size:14px;font-weight:100;padding:0.5rem}
header .phone{color:var(--ct);font-size:20px;font-weight:400;display:inline-flex}
header .phone i{background-color:var(--cl3);margin:auto 0}
header .phone:hover{color:var(--c1)}
header .bottom{padding:0;box-shadow:10px 10px 40px rgba(150, 163, 196, 0.1);background-color: white}
header .bottom .container{display:flex;justify-content:space-between;gap:1.5rem;margin:0 auto}
header .bottom .container>*{margin:auto 0}

header.mobile{display:flex;border-bottom:1px solid var(--cl2);justify-content:space-between;position:relative;padding-top:0.3rem;padding-bottom:0.3rem;z-index: 999}
header.mobile .show_menu{background-color:transparent!important}
header.mobile .show_menu .icon{background-color:var(--ct)}
header.mobile .phone{display:block;margin-bottom:2rem;font-size:20px}
header.mobile small{color:var(--cl3);display:block;margin-bottom:0.25rem}

header.fix {position: sticky;top: 0; background-color: white;    box-shadow: 0 0 40px rgb(0 0 0 / 5%); }
header.fix .logo img {padding: 0.25rem 0;width: 120px;}
header.fix .menu a {padding:0}
header.fix .top {display: none}
header.fix .btn {line-height: 35px;padding: 0 1rem;font-size: 14px}


.menu_mobile{position:absolute; text-align: center; border-top:1px solid var(--cl2);padding:0 1rem;display:block!important;pointer-events:none;opacity:0;top:0;transition:all 0.3s 0s;left:0;width:100%;height:calc(100vh - 100%);background-color:white;z-index:999}
.menu_mobile:not(.hide){top:100%;opacity:1;pointer-events:unset}
.menu_mobile .menu{flex-direction:column;padding:1rem 0;gap:0}
.menu_mobile .menu a{padding:0;text-align: center}
.menu_mobile .menu a span{padding:0.25rem; justify-content: center;font-size: 20px}
.menu_mobile .current-menu-item a span{padding:0.35rem 1rem;display:inline-block}
@media (max-width:1200px){
 header .bottom .container{column-gap:1rem}
 header .adress a,header .phone{font-size:14px!important}
 header .top .menu a{font-size:13px}
}

@media (max-width:900px){
 header .top .container{flex-wrap:wrap}
 header .bottom .container{flex-wrap:wrap}
}
@media (max-width:390px){
 header .btn{font-size:14px}
}
 /*END header*/


/*menu*/
.menu{display:flex;flex-wrap: wrap; column-gap:0.5rem;list-style:none;padding:0;z-index:99;margin-bottom:0}
.menu a{color:var(--ct);font-weight:400;padding: 0;font-size:16px;display:block}
.menu a>span{padding:0.5rem;font-weight:400;text-transform:uppercase;border-radius:4px;display:flex;gap:0.5rem;position:relative;white-space:nowrap}
.menu li{position:relative}
.menu li:hover>a{color:var(--c1)}
.menu li.menu-item-has-children>a>span:after{content:"";transform:rotate(180deg);position:relative;top:2px;margin:auto 0 auto auto;width:10px;height:10px;-webkit-mask:url('img/arrow.svg') no-repeat center/contain;background-color:var(--cl2);transition:all 0.3s 0s}
.menu li.show>a>span:after{background-color:var(--c1)}
.menu li.show>.sub-menu{opacity:1;pointer-events:unset;top:100%}
.menu .sub-menu{position:absolute;background:white;border-radius:2px;width:300px;opacity:0;pointer-events:none;top:90%;left:0;transition:all 0.3s 0s;list-style:none;padding:0;margin:0;box-shadow:10px 25px 50px rgb(44 57 90 / 10%)}
.menu .sub-menu a{padding:0.5rem 0}
.menu .sub-menu a:hover{background-color:var(--cl)}
.menu .sub-menu a span{margin:auto 0;white-space:pre-wrap;font-size:14px}
.menu .sub-menu a>span:after{transform:rotate(90deg)!important}
.menu .sub-menu .sub-menu{left:100%;top:0!important}
.menu .current-menu-item>a>span{background-color:whitesmoke}
.menu .current-menu-item>a>span:after{background-color:var(--cl)!important}
.menu .sub-menu .current-menu-item>a>span{border-radius:0}

.menu__vertical{flex-direction:column;gap:0}
.menu__vertical a{padding:0.25rem 0;font-weight:300;font-size:14px}
.menu__vertical .big a{font-weight:500}

@media (max-width:1200px){
 .menu{column-gap:0.25rem}
 .menu a{font-size:15px}
 .menu a>span{padding:0.5rem 0.75rem}
}

@media (max-width:768px){
 .menu a>span{white-space: pre-wrap;font-size: 14px;text-transform:unset}
}
/*END menu*/

/*content*/
.content h2{margin-top:2rem!important;margin-bottom:1rem;font-size:30px}
.content h3{color:var(--c1);text-decoration:underline}
.content p strong{font-weight:500}

.content ul{list-style:none;padding:0}
.content ul li,.content ol li{position:relative;padding-left:30px;padding-bottom:1rem}
.content ul li:before{content:"";width:20px;height:20px;z-index:2;background-color:var(--c1);-webkit-mask:url(img/check.svg) no-repeat center/60%;position:absolute;left:0;top:2px}
.content ol{margin:1.5rem 0 2rem 0;counter-reset:list;list-style:none;padding-left:50px}
.content ol li{border-bottom:1px solid var(--cl2);margin-bottom:1rem}
.content ol li:before{width:50px;color:white;height:50px;position:absolute;left:-50px;top:0;border-radius:500px;background-color:var(--c1);z-index:2;counter-reset:none;counter-increment:list;content:counter(list);text-align:center;line-height:50px;font-size:20px;font-weight:500}
.content ol li strong{font-size:20px;line-height:30px;font-weight:500;margin-bottom:0.5rem;display:block}
.content ol:last-child{margin-bottom:0}

.content .gallery{margin:1.5rem 0}
.content .gallery a{display:block;overflow:hidden;border-radius:15px;max-height:450px}
.content .gallery a br{display:none}
.content .gallery a img{width:100%;height:100%;object-fit:cover}
.content .gallery a .caption{display:block;margin:1rem 1rem 0 1rem;color:var(--ct);font-style:italic}
.content .gallery .owl-dots{bottom:4rem}

.content blockquote{background-color:#F8F8F8;padding:1.5rem;border-radius:20px;margin:.75rem 0}
.content blockquote:nth-child(2n){background-color:#E9EDF8}
.content blockquote p:last-child{margin-bottom:0}

.content .alignleft {float: left;padding: 0;padding-left: 15px;}
.content .alignright {float: right;padding: 0;right: 15px;}

.content img,.content figure{max-width:100%;border-radius:15px;height:auto}
.content figcaption{display:block;margin:1rem 1rem 0 1rem;color:var(--ct);font-style:italic}
 /*END content*/



/*Портфолио фото*/
.portfolio-imgs{column-count:3;gap:1rem;column-gap:1rem}
.portfolio-imgs a{display:block;margin-bottom:1rem;transition:all 0.3s 0s }
.portfolio-imgs a:hover{box-shadow:0 20px 40px rgba(0, 0, 0, 0.15)
}
 /*END Портфолио*/

/*footer*/
footer{padding:3rem;background-color:var(--cl);font-weight:300}
footer small{color:var(--cl3);font-size:14px;margin-top:1rem;display:block}

footer .logo{display:block;}
footer .logo img{width:180px}

footer .phone{font-size:20px;font-weight:500;color:var(--ct)}

footer .social{margin:1rem 0}
footer .social a{background-color:var(--c1)}
footer .social span{background-color:white!important}
footer .policy{text-decoration-line:underline;color:var(--ct)}
footer .menu b{font-size:18px}

footer h3 {font-size: 20px; margin-top: 2rem;}

@media (max-width:1200px){
 footer .menu{margin-top:2rem}
 footer #menu-footer3{margin-top:1.5rem;justify-content:start;column-gap:1rem}
 footer #menu-footer3>li{width:auto}
 footer .copyright, footer .policy{margin-bottom:1rem!important;;margin-top:0!important}
 footer .social{margin-bottom:1rem}
}

@media (max-width:576px){
 footer{text-align:center}
 footer .social{justify-content:center}
 footer .menu{display:block}
 footer .menu>li{width:100%!important}
 footer #menu-footer3{flex-wrap:wrap}

}
/*END footer*/

.call-me {position: fixed;right: 1rem; bottom: 1rem;background-color: var(--c1);width: 70px;height: 70px;}
.call-me i {background-color: white !important;}


/*Поиск*/
.search-input{line-height:50px;border-radius:100px;border:1px solid var(--cl2);overflow:hidden;width:100%;padding:5px;display:flex;justify-content:space-between}
.search-input input{width:100%;border:none!important;padding:0 2rem;font-size:20px;font-weight:300}
.search-input .btn{background-color:var(--c1)}
.search-input .btn i{background-color:white}
/* END Поиск*/


/*Страница статьи*/
.single h1{font-size:36px;margin-bottom:1rem}
.single .post-info{background-color:var(--cl); justify-content: end; width: 100%; border-radius:3px;;padding:1rem 2rem;color:var(--ct);font-size:14px;display:inline-flex;column-gap:0.5rem;margin-bottom:0rem}
.single .post-info a{color:var(--ct);font-weight:100}
.single .header{background-size:cover;overflow:hidden;padding:3rem;position:relative;color:white;font-weight:500;justify-content:end;display:flex;flex-direction:column;background-position:center;border-radius:10px;margin:1.5rem 0;min-height:40vh;z-index:1 }
.single .header:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0, 0, 0, 0.4);z-index:-1}
.single .header .bottom{display:flex;column-gap:2rem;background-color: white}
.single .views{display:inline-flex;gap:0.5rem}
.single .tags{display:flex;column-gap:0.75rem;padding:1rem 0;}
.single .tags a{border-radius:40px;color:var(--cl3);font-size:14px;border:1px solid var(--cl3);line-height:34px;padding:0 1rem;}
.single .tags a:hover{background-color:var(--c1);color:white}
.single .repost { margin: 1rem 0; border-radius: 10px; display: block; text-align: right;}
.single .ya-share2__item{margin-right:0.75rem!important}

.single-form {border-radius: 10px; background-color: var(--cl);padding: 2rem}

.main-theme{border-radius:10px;padding:2rem 1.5rem;background:#FFFFFF;border:1px solid var(--cl2);position:sticky;top:50px}
.main-theme h2{font-weight:500;font-size:24px;display:flex;justify-content:space-between;padding-bottom:0;margin-bottom:1rem}
.main-theme h2:after{content:"";margin:auto 0;min-width:20px;background-color:var(--c1);height:20px;-webkit-mask:url(img/star.svg) no-repeat center/contain}
.main-theme a{display:block;color:var(--ct);font-weight:500;padding:1rem 0;border-bottom:1px solid var(--cl2)}
.main-theme a:last-child{border:none}
/*END Страница статьи*/

/*Кнопка наверх*/
a.scroll.top{transition:all 1s 0s;position:fixed;right:100px;bottom:-160px;width:50px;height:50px;background-color:var(--cl3);background-image:url('img/arrow2.svg');background-size:25%;transform:rotate(-90deg);background-position:center;background-repeat:no-repeat;border-radius:50px;z-index:999}
a.scroll.show{bottom:1rem}
@media (max-width:576px){
 a.scroll.show{right:unset;left: 1rem}
}
/*Кнопка наверх*/


/*Загрузка*/
.loading:not(img):not(iframe):not([data-bg]){overflow:hidden;width:30px!important;height:30px;-webkit-mask:url(img/loading.svg) no-repeat center/contain;background-color:var(--c1);animation:spin 2s linear infinite;display:block;margin:1rem auto}
img.loading,img:not([src]){opacity:0}
img.loaded{opacity:1;transition:all 0.5s 0s}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/* END Загрузка*/

/*Модальное окно*/
.modal{top:0;left:0;opacity:1;transition:all 0.5s 0s;position:fixed;width:100vw;height:100vh;background-color:rgb(0 0 0 / 40%);display:flex;justify-content:center;margin:auto;z-index:999}
.modal h2{font-weight:500;font-size:36px;margin-bottom:1.5rem;text-align:center}
.modal h2+p{text-align:center;margin-bottom:1rem}
.modal_content{position:relative;width:570px;max-width:95vw;max-height:90%;margin:auto;padding:3.5rem 4rem 4rem;background-color:white;box-shadow:0 4px 50px rgba(40, 66, 77, 0.25);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
span.modal_close{position:absolute;z-index:9;right:10px;top:10px;width:20px;height:20px;background:url(img/close.svg) no-repeat center/contain;cursor:pointer}
.modal.hide{opacity:0;pointer-events:none;height:150vh;top:-50vh}
.modal-lg .modal_content{width:900px;max-width:95%;max-height:80%;overflow-y:auto}
.modal-xl .modal_content{width:1170px;max-width:95%;max-height:80%;overflow-y:auto}
.modal-full .modal_content{padding:0;overflow-y:unset}
.modal .loading{background-color:var(--c1)!important}
@media (max-width:576px){
 .modal_content{padding:2rem}
}
@media (max-width:340px){
 .modal_content{padding:1.25rem}
}
/*End Модалки окно*/

/*-----------------------------------------*/
@media (min-width:768px){
 .container{max-width:768px}
}
@media (min-width:1024px){
 .container{max-width:1024px}
}
@media (min-width:1200px){
 .container{max-width:1200px}
}
@media (min-width:1366px){
 .container{max-width:1366px}
}

@media (max-width:992px){
 /**/
 .horizon{padding:0 1rem!important;overflow-y:hidden!important;overflow-x:auto!important;white-space:nowrap;display:block!important;margin-left:-0.75rem;margin-right:-0.75rem}
 .horizon>*{display:inline-block!important;width:auto!important;margin-right:0.5rem;white-space:initial;vertical-align:top;margin-bottom:1rem!important}
}