@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body{
	margin:0px ;
 	padding:0px;
 	background:#fff !important;
	font-family: 'Poppins', sans-serif !important;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
  margin:0px ;
  padding:0px;
}




/*font-family: 'Poppins', sans-serif;
font-family: 'Cabin', sans-serif;*/
/*needed*/
a{
  text-decoration:none !important;
  -webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
a:hover{
  text-decoration:none !important;
}
ul{
  list-style-type:none;
}
.clear{
  clear:both;
}
/*needed*/
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}



		/****** start banner ********/
		
.banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;
	background:trnaparent;
}	
.banner-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
.item{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px !important;
	background:url(../images/banner-bg.png) center center no-repeat;
	background-size:cover;
	width:100%;
	height:400px;
	overflow:hidden;
}
.item2{
	background:url(../images/banner-bg1.png) center center no-repeat;
	background-size:cover;
	width:100%;
}
.item3{
	background:url(../images/banner-bg2.png) center center no-repeat;
	background-size:cover;
	width:100%;
}
#blog-demo.owl-carousel .owl-controls {
    bottom: 20px !important;
}




.banner-text{
	margin:0px 0px 0px 0px;
	padding:390px 0px 0px 0px;
	width:623px;
}
.banner-text h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:900;
	font-size:75px;
	color:#fff;
	line-height:75px;
	text-transform:uppercase;
}	
.banner-text p{
	margin:22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:27px;
	color:#fff;
	line-height:40px;
}



		/******** start of header *******/
		
.header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:transparent;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}
.header-flex{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
/*.header1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #fff;
    position: absolute;
    left: 0;
    height: 158px;
    width: 40%;
    z-index: 0;
    top: 0;
	shape-outside:polygon(0px 300px, 100px 800px, 540px 0, 0 0);
	clip-path: polygon(0px 300px, 100px 800px, 540px 0, 0 0);
}
.header2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: rgba(28,28,39,.75);
    position: absolute;
    right: 0;
    height: 108px;
    width: 70%;
    z-index: 0;
    top: 53px;
    shape-outside: polygon(0px 300px, 100px 800px, 540px 0, 0 0);
    clip-path: polygon(0px 200px, 940px 100%, 100% 0px, 110px 0px);
}*/

.header1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #fff;
    position: absolute;
    left: 0;
    height: 158px;
    width: 40%;
    z-index: 0;
    top: 0;
	shape-outside:polygon(0px 300%, 20% 570%, 100% 0, 0 0);
	clip-path: polygon(0px 300%, 20% 570%, 100% 0, 0 0);
}
.header2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: rgba(28,28,39,.75);
    position: absolute;
    right: 0;
    height: 108px;
    width: 70%;
    z-index: 0;
    top: 53px;
    shape-outside:polygon(0px 210%, 940% 100%, 100% 0%, 12% 0%);
    clip-path: polygon(0px 210%, 940% 100%, 100% 0%, 12% 0%);
}

.header-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.header-left{
	margin:0px 0px 0px 0px;
	padding:13px 0px 0px 0px;
	width:283px;
	float:left;
	position:relative;
	z-index:9;
}
a.logo{
	margin:0px 0px 0px 0px;
}





.header-right{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:705px;
}
.top-header{
	margin:0px 0px 0px 0px;
	padding:7px 0px 0px 0px;
	position:relative;
	overflow:hidden;
}	
.top-header ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
.top-header ul li{
	margin:0px 42px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
.top-header ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:16px;
	color:#e6e6e6;
	display:block;
}
.top-header ul li a i.fas{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:17px;
	color:#fff;
	text-align:center;
	width:34px;
	line-height:34px;
	background:#5a60b2;
}
.top-header ul li a:hover,focus{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.top-header ul li.last{
	margin:0px 0px 0px 0px;
}	


.bottom-header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	overflow:hidden;
}
ul.left{
	margin:62px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}	
ul.left li{
	margin:0px 40px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
ul.left li a{
	margin:0px 0px 0px 0px;
	padding:0px 15px 30px 15px;
	font-weight:500;
	font-size:17px;
	color:#fff;
	text-transform:uppercase;
	display:block;
	border-bottom:2px solid transparent;
}
ul.left li a:hover, focus{
	border-bottom:2px solid #5a60b2;
}
ul.left li a.active{
	border-bottom:2px solid #5a60b2;
}
ul.left li.last{
	margin:0px 0px 0px 0px;
}



ul.right {
    margin: 0px 0px 0px 0px;
    padding: 60px 0px 0px 0px;
    float: right;
}
ul.right li{
	margin:0px 18px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}		
ul.right li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	color:#191921;
	text-align:center;
	display:block;
	background:#fff;
	border-radius:50%;
	width:27px;
	line-height:27px;
}
ul.right li a:hover, focus{
	color:#fff;
	background:#5a60b2;
}
ul.right li.last{
	margin:0px 0px 0px 0px;
}				




		/******** start welcome ******/
		
.welcome{
	margin:0px 0px 0px 0px;
	padding:135px 0px 135px 0px;
	background:#fff;
	overflow:hidden;
	width:100%;
}		
.welcome-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	justify-content:center;
	align-items:center;
}	
.welcome-left{
	display:none;
}
.welcome-left::before {
    display:none;
}
img.wel-pic{
	display:none;
}



.welcome-right{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	max-width:800px;
	text-align:center;
	float:none;
}
.welcome-right h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:23px;
	color:#d7d7d7;
	text-transform:uppercase;
}	
.welcome-right h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:900;
	font-size:59px;
	color:#0f0f0f;
}
.welcome-right h3 {
    margin: 0px auto 20px auto;
    padding: 0px 0px 20px 0px;
    font-weight: lighter;
    font-size: 55px;
    color: #0f0f0f;
    position: relative;
    display: inline-block;
}
.welcome-right h3::after {
    margin: 0px 0px 0px 0px;
    content: '';
    width: 120px;
    height: 3px;
    background: #5a60b2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
}	
.welcome-right p{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:21px;
	color:#323232;
	line-height:40px;
}
a.cont{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:17px;
	color:#fff;
	text-align:center;
	display:block;
	line-height:40px;
	background-color:#5a60b2;
	width:188px;
	line-height:53px;
	border-radius:5px;
}
a.cont i.fas{
	margin:0px 0px 0px 20px;
}
a.cont:hover, focus{
	color:#fff;
	background-color:#18208a;
}



		/******* start special ******/
		
		
.special{
	margin:0px 0px 0px 0px;
	padding:80px 0px 105px 0px;
	background:#fafbfb;
	overflow:hidden;
	width:100%;
}	
.special h3{
	margin:0px 0px 60px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:45px;
	color:#000;
	text-align:center;
}
.special-row{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:962px;
}
.special-row1{
	margin:0px 0px 38px 0px;
	padding:0px 0px 0px 0px;
}
.special1 {
    margin: 0px 38px 0px 0px;
    padding: 44px 15px 0px 15px;
    width: 295px;
    background: #fff;
    border-radius: 5px;
    height: 295px;
    float: left;
    box-shadow: 1px 3px 20px 0px rgba(0,0,0,.05);
	-webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
.special1:hover{
	box-shadow: 1px 3px 20px 0px rgba(0,0,0,.15);
}
.special4{
	margin:0px 0px 0px 0px;
}
.clear2{
	margin:0px 0px 38px 0px;
	overflow:hidden;
	clear:both;
}	
img.spl-pic{
	margin:0px auto 0px auto;
	display:block;
}

.special1 h4{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:600;
	font-size:21px;
	color:#262626;
	text-align:center;
}	
.special4{
	margin:0px 0px 0px 0px;
}	



		/********* start gallery *********/
		
.gallery{
	margin:0px 0px 0px 0px;
	padding:90px 0px 90px 0px;
	background:url(../images/gallery-bg.png) left center no-repeat;
	background-size:cover;
	overflow:hidden;
	width:100%;
}
.gallery h3{
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:45px;
	color:#000;
	text-align:center;
}
.gallery-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}	
.gallery-row1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallery1{
	margin:0px 41px 0px 0px;
	padding:0px 0px 0px 0px;
	width:329px;
	float:left;
	border-radius:10px;
}
img.gallery-pic{
	width:100%;
	display:block;
}	
.gallery4{
	margin:0px 0px 0px 0px;
}		
.clear3{
	margin:0px 0px 40px 0px;
	overflow:hidden;
	clear:both;
}			

.gallery p{
	margin:70px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-size:23px;
	color:#000;
	text-align:center;
}
.gallery p a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:23px;
	color:#5a60b2;
	text-decoration:underline !important;
}




		/******** start footer *******/
		
.footer{
	margin:0px 0px 0px 0px;
	padding:65px 0px 85px 0px;
	overflow:hidden;
	width:100%;
	background:#121212;
}	
.footer-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}		
.footer1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:338px;
}
a.foot-logo{
	width:max-content;
	display:block;
}
.footer1 p{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:16px;
	color:#cacaca;
	line-height:25px;
}	

.footer2{
	margin:0px 0px 0px 70px;
	padding:0px 0px 0px 0px;
	float:left;
	width:139px;
}
.footer h4{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-weight:600;
	font-size:18px;
	color:#fff;
}	
.footer2 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer2 ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.footer2 ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:16px;
	color:#cacaca;
	display:block;
}
.footer2 ul li a i.fas {
    margin: 0px 10px 0px 0px;
    font-size: 14px;
	color:#525252;
}	
.footer2 ul li a:hover i.fas{
	color:#5a60b2;
}
.footer2 ul li.last{
	margin:0px 0px 0px 0px;
}	

.footer3{
	margin:0px 0px 0px 70px;
	padding:0px 0px 0px 0px;
	float:left;
	width:265px;
}

.footer3 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer3 ul li{
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 33px;
	font-weight:300;
	font-size:16px;
	color:#cacaca;
	line-height:25px;
}
.footer3 ul li.add{
	background:url(../images/location.png) left 5px no-repeat;
}
.footer3 ul li.tele{
	background:url(../images/telephone.png) left 5px no-repeat;
}
.footer3 ul li.email{
	background:url(../images/mail.png) left 5px no-repeat;
}

.footer3 ul li.last{
	margin:0px 0px 0px 0px;
}	

.footer4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:138px;
}
.footer4 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
.footer4 ul li{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
.footer4 ul li a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	color: #5f5f5f;
	text-align: center;
	display: block;
	background:transparent;
	width: 27px;
	line-height: 27px;
}
.footer4 ul li a:hover, focus{
	color: #fff;
	background: #5a60b2;
}
.footer4 ul li.last{
	margin:0px 0px 0px 0px;
}



		/******* start copy *******/
		

.copy{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	background:#202020;
	overflow:hidden;
	width:100%;
}	
.copy p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
	font-size:16px;
	color: #bdbdbd;
	text-align: center;
}