html{height:100%;width:100%;scroll-behavior:smooth;}
body{font-family:"Khand", sans-serif;font-size:20px;color:#555;background:#fff;letter-spacing:.5px;margin:0;padding:0;height:100%;scroll-behavior:smooth}
*,::before,::after{box-sizing:border-box}::-webkit-scrollbar{width:4px;height:2px;border-radius:4px;}::-webkit-scrollbar-track{background-color:#eee;box-shadow:0 0 1px 1px #fff inset;}::-webkit-scrollbar-thumb{background-color:#bd3f3f;}::-webkit-scrollbar-thumb:hover{background-color:#bc193f;}::-webkit-input-placeholder{color:#777!important;}:focus-visible{outline:none;}::selection{background:#c0392b;color:#ffffff;}::-moz-selection{background:#c0392b;color:#ffffff;}
img{display:flex;max-width:100%;height:auto;}
h1{color:#fff;font-size:4.2em;font-weight:600;line-height:1.5em;letter-spacing:2px;text-shadow:1px 2px 13px #000;margin-bottom:34px;}
h4,h5,h6,strong{color:#3e4653;font-weight:500}
h2{color:#3e4653;font-size:2.2em;font-weight:400;}
h3{color:#3e4653;font-size:1.7em;font-weight:400;}
blockquote{position:relative;border-radius:20px;background:#f6f6f8;margin:10px 0;padding:20px 20px 20px 40px;}
blockquote:before{content:'';position:absolute;left:0;top:15%;font-style:normal;width:7px;height:70%;background-color:#bd3f3f;border-radius:0 22px 22px 0;}
.small{font-size:18px;}
a{text-decoration:none;color:#bd3f3f;border-bottom:1px solid transparent;transition:linear .2s}
a:hover{color:#000;border-bottom:1px solid #000;}
a.img, a.img:hover{border:0;}
ul, ol{padding-left:10px;}
li{position:relative;list-style:none;padding-left:34px;}
li:before{content:'';background:url(//optima-design.pro/wp-content/themes/optima-design/images/icon-circle.svg) no-repeat 0 0;position:absolute;top:6px;left:0;display:block;width:18px;height:18px;}
ol{counter-reset:custom-counter;list-style:none;padding:0;margin:0;}
ol li{counter-increment:custom-counter;position:relative;padding-left:50px;margin-bottom:20px;}
ol li::before{content:counter(custom-counter);background:none;position:absolute;left:0;top:0;width:36px;height:36px;line-height:36px;border-radius:50%;background-color:#bd3f3f;color:#fff;font-weight:400;text-align:center;font-size:16px;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.iti__country-list li:before{content:none;}
input, select, textarea{padding:8px 15px;border:1px solid #ddd;background:#fff;border-radius:6px;}
button, input, select, textarea{font-family:"Khand", sans-serif;font-size:17px;font-weight:300;}
.text-center,.has-text-align-center{text-align:center;}
.relative{position:relative}
header{padding:50px 0 10px;min-height:100vh;position:relative;z-index:2;}
header:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .75);z-index:1;}
.header-slogan{font-size:22px;text-shadow:0 0 5px #111;font-weight:500;letter-spacing:1px;margin-bottom:48px;}
.quadmenu-dropdown-menu .quadmenu-text{position:relative;}
.quadmenu-dropdown-menu .quadmenu-text::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:#bd3f3f;transition:width 0.3s ease;}
.quadmenu-dropdown-menu .quadmenu-text:hover::after{width:100%;}
.header__inner{display:flex;justify-content:center;align-items:center;height:84vh;position:relative;z-index:2;text-align:center;}
main p{line-height:1.7;}
.title__section{color:#fff;position:relative;z-index:2;}
.scroll-indicator{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);z-index:3;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.mouse-icon{width:30px;height:50px;border:2px solid #fff;border-radius:25px;position:relative;}
.wheel{width:4px;height:10px;background-color:#fff;border-radius:2px;position:absolute;top:10px;left:50%;transform:translateX(-50%);animation:wheelMove 1.5s infinite ease-in-out;}
@keyframes wheelMove {0%{top:10px;opacity:1;}50%{top:20px;opacity:0.5;}100% { top: 10px; opacity: 1; }}
#scroll-target{padding-top:90px;}
.card__item{text-align:center;padding:50px 30px;background:#f6f6f8;border-radius:12px;}
.card__item_slogan{padding:60px 20px;}
.img__effect{min-height:400px;height:100%;max-width:100%;filter:grayscale(1);opacity:.9;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:12px;overflow:hidden;}
.module__heading{display:flex;flex-direction:column;gap:20px;margin-top:80px;margin-bottom:56px;}
.module__slogan{align-self:flex-start;display:inline-block;font-size:16px;letter-spacing:1px;background:#3e4653;padding:7px 18px;border-radius:12px;color:#fff;}
.module__title{font-weight:400;color:#3e4653;font-size:2.6em;letter-spacing:0;}
.module__wrapper .mozaik{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;margin-top:80px;margin-bottom:56px;}
.module__heading.mozaik{flex:1;display:flex;flex-direction:column;gap:20px;}
.img__side img{border-radius:12px;filter:grayscale(1);opacity:.9;}
.sticky{position:sticky;top:50px;}
.highlight{position:relative;display:inline-block;color:#bd3f3f;padding-bottom:4px;}
.underline{position:absolute;left:0;bottom:0;width:100%;height:20px;pointer-events:none;}
.underline-path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 0.9s ease;}
.highlight.visible .underline-path{stroke-dashoffset:0;}
.typing-text span{opacity:0;display:inline-block;transform:translateY(10px);}
.typing-char{opacity:0;display:inline-block;transform:translateY(10px);}
.btn, button{display:inline-flex;align-items:center;font-size:18px;letter-spacing:2px;border:0;border-radius:10px;padding:10px 24px;cursor:pointer;transition:all .2s;}
.btn_bg{background:#3e4653;color:#fff;}
.btn_bg:hover,.btn_bg:active,.btn_bg:focus{background:#bd3f3f;color:#fff;}
.btn_get{color:#fff;background:#bd3f3f;}
.btn_get:hover{color:#fff;background:#3e4653;}
a.btn_bg,a.btn_bg:hover{border:0;}
.btn_mr{margin-bottom:40px;margin-left:auto;margin-right:auto;}
.btn_mrb{margin-bottom:60px;}
.cta__mid_btn{margin:50px auto 100px;text-align:center;color:#777;}
.mrt-90{margin-top:90px}
.mrb-90{margin-bottom:90px}
.mr-90{margin-top:90px;margin-bottom:90px;}
.content__img{margin-bottom:30px;}
.content__img img,.post__content img{border-radius:12px;}
.list__content_img{border-radius:12px;cursor:pointer;overflow:hidden;box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);transition:all .5s ease-in-out;}
.list__content_img img{border-radius:12px;transition:filter .5s ease-in-out;}
.list__content_img:hover{box-shadow:0 20px 45px rgba(0,0,0,0.12);transform:translateY(-4px);}
.list__content_img:hover img{filter:grayscale(1);}
.list__content_title{font-weight:500;font-size:1.2em;margin:26px 0 34px;}
.list__content_title a{color:#3e4653;}
.project__info{display:flex;flex-direction:column;border-radius:25px;background:#eee;padding:20px;height:100%;}
.sidebar__title{color:#3e4653;font-size:30px;margin-bottom:20px;}
.project__info_detail{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-weight:600;letter-spacing:1px;}
.info_field{font-weight:500;}
.project__item{border-radius:12px;overflow:hidden;margin:0 10px 46px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);}
.project__img{position:relative;z-index:1;}
.project__img img{filter:grayscale(1);}
.project__img:hover img{filter:grayscale(.5);}
.project__img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#3e465324;z-index:2;}
.project__excerpt{position:absolute;left:20px;bottom:20px;visibility:hidden;opacity:0;transform:translateY(110px);transition:opacity 0.4s ease, transform 0.4s ease;color:#fff;}
.project__item:hover .project__excerpt{visibility:visible;opacity:1;transform:translateY(0);z-index:5;}
.project__img::before{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(2, 2, 2, 0.25);transition:top 0.4s ease;z-index:2;}
.project__item:hover .project__img::before{top:0;}
.portfolio-filters{margin-bottom:68px;text-align:center;}
.filter-btn{font-weight:400;background:none;border:none;border-bottom:1px solid transparent;padding:3px 0;margin:5px 10px;border-radius:0;cursor:pointer;}
.filter-btn.active,.filter-btn:hover{border-color:#000;}
.project-col{transition:all 0.4s ease;}
.project__title span{display:inline-block;animation-duration:2s;animation-iteration-count:infinite;}
.arrow-blink{animation-name:arrow-blink;animation-timing-function:ease;}
@keyframes arrow-blink {0%{transform:translateX(0);}50%{transform:translateX(+14px);}100% {transform: translateX(0);}} .inner_project{margin-bottom:30px;}
.breadcrumbs{color:#e6e6e6;}
.breadcrumbs a{color:#e6e6e6;}
.breadcrumbs a:hover{color:#bd3f3f;border-color:#bd3f3f}
.pagination{margin:46px auto 66px;}
.p_link{display:inline-block;width:36px;height:36px;line-height:36px;border-radius:50%;background-color:#bd3f3f;color:#fff;font-weight:400;text-align:center;font-size:16px;box-shadow:0 2px 5px rgba(0,0,0,0.2);margin:5px 10px;}
.p_link.inactive{background:#f6f6f8;color:#111;}
a.p_link{border:0;}
a.p_link:hover{border:0;background:#bd3f3f;color:#fff;}
.services__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:60px;padding-bottom:90px;}
.service__card{background:#f6f6f8;border-radius:12px;padding:40px 30px;transition:background 0.3s, color 0.3s, transform 0.3s;position:relative;will-change:transform;}
.service__card a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:16px;height:100%;border:0;}
.service__card:hover, .service__card--active{background:#3e4653;color:#fff;box-shadow:0 0 15px rgba(204,204,204,0.45);}
.service__icon{width:80px;height:80px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;}
.service__icon img{max-width:60px;max-height:60px;opacity:.85;}
.service__title{font-weight:400;font-size:1.25em;margin:20px 0;}
.service__card:hover .service__title,.service__card--active .service__title{color:#fff;}
.service__content{font-size:18px;font-weight:300;letter-spacing:1px;margin:0;}
.service__card a:hover{border:0;}
.service__number{display:flex;align-items:center;justify-content:center;position:absolute;top:-42px;background:#fff;box-shadow:0 0 15px #cccccc75;font-size:50px;font-weight:600;width:70px;height:70px;border-radius:50%;color:#bd3f3f;}
.service__card:hover .service__number, .service__card--active .service__number{background:#bd3f3f;color:#fff;box-shadow:none;}
.fix-col-grid{grid-template-columns:1fr 1fr;gap:90px 60px;margin-top:40px;}
.read__more_service{display:flex;align-items:center;justify-content:end;margin-top:auto;}
.service__card:hover svg path, .service__card--active svg path{fill:#fff;}
@media(max-width:768px){
.services__grid{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:20px;overflow-x:auto;overflow-y:hidden;padding:10px 16px 30px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.services__grid::-webkit-scrollbar{display:none;}
.service__card{padding:30px 15px;scroll-snap-align:start;min-height:100%;transform:none !important;}
.service__card:hover{transform:none;}
.service__number{display:none;}
.card__item_slogan{padding:30px 4px;}
} .sidebar__col{display:flex;flex-direction:column;height:100%;margin-bottom:30px;padding:20px;background:#f6f6f8;border-radius:12px;}
.sidebar__col_img{margin:20px auto;}
.sidebar__col_img img{border-radius:12px;filter:grayscale(1);opacity:.8;}
.sidebar__col ul{list-style:none;padding:0;margin:0;}
.sidebar__col li{margin-bottom:10px;}
.sidebar__col_detail{display:flex;align-items:center;padding:10px 0;}
.sidebar__col_detail img{width:36px;height:36px;padding:6px;border-radius:50%;background:#fff;border:1px solid #bd3f3f;}
.sidebar__col_detail:hover{cursor:pointer}
.sidebar-contact{border-bottom:1px solid transparent;margin-left:20px;transition:linear .3s}
.sidebar__col_detail:hover .sidebar-contact{border-bottom:1px solid #333;}
.faq_helper{padding-left:50px;}
.faq-title{margin:30px 0 10px;}
.faq-question{font-size:22px;color:#333;font-weight:500;cursor:pointer;padding:10px 0;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease, padding 0.3s ease;padding:0 0;color:#444;}
.faq-item:hover .faq-question,.faq-item.active .faq-question{color:#bd3f3f}
.faq-item.active .faq-answer{max-height:500px;padding:10px 0;}
.faq-item .toggle-icon{margin-left:30px;transition:transform 0.3s;}
.faq-item.active .toggle-icon{transform:rotate(180deg);}
.proform-text{text-align:center;font-size:20px;font-weight:500;letter-spacing:.7px;}
.forminator-row-last{margin:60px auto 30px;text-align:center;}
.forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered{color:inherit!important;}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-description{color:#4c5462;font-style:italic;font-size:18px;font-weight:400;padding-bottom:9px;}
.forminator-design--basic .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"], 
.forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus,
.forminator-dropdown--basic{border-color:#bd3f3f!important;background-color:#fff!important;}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--basic{padding:0!important;}
.forminator-select-dropdown-container--open .forminator-dropdown--basic .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-dropdown--basic .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box){background-color:#bd3f3f!important;}
.forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]{background-color:#fff!important;border-color:#ddd!important}
.forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus .select2-selection__arrow, 
.forminator-design--basic .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] .select2-selection__arrow,
.forminator-design--basic .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__arrow{color:#bd3f3f!important;}
.forminator-ui.forminator-custom-form[data-design=basic] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single{border-radius:6px!important;}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-radio{font-size:20px!important;}
.forminator-checkbox__wrapper{display:flex;align-items:center!important}
.forminator-consent__label p{margin-top:0!important}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-checkbox__label{font-size:17px!important;}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-label{font-size:20px!important;color:#555!important;margin:20px 0!important;}
.forminator-guttenberg{margin-top:68px;}
ul.select2-results__options li{padding-left:22px;}
ul.select2-results__options li:before{content:none;}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-checkbox .forminator-checkbox-box{position:relative;cursor:pointer;display:block!important;}
.forminator-checkbox input[type=checkbox]{display:none!important;}
.forminator-checkbox span::before{content:"";position:absolute;border:1px solid #ccc;background:#f5f5f5;width:22px;height:22px;border-radius:50%;left:0;top:3px;transition:.3s;}
.forminator-checkbox-box:after{content:'';position:absolute;border:3px solid #bd3f3f;border-left:none;border-top:none;width:0px;height:0px;left:3px;bottom:-12px;transform:rotate(45deg);transform-origin:0 100%;opacity:0;transition:width .3s ease .3s, height .3s ease 0s, opacity 0s ease .5s}
input:checked + .forminator-checkbox-box:after{width:10px;height:25px;opacity:1;transition:width .3s ease 0s, height .3s ease .3s;}
.forminator-checkbox__label{padding-left:46px;font-size:14px;cursor:pointer;}

.forminator-ui.forminator-custom-form[data-design=basic] .forminator-checkbox:not(.forminator-checkbox-inline).forminator-consent{margin-top:-30px!important}
@keyframes ok {from{transform:scale(0);}70%{transform:scale(1.7);}to {transform: scale(1);}}
@keyframes ok_back {from{transform:scale(0);}70%{transform:scale(1.7);}to {transform: scale(1);}}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-radio input{margin:0;width:22px;height:22px;cursor:pointer;}
.forminator-radio:hover span::before{border-color:#bd3f3f;}
.forminator-radio{position:relative;margin-bottom:10px;}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-radio .forminator-radio-bullet~span{margin-left:30px!important;}
.footer__contact_social{display:flex;align-items:center;gap:20px;border:0;margin:20px 0 28px;}
.footer__contact_social a:after{content:none;}
.footer__contact_social a:hover svg path{fill:#bd3f3f;text-decoration:none;border:0;}
.ti-widget[data-layout-id='14'][data-set-id='ligth-border'] .ti-widget-header *{font-size:17px!important;}
.ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='aa4f18435665434ec896242b9c7'] .ti-widget-header .ti-header-content .ti-header-write-btn-container .ti-header-write-btn:hover{background-color:#3e4653 !important;border-color:#3e4653 !important;color:#fff!important;}
#scrollUpBtn{display:none;position:fixed;bottom:140px;right:26px;z-index:999;border:none;outline:none;background-color:#555;color:#fff;cursor:pointer;border-radius:50%;padding:11px;transition:background-color 0.3s;}
#scrollUpBtn:hover{background-color:#3e4653}
.pum-container .pum-title{margin-bottom:1.5em!important;}
.marquee-wrapper{font-weight:600;font-style:normal;position:relative;z-index:5;overflow:hidden;padding:20px 0;margin-bottom:90px;display:flex;align-items:center;color:#fff;}
.marquee{width:200%;position:relative;}
.marquee-track{display:flex;width:max-content;animation:scroll-left 30s linear infinite;}
.marquee-content{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;}
.marquee-content span{font-size:40px;margin:0 20px;}
.bold{letter-spacing:2px;}
.outlined{opacity:.25;letter-spacing:5px;}
.dot{font-size:30px;line-height:1;vertical-align:middle;color:#fff;}
@keyframes scroll-left {0%{transform:translateX(0%);}100% {transform: translateX(-50%);}}
footer{color:#efefef;background:#3e4653;margin-top:90px;padding:90px 0 40px;position:relative;z-index:2;}
footer .small{color:#ccc}
footer .container{position:relative;z-index:3}
.footer__logo{margin-bottom:28px;}
.footer__logo img{opacity:.75;filter:grayscale(1);}
.footer__menu{list-style:none;padding-left:0;margin:0 0 48px 0}
.footer__menu li{padding-left:0;}
.footer__menu_title{position:relative;font-size:26px;line-height:1;padding-bottom:18px;margin-bottom:28px;}
.footer__menu_title::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:#eee;}
footer li:before{content:none;}
footer a{color:#efefef;position:relative;display:inline-block;padding:3px 0;overflow:hidden;border-bottom:0;}
footer a:hover{color:#fff;border-bottom:0;}
footer a::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:#ccc;transition:width 0.3s ease;}
footer a:hover::after{width:100%;}
.footer__bottom{margin-top:56px;}
.footer__bottom a:not(:last-child){margin-right:20px}
.footer__bottom a{display:inline}
.footer__logo{margin-bottom:40px;}
.op-5{opacity:.5;}
.h-47{height:47px;}
@media(max-width:1100px){
h1, .module__title{font-size:2.3em}
.inner_project{display:none;}
}
@media(max-width:991px){
.img__effect{margin-top:30px;}
.scroll-indicator{display:none;}
}
@media(max-width:760px){
header{padding:20px 0 0;}
.btn_mr{margin-top:20px!important;margin-bottom:20px;}
.cta__mid_btn{margin:40px auto 60px;}
h1, .module__title{font-size:1.9em;font-weight:500;}
h2{font-size:1.7em;}
h3{font-size:1.4em;}
.post__body{padding:26px 0 16px;}
.module__heading{margin-top:60px;margin-bottom:36px;}
.sidebar__col{margin-top:30px;height:auto;}
.sidebar__col_detail{padding:5px;}
.services__grid{grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));}
.card__item{padding:30px 16px;}
.card_bg{padding:10px;}
footer{padding:60px 20px}
.footer__menu{margin-top:30px;}
.mrt-90{margin-top:50px}
.mrb-90{margin-bottom:50px}
.mr-90{margin-top:50px;margin-bottom:50px;}
#scroll-target{padding-top:60px;}
}
@media(min-width:992px){.text-lg-start {text-align:left;}.text-lg-end {text-align:right;}}