/* reset.css is here */
*{margin:0; padding:0; box-sizing:border-box;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{max-width:100%; height:auto; display:inline-block; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none; padding:0; margin:0;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {color:#000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000;  text-decoration:none; outline:0 none !important;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold; padding:0; margin:0;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p{font-size:16px; line-height:24px; padding:0; margin:0;}
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}
/* reset.css ends here */

html {}
body {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000;}

/* LayOut Start here */
.wrapper{ 
    /* margin: 0 auto; */
}

.container{max-width: 1074px;margin:0 auto;}

/* Header starts here */
header.stick_header{ position: fixed; z-index: 9999;width: 100%;background: #ffffff;}
header{}
.header-in{padding: 0 0 12px;}
.logo{padding: 0 0 0 16px;float: left;width: 56%;}
.logo a{display: inline-block;vertical-align: bottom;}
.logo span{font-family: 'Aleo', serif;font-size: 11px;line-height: 32px;color: #696B73;font-weight: normal;letter-spacing: 0.5px;display: inline-block;margin: -2px 0 0 5px;}
.header-rt{float: right;width: 44%;padding: 11px 0 0 5px;}
.head-rt-top{padding: 0 0 31px;}
.mail{float: left;width: 71%;}
.mail a{font-family: 'Aleo', serif;font-size: 16px;line-height: 22px;color: #000000;font-weight: normal;position: relative;padding: 0px 0 0 44px;}
.mail a:after{position: absolute;content: '';left: 0;top: -4px;background: url(../images/mail-icon.png) no-repeat;width: 36px;height: 24px;}
.tel{width: 29%;}
.tel a{padding: 0 0 0 25px;letter-spacing: 0.4px;}
.tel a:after{background: url(../images/phone-icon.png) no-repeat;width: 17px;height: 29px;top: -7px;}
.head-btm{}
/* Navigations */
nav{}
nav ul{}
nav ul li{float: left;padding: 0 32px 0 0;}
nav ul li:nth-child(5){padding: 0;}
nav ul li a{font-size: 15px;line-height: 22px;color: #EE3125;font-weight: 500;font-family: ArialMT,sans-serif;letter-spacing: 1.5px;}
nav ul li:hover a{}
/* Header Ends here */
.banner{}
.banner figure {position: relative;}
.banner figure img{
    width: 100%;
}
.banner-in a{
    width: 199px;
    margin-left: auto;
    text-align: center;
    background: #ee2e26;
    display: block;
    padding: 16px 0;
    font-size: 23px;
    line-height: 26px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 0px;
    font-family: ArialMT,sans-serif;
}
.banner-in{position: absolute;top: 17%;right: 30px;}
.banner-cont{border: 17px solid #ee2e26;background: rgb(0 0 0 / 0.5);padding: 35px 0px 41px 46px;width: 702px;}
.banner-cont h3{font-size: 45px;line-height: 60px;color: #ffffff;font-weight: bold;letter-spacing: -2px;font-family: ArialMT,sans-serif;}
.banner-cont h3 span{color: #ee2e26;font-style: italic;}
/* Main content starts here */
.main_content				{}
.services { }
.services_in {max-width: 780px;margin: 0 auto;padding: 51px 0 64px;}
.services_in h2 {font-size: 38px;line-height: 40px;color: #000000;font-family: 'Aleo', serif;font-weight: 700;text-align: center;letter-spacing: 4.3px;padding: 0 0 31px;}
.services_in ul {font-size: 0; }
.services_in ul li{display: inline-block;width: 33.33%;padding: 0 35px;}
.builds {}

.builds img{margin: 0 auto 12px;display: block;}
.builds span {font-size: 19px;line-height: 22px;color: #000000;font-weight: 700;font-family:  ArialMT,sans-serif;display: block;text-align: center;position: relative;}
.builds span:after {content: "\f078";position: absolute;bottom: -26px;left: 0;right: 0;margin: 0 auto;font-size: 20px;line-height: 18px;color: #bebdbb;font-family: 'FontAwesome';}
/*--services End here--*/
/*--Home Start here--*/
.home {background: url(../images/bg-img2.png) no-repeat;width: 100%;background-size: cover;}
.home_in {max-width: 908px;margin: 0 auto;padding: 100px 0 55px;}
.home_in h3 {font-size: 42px;line-height: 40px;color: #ffffff;font-family: 'Aleo', serif;text-align: center;font-weight: 700;letter-spacing: 5.4px;padding: 0 0 43px;}
.home_in p {font-size: 25px;line-height: 40px;font-family: ArialMT,sans-serif;color: #ffffff;font-weight: 200;padding: 0 0 17px;letter-spacing: -0.6px;}
/*--Home End here--*/
/*--BLog Start here--*/
.blog { }
.blog_in {max-width: 946px;margin: 0 auto;padding: 46px 0 34px 0;}
.blog_left {float: left;width: 39%;position: relative;}
.blog_left:after {content: '';position: absolute;top: 0;right: -30%;width: 2px;height: 500px;background: #d7d7d7;}
.blog_right {float: right;width: 40%;}
.blog_inner {}
.blog_inner h2{font-size: 32px;line-height: 38px;color: #000000;font-weight: 400;letter-spacing: 5px;padding: 0 0 15px 7px;font-family: 'Aleo', serif;margin: 0 0 25px;border-bottom: 1px solid red;}
.blog_inner img{margin: 0 auto 46px;object-fit: cover;display: block;}
.blog_inner h6{font-size: 26px;line-height: 28px;color: #000000;letter-spacing: 0.7px;padding: 0 0 26px 9px;font-family: 'Arial', serif;}
.blog_inner p{font-size: 27px;line-height: 30px;letter-spacing: 0px;color: #000000;font-weight: 400;padding: 0 0 28px 10px;}
.blog_inner a{display: block;font-size: 22px;line-height: 24px;color: #000000;padding: 0 0 0 17px;position: relative;margin: 0 0 0 11px;}
.blog_inner a:after{content: "\f101";position: absolute;top: 4px;left: 0;color: #e14e3a;font-size: 15px;line-height: 18px;font-family: 'FontAwesome';}
/*--BLog End here--*/
/*--testi Start here--*/
.testi {background: url(/media/sjwkghmf/sdhomes3.jpg) no-repeat;width: 100%;height: 669px;background-size: cover;position: relative;}
.monals {background: #000000;max-width: 730px;margin: 0 auto;position: absolute;top: 15.6%;left: 0;right: 0;}
.monals h2:after{position: absolute;content: '';background: url(../images/hand-icon1.png) no-repeat;background-size: cover;width: 106px;height: 111px;left: 23px;top: 29px;}
.monals h2:before{position: absolute;content: '';background: url(../images/hand-icon.png) no-repeat;background-size: cover;width: 106px;height: 111px;right: 22px;top: 29px;}
.monals h2{font-size: 38px;line-height: 48px;color: #ffffff;font-weight: 400;position: relative;text-align: center;font-family: 'Aleo', serif;letter-spacing: 5.8px;padding: 57px 0 58px;}
.garage {position: absolute;bottom: 11.3%;left: 0;right: 0;margin: 0 auto;background: #ffffff;max-width: 730px;}
.garage_in {max-width: 561px;margin: 0 auto;padding: 52px 0 0;}
.garage p {font-weight: 400;font-size: 27px;font-family: 'Aleo', serif;line-height: 34px;color: #000000;letter-spacing: -0.3px;text-align: center;padding: 0 0 38px;}
.garage span {display: block;font-size: 19px;line-height: 24px;padding: 8px 0;color: #ffffff;font-family: 'arial',sans-serif;background: #000000;text-align: center;}
/*--testi End here--*/

.we-work{}
.we-work-in{padding: 43px 0 70px;}
.we-work-in h4{font-weight: 400;font-size: 38px;font-family: 'Aleo', serif;line-height: 43px;color: #000000;letter-spacing: 5px;text-align: center;padding: 0 0 23px;}
.steps-in{
    max-width: 1064px;
    margin: 0 auto;
}
.steps-in > ul{
    margin: 0 -46px;
    }
.steps-in > ul > li{float: left;width: 25%;padding: 0 0px;}
.steps-ctn{background: url(../images/over-img1.png) no-repeat;background-size: cover;width: 280px;height: 198px;padding: 0 69px;position: relative;}
.step2{background: url(../images/over-img2.png) no-repeat;background-size: cover;width: 280px;height: 198px;}
.step3{background: url(../images/over-img3.png) no-repeat;background-size: cover;width: 280px;height: 198px;}
.step4{background: url(../images/over-img4.png) no-repeat;background-size: cover;width: 237px;height: 190px;}
.step-lt{position: absolute;top: 36%;width: 148px;text-align: center;left: 20px;}
.step-lt p{font-weight: bold;font-size: 18px;font-family:  ArialMT,sans-serif;line-height: 22px;color: #000000;}
.step-rt{position: absolute;top: 37%;width: 52px;right: 44px;}
.step-rt h6{font-weight: 400;font-size: 21px;font-family: 'Aleo', serif;line-height: 29px;color: #ffffff;}
.step-rt h6 span{font-size: 51px;line-height: 59px;display: block;font-family: 'Aleo', serif;text-align: center;}
.bg-img4{}
.bg-img4 figure{}
.bg-img4 figure img{width: 100%;}
.steps-ctn.step4 .step-rt{right: 11px;}
/* Main content ends here */

/* FOOTER HERE */
footer						{background: #ee2e26;margin: -5px 0 0;}
.footer-top{
    padding: 36px 0 60px 35px;
}
.footer-top > ul{}
.footer-top > ul > li{float: left;}
.footer-top > ul > li:nth-child(1){width: 40.2%;
}
.footer-top > ul > li:nth-child(2){
    width: 40.7%;
}
.footer-top > ul > li:nth-child(3){}
.sd-homes{}
.sd-homes h4{font-weight: 400;font-size: 27px;font-family: 'Aleo', serif;line-height: 32px;color: #ffffff;padding: 0 0 48px;letter-spacing: 4px;}
.sd-homes > ul {}
.sd-homes > ul > li{
    padding: 0 0 8px;
}
.sd-homes > ul > li > a{font-weight: 400;font-size: 18px;font-family: 'Arial', serif;line-height: 24px;color: #ffffff;}
.sd-homes > ul > li > address{font-weight: 400;font-size: 18px;font-family: 'Arial', serif;line-height: 31px;color: #ffffff;}
.icons{}
.icons > ul > li a{display: block;text-align: center;}
.footer-btm{position: relative;padding: 25px 0 23px;}
.footer-btm:after{position: absolute;content: '';width: 100%;height: 2px;background: #cb3b36;top: 0;left: 0;right: 0;margin: 0 auto;}
.footer-btm p{font-weight: 400;font-size: 18px;font-family: 'Arial', serif;line-height: 24px;color: #ffffff;padding: 0 0 0 35px;}
.copy_rights				{}
.menu-icon{display: none;}
.side-bar{display: none;}
/* inputs feilds */
input, textarea, button, select {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0;
}

@media (max-width: 1200px){
	.steps-in > ul{margin: 0;}
	.step-rt{right: 38px;}
	.steps-ctn.step4 .step-rt{right: 8px;}
	.steps-ctn.step3 .step-rt{right: 39px;}
	.steps-ctn.step2 .step-rt{right: 41px;}
	.steps-ctn{width: 257px;height: 180px;}
	.steps-ctn.step4{width: 230px;height: 184px;}
	.step-lt p{font-size: 15px;    padding: 0 10px;}

}

@media (max-width: 1150px){
	.step4{margin: 0 auto;}
	.steps-ctn{margin: 0 auto;}
	.step3{margin: 0 auto;}
	.step2{margin: 0 auto;}
	.step1{margin: 0 auto;}
	.steps-in > ul > li{width: 50%;padding: 0 0 40px 0;}
	.step-lt p {font-size: 16px;padding: 0 0 0 24px;}
	.step4 {width: 300px;height: 240px;}
	.step3{width: 300px;height: 240px;}
	.step2{width: 300px;height: 240px;}
	.steps-ctn{width: 300px;height: 240px;}
	.step-lt{    top: 33%;    left: 31px;}
	.step-rt {right: 63px;top: 36%;}
	.steps-ctn.step4 .step-rt{right: 21px;}
	.steps-ctn.step3 .step-rt{right: 62px;}
	.steps-ctn.step2 .step-rt {right: 61px;}
	.steps-ctn {width: 342px;height: 240px;}
	.steps-ctn.step4 {width: 300px;height: 237px;}
	
}
	
	
	@media (max-width: 1090px){
.container{max-width: 100%;padding: 0 15px;}
.steps-in{padding: 0 20px;}
.logo{padding: 0;}
.mail{width: 63%;}
.tel{width: 37%;}
nav ul li{padding: 0 16px 0 0;}

.step-lt p{font-size: 16px;}
.step-lt{left: 30px;}
.steps-ctn{padding: 0;}
.steps-in > ul{margin: 0 0 0 -30px;}
	
	
}
@media (max-width: 991px){
.logo{width: 42%;}
.header-rt{width: 58%;padding: 30px 0 0 5px;}
.logo span{line-height: 15px;}
.banner-cont h3{font-size: 30px;line-height: 43px;}
.banner-cont{width: 457px;padding: 16px 0px 20px 18px;border: 9px solid #ee2e26;}
.banner-in a{padding: 7px;font-size: 18px;}
.services_in h2{font-size: 32px;line-height: 38px;}
.services_in{padding: 30px 0 42px;}
.home_in h3{font-size: 32px;line-height: 38px;padding: 0 0 15px;}
.home_in p{font-size: 22px;line-height: 28px;padding: 0 0 8px;}
.home_in{padding: 47px 0 47px;}
.blog_inner h2{font-size: 26px;letter-spacing: 2px;line-height: 33px;padding: 0 0 7px 4px;margin: 0 0 14px;}
.blog_left{width: 47%;}
.blog_right{width: 47%;}
.blog_left:after{right: -6%;height: 102%;}
.blog_inner h6{font-size: 22px;line-height: 27px;padding: 0 0 6px 9px;}
.blog_inner img{margin: 0 auto 14px;}
.blog_inner p{font-size: 20px;line-height: 26px;}
.blog_inner a{font-size: 19px;}
.blog_in{padding: 29px 0 10px 0;}
.monals h2{font-size: 30px;line-height: 35px;padding: 32px 0 32px;}
.monals h2:before{width: 63px;height: 66px;top: 17px;}
.monals h2:after{width: 63px;height: 66px;top: 17px;}
.garage p{font-size: 25px;padding: 0;}
.sd-homes h4{font-size: 22px;line-height: 28px;letter-spacing: 2px;padding: 0 0 18px;}
.footer-top{padding: 22px 0 20px 0px;}
.footer-btm{padding: 15px 0;}
.footer-btm p{padding: 0;}
.garage_in{padding: 24px;}
.monals{}

}
@media (max-width: 767px){
.header-rt{display: none;}

.menu-icon{display:block;cursor: pointer;padding:0 0 0 0px;vertical-align: middle;float: right;margin: 34px 0 0 auto;position: relative;z-index: 999;}        
.menu-icon span{display:block;width: 40px;height: 5px;margin: 0px 0 6px 0;position: relative;right: 0;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;background: #ee2e26;}
.side-bar{width:250px;height: 100%;position: fixed;right:-250px;top: 0;background-color: #6a95b5;z-index: 4;display: block;}
.side-bar {display: block !important;padding: 15px 15px 0;}
.side-bar .header-rt{display: block;float: none;border: none;}
.open-menu .side-bar{right: 0; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s;}
.wrapper{position: relative;left: 0;}
.open-menu .wrapper{left: -250px;position: fixed;width: 100%; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s;}
.open-menu .menu-icon span:nth-child(1){transform: rotate(45deg);top: 11px;}
.open-menu .menu-icon span:nth-child(2){opacity: 0;}
.open-menu .menu-icon span:nth-child(3){transform: rotate(-45deg);top: -11px;}

.logo{width: 90%;}
.header-rt{width: 100%;padding: 20px 0 0;}
nav ul li{float: none;width: 100%;padding: 0 0 5px;}
nav ul li a{color: #ffffff;}
.logo a img{width: 164px;}
.logo span{display: block;}
.mail{float: none;width: 100%;padding: 0px 0 20px;}
.head-rt-top{padding: 0;}
.tel{width: 100%;}
.banner-cont h3{font-size: 25px;line-height: 35px;letter-spacing: 0;}
.banner-in a{padding: 7px 0 8px;width: 167px;}
.services_in h2{font-size: 23px;line-height: 29px;letter-spacing: 2px;}
.services_in ul li{padding: 0 16px;}
.builds span{font-size: 16px;line-height: 20px;}
.home_in h3{font-size: 26px;letter-spacing: 2.4px;line-height: 32px;}
.home_in p{font-size: 18px;line-height: 23px;letter-spacing: -0.2px;}
.blog_inner h6{font-size: 18px;line-height: 24px;}
.blog_inner p{font-size: 17px;line-height: 23px;padding: 0 0 7px 10px;}
.testi{height: 555px;}
.sd-homes > ul > li > a{font-size: 16px;}
.sd-homes > ul > li > address{font-size: 16px;}
.footer-top > ul > li:nth-child(1){width: 44.2%;}
.sd-homes h4{font-size: 18px;letter-spacing: 1px;}
	.steps-in > ul{margin: 0;}
	.steps-in > ul > li{width: 100%;}
}
@media (max-width: 599px){
.banner-in{width: 88%;}
.banner-cont{width: 100%;}
.banner figure img{height: 265px;}
.services_in h2{padding: 0 0 16px;}
.blog_left{width: 100%;padding: 0 0 15px;}
.blog_right{width: 100%;}
.blog_left:after{display: none;}
.blog_inner img{width: 100%;}
.monals h2{font-size: 26px;line-height: 32px;padding: 18px 0 18px;letter-spacing: 2px;}
.monals h2:before{width: 40px;height: 43px;top: 15px;}
.monals h2:after{width: 40px;height: 43px;top: 15px;}
.monals{width: 95%;}
.garage{width: 95%;}
.garage p{font-size: 18px;line-height: 24px;}
.garage span{font-size: 15px;line-height: 21px;padding: 5px 10px;}
.testi{height: 465px;}
.footer-top > ul > li:nth-child(1){width: 100%;}
.footer-top > ul > li:nth-child(2){width: 100%;}
.footer-top > ul > li:nth-child(3){width: 100%;}
.icons > ul > li a{text-align: left;}
.sd-homes h4{padding: 0 0 2px;}

}
@media (max-width: 479px){
.logo{width: 87%;}
.menu-icon{width: 13%;}
.logo span{font-size: 8px;margin: 0;}
.banner-in{right: 20px;}
.banner-cont h3{font-size: 15px;line-height: 24px;}
.banner-cont{padding: 16px 0px 20px 12px;border: 6px solid #ee2e26;}
.banner-in a{width: 133px;font-size: 14px;padding: 3px 0 4px;}
.banner figure img{height: 240px;}
.services_in ul li{float: none;width: 100%;padding: 0 0 37px;}
.services_in{padding: 14px 0 5px;}
.home_in h3{font-size: 18px;letter-spacing: 0.4px;line-height: 23px;}
.home_in p{font-size: 15px;line-height: 20px;}
.home_in{padding: 35px 0 30px;}
.blog_inner h2{font-size: 22px;line-height: 28px;letter-spacing: 1px;}
.blog_in{padding: 14px 0 10px 0;}
.monals h2{font-size: 22px;line-height: 28px;letter-spacing: 1px;padding: 12px 0 14px;}
.monals h2:before{width: 25px;height: 27px;}
.monals h2:after{width: 25px;height: 27px;}
	.we-work-in h4{    font-size: 25px;}
.bg-img4 figure img{height: 155px;object-fit: cover;}
	.steps-ctn {
    width: 246px;
    height: 175px;
}
	.steps-ctn.step4 {
    width: 237px;
    height: 186px;
}
	.step-lt {
    left: -3px;
    top: 27%;
}
	.steps-ctn.step3 .step-rt {
    right: 36px;
    top: 31%;
}
	.steps-ctn.step2 .step-rt {
    right: 35px;
}
	.step-rt {
    right: 36px;
    top: 31%;
}
	.steps-ctn.step4 .step-rt {
    right: 13px;
}
}