/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 17 2025 | 22:08:33 */
.nectar-inherit-border-radius, body[data-button-style*="slightly_rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style*="slightly_rounded"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before, body[data-button-style*="slightly_rounded"] #infscr-loading, body[data-button-style*="slightly_rounded"] .flex-direction-nav a, body[data-button-style*="slightly_rounded"] #pagination span, body[data-button-style*="slightly_rounded"] #pagination a, body[data-button-style*="slightly_rounded"] #pagination .next.inactive, body[data-button-style*="slightly_rounded"] #pagination .prev.inactive, body[data-button-style*="slightly_rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style*="slightly_rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style*="slightly_rounded"] input[type=submit], body[data-button-style*="slightly_rounded"] button[type=submit], body[data-button-style*="slightly_rounded"] input[type="button"], body[data-button-style*="slightly_rounded"] button, body[data-button-style*="slightly_rounded"] .nectar-button, body[data-button-style*="slightly_rounded"] .swiper-slide .button a, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button, body[data-button-style*="slightly_rounded"] .comment-list .reply a, body[data-button-style*="slightly_rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-social-inner >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-love, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a, body[data-button-style*="slightly_rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a, body[data-button-style*="slightly_rounded"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart a.button, li[class*="menu-item-btn-style"] > a:before, li[class*="menu-item-btn-style"] > a:after {border-radius: 0!important;}



.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {border-radius: 0!important;}

body #ajax-content-wrap .nectar-responsive-text[class*="font_size"] .fa {vertical-align: middle; height: inherit; width: auto;}

body .span_12.light .nectar_icon_wrap[data-style="border-basic"] .nectar_icon {border-color: #ffffff;}
body .span_12 .nectar_icon_wrap[data-style="border-basic"] .nectar_icon {border-color: #d11f2e;}
.nectar_icon_wrap[data-style="border-basic"] .nectar_icon {border-radius: 0!important;}

.cta .nectar-button {margin-bottom: 0;}

.span_12.light .cta .icon-tiny[class^="icon-"].accent-color {color: #ffffff;}
.span_12 .cta .icon-tiny[class^="icon-"].accent-color {font-size: 21px;}
.cta p {font-weight: 800; text-transform: uppercase;}

body .span_12.light .wpb_text_column a:not(:hover) {opacity: 1;}

.cta .fa.fa-mobile, .nectar-menu-icon {position: relative; animation: wobbl 3s infinite; margin-right: 10px;}
.cta .fa.fa-mobile:after, .nectar-menu-icon:after {width: 30px; height:30px; border: 2px solid #d11f2e; border-radius: 99px; position: absolute; left: -10px; top: -10px; content: '';  display: block; /*animation: wobbl2 3s infinite;*/}
.nectar-menu-icon:after {    left: -12px; top: -7px;}
body #header-outer header .nectar-menu-icon {margin-left: 10px; margin-right: 20px;}
.span_12.light .cta .fa.fa-mobile:after {border-color: #ffffff;}

.pum .cta .fa.fa-mobile:after {left: -8px; top: -8px;}

.pum .cta .fa.fa-mobile {font-size: 21px;}

body .pum .inl p {display: block;}
body .pum .inl p .wpcf7-form-control-wrap {margin-bottom: 25px;}
body .pum .pum-container {background: #ffffff url(https://screen-company.com/wp-content/uploads/2025/01/decor2.webp) right top no-repeat; background-size: 96px;}
body .pum-overlay {backdrop-filter: blur(8px);}

.cta .nectar-button .fa {animation: wobbl 3s infinite; animation-delay: 1.5s;}
html body.material .nectar-button.has-icon.medium:not([class*=see-through]) i {top: 6px; right: 13px; transform: none;}

.row .iconz .col img {max-width: 90px;}

body h4 .fa.icon-tiny {font-size: inherit; line-height: inherit; width: auto; height: auto;}
body span.nobr {white-space: nowrap;}
body h4 .icon-tiny[class^="icon-"].accent-color {color: #444444;}

#services a:hover img {transform: scale(1.05); transition: all 500ms ease;}
#services a img {transition: all 500ms ease; transform: scale(1.005);}
#services .img-with-aniamtion-wrap a {overflow: hidden; display: block;}

body .img-with-aniamtion-wrap .hover-wrap {margin-bottom: 0;}

body input.wpcf7-text {border-color: #2b5490;}

.inl p {display: flex; gap: 15px;     align-items: flex-start; }

.inl .wpcf7-spinner {position: absolute; margin: 0;     right: 0; top: 0;}
.pum .inl .wpcf7-spinner {position: relative; margin: 0 20px; right: unset; top: unset;}

html body[data-form-submit=regular] .container-wrap input[type=submit] {padding: 7px 22px !important;}

body .wpcf7-form .wpcf7-not-valid-tip {background-color: transparent; box-shadow: none; text-align: left;}

body .wpcf7-list-item-label {font-weight: 400; text-transform: none; font-size: 11px;}
.wpcf7-acceptance label {display: flex; gap: 10px;}
body .wpcf7-list-item {margin: 10px 0 0 0; opacity: 0.6;}

.wpcf7-form .cta .fa {margin-left: 12px;}

.deco:before {width: 128px; height: 128px; display: block; position: absolute; background: transparent url(https://screen-company.com/wp-content/uploads/2025/01/decor2.webp) center center no-repeat; background-size: contain; content: ''; right: -6px; top: -18px;}


.deco:after{width: 128px; height: 128px; display: block; position: absolute; background: transparent url(https://screen-company.com/wp-content/uploads/2025/01/decor2.webp) center center no-repeat; background-size: contain; content: ''; left: -6px; bottom: -18px; transform: rotate(180deg); visibility: visible;}

body .wpcf7 form .wpcf7-response-output {cursor: default; margin: 25px 0; padding: 25px; border-width: 4px;}

.step .img-with-aniamtion-wrap {position: relative; padding: 20%; background-color: #ffffff; box-shadow: 0 20px 45px rgb(0 0 0 / 18%); border-radius:999px;}

.step .img-with-aniamtion-wrap:before {content: '00'; display: block; position: absolute; right: -3px; top: -3px; background-color: #d11f2e; font-weight: 800; font-size: 15px; line-height: 30px; height: 30px; width: 30px; padding: 6px; border-radius: 999px; color: #ffffff; text-align: center; transition: all 900ms ease; z-index: 99;}
.step.one .img-with-aniamtion-wrap:before {content: '01';}
.step.two .img-with-aniamtion-wrap:before {content: '02';}
.step.three .img-with-aniamtion-wrap:before {content: '03';}
.step.four .img-with-aniamtion-wrap:before {content: '04';}
.step.five .img-with-aniamtion-wrap:before {content: '05';}
.step.six .img-with-aniamtion-wrap:before {content: '06';}
.step.seven .img-with-aniamtion-wrap:before {content: '07';}
.step.eight .img-with-aniamtion-wrap:before {content: '08';}
.step.nine .img-with-aniamtion-wrap:before {content: '09';}
.step.ten .img-with-aniamtion-wrap:before {content: '10';}


.step .img-with-aniamtion-wrap:after {content: ''; display: block; position: absolute; left: calc(50% - 22px); bottom: -40px; width: 44px; height: 82px; background: transparent url(https://screen-company.com/wp-content/uploads/2025/01/arrdown.svg) center center no-repeat; background-size: contain; transition: all 900ms ease; opacity: 1;}

.step.last .img-with-aniamtion-wrap:after {display: none!important;}
.step:not(.act) .img-with-aniamtion-wrap:before {transform: scale(3); opacity: 0;}
.step.act .img-with-aniamtion-wrap:before {transform: scale(1); opacity: 1;}
.step:not(.act) .img-with-aniamtion-wrap:after {transform: translateY(-50px); opacity: 0; transition: all 900ms ease;}

#reviews .nectar-shape-divider-wrap[data-position="bottom"] {bottom: -1px;}

.mapio {box-shadow: 0 20px 45px rgb(0 0 0 / 18%);}

#contact p a {color: #444444;}

body .nectar-mobile-only.mobile-header a .fa {color: #d11f2e;}

.iwt-icon [class^=icon-].icon-default-style.fa-envelope {font-size: 23px;}

#start .nectar-button {font-size: 19px; padding-top: 15px; padding-bottom: 15px; padding-right: 10px; }
#start .nectar-button .fa {top: -2px; position: relative;}
#start .cta p a {font-size: 19px;}

@keyframes wobbl {
	0% {transform: none;}
	60% {transform: none;}
	70% {transform: rotate(-12deg) scale(1.2);}
	90% {transform: rotate(12deg)  scale(1.2);}
	100% {transform: none;}
}

@keyframes wobbl2 {
	0% {transform: none;}
	5% {transform: none;}
	10% {transform: scale(1.1);}
	15% {transform:  none;}
	20% {transform: scale(1.1);}
	25% {transform:  none;}
	100% {transform: none;}
}

@media (min-width: 1220px) {
	a[href^="tel:"] {pointer-events: none;}
	.cta .fa.fa-mobile, .nectar-menu-icon {animation: none;}
}

@media only screen and (min-width: 1000px) {
/*    #boxed, #boxed #header-outer, #boxed #slide-out-widget-area-bg.fullscreen, #boxed #featured, body[data-footer-reveal="1"] #boxed #footer-outer, #boxed .orbit > div, #boxed #featured article, body.ascend #boxed #search-outer {max-width: 1280px !important; width: 90% !important; min-width: 980px;}
	html body {background: #ffffff url(https://screen-company.com/wp-content/uploads/2025/01/bg1.webp) center center no-repeat; background-size: cover; background-attachment: fixed;}
	*/
	#start .narrow .span_12 {max-width: 900px; margin: 0 auto;}
	#start > .span_12 > .col > .vc_column-inner {min-height: 400px;}
	.rght .nectar-button {margin-left: 30px;}
}

@media (max-width: 999px) {
	.inl .wpcf7-form-control-wrap {flex-basis: 100%;}
	.inl p {flex-wrap: wrap;}
	.deco:before, .deco:after {width: 80px; height: 80px;}
	.deco:after {left: -6px; bottom: -12px;}
	.deco:before {right: -6px; top: -12px;}
	.cta .fa {margin-left: 9px;}
	.step .img-with-aniamtion-wrap:after {bottom: -80px;}
.step .img-with-aniamtion-wrap:before {right: -6px; top: -6px; background-color: #d11f2e; font-size: 11px; line-height: 20px; height: 20px; width: 20px; padding: 4px; }
}

@media (min-width: 1199px) and (max-width: 1375px) {
	#header-outer[data-lhe="animated_underline"] li > a .menu-title-text {font-size: 13px;}
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {margin-left: 4px; margin-right: 4px;}
}

@media (max-width: 375px) {
	body .nectar-mobile-only.mobile-header a .fa {display: none!important;}
}

@media (max-width: 320px) {
	html body[data-slide-out-widget-area=true] #top #logo {transform: scale(0.65)!important; -webkit-transform: scale(0.65)!important; transform-origin: left center;}
}