/*** GLOBAL SETTING ***/
body {margin:0; padding:0;  color:#570707; line-height:normal; font-family: 'Noto Sans', sans-serif; font-weight:400; }
html{
	font-size:16px;
}
/*** GLOBAL SELECTORS ***/
a{ color:#333333; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;}
a:hover{ color:#952526;} 



/*Main COntent*/
*{box-sizing:border-box;}
img{ max-width:100%;}
.desk-logo{width:110px;}
.wrapper{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.container{ width:1280px; margin:0 auto;  }
.mob-logo{display:none;}
.preloader {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.la-ball-circus,.la-ball-circus>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-circus{display:block;font-size:0;color:#fff}
.la-ball-circus.la-dark{color:#FFF}
.la-ball-circus>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-circus{width:16px;height:16px}
.la-ball-circus>div{position:absolute;top:0;left:-100%;display:block;width:16px;width:100%;height:16px;height:100%;border-radius:100%;opacity:.5;-webkit-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);-moz-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);-o-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1)}
.la-ball-circus>div:nth-child(1){-webkit-animation-delay:0s,-0.5s;-moz-animation-delay:0s,-0.5s;-o-animation-delay:0s,-0.5s;animation-delay:0s,-0.5s}
.la-ball-circus>div:nth-child(2){-webkit-animation-delay:-0.5s,-1s;-moz-animation-delay:-0.5s,-1s;-o-animation-delay:-0.5s,-1s;animation-delay:-0.5s,-1s}
.la-ball-circus>div:nth-child(3){-webkit-animation-delay:-1s,-1.5s;-moz-animation-delay:-1s,-1.5s;-o-animation-delay:-1s,-1.5s;animation-delay:-1s,-1.5s}
.la-ball-circus>div:nth-child(4){-webkit-animation-delay:-1.5s,-2s;-moz-animation-delay:-1.5s,-2s;-o-animation-delay:-1.5s,-2s;animation-delay:-1.5s,-2s}
.la-ball-circus>div:nth-child(5){-webkit-animation-delay:-2s,-2.5s;-moz-animation-delay:-2s,-2.5s;-o-animation-delay:-2s,-2.5s;animation-delay:-2s,-2.5s}
.la-ball-circus.la-sm{width:8px;height:8px}
.la-ball-circus.la-sm>div{width:8px;height:8px}
.la-ball-circus.la-2x{width:32px;height:32px;  left: 0; top: 0; right: 0; margin: auto; bottom: 0; position: absolute;}
.la-ball-circus.la-2x>div{width:32px;height:32px}
.la-ball-circus.la-3x{width:48px;height:48px}
.la-ball-circus.la-3x>div{width:48px;height:48px}@-webkit-keyframes ball-circus-position{50%{left:100%}}@-moz-keyframes ball-circus-position{50%{left:100%}}@-o-keyframes ball-circus-position{50%{left:100%}}@keyframes ball-circus-position{50%{left:100%}}@-webkit-keyframes ball-circus-size{50%{-webkit-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@-moz-keyframes ball-circus-size{50%{-moz-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@-o-keyframes ball-circus-size{50%{-o-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@keyframes ball-circus-size{50%{-webkit-transform:scale(0.3, 0.3);-moz-transform:scale(0.3, 0.3);-o-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}



.flex-sec{ display:flex; align-items:center;}
.header{padding:5px 0;}
.header .flex-sec{    justify-content: space-between;}

.main-cont{background:url(../images/main-bg.jpg) no-repeat; background-size:cover; min-height:calc(100vh - 109px); }
.main_sub_left h3{font-size:2.375rem; color:#ffffff; font-family: 'Barlow', sans-serif; font-weight:bold; text-transform:uppercase;}
.main_sub_left h4{font-size:1.75rem; color:#ffffff; font-family: 'Barlow', sans-serif; font-weight:500; text-transform:uppercase;     margin: 0.3rem 0 0.8rem 0;}
.main_sub_left h6{font-size:1.125rem; color:#ffffff; font-family: 'Barlow', sans-serif; font-weight:500; text-transform:capitalize;}
.main_sub_left p {
    font-size: 1.4rem;
    color: #ffffff;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    line-height: 1.4;
}


.main_sub_left ul{ display:flex; align-items:center; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:1.5rem 0; margin:1.5rem 0; width:94%;}
.main_sub_left ul li{padding:0 2rem; border-right:1px solid #ffffff; text-align:center;}
.main_sub_left ul li:last-child{border-right:0;}
.main_sub_left ul li h6{margin-top:1rem;}

.main-cont .flex-sec{flex-wrap:wrap;}
.main_sub_right{position:relative; width:53%; text-align:right; padding-top:1rem;}
.main_sub_left{position:relative; width:47%;}
.main_sub_right .flex-sec{    justify-content: flex-end; flex-wrap:nowrap;}
.main_sub_right .img1 {
    position: relative;
    left: 68px;
    bottom: -130px;
    z-index: 99;
    width: 250px;
}

.down_btn{ display:flex; align-items:center;}
.down_btn .down_btn_sub{display:flex; align-items:center; background:#ffffff;     transition-duration: 0.6s;}
.down_btn .down_btn_sub:hover{background:#acd8cf;}
.down_btn .down_btn_sub img{width:1.3rem;}
.down_btn .down_btn_sub h6 {
    font-size: 1.125rem;
    color: #131313;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    border-right: 1px solid #d8d8d8;
    line-height: 1.5;
    padding-right: 0.6rem;
    margin-right: 0.6rem;
}
.down_btn .down_btn_sub {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 0.4rem 0.8rem;
    margin-right: 1rem;
    border-radius: 4px;
    line-height: 40px;
}
.flex-sec-main{padding:2.5rem 0 0.5rem 0; align-items:end; flex-direction: row-reverse;}
.flex-sec img{max-width:100%;}

.img3{display:none;}
 
 
.img5 {
    position: absolute;
    left: 163px;
    top: 40px;
    width: 110px;
}

.last-para {
    font-size: 0.86rem;
    color: #fff;
    line-height: 1.2rem;
    font-style: inherit;
    top: 2px;
    position: relative;
	    padding-bottom: 1rem;
}

.main_sub_right .flex-sec{position:relative;}
.main_sub_right .flex-sec img{position:relative;}
.main_sub_right .flex-sec:before {
    content: '';
    background: url(../images/logo-green.svg) no-repeat;
    width: 7rem;
    height: 4rem;
    background-size: contain;
    display: block;
    position: absolute;
    left: 50%;
        bottom: 23px;
    margin-left: -51%;
}



@media only screen and (max-width:1920px) {
	
	
}
@media only screen and (max-width:1366px) {
	.container {width: 1170px;}
	.img5{    left: 113px;}
	.main_sub_right .flex-sec:before{    margin-left: -60%;}
	.main_sub_right .flex-sec {
    position: relative;
    width: 470px;
    float: right;}

}

@media only screen and (max-width:1025px) {
	.container {width: 90%;}
	
	
}

@media only screen and (max-width:992px) {
	
	html {
		font-size: 13px;
	}
	.img1{display:none;}
	.img2{display:none;}
	.img3{display:block;}
	.img5{display:none;}
}
@media only screen and (max-width:768px) {
	body{
		font-size:14px;
	}
	.main_sub_right .flex-sec:before {
		margin-left: -54%;
	}
	.img5 {
		position: absolute;
		left: 63px;
		top: 30px;
		width: 80px;
	}
	.main_sub_right {
		width: 100%;
		padding: 0;
		padding-bottom: 1.5rem;
	}
	.main_sub_left{width:100%;}
	
	.main_sub_left ul li{padding:0 1rem;     width: 33.33%;}
	.main_sub_left ul{width:100%;     justify-content: center;}
	.flex-sec-main {
    padding: 2rem 0;}
	html {
		font-size: 12px;
	}
	.desk-logo{display:none;}
	
	.mob-logo{
	    display:block; 
	    max-height: 70px;
	}
	.header {
		height: inherit;
		padding:10px 0;
	}
	.last-para{top:0;     padding-bottom: 3rem;}
}

@media only screen and (max-width:480px) {
	
html {
		font-size: 11px;
	}
	.img5 {
		position: absolute;
		left: 5%;
		top: 18px;
		width: 45px;
	}
	.main_sub_right .flex-sec {
		justify-content: flex-end;
		flex-wrap: nowrap;
		margin-top: 20px;
		    width: 310px;
	}
	.main_sub_right .flex-sec img{width:100%;}
	.main_sub_right .flex-sec:before{ bottom: 10px;     margin-left: -60%;}
	.main_sub_right{    display: flex;
    justify-content: flex-end; }
}

@media only screen and (max-width:360px) {
.main_sub_right .flex-sec {
	width: 260px;
}
.main_sub_right .flex-sec:before{    margin-left: -62.5%; height:3.5rem;}
}