@import url("css/1.1-reset.css");
@import url("css/1.1-wp.css");
@import url("css/1.4-filter.min.css");
@import url("css/1.4-filter-2.css");
@import url("css/1.6-script.css");

@import url("css/2.1-typo.css");
@import url("css/2.2-icons.css");
@import url("css/2.3-buttons.css");
@import url("css/2.4-base.css");
@import url("css/2.5-global.css");
@import url("css/2.7-shop.css");

@import url("css/3.1-header.css");
@import url("css/3.1-menu-d.css");
@import url("css/3.1-menu-s.css");
@import url("css/3.2-footer.css");
@import url("css/3.3-structure.css");
@import url("css/3.4-box.css");
@import url("css/3.5-box.css");
@import url("css/3.6-block.css");

@import url("css/4.1-singular.css");
@import url("css/4.2-arhive.css");
@import url("css/4.3-index.css");
@import url("css/4.4-shop.css");

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

:root {
/*** COLOR ***/
--clr-m:#344CB7;							/*clr - color; m - main*/
--clr-s:#4876CB;							/*s - second*/ 
--clr-t:#6499E9;							/*s - second*/ 
--clr-f:#AED2FF;							/*t - third*/ 
--clr-c:#E4F1FF;
--clr-w:#f2f2f2;							/*w - third*/
--clr-g:#8E90A5;							/*g - grey*/
--clr-d:#8E90A5;							/*d - dark grey*/
--clr-b:#05071D;							/*b - black*/
--clr-i:#f2f2f2;							/*i - color in main color*/
--clr-o:0.4;								/*o - opacity*/
--clr-m-o:rgba(52,76,183, var(--clr-o));		/*m - main opacity*/
--clr-s-o:rgba(228,0,20, var(--clr-o));		/*s - second*/
--clr-t-o:rgba(255,145,0, var(--clr-o));	/*t - third*/
--clr-w-o:rgba(255,255,0, var(--clr-o));	/*w - third*/ 
--clr-g-o:rgba(255,241,255, var(--clr-o));	/*g - grey*/ 
--clr-d-o:rgba(113,112,109, var(--clr-o));	/*d - dark grey*/
--clr-b-o:rgba(0,41,78, var(--clr-o));		/*t - black*/
    
    
--clr-bg-gr:rgba(255, 200, 4, 0) 0%, rgba(255, 200, 4, var(--clr-o)) 100%; /* bg gradient */
--bg-gradient-s:rgba(255, 200, 4, 0) 0%; --bg-gradient-e:rgba(255, 200, 4, var(--clr-o)) 100%; /*** COLOR change ***/
/*** COLOR END ***/	

/*** MAIN ***/	
--wrap:90;
--mrg-f:1em;
--mrg-c:calc(var(--mrg-f)/2);
--pad-f:1em;
--pad-c:calc(var(--pad-f)/2);
--icon-s:3em;
--icon-w:var(--icon-s);
--icon-h:var(--icon-s);
--shadow-n:;
--shadow-o:;

/*** GAP ***/
--min-div-w:120px;
--col-gap-px:18; /* 1 = 1px*/
--col-gap-vw:0; /* 1 = 1vw*/
--col-gap:calc(1vw*var(--col-gap-vw) + 1px*var(--col-gap-px));	

/*** border & radius ***/
--brd-s:0px;
--brd-rad-f:250px;
--brd-rad-s:1em;
--block-pad:0%; /*block-pading*/
--block-brd-s:var(--brd-s); /*block-border*/
--block-brd-rad:var(--brd-rad-s); /*block-border-radius*/

/*** buttons & forms ***/	

--btn-position:left;	 /* justify-content: left	*/
--btn-font-s:1em;
--btn-mrg:1em;
--btn-pad:1em;
--btn-clr:var(--clr-w);
--btn-bg:var(--clr-m);
--btn-brd-c:var(--clr-s);
--btn-brd-s:1px;
--btn-brd-rad:var(--block-brd-rad);
--btn-h:;
--btn-w:;
--btn-ba-pad:1em;
--btn-ba-bg:var(--clr-w);

--btn-clr-o:var(--clr-m);;
--btn-ba-bg-o:var(--clr-m);
--btn-bg-o:var(--clr-w);
--btn-brd-c-o:;


/* input & textform NOT select & button */
--form-font-s:1em;
--form-mrg:1em;
--form-pad:1em;
--form-clr:var(--clr-m);
--form-bg:var(--clr-w);
--form-dis:var(--clr-d);
--form-brd-c:var(--clr-m-o);
--form-brd-s:0.05em;
--form-brd-s:1px;
--form-brd-rad:0.15em;
--form-brd-rad:var(--brd-rad-s);	
--form-w:calc(var(--form-font-s) + var(--form-brd-s) + 0.1em);
--form-h:calc(var(--form-font-s) + var(--form-brd-s) + 0.1em);
	





/*** Structure ***/
--head-h:140px; /* HEADER height */
--head-logo-w:80px; /* LOGO W */
--head-logo-h:80px; /* LOGO H */
--head-mrg:3em; /* for breadcrumbs & footer logo */
--head-pad:0em;

--top-page-h:calc(90vh - 107px - 1em);
--top-page-h:calc(90vh - var(--head-h) - 1em);

--aside-w:250px; /* for aside */
--asidel-w:var(--aside-w);
--asider-w:var(--aside-w);
	
--contact-block-w:calc(100% - var(--icon-w) - 1em);
	
	
/*radio-btn
--lbl-radio:1.5em;
--lbl-radio-in:1.5;
--radius-lbl-radio:2px;
--half-lbl-radio:calc(var(--lbl-radio) / 2);
--quat-lbl-radio:calc(var(--lbl-radio) / 4); */
/*------------------------------*/
	
}
.has-aside h2 {margin-top: 0}
	grid-3 column-first
	block box-block
	box
center {
border:var(--block-brd-s) solid var(--clr-s); 
border-radius:var(--brd-r) var(--brd-r) var(--brd-r) var(--brd-r);
border-radius:var(--brd-r);
}


.clr-inverse {}
.clr-inverse h1, .clr-inverse strong, .clr-inverse p, .clr-inverse li, .clr-inverse .breadcrumbs a span {color:var(--clr-w)}
.clr-inverse a {color:var(--clr-g)}

.clr-inverse .main-body-content p, .clr-inverse .main-body-cat-content p {color:var(--clr-w)}


.main-body-content a {color:var(--clr-t);}
.clr-inverse strong {}
.main-body-content ul, .main-body-cat-content ul, .main-body-content ol, .main-body-cat-content ol {margin:var(--mrg-c) 0;}
.main-body-content h2 {font-size:1.25em; margin:var(--mrg-f) 0 var(--mrg-c); color:var(--clr-f); font-weight:400}
.clr-inverse .main-body-content h2 strong {color:var(--clr-f); font-weight:400}
.main-body-content h3 {font-size:1em; margin:1em 0 0.5em; color:var(--clr-f); font-weight:400}
.clr-inverse .main-body-content h3 strong {color:var(--clr-f); font-weight:400}
.main-body-content ol li {list-style:decimal}	
.main-body-content li > ul, .main-body-content  li > ol, .main-body-content  ul > ul, .main-body-content  ol > ol{margin-top:0px}
.main-body-content ul li {list-style: disc;}
.main-body-content ul li::marker {color:var(--clr-m); content:'⬤'; content:'●'; content: '\00A0\25CF\00A0\00A0'; font-size: 0.8em;}

ol > li:before, ul > li:before {color:var(--clr-f);}





.top-button {background:var(--clr-m); color:var(--clr-w); padding:1em 2em; font-size:1em; border-radius:1em;}


/*--------------------------------------------------------------------------*/
*{font-family: "Unbounded", sans-serif; font-weight:300; line-height:1.5em;}
html, body {min-height:100vh; font-size:18px;}
body {background:var(--clr-b); background-size:auto;}
b, strong, em {font-weight:500;}


.temp-02 {background:var(--clr-b); padding-top:1em; padding-bottom:0em;}
#menudrop {border-bottom:2px solid var(--clr-g); padding:0 0 1em 0;}
#menudrop > nav > ul > li > a {text-transform:none; color:var(--clr-w); font-size:1em}
#menudrop ul ul li a {color:var(--clr-w); background:var(--clr-m);}
.temp-02 #menudrop ul {padding:0; justify-content:space-between;}
@media screen and (max-width: 1620px) {
#menudrop > nav > ul > li > a {font-size:1em}   
}
@media (max-width:550px) {
.article-shares {flex-wrap: wrap;}
}
@media screen and (max-width:680px) {
}

@media screen and (max-width:680px) {
div.main-content {--top-page-h: calc(100vh - 107px - 1em);}
}



@media screen and (max-width: 1366px) {
html, body {min-height:100vh; font-size:14px;}
}
@media screen and (max-width: 1199px) { 
}

@media screen and (max-width:960px) {
html, body {font-size:14px;}
}
@media screen and (max-width:720px) {
html, body {font-size:14px;}
}

@media screen and (max-width:680px) {
html, body {font-size:18px;}
}
@media screen and (max-width:980px) {
.main-header-2 .main-header-title {height:calc(100vh - 117px - 1em);}
.top-page-bg-gr {height:40vh;}
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width: 790px) {
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width:680px) {	
.main-header-2 {height:calc(100vh - 117px - 1em);}
.main-header-bg-img {height:100%;}	
.main-header-2 .main-header-title {height:calc(100vh - 117px - 1em);}
.top-page-bg-gr {height:calc(100vh - 117px - 1em); padding-top: 1em; padding-bottom: 1em;}
}
@media screen and (max-width:540px) {
}
@media screen and (max-width:520px) {
}
@media screen and (max-width:480px) {
}
/*--------------------------------------------------------------------------*/
div.main-content {--top-page-h: calc(100vh - 107px - 1em);}
.main-content > section, .main-content {margin-top:0}

/*
.main-header-title h1{color:var(--clr-g); text-align:center; margin-bottom:0.5em; text-transform:none; justify-content:center}
.main-header-title h1:before {display:none}
.main-header-title h1:before {content: ''; height: 1px; width:40px; background:#fff; display:block; margin-right:10px;}
.main-header-2 {background:center; display:flex; justify-content:center; flex-wrap:wrap; align-content:flex-end; background-size:cover; position: relative; height:calc(100vh - 107px - 1em); padding-bottom:4em;}}
.main-header-2 .main-header-title {height:auto; align-content:center; width:50%; margin:10em auto 1em; background-color:var(--clr-b-o); border-radius:2.5em; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}
.main-header-gr-but {position:absolute; z-index:0; height:20vh; background:var(--clr-w-o); width:90%; padding-top:1em; border-top:1px solid; align-content:center; justify-content:center; bottom:0}


.box-1, .box-2, .box-3 {box-shadow:10px 40px 50px rgba(229, 233, 246, 0.4);}
*/
.main-header-title {width:100%; align-content:flex-start; margin-top:4em;}
.main-header-title h1 {font-weight:400; text-transform:none;}
.main-header-gr-but {position:absolute; z-index:1; align-content:center; justify-content:center; bottom:0; background:var(--clr-b); color:var(--clr-w); width:calc(var(--wrap) * 1%); padding:2em; border-radius:1em;}
.main-header-gr-top {background:linear-gradient(180deg, #05071D 0%, rgba(5, 7, 29, 0.45) 25.82%, rgba(23, 32, 131, 0.3) 100%);}

.breadcrumbs a span {color:var(--clr-f);}


/*--------------------------------------------------------------------------*/

.button-blue p {background:var(--clr-m);}
.button-red p {background:var(--clr-s);}

/*.breadcrumbs {position: absolute; bottom: -4em;}
#article-body-main {padding-top:4em; width:100%} */
/*
article {width:calc(100% - 350px); overflow: hidden}
aside {width: 300px; float: right; flex: 2;}*/
.section-sub-title {--svg-icon-heart: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24"><path d="M0 5.82826C0 2.6094 2.6094 0 5.82826 0H30.168C33.3889 0 36 2.61107 36 5.83198C36 7.35521 35.404 8.81799 34.3396 9.90754L22.3684 22.1607C21.2193 23.3369 19.6444 24 18 24C16.3858 24 14.8395 23.3503 13.7097 22.1975L1.66565 9.90764C0.598 8.8182 0 7.35363 0 5.82826Z"/></svg>');}

.box-tag-btn .btn {background:var(--clr-f); color:var(--clr-m)}
/*--------------------------------------------------------------------------*/
.main-content {background: url("img/fon-gr-01.png") no-repeat bottom; background-size:100% auto}
.section-header {border-top:2px solid rgba(232, 232, 232, 0.2); padding:1em 0 0; width:100%; margin:0 0 var(--mrg-f) 0;}
.section-header h2 {font-family:Unbounded; font-weight:400; font-size:2.5em; color:var(--clr-f); margin:0; width:50%;}
.section-header p {color:#8E90A5; max-width:40%; font-family:Unbounded; font-weight:300; margin:var(--mrg-f) 0;}

.main-body-desc {justify-content:center;}

article > footer {}
.aside-bottom {clear:both; padding:0 calc((100vw - 1vw * var(--wrap)) / 2); margin-top:0; margin-bottom:1em}
aside[class*="aside-"] > h1 {font-size:1.5em; margin-bottom:0.5em; color:var(--clr-f); font-weight:400; border-top: 2px solid rgba(232, 232, 232, 0.2);
    padding-top: 1em;}
.aside-bottom .section-btn-top {position:relative}

/* INDEX */
/* INDEX */

/* about */
/* about */

.cc-banner .cc-message a {
    color: var(--clr-w);
}

.index-block-form .wrap {background:url('img/bg-car-03.png') center; background-size:cover; padding-bottom:4em}
.index-block-form .column-2 > *, .index-block-form input {margin-bottom:1em;}
.index-block-form .w50 input {margin-bottom:0em;}

.index-block-form .policy-check input {margin-bottom:0em;}
.index-block-form .submit {margin:0 auto 2em;}
/* FOOTER */

footer.wrap {/* margin-top: var(--mrg-f); */}
/* FOOTER */




.box-title::after {/*content:''; display:block; margin-left:1em; padding:0.5em; background:var(--clr-b); -webkit-mask:var(--svg-icon-arrow) no-repeat center; mask:var(--svg-icon-arrow)no-repeat center; -webkit-mask-size:100% !important; mask-size:100% !important;*/}

.box-1 a:hover .box-more:after, .box-2 a:hover .box-more:after {margin-left:20px;}
.box-1 a:hover .box-more:after {margin-left:20px;}
.box-1:hover .box-button:after {content:''; margin-left: 10px;}
.box-2:hover .box-button:after {content:''; margin-left: 10px;}





.chess .box-2:nth-child(2n) .box-block {flex-direction: row-reverse;}
.sin-cat-prod.sin-sub-cat-prod .box-img {background:#fff; display:flex; align-items:center; justify-content:center;}
.serv-cat .box-3:nth-child(2n)	{transform:translateY(50%);}













/* Page about us */

.cc-banner .cc-message a {color:var(--clr-g);}
    
@media screen and (max-width:620px) {
    
.index-block-form .column-2 > .w50 {width:100%}
.cc-banner.cc-bottom {flex-wrap:wrap}
.cc-banner .cc-message {max-width:100%}
.cc-compliance {width:100%; justify-content:flex-end;}
}
.index-ban, .index-slider {margin-top:0; margin-bottom:0; height:80vh; position: relative; background: url("https://deteilinh.lviv.ua/main-l/img/top-jpg-st.jpg"); background-size: cover;}
.index-ban h1 {color:#AED2FF; font-size:3.5em; width:62%; margin-top:0.25em; text-transform:none; font-weight:400}
.index-ban p {color:#fff; border:2px solid #8E90A5; width:fit-content; padding:1em 2em; border-radius: 1em;}
.index-ban .button {z-index:1; position:relative; cursor:pointer}
.index-ban img {width:60%; position:absolute; z-index:0; bottom:0; right:0}

@media screen and (max-width:680px) {
.index-ban h1 {font-size:2.5em; width:100%; margin-bottom:0}
.index-ban img {width:100%; bottom:-3em}
    
}
	





.section-block > p {border-bottom:2px solid var(--clr-d); color:var(--clr-d); width:100%; padding-bottom:2em}
.section-digits-1 {margin:2em 0 0 0; margin-top:2em; margin-top:2em!important}
.section-digits-1 strong {font-size:4em; font-weight:500; width:100%; color:var(--clr-f);}
.section-digits-1 > div > p {margin-bottom:1em; color:var(--clr-d);}
.section-digits-1 .grid-4 {margin:2em 0}
.section-digits-1 .grid-4 div {display:flex; flex-wrap:wrap; align-content:center; text-align:center; border:1px solid var(--clr-f); border-radius:1em; padding:1em 1em 2em;}
.section-digits-1 .grid-4 p {width:100%}
    
.section-principe {background:url('img/fon-gr-02.png') no-repeat bottom center; background-position:bottom 8em center; background-size:cover; padding-bottom:2em;}
.section-principe-text {background:var(--clr-m); border:1px solid var(--clr-f); border-radius:1em; padding:1em 2em 2em; width:35em; left:calc(100% - 35em - 5%); margin:3em 5% 0em 0; position:relative}
.section-principe-text p {color:var(--clr-d)}
.section-principe-text p strong {font-size:1.5em; color:var(--clr-w); margin:1em 0; display:block;}






.about-history-block {display:flex; align-items:center; flex-wrap:wrap; margin:4em auto 0}
.about-history-block .flex {justify-content:flex-start; width:100%; padding-bottom:3.25em; background:no-repeat url(img/about-history-block-bg-01.png); background-position:bottom; background-size:contain; background-size:90%;}
.about-history-icon	{background: var(--clr-w); width:11em; height:7em; margin-left:2em; border-radius:1em;}
.about-history-icon img	{object-fit:contain; margin-top:-20%; margin-left:-20%}
.about-history-text	{width:calc(100% - 15em); margin-left:2em}
.about-history-text h3 {margin:0; margin-top:-0.25em; font-size:1.5em; color:var(--clr-f); font-weight:400}
.about-history-text p {margin:0.5em 0 0 0;}
.about-history-block .flex:nth-child(even) {flex-direction:row-reverse; background-image:url(img/about-history-block-bg-02.png);}
.about-history-block .flex:nth-child(even) .about-history-text	{text-align:right;}
.about-history-block .flex:last-child {flex-direction:row-reverse; background-image:none;}
.about-history-block .flex:first-child  .about-history-icon {background:var(--clr-m)}

    
    
.section-why-us {background:url('img/fon-gr-03.png') no-repeat bottom center; background-size:cover; padding-bottom:2em; margin-bottom:0;}
.why-us-block .box-3 {background:linear-gradient(to bottom, #05071D, #344CB7); border:#AEB9D1 solid 1px; border-radius:1em;
	/*box-shadow:10px 40px 50px rgba(229, 233, 246, 0.4);*/ box-shadow:none}
.why-us-block .box-block {background:rgba(255,255,255,0.20);}
.why-us-block .box-3 .sq66 .box-text {background:none; text-align:left; padding:1em}
.why-us-block .box-title {font-size:1.125em; margin:0; text-align:left; font-weight:400;}
.why-us-block .box-expert {color:#AEB9D1; font-size:1em}
    
.section-our-plus {background:url('img/fon-gr-03.png') no-repeat bottom center; background-size:cover; padding-bottom:2em; margin-bottom:0}
.section-our-plus .grid-3 .box-3 {background:linear-gradient(to bottom, #05071D, #344CB7); border:#AEB9D1 solid 1px; border-radius:1em; box-shadow:none}
.section-our-plus .grid-3 .box-block {background:rgba(255,255,255,0.20);}
.section-our-plus .grid-3 .box-3 .sq50 .box-text {background:none; text-align:left; padding:2em}
.section-our-plus .grid-3 .box-title {font-size:1.125em; margin:0; margin-top:2em; text-align:left; font-weight:400;}


.section-how-work {background:url('img/fon-gr-03.png') no-repeat bottom center; background-size:cover; padding-bottom:2em;}
    
.section-how-work .column-2 {align-items: stretch;
    align-content: center;}
.section-how-work .w50 {border-right:2px solid var(--clr-d); padding:2em 4em 2em 0; display:flex; flex-wrap:wrap; align-content:center;}
.section-how-work .w50 p {margin-bottom:2em}
.section-how-work .w48 {width:48%}
.section-how-work .w48 > div {margin:1em 0; border-bottom:2px solid var(--clr-d); padding-bottom:1em;}
.section-how-work .w48 > div:last-child {border:none}
.section-how-work .w48 .flex {justify-content:flex-start; align-items:center; margin-bottom:1em}
.section-how-work .w48 img {width:48px; margin-right:2em}
.section-how-work .w48 p {font-weight:300; color:var(--clr-d)}
.section-how-work .w48 p strong {font-weight:400; color:var(--clr-w)}
@media screen and (max-width:720px) {
.section-how-work .w50, .section-how-work .w48 {border-right:none; padding:0; width:100%}
.section-how-work .w48 > div {width: 100%;}
}
@media screen and (max-width:680px) {
.about-history-block .flex {font-size:0.7em}
.section-principe-text {width:90%; left:5%; margin-bottom:8em;}
}
@media screen and (max-width:640px) {
.section-digits-1 strong {font-size:2.5em;}
.why-us-block .box-block {padding:0 0 calc(50% - var(--block-brd-s) * 2);}
}
@media screen and (max-width:620px) {
.about-history-block .flex {background:none}
.about-history-block .flex:nth-child(even) {background-image:none;}
}
@media screen and (max-width:480px) {
.about-history-block .flex {justify-content:center;}
.about-history-text {width:100%; margin-top:3em;}
.section-digits-1 .grid-4 {--col-n: 1;}
}



@media (max-width:820px) {
.grid-3, .column-3, .grid-4, .column-4, .grid-5, .column-5, .grid-6, .column-6, .grid-7, .column-7 {--col-n:2;}
}

@media screen and (max-width:780px) {
.section-header h2, .section-header p {width:100%; max-width:100%}
}
@media screen and (max-width:680px) {
.section-header h2 {font-size:2em; margin:0.5em 0; width:100%;}
.section-header p {width:100%;}
}


/*-----------------------------------------------------------------------*/

/* Service category */
.loop-serv .box-3 {border:1px solid #344CB7; box-shadow:none; border-radius:2em; background:#000}
.loop-serv .box-3 .box-block {background:#000;}
.loop-serv .box-3 .box-text {background:none; padding:1em}
.loop-serv .box-3 .box-img {width:50%; right:0; overflow:visible; align-content:flex-end}
.loop-serv .box-3 .box-img img {height:auto; object-fit:contain}
.loop-serv .box-3 .box-title {display:block; font-weight:400; text-align:left; font-size:1.125em;}
.loop-serv .box-more {left:1em}
.loop-serv .box-more::after {display:block; padding:0.75em; background:var(--clr-w);}


.loop-serv .box-3:hover .box-text {background:var(--clr-m);}
@media screen and (max-width:1080px) {
.loop-serv.grid-3 {--col-n:2;}
}
@media screen and (max-width:620px) {
.loop-serv.grid-3 {--col-n:1;}
}
@media screen and (max-width:680px) {
.loop-serv .box-3 .box-img {width:75%;}
}


/* Portfolio category */
.loop-port .box-3 {border:1px solid #344CB7; box-shadow:none; border-radius:2em; background:#000}
.loop-port .box-3 .box-block {background:#000;}
.loop-port .box-3 .box-text {background:none; padding:1em}
.loop-port .box-3 .box-img {width:100%; display:flex; flex-wrap:wrap; right:0; overflow:visible; align-content:center; justify-content:flex-end;}
.loop-port .box-3 .box-img img {height:auto; object-fit:cover}
.loop-port .box-3 .box-img img.gal-no {height:100%; overflow:visible; align-content:flex-end}
.loop-port .box-3 .box-img-bg {height:100%; width:100%; position:absolute; background:#000; opacity:0.5;}
.loop-port .box-3 .box-title {display:block; font-weight:400; text-align:left; font-size:1.125em;}
.loop-port .box-more {left:1em}
.loop-port .box-more::after {display:block; padding:0.75em; background:var(--clr-w);}


/* Portfolio single */
.loop-gallery-result {clear:both;}
.loop-gallery-result .box-img {display:flex}
.loop-gallery-result .box-img a {padding:0}
.loop-gallery-result .box-img a img {}
.loop-gallery-result .box-img p {width:100%; background:rgb(0, 0, 0, 0.64); padding:1em; margin:0; position:absolute; bottom:0; color:var(--clr-f); text-align:center;}

@media screen and (max-width:780px) {
.loop-gallery-result .sq66 {padding: 0 0 calc(100% - var(--brd-s)* 2);}
}
@media screen and (max-width:680px) {
.grid-2.loop-gallery-result {--col-n: 1;}
.loop-gallery-result .sq66 {padding: 0 0 calc(66% - var(--brd-s)* 2);}
}
@media screen and (max-width:480px) {
.grid-2.loop-gallery-result {--col-n: 1;}
.loop-gallery-result .sq66 {padding: 0 0 calc(100% - var(--brd-s)* 2);}
.loop-gallery-result .box-img {flex-wrap:wrap}
.loop-gallery-result .box-img a {height:50%;}
}

/* Service single*/

/* Product category */

/* Product single */

/* Gallery single */



/* Price category */	
.loop-price .block-price {width:20em; text-align:right; margin:0; flex-direction:row-reverse;}
.loop-price-block {width:100%; clear:both; align-items:center; border-radius:2em; background:var(--clr-f); margin-bottom:1em; padding:1em 2em;}
.loop-price .price-name {font-size:1.25em; color:var(--clr-m); margin-bottom:0; font-weight:400; max-width:calc(100% - 22em)}
.clr-inverse .price-name {color:var(--clr-s);}	

@media screen and (max-width:680px) {

.loop-price-block {justify-content:flex-end}
.loop-price .price-name {width:100%; max-width:100%}
}


@media screen and (max-width:480px) {
.block-price .price-main, .block-price ins bdi, .price ins bdi {font-size:1.25em}
}


/* FAQ category */
.article-body-faq {border:1px solid var(--clr-s); border-radius:1em; background:#000957; padding:2em; margin-bottom:var(--mrg-f);}
.article-body-faq .accorh {color:var(--clr-w);}
.article-body-faq .accor {box-shadow:none; border-radius:0; background:none; border-bottom:1px solid var(--clr-s); padding:1em 0; margin-top:0}
.article-body-faq .accor:first-child	{border-top:1px solid var(--clr-s)}
.accor {background:none}
.accorh:after {margin-left:0px; width:1.5em; height:1.5em; margin-left:1em; content: '+'; background:var(--clr-c); color:var(--clr-m); font-size:1.5em; line-height:1; display:flex; justify-content:center; align-items:center; border-radius:5px}
.article-body-faq .accord {background:none;}
.article-body-faq p {color:var(--clr-w);}
.accorh-v:after, .accorh:hover:after {transform:rotate(45deg); background:var(--clr-m); color:var(--clr-c)}
.article-body-faq .accorh-v, .accorh:hover {color:var(--clr-f);}	
	



/* Blog category */
.loop-blog .box-1 {background:var(--clr-c)}
.loop-blog .box-img {overflow:hidden; display:block; min-height:4.5em}
.loop-blog .box-tag {position:absolute; right:1em; top:1em; z-index:9;}
.loop-blog .box-tag p {backdrop-filter:blur(14px); padding:0.5em 1em; border-radius:1em; background:rgba(255, 255, 255, 0.6);}
.loop-blog .box-tag p a {color:var(--clr-m);}
.loop-blog .box-date {color:var(--clr-w); position:absolute; z-index:8; bottom:1em; margin-bottom:0; left:1em; background:#000957; padding:0.5em 1em; border-radius:2em; border:1px solid var(--clr-w);}
.loop-blog .box-text {display:block; margin-bottom:1em;}
.loop-blog .box-title {color:var(--clr-b); margin:1em 0; display:block}
.loop-blog .box-expert {color:var(--clr-g)}
.loop-blog .box-more {width:100%; justify-content:flex-end; position:inherit; color:var(--clr-m);}

/* Contact single */



.contact-link-02 {--icon-w:2em; --x-contd-m:calc((var(--icon-w)*1.5 - 1.5em)/2) 0; --x-contd-w:calc(100% - (var(--icon-w)* 1.5 + 1em))}
.contact-link-02 h2 {display:block; font-size:1.5em; margin:calc((var(--icon-w)*1.5 - 1.5em*1.5)/2) 0 0; margin:calc(((var(--icon-w) - 1.5em)* 1.5) / 2) 0 0;}
.contact-link-02 span.icon-svg {width:calc(var(--icon-w)*1.5); height:calc(var(--icon-w)*1.5); border-radius:10em; margin:0 1em 0 0; justify-content: center;}
.contact-link-02 span.icon-svg::before {width:var(--icon-w); height:var(--icon-w); background:var(--clr-w); padding:0.1em; margin:0;}
.cont-block-data-02 {margin-bottom:0}	
.cont-block-data-02 > div {display:flex; flex-wrap:wrap; margin-top:1em; align-items: center;}
.cont-block-data-02 > div > div {width:var(--x-contd-w);}
.cont-block-data-02 > a {display:flex; flex-wrap:wrap; margin-top:1em; align-items: center;}
.cont-block-data-02 h2 {width:100%; color:#AED2FF; text-transform:none; font-size:1.25em; font-weight:400; margin-top:0}
.cont-block-data-02 p {width:var(--x-contd-w); color:#fff; display:block; margin:var(--x-contd-m);}
.cont-block-data-02 a p {margin:0;}
.cont-block-data-02 > div > div p, .cont-block-data-02 > div > div a {width:100%; display:block; margin:var(--x-contd-m);}
.cont-block-data-02.w100 {margin-top:2em;}
.cont-block-data-02.w100 > div {display:flex; flex-wrap:wrap; width:100%; align-items: center;}
.cont-block-data-02.w100 > div a {display:flex; flex-wrap:wrap; margin-right:2em; width:auto; align-items:center;}





.cc-banner .cc-message {color: var(--clr-w);}
.cc-link {color:var(--clr-w);}




.w100 {--col-nw:100%; width:100% !important;}

.index-page .about-uss {margin-top:0}
.about-uss-top {align-items:center; flex-direction:row-reverse;}
.about-history > div:nth-child(2n) {flex-direction: row-reverse;}



/* index */
.ind-products {}
.about-partner {}



.index-block-form {background:#000}
footer.wrap {margin-top:0}



form .policy-check {display:flex; align-items:center; width:100%; margin:0 0 var(--margin-top) 0;}
form .policy-check label {display:block; color:var(--clr-w); margin:0; margin-bottom:0; width:100%}
form .policy-check label a {color:var(--clr-w);}
form .policy-check input {top:0; }
	
.footer-mobile-phone-btn {margin-top: 0;}
	
.foot-names p {font-size:11em; line-height:1; text-align:center; font-weight:600; background:linear-gradient(90deg, rgba(174, 210, 255, 0.8) 0%, rgba(52, 76, 183, 0.8) 90.87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* background:linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(90deg, rgba(174, 210, 255, 0.8) 0%, rgba(52, 76, 183, 0.8) 90.87%); */}
@media screen and (max-width:1120px) {
.foot-names p {font-size:9em;}
}
@media screen and (max-width: 1086px) {
#menudrop > nav > ul > li {float: none; padding: 0; background: #000;}
}
@media screen and (max-width:900px) {
.foot-names p {font-size:7em;}
}
@media (max-width:780px) {
.index-block-how .column-2 > .w50, .index-block-form .w40 {width:100%;}
.foot-smm {width:80%}
.foot-dark .w30 {width:45%}
}
@media screen and (max-width:720px) {
.foot-names p {font-size:6em;}
}
@media screen and (max-width:680px) {
    .index-ban h1 {color: #AED2FF; font-size: 2.5em; width: 100%;}
.foot-names p {font-size:4em;}
}


@media screen and (max-width:620px) {
.foot-smm {width:40%}
.foot-smm a {width:100%; padding-bottom:1em;}
}
@media screen and (max-width:550px) {
.foot-names p {font-size:3em;}
}
@media screen and (max-width: 680px) {
.footer-mobile-phone-btn {width:calc(100% - 4em); height:3em; display:flex; align-items:center; justify-content:center; background:var(--clr-m); margin:1em 0px; margin-top:1.5em}
body > footer > *:last-child {margin-bottom:1em;}
}

@media screen and (max-width: 640px) {
.grid-3, .service-block.grid-3, .why-us-block.grid-3 {--col-n: 1;}
	
.foot-dark .w30, .foot-dark .w40 {width:100%}
}
/*-------------------------------------------------------------------------*/
/*	3.4 Fancybox Pop Up C-517
/*-------------------------------------------------------------------------*/
.fancybox-content {padding:2em;}
.required-b input::placeholder, .required-b textarea::placeholder {color:var(--clr-m);}

.box-1 > div:last-child {padding-bottom: 0;}




.sl-carousel .sl-item p {background:none; padding:0;}
.sl-carousel .sl-nav button.sl-next, .sl-carousel .sl-nav button.sl-prev {top:50%;}
#pop-modal-form-01 {display:none}
	
	
	

@media (max-width:780px) {
.sl-carousel.sl-nav-in .sl-nav button.sl-next, .sl-carousel.sl-nav-out .sl-nav button.sl-next {right:0;}
.sl-carousel .sl-nav button.sl-prev {left: 0;}
}