/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.4.1741755805
Updated: 2025-03-12 01:03:25

*/

@import url("https://p.typekit.net/p.css?s=1&k=wrr5xph&ht=tk&f=25750.25753.25761.25762.25763.25764.25765.25766.25767.25768&a=82983098&app=typekit&e=css");

body{padding: 0; margin: 0; box-sizing: border-box; font-family: "Eurostile", Sans-serif; font-size: 17px; font-weight: 400; text-transform: none; font-style: normal; text-decoration: none; line-height: 1.2em; letter-spacing: 0.25px; }
*{padding: 0; margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-break:break-word;}
p{padding:0 0; margin:0;}
p:last-child{padding: 0; margin:0;}
p:last-of-type {padding: 0; margin:0;}
p:empty{padding:0; margin:0;}	
button:focus{border: none !important; outline: none;}
ul, ol{margin: 0; padding: 0 0 0 20px;}
h1, h2, h3, h4, h5, h6{margin: 0;}


.fix-header{position:fixed !important; top:20px; left:0; width:100% !important; background:transparent; z-index:999 !important; transition:all 0.3s ease-in-out;}
.sticky .fix-header{ top:0; background:#FFF; box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;}

.img-shap:before { content: "" !important; position: absolute !important; top: 0 !important; left: auto !important; transform: translate(40px, -10px); right: 0 !important; width: 400px !important; height: 57px !important; background: url(../../../wp-content/uploads/2025/03/bottom-shap.png) no-repeat; background-size: contain; background-position: center; display: block !important; }

.img-shap:after { content: ""; position: absolute; bottom: 0; left: 0; width: 400px; height: 57px; transform: translate(0px, 50px); background: url(../../../wp-content/uploads/2025/03/bottom-shap.png) no-repeat; background-size: contain; background-position: center; }

.white-left-shap:after { content: ""; position: absolute; top: 0; left: 0; width: 320px; height: 50px; transform: translate(0px, -20px); background: url(../../../wp-content/uploads/2025/03/bg-shap-left.png) no-repeat; background-size: 390px 50px; background-position: center right; }

.roof-top:after { content: ""; position: absolute; bottom: 0; left: 0; width: 165px; height: 50px; transform: translate(0px, -50px); background: url(../../../wp-content/uploads/2025/03/bg-shap-left.png) no-repeat; background-size: 450px 52px; background-position: center right; }
.roof-top:before { content: "" !important; position: absolute!important; top: 0!important; left: 0!important; width: 300px!important; height: 50px!important; transform: translate(0px, 100px)!important; background: url(../../../wp-content/uploads/2025/03/bg-shap-left.png) no-repeat; background-size: 350px 50px; background-position: top right; }


.roof-img-1:after { content: ""; position: absolute; top: 0; left: 0; width: 310px; height: 270px; transform: translate(-50px, -50px); background: url(../../../wp-content/uploads/2025/03/img-shap-11.png) no-repeat; background-size: contain; background-position: center; }
.roof-img-1:before { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 400px !important; height: 57px !important; transform: translate(100px, 45px) !important; background: url(../../../wp-content/uploads/2025/03/bg-shap-left.png) no-repeat !important; background-size: contain !important; background-position: center !important; z-index: -1; }

.roof-img-2:after { content: ""; position: absolute; top: 0; left: auto; transform: translate(120px, 0px); right: 0; width: 370px; height: 57px; background: url(../../../wp-content/uploads/2025/03/bottom-shap.png) no-repeat; background-size: contain; background-position: center; z-index: -1; }

.roof-img-3:after { content: ""; position: absolute; bottom: 0; left: auto; right: 0; width: 250px; height: 270px; transform: translate(-10px, 50px); background: url(../../../wp-content/uploads/2025/03/img-shap-12.png) no-repeat; background-size: contain; background-position: center; }


@media (max-width: 1450px) {
	.roof-img-2:after{transform:translate(20px, 0px);}
}
@media (max-width: 1180px) {
	.img-shap:before { transform: translate(0px, -10px); }
}

@media (max-width: 1024px) {
	.roof-img-1:after { width: 200px; height: 190px; transform: translate(0px, 0px); }
	.roof-img-3:after { width: 160px; height: 170px; }
}

@media (max-width: 767px) {
	
	.roof-img-1:before{ width: 200px !important;}
	.img-shap:after { width: 250px; height: 35px; }
	
	
}