a{
	text-decoration:none;
	cursor:pointer;
	color:#343386;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

.sidebar-page-container,
section{
	background-color: #ffffff;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
     font-family: 'Exo 2', sans-serif;
}




p,.text{
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #777777;
	margin: 0;
	margin-bottom:10px;    letter-spacing: 0.3px;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.auto-container{
	position:relative;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.pd0_overflow {padding:0px;position: relative;}

.small-container{
	position:relative;
	max-width:1000px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	z-index: 99;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

.theme-btn{
	display:inline-block;
	text-align: center;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: "Ubuntu", sans-serif;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 35px;
	font-weight: 400;
	border-radius: 0px;
	background-color: #f1801a;

}

.btn-style-one .btn-title{
	position: relative;
}

.btn-style-one:hover{
	color:#fff;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-one:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	color:#fff;
	background-color: #243238;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-one:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;color:#fff;
}

.small_btn.btn-style-one {
    font-size: 14px;
    padding: 5px 10px;
}
 
/*Btn Style Two*/
.btn-style-two{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 40px;
	font-weight: 500;
	background-color: #222222;

}

.btn-style-two .btn-title{
	position: relative;
}

.btn-style-two:hover{
	color:#222222;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-two:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Three*/
.btn-style-three{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#040025;
	padding: 15px 40px;
	font-weight: 500;
	background-color: #ffffff;
	border-radius: 50px;

}

.btn-style-three .btn-title{
	position: relative;
}

.btn-style-three:hover{
	color:#ffffff;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #343386;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-three:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Four*/
.btn-style-four{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	padding: 13px 40px;
	font-weight: 400;

	background-color: #343386;
	border: 2px solid #343386;
	transition: all 300ms linear;
}

.btn-style-four:hover{
	color: #343386;
	background-color: #222222;
	border:2px solid #222222;
	-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}

/*=== List Style One ===*/
.list-style-one{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-one li{
	position: relative;
	font-size: 16px;
	line-height: 25px;
	color: #777777;
	font-weight: 600;
	padding-left: 25px;
	margin-bottom: 10px;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 25px;
	color: #343386;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
    content: "\f00c";
}

/*=== List Style Two ===*/
.list-style-two{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-two li{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	font-weight: 500;
	padding-left: 35px;
	margin-bottom: 15px;
	font-family: "Archivo", sans-serif;
}

.list-style-two li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 20px;
	color: #343386;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
    content: "\f061";
}

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.tabs-box{
	position: relative;
}

.tabs-box .tab{
	display: none;
}

.tabs-box .active-tab{
	display: block;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 30px;
	width: 30px;
	font-size:16px;
	line-height:30px;
	color:#040025;
	text-align:center;
	cursor:pointer;
	z-index:100;
	background:#ffffff;
	display:none;
	border-radius: 0;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background:#343386;
	color: #ffffff;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
 
	width:100%;
	z-index:999;
}

.main-header .header-top{
	position: relative;
	background-color: #222222;
}

.main-header .top-left{
	position: relative;
	float: left;
}

.main-header .top-left .text{
	position: relative;
	padding: 6px 0;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.main-header .top-left .text .icon{
	color: #343386;
	margin-right: 5px;
}

.main-header .top-right{
	position: relative;
	float: right;
	background-color: #222222;
	padding: 0 18px;
}

.main-header .top-right:before{
	position: absolute;
	left: -27px;
	top: 0;
	border-left: 27px solid transparent;
	border-top: 44px solid #222222;
	content: "";
}

.main-header .top-right:after{
	position: absolute;
	right: -27px;
	top: 0;
	border-right: 27px solid transparent;
	border-top: 44px solid #222222;
	content: "";
}

.main-header .header-top .contact-info{
	position: relative;
	float: left;
}

.main-header .header-top .contact-info li{
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	padding: 6px 0;
	margin-right: 45px;
}

.main-header .header-top .contact-info li .icon{
	position: relative;
	float: left;
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	margin-right: 10px;
}

.main-header .header-top .contact-info li a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-top .contact-info li a:hover{
	text-decoration: underline;
}

.main-header .header-top .social-icon-one{
	position: relative;
	float: right;
	padding: 6px 0;
}

/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	float: left;
	margin-left: 20px;
}

.social-icon-one li:first-child{
	margin-left: 0;
}

.social-icon-one li a{
	position:relative;
	display:block;
	font-size:16px;
	color:#ffffff;
	line-height: 29px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.social-icon-one li a:hover{
	color: #343386;
}

/*Social Icon Two*/

.social-icon-two{
	position:relative;
}

.social-icon-two li{
	position:relative;
	float: left;
	margin-left: 20px;
}

.social-icon-two li:first-child{
	margin-left: 0;
}

.social-icon-two li a{
	position:relative;
	display:block;
	font-size:16px;
	color:#222222;
	line-height: 29px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.social-icon-two li a:hover{
	color: #343386;
}

/*=== Header Lower ===*/

.main-header .header-lower{
	position: relative;
	background-color: #ffffff;
}

.main-header .header-lower .logo-outer{
	position: relative;
	float: left;
	padding: 40px 0;
}

.main-header .header-lower .logo{
	position: relative;
}

.main-header .header-lower .logo img{
	position: relative;
	max-width: 100%;
	height: auto;
}

.main-header .header-lower .nav-outer{
	position: relative;
 
}

.main-header .main-box{
	position:relative;
	left:0px;
	top:0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu{
	position:relative;
	/* float:left; */
	font-family: "Ubuntu", sans-serif;
}

.main-menu .navbar-header{
	display: none;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;    width: 100%;    text-align: center;
}

.main-menu .navigation > li{
	position:relative;
	float:none;display:inline-block;
 
 
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	opacity:1;
	font-weight:400;
	color:#fffdfd;
	font-size:16px;
	line-height:30px;
	padding: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease; 
    border-radius: 10px 10px 0px 0px;    font-family: 'Exo 2', sans-serif;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color: #fff; 
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:260px;
	z-index:100;
	padding:10px 30px 0;
	background-color:#ffffff;
	
	display:none;
	box-shadow: 0 0 3px rgba(0,0,0,0.10);
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 0px;
	line-height:29px;
	font-weight:400;
	font-size:16px;
	color:#333333;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#343386;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:0;
	top:11px;
	display:block;
	line-height:24px;
	font-size:16px;
	font-weight:900;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:260px;
	z-index:100;
	display:none;
	background-color:#ffffff;
	
	padding: 10px 30px 0;
	margin-left: 30px;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:11px 0;
	line-height:24px;
	font-weight:400;
	font-size:16px;
	color:#333333;
	text-align:left;
	text-transform:capitalize;
	border-bottom: 1px solid #e5e5e5;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color:#343386;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);	
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	float: right;
}

 

 

/***

====================================================================
	Header Style Two
====================================================================

***/

.header-style-two{
	position: relative;
 
	width: 100%;
 
	border-top: 5px solid #343386;
}

/*=== Header Upper ===*/

.header-style-two .header-upper{
	position: relative;
	/* background: linear-gradient(90deg, #fffaf7, #ffffff, #ffffff);
	background: -webkit-linear-gradient(90deg, #fffaf7, #ffffff, #ffffff); */
	background:#fff;
 
}

.header-style-two .header-upper .logo-outer{
	position: relative;
	padding:20px 0px;
}

.header-style-two .upper-right{
	position: relative;
	padding-top: 25px;
    padding-bottom: 20px;
}

.main-header .info-box{
	position:relative;
	float:left;
	text-align: left;
	min-height:50px;
	padding-left:50px;
	margin-left:40px;
}

.main-header .info-box:first-child{
	margin-left: 0;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top: 0;
	height: 40px;
}

.main-header .info-box .icon-box span{
	font-size: 40px;
	line-height: 40px;
	color: #343386;
}

.main-header .info-box li{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#040025;
	font-weight:400;
}

.main-header .info-box li a{
	color: #040025;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .info-box li a:hover{
	color: #343386;
}

.main-header .info-box.btn-box{
	padding-left: 0;
}

.main-header .info-box.btn-box .theme-btn{
	float: left;
	padding: 15px 20px;
	line-height: 20px;
	font-size: 14px;
}

.header-style-two .logo-outer{
	padding: 45px 0;
}

.header-style-two .main-box{
	position: relative;
	/*background: linear-gradient(90deg, #ffe7d4, #ffffff, #fffaf7);
	background: -webkit-linear-gradient(90deg, #ffe7d4, #ffffff, #fffaf7);
	border: 1px solid rgba(238, 119, 28, 0.27); */
	background:#151234;
	padding:0 20px;
 
	border-radius: 0px;  
}

.header-style-two .header-lower .nav-outer{
	width: 100%;
}

.header-style-two .main-menu .navigation > li{
	padding: 15px 20px;
}

.header-style-two .outer-box .social-links{
	float: left;
	padding: 15px 0;
	margin-right: 30px;
}

.header-style-two .cart-btn{
	padding: 10px 0;
}

.header-style-two .search-box-btn{
	width: 30px;
	height: 30px;
	border: 1px dashed #222222;
	color: #222222;
	font-size: 12px;
}

.header-style-two .header-lower{
	background-color: transparent;
}

 
/*** 

====================================================================
		Sticky Header
====================================================================

***/

.fixed-header .sticky-header{
	opacity:1;
	z-index: 9999;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
	padding: 10px 0;
}

.sticky-header .main-menu .navigation > li{
	margin-left: 20px;
	padding: 0 !important;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li:after{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
border: 0px;	color:#262626;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #343386;
	background-color: #ffffff;
	
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li.dropdown > a:after{
	display: none;
}

.sticky-header .main-menu .navigation > li.dropdown:hover > ul{
	margin-top: 0;
}

.sticky-header .auto-container{
	max-width: 1200px;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#343386;
	display: none;
}

.mobile-menu{
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	max-width:100%;
	height: 100%;
	margin: 0 auto;
	overflow-y: auto;
	z-index: 999999;
} 

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-box{
	position: relative;
	left: 0px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	
	-webkit-transform:  scale(0);
	-moz-transform:  scale(0);
	-ms-transform:  scale(0);
	-o-transform:  scale(0);
	transform:  scale(0);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 20px;
	    top: 15px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 16px;
	color: #ffffff;
	background-color: #343386;
	cursor: pointer;
	z-index: 10;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .close-btn:hover{
	
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	padding: 0 20px;
}

.mobile-menu .navigation > li{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.mobile-menu .navigation > li > a{
	font-weight: 500;
	box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 20px;
	padding: 10px 20px;
	font-size: 16px;
	color: #404040;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#343386;	
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	font-size:12px;
	line-height:40px;
	border-left: 1px solid #fafafa;
	color:#222222;
	cursor:pointer;
	z-index:5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active .fa:before{
	display: inline-block;
	position: relative;
	content: "\f068";
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}
 
/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:60px;
}

.sec-title h2{
	position: relative;
	display: inline-block;
    font-size: 32px;
    line-height: 1.2em;
    color: transparent;
    font-weight: 500;
    transition: all 100ms linear;
}


.sec-title h2:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background-color: #343386;
	content: "";
}

.sec-title.active h2{
	opacity: 1;
    color: #343386;
	visibility: visible;
    transition-delay: 500ms;
}

.sec-title.active h2:before{
	animation: title-loader 1000ms linear;
}

@keyframes title-loader{
	0%{
		width: 0;
	}
	50%{
		width: 100%;
	}
	100%{
		width: 0%;
		right: 0;
		left: auto;
	}
}

.sec-title .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	margin-top: 0px;
}

.sec-title.light .text,
.sec-title.light.active h2{
	color: #ffffff;
}

.sec-title.light h2:after,
.sec-title.light h2:before{
	background-color: #ffffff;
}

.sec-title.text-center h2:after{
	right: 0;
	margin: 0 auto;
}

 
.play-now {
	position: relative;
	display: block;
	z-index: 9;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.play-now .icon{
    position: relative;
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background-color: #040025;
    color: #ffffff;
    z-index: 1;
    padding-left: 5px;
    font-size: 24px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);
    box-shadow: 0  0px 10px 0 rgba(255, 255, 255, .3);
    -webkit-transform-origin:center; 
    transform-origin:center; 
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.play-now .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.play-now .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
} 

/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;  
}

.banner-section .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section .slide-item .content-box{
	position: absolute;
	width: 100%;
	display: table;
	vertical-align: middle;bottom:5%;
	}
/*.banner-section .slide-item .content-box:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .50;
	content: "";
}
*/

.banner-section .slide-item .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 9;
}

.banner-section .slide-item h2{
	position: relative;
	display: block;
	font-size: 42px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
	text-shadow: 0px 0px 15px rgba(255,255,255,0.50);

	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .slide-item h2 span{
	display: block;
	font-size: 75%;
	font-weight: 600;
	text-transform: capitalize;
	margin-top: 1%;
}

.banner-section .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.banner-section .slide-item .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 40px;
	letter-spacing: 0.06em;

	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .active .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section .slide-item .btn-box{
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .slide-item .btn-box .theme-btn{
	line-height: 30px;
	padding: 15px 50px;
	font-weight: 500;
	border-radius: 50px;
}

.banner-section .active .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 750ms;
	-moz-transition-delay: 750ms;
	-ms-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.banner-section .owl-nav{
	position: absolute;
	max-width: 1170px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 15%;
	text-align: right;
	padding: 0 15px;
}

.banner-section .owl-prev,
.banner-section .owl-next{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	border-radius: 50px 0 0 50px;
	background-color: rgba(255,255,255,.50);
	font-size: 18px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .owl-next{
	border-radius: 0 50px 50px 0;
}

.banner-section .owl-prev:hover,
.banner-section .owl-next:hover{
	background-color: rgba(0,0,0,.80);
}

.banner-section .owl-dots{
	display: none;
}

 

/*=== Banner Section Style Three ===*/

.banner-section.style-three .slide-item .content-box{
	text-align: center;
}

.banner-section.style-three .slide-item .content-box:after{
	background: #000000;
	opacity: .50;
}

.banner-section.style-three .slide-item .inner{
	padding-top: 100px;
}

.banner-section.style-three .btn-box .theme-btn{
	padding: 10px 30px;
	margin: 0;
}

.banner-section.style-three .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	bottom: auto;
	width: 100%;
}

.banner-section.style-three .owl-next{
	position: absolute;
	left: auto;
	right: -50px;
}

.banner-section.style-three .owl-prev{
	position: absolute;
	left: -50px;
	right: auto;
}

.banner-section.style-three .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
	display: block;
}

.banner-section.style-three .owl-dot{
	position: relative;
	display: inline-block;
	height: 15px;
	width: 15px;
	background-color: #343386;
	border-radius: 50%;
	border: 2px solid #ffffff;
	margin: 0 5px;
	transition: all 300ms ease;
}

.banner-section.style-three .owl-dot.active{
	background-color: #ffffff;
	border: 3px solid #343386;
}

 
/*** 

====================================================================
			Video Section
====================================================================

***/

.video-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: 40px;
}

.video-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.80;
	content: "";
}

.video-section:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 250px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.video-section .video-box{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
	box-shadow: 0 0 30px rgba(0,0,0,0.20);
	margin-bottom: 90px;
}

.video-box{
	position: relative;
	z-index: 7;
}

.video-box .image{
	position: relative;
	margin: 0;
}

.video-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.video-box .play-now{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -60%);
	-moz-transform: translate(-50%, -60%);
	-ms-transform: translate(-50%, -60%);
	-o-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}

.video-box .play-now .icon{
	background-color: #ffffff;
	color: #222222;
	padding-left: 0;
	font-size: 44px;
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-ms-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}

.video-section .content-box{
	position: relative;
}

.video-section .content-box .title-box{
	position: relative;
	float: left;
	margin-bottom: 40px;
	padding: 10px 0;
}

.video-section .content-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height:40px;
	color: #ffffff;
	font-weight: 400;
}

.video-section .content-box .btn-box{
	position: relative;
	float: right;
	margin-bottom: 40px;
}

.video-section .content-box .btn-box .theme-btn{
	background-color: transparent;
	color: #ffffff;
	padding: 18px 35px;
}

.video-section .fact-counter{
	position: relative;
}

.video-section .fact-counter .counter-column{
	position:relative;
	margin-bottom:50px;
}

.video-section .fact-counter .counter-column .inner-column{
	position: relative;
	text-align: center;
	background-color: rgba(0,0,0,0.40);
	padding: 40px 0;
}

.video-section .fact-counter .icon{
	position: relative;
	display: inline-block;
	font-size:38px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	text-align: center;
	background-color: #343386;
	border-radius: 50%;
	color:rgba(255,255,255,.70);
	font-weight: 300;
	margin-bottom: 24px;
}


.video-section .fact-counter .count-box{
	position: relative;
	display: block;
	font-size:40px;
	line-height: 1em;
	font-weight:700;
	color:#ffffff;
}

.video-section .fact-counter .count-box .count-text{
	position:relative;
	font-size:40px;
	line-height: 1em;
	font-weight:700;
	color:#ffffff;
}

.video-section .fact-counter .counter-title{
	position: relative;
	display: block;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	color:#ffffff;
	padding-top: 16px;
	padding-bottom: 6px;
}
/*** 

====================================================================
			About Us								
====================================================================

***/

.about-us{
	position: relative;
	background-color: #fff;
}

.commen_section {
	position: relative;
	padding: 80px 0 60px;
	background-color: #fff;
	}
.past_project_section {
	position: relative;
	padding: 80px 0 60px;
	background-color: #fff;
}

.sitemap_section {
	position: relative;
	padding: 80px 0 60px;
	background-color: #fff;
}

h5.theme_color {color:#f1801a}


.past_project_section .adjustment_class2 {
padding: 20px;
    border: 1px solid #f1801a;
}

.about-us .sec-title{
	margin-bottom: 10px;
}

.about-us .content-column{
	position: relative;
	margin-bottom: 50px;
}

.about-us .content-column .inner-column{
	padding-right: 100px;
	padding-top: 10px;
}

.about-us .about-years{
	position: relative;
	margin-bottom: 30px;
	padding: 10px 30px;
	background-color: #ffffff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.10);
}

.about-us .about-years:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-left: 3px solid #343386;
	content: "";
}


.about-us .about-years .years{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 700;
	margin-right: 10px;
	color: #343386;
	font-family: "Ubuntu", sans-serif;
}

.about-us .about-years h3{
	position: relative;
	display: inline-block;
	font-size: 22px;
	line-height: 1.2em;
	color: #222222; 
}

.about-us .sec-title h5 {font-size:18px;}


.about-us .content-column .text-box{
	margin-bottom: 25px;
}

.about-us .content-column .text-box p{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;letter-spacing:0.3px;    text-align: justify;
}

.about-us .bottom-box{
	position: relative;
	padding-left: 0px;
	min-height: 70px;
}

.about-us .bottom-box .signature{
	position: absolute;
	left: 0;
	top: 5px;
	max-width: 70px;
}

.about-us .bottom-box .name{
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	padding-top: 5px;
}

.about-us .bottom-box .name span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	color: #888888;
}

.about-us .btn-box{
	position: relative;
 
	margin-left: 0px;
}

.about-us .btn-box a{
	border-radius: 0;
	padding: 10px 30px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.10);
}

.about-us .image-column{
	position: relative;
	margin-bottom: 50px;
}

.about-us .image-column .inner-column{
	position: relative;
}

.about-us .image-column .inner-column:before{
	position: absolute;
	right: 20px;
	top: -50px;
	height: 400px;
	width: 200px;
	content: "";
}


.about-us .image-column .image{
	position: relative;
	z-index: 9;
	margin-bottom: 0;
	text-align: center;
}

.about-us .image-column .image img{
	display: inline-block;
	width: auto;
	box-shadow: 0 0 30px rgba(0,0,0,0.20);
}

.about-us .image-column .message{
	position: absolute;
	left: 0;
	bottom: 40px;
	background-color: #ffffff;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	padding: 20px 30px;
	z-index: 9;
	box-shadow: 0 0 30px rgba(0,0,0,0.20);
}


 
.request-form{
	position: relative;
	/* padding: 50px 30px;
    background-color: rgba(255,255,255,1); */
	box-shadow: 0 0 30px rgba(0,0,0,0.10);

}

/* .request-form:before{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern-3.png);
	background-position: right bottom;
	content: "";
} */

.request-form .row{
	margin: 0 -7px;
}

.request-form .form-group{
	position:relative;
	padding: 0 7px;
	margin-bottom:15px;	
}

.request-form .form-group:last-child{
	margin-bottom: 0;
}

.request-form .form-group input[type="text"],
.request-form .form-group input[type="email"],
.request-form .form-group input[type="url"],
.request-form .form-group textarea,
.request-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #222222;
    line-height: 20px;
    padding: 15px 20px;
    border: 1px solid #eeeeee;
	background-color: rgb(255, 253, 253) ;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
    font-weight: 400;
    border-radius: 2px;
    height: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.request-form .form-group textarea{
	height: 120px;
	resize: none;
}

.request-form .form-group button{
	text-transform: capitalize;
	font-size: 14px;
	padding: 15px 40px;
	line-height: 20px;
	border-radius: 0;
}

 
/***

==================================================================
			Main Footer
==================================================================

***/

.index-footer{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 110px 0 0px;    background-color: #fff;
}
 
.index-footer.fixed-footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

/*=== Widgets Section ===*/

.index-footer .widgets-section{
	position:relative;
	padding-bottom: 40px;
}

.index-footer .footer-column{
	position:relative;
}

.index-footer .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.index-footer .widget-title{
	position: relative;
	font-size:20px;
	font-weight:600;
	color:#ffffff;
	line-height: 24px;
	margin-bottom:50px;
	padding-bottom: 15px;
}

.index-footer .widget-title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	background-color: #343386;
	content: "";

}

/*=== About Widget ===*/
.index-footer .about-widget{
	position: relative;
}

.index-footer .about-widget .footer-logo{
	position: relative;
}

.index-footer .about-widget .footer-logo .image{
	position: relative;
	margin-bottom: 35px;
}

.index-footer .about-widget .footer-logo img{
	display: block;
	height: auto;
	max-width: 100%;
}

.index-footer .about-widget .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 30px;
}

.index-footer .contact-list{
	position: relative;
}

.index-footer .contact-list li{
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 11px;
}

.index-footer .contact-list li span{ 
	position: absolute;
	left: 0;
	top: 0;
	font-size:15px;
	line-height: 25px;
	color: #343386;
}

.index-footer .contact-list li a{
	color:#ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.index-footer .contact-list li a:hover{
	color: #c08c4d;
}

 
.index-footer .social-links{
	position: relative;
	display: block;
}

.index-footer .social-links li{
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
	line-height: 40px;
	color: #ffffff;
	font-weight: normal;
}

.index-footer .social-links li a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.index-footer .social-links li.title{
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}

.index-footer .social-links li a:hover{
	color: #c08c4d;
}

/*=== Footer Bottom ===*/

.index-footer .footer-bottom{
	position:relative;
	background-color: #212121;
}

.index-footer .footer-bottom .copyright-text{
	position: relative;
	padding:15px 0;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

.index-footer .footer-bottom .copyright-text a{
	color: #ffffff;
	font-weight: 500;
}

.index-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

/***

==================================================================
			Main Footer Style Two
==================================================================

***/


 
.index-footer.style-two{
	padding: 0;
}

 
.index-footer.style-two .widgets-section{
	padding: 110px 0;
}

.index-footer.style-two .about-widget{
	position: relative;
	background-color: #222222;
	padding: 50px 40px;
	margin: 0;
	box-shadow: 0 0 30px rgba(0,0,0,0.30);
}

.index-footer.style-two .about-widget:before {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/shell.svg);
 
    content: "";
    
}

.index-footer.style-two .footer-logo{
	border-bottom: 1px solid rgba(255,255,255,.10);
	margin-bottom: 30px;
}

.index-footer.style-two .contact-list{
	margin-bottom: 30px;
}

.index-footer.style-two .widget-title{
	margin-bottom: 20px;
}

.index-footer.style-two .contact-list li{
	padding-left: 35px;
}

.index-footer.style-two .contact-list li span{
	font-size: 12px;
	height: 25px;
	width: 25px;
	border-radius: 25px;
	text-align: center;
	color: #ffffff;
	background-color: #343386;
}

.index-footer.style-two .map-widget{
	position: relative;
	height: 100%;
	background-color: #fffdfd;
	margin: 0;
	padding:50px 40px 15px;
}

.index-footer.style-two .map-canvas{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0;
	height: 100%;
}

/*=== Footer Bottom ===*/

.index-footer.style-two .footer-bottom .inner-container{
	position: relative;
}

.index-footer.style-two .footer-bottom .copyright-text{
	position: relative;
	float: left;
	padding:20px 0;
}

.index-footer.style-two .footer-bottom .copyright-text p{
	position: relative;
	line-height: 20px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
}

.index-footer.style-two .footer-bottom .copyright-text a{
	color: #ffffff;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.index-footer.style-two .footer-bottom .copyright-text a:hover{
	color: #ffffff;
}

.index-footer.style-two .footer-bottom .footer-nav{
	position: relative;
	float: right;
}

.index-footer.style-two .footer-bottom .footer-nav ul{
	position: relative;
	padding:20px 0;
}

.index-footer.style-two .footer-bottom .footer-nav ul li{
	position: relative;
	float: left;
	padding-left: 30px;
	margin-left: 30px;
}

.index-footer.style-two .footer-bottom .footer-nav ul li:first-child{
	margin-left: 0;
	padding-left: 0;
}

.index-footer.style-two .footer-bottom .footer-nav ul li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.index-footer.style-two .footer-bottom .footer-nav ul li:before{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	content: '|';
}

.index-footer.style-two .footer-bottom .footer-nav ul li a:hover{
	color: #002121;
}

.index-footer.style-two .footer-bottom .footer-nav ul li:first-child:before{
	display: none;
}

.welcome_section {padding:70px 0px;
}
.link_line {
    position: relative;
}

.h1_head h1 {
font-size: 30px;
    color: #fff;
    font-weight: 500;text-align:center;
}

.link_line:after {
    content: "";
    background: #f1801a;
    height: 1px;
    width: 100%;
    right: 0;
    bottom: -10px;
    position: absolute;
    margin-left: 5px;
    transition: all 0.4s ease-in-out;
}

.link_line:hover:after {
  width: 0;
}

.box_view {
padding: 100px 50px;
background: -webkit-radial-gradient(top left, circle, #1c262d 20%, #4b5c63 100%);
    background: radial-gradient(circle at top left, #1c262d 20%, #4b5c63 100%);
    box-shadow: 0px 10px 10px #cecece;
    position: relative;
}

.box_view:before {
    display: block;
    content: "";
    width: 5%;
    height: 15%;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-bottom: 3px solid #ee781c;
    border-right: 3px solid #ee781c;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.box_view:after {
    display: block;
    content: "";
    width: 5%;
    height: 15%;
    position: absolute;
    top: 10px;
    left: 10px;
    border-top: 3px solid #ee781c;
    border-left: 3px solid #ee781c;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.bxw {
    box-shadow: 0px 28px 65px 0px rgba(188, 188, 188, 0.25);
}
 .box_view p {color:#f6f6f6;}


.hoverpop {
  transition: all 0.4s ease-in-out;position:relative;
}

.hoverpop:hover {
  box-shadow: 0 10px 55px 5px rgba(188, 188, 188, 0.25);
  transform: translate3d(0px, -20px, 0px);
}


.feature-item {
  text-align: center;
  padding: 50px 30px;
  margin-bottom: 40px; background:#fff;
}

.feature-item:hover a {
  color: #ffbc13;
}

.feature-item:hover img {
  transform: scale(1.1);
}

.feature-item img {
  transition: all 0.4s ease-in-out;
}

.feature-item h3 {
  margin-top: 30px;
  margin-bottom: 15px;
}

@keyframes crescendo {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

.curve_bg1 {
position: relative;
    z-index: 1;
}
.curve_bg1:before, .curve_bg1:after {
    position: absolute;
    content: "";
    background: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transform: skew(0, 5deg) translate(0);
    -ms-transform: skew(0, 5deg) translate(0);
    transform: skew(0, 5deg) translate(0);
    z-index: -1;
}
.curve_bg1:after {
    -webkit-transform: skew(0, -5deg) translate(0);
    -ms-transform: skew(0, -5deg) translate(0);
    transform: skew(0, -5deg) translate(0);
}	

.counter h2 {
    font-weight: 700;
    font-size: 40px;
    padding: 0 50px;
}
.counter h2 strong {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    position: absolute;
	text-transform: uppercase;
    top: 0px;
    margin-left: 20px;
}

.c-orange {
    color: #f28202;
}
.c-red {
    color: #d74d52;
}
.c-green {
    color: #3adc79;
}
.counter img {
    position: absolute;
    top: -8px;
    left: 77px;
}


.widget-content .widget-title {
    color: #282828;
}
.index-footer .social-links li {color: #ed761c;}

.index-footer .social-links li .fab {
width: 40px;
    height: 40px;
    background: #ed761c; 
}
.index-footer .social-links li a {
    color: #fff;text-align:center;
}

.index-footer .social-links li a:hover {
    color: #212121;
}

.copyright-area {
    padding: 12px 0;
    background: #212121;
}
.copyright-area p {
	color: #fff;
	font-size: 15px;margin:0px;
}
.copyright-area p a {
	color: #fff;font-size: 14px;
}
.copyright-area ul {
	text-align:center;
}
.copyright-area ul li {
	display: inline-block;
	margin-left: 10px;
}
.copyright-area ul li:first-child {
	margin-left: 0;
}
.copyright-area ul li a {
	color: #fff;
	font-size: 14px;
}
.copyright-area a {transition: .5s ease}
.copyright-area a:hover {color: #ed761c;}

.right_me {text-align:right}
.center_me {text-align:center;}

.bg_div {
	background: #151234;
    padding: 30px 30px;
    margin-bottom: 25px; }
.bg_div .widget-title {color:#fff}
	
	
	
/* Line Animation Start  */

.lineAnim-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.lineAnim-bg>div {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(238, 238, 238, 0.35);
}

.lineAnim-bg.no-line>div {
    background-color: transparent;
}

.lineAnim-bg>div:nth-child(1) {
    left: 10%;
}

.lineAnim-bg>div:nth-child(2) {
    left: 25%
}

.lineAnim-bg>div:nth-child(3) {
    left: 40%
}

.lineAnim-bg>div:nth-child(4) {
    left: 60%
}

.lineAnim-bg>div:nth-child(5) {
    left: 75%
}
.lineAnim-bg>div:nth-child(6) {
    left: 90%
}

.lineAnim-bg>div:after {
    content: '';
    position: absolute;
    top: 0px;
    left: -0.5px;
    height: 160px;
    width: 2px;
    background: rgb(238, 120, 28);
	background:linear-gradient(360deg, rgb(141, 141, 141) 0%, rgb(255, 255, 255) 33%, rgba(255, 255, 255, 0.3281512434075192) 66%, rgba(255, 255, 255, 0) 100%);
}
    /*background: linear-gradient(360deg, rgba(62,67,66,1) 0%, rgba(62,67,66,0.5970588064327293) 33%, rgba(62,67,66,0.3281512434075192) 66%, rgba(62,67,66,0) 100%); */
  /*  transform: translateY(-160px);
    -webkit-transform: translateY(-160px);
    -moz-transform: translateY(-160px);
    -ms-transform: translateY(-160px);
    -o-transform: translateY(-160px);
}

 
 

/* lineAnim-bg  */
@-moz-keyframes drop{90%{height:20px}100%{height:160px;transform:translateY(calc(100vh + 160px));-webkit-transform:translateY(calc(100vh + 160px));-moz-transform:translateY(calc(100vh + 160px));-ms-transform:translateY(calc(100vh + 160px));-o-transform:translateY(calc(100vh + 160px))}}@-ms-keyframes drop{90%{height:20px}100%{height:160px;transform:translateY(calc(100vh + 160px));-webkit-transform:translateY(calc(100vh + 160px));-moz-transform:translateY(calc(100vh + 160px));-ms-transform:translateY(calc(100vh + 160px));-o-transform:translateY(calc(100vh + 160px))}}@-webkit-keyframes drop{90%{height:20px}100%{height:160px;transform:translateY(calc(100vh + 160px));-webkit-transform:translateY(calc(100vh + 160px));-moz-transform:translateY(calc(100vh + 160px));-ms-transform:translateY(calc(100vh + 160px));-o-transform:translateY(calc(100vh + 160px))}}@keyframes drop{90%{height:20px}100%{height:160px;transform:translateY(calc(100vh + 160px));-webkit-transform:translateY(calc(100vh + 160px));-moz-transform:translateY(calc(100vh + 160px));-ms-transform:translateY(calc(100vh + 160px));-o-transform:translateY(calc(100vh + 160px))}}
  
.lineAnim-bg>div:nth-child(1):after{-webkit-animation:drop 5s infinite linear;-moz-animation:drop 5s infinite linear;-ms-animation:drop 5s infinite linear;animation:drop 5s infinite linear;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-ms-animation-delay:0.5s;animation-delay:0.5s}.lineAnim-bg>div:nth-child(2):after{-webkit-animation:drop 8s infinite linear;-moz-animation:drop 8s infinite linear;-ms-animation:drop 8s infinite linear;animation:drop 8s infinite linear;-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;-ms-animation-delay:0.7s;animation-delay:0.7s}.lineAnim-bg>div:nth-child(3):after{-webkit-animation:drop 4s infinite linear;-moz-animation:drop 9s infinite linear;-ms-animation:drop 9s infinite linear;animation:drop 9s infinite linear;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-ms-animation-delay:0.9s;animation-delay:0.9s}.lineAnim-bg>div:nth-child(4):after{-webkit-animation:drop 4s infinite linear;-moz-animation:drop 4s infinite linear;-ms-animation:drop 4s infinite linear;animation:drop 4s infinite linear;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-ms-animation-delay:1.2s;animation-delay:1.2s}.lineAnim-bg>div:nth-child(5):after{-webkit-animation:drop 7s infinite linear;-moz-animation:drop 7s infinite linear;-ms-animation:drop 7s infinite linear;animation:drop 7s infinite linear;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;animation-delay:1.7s}.lineAnim-bg>div:nth-child(6):after{-webkit-animation:drop 10s infinite linear;-moz-animation:drop 10s infinite linear;-ms-animation:drop 10s infinite linear;animation:drop 10s infinite linear;-webkit-animation-delay:1.7s;-moz-animation-delay:1.7s;-ms-animation-delay:1.7s;animation-delay:1.7s}
/* Line Animation End*/	
 
 
 .hero-text {
    position: relative;
    max-width: 600px;
    margin: 0px auto;
    text-align: center;
}
.hero-text h1 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    margin: 30px 0px 50px;
  -webkit-animation: tada 4s 0.1s ease;
    -moz-animation: tada 4s 0.1s ease;
    -ms-animation: tada 4s 0.1s ease;
    animation: tada 4s 0.1s ease; 
}

.banner_panel {background:url(../images/page_banner.jpg);position: relative;
 background-size: cover;background-attachment: fixed;background-position: center;}
.banner_panel_about {background:url(../images/about_banner.jpg);position: relative;background-size: cover;
    background-attachment: fixed;background-position: center;background-attachment: fixed;background-position: center;}
	
.signature_banner_panel {background:url(../images/signature-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.landmark_banner_panel {background:url(../images/projects/fortune-landmark/landmark_banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.fortune_kasturi_panel {background:url(../images/fortune-kasturi-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.golden_panorama_panel {background:url(../images/golden-panorama-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.blueridge_panel {background:url(../images/blueridge-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.greenshire_panel {background:url(../images/greenshire-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.divine_city_panel {background:url(../images/divine-city-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.sitemap_panel {background:url(../images/sitemap-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.news_panel {background:url(../images/news-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
.event_panel {background:url(../images/event-banner.jpg);position: relative;background-size: cover;background-attachment: fixed;background-position: center;}
	
	
	
.banner_shadow {padding:100px 0px;background: rgba(31, 26, 26, 0.6705882352941176);}
.banner-section .swiper-slide.style-two .content-box .inner {
    padding: 15px 0 25px;
    padding-right: 60px;
    background: 0 0;
    border-right: 2px solid rgba(255, 255, 255, .45);
    max-width: 690px;
    -webkit-transform: translate(0, -100px);
    -ms-transform: translate(0, -100px);
    transform: translate(0, -100px)
}

.banner-section .swiper-slide-active.style-two .content-box .inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.banner-section .swiper-slide.style-two .content-box .inner:after,
.banner-section .swiper-slide.style-two .content-box .inner:before {
    display: none
}

.banner-section .swiper-slide.style-two .title {
    position: relative;
    display: block;
    font-size: 60px;
    color: #fefefe;
    font-weight: 400;
    font-family: "Great Vibes", cursive;
    letter-spacing: .1em;
    margin-bottom: 40px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.banner-section .swiper-slide-active.style-two .title {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-section .swiper-slide.style-two .theme-btn {
    position: relative;
    display: inline-block;
    border-radius: 0;
    padding: 11px 30px
}

.banner-section .swiper-slide.style-two .theme-btn i {
    margin-right: 5px;
    font-size: 14px;
    top: 0
}

.banner-section .swiper-slide.style-two h1 sup {
    top: 0;
    margin-right: 20px
}

.banner-section .swiper-slide.style-two h1 sup:before {
    right: -25px;
    top: 50px
}

.banner-slider-control-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100
}

.banner-slider-control {
    float: right;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    width: 170px;
    height: 50px;
    line-height: 50px;
    background: #f1801a;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    text-align: center
}

.banner-slider-control:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    z-index: 1;
    background: #222222;
    -webkit-transition: all .2s linear;
    transition: all .1s 2inear
}

.banner-slider-control:hover:before {
    height: 100%
}

.banner-slider-control span {
    position: relative;
    z-index: 2
}

.banner-slider-control i {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    transition-delay: .3s;
    padding: 0 0 0 7px
}

.banner-slider-control:hover {
    color: #fff
}

.banner-slider-control.banner-slider-button-prev {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.banner-slider-control.banner-slider-button-prev i {
    padding: 0 7px 0 0
}

.banner-slider-control.banner-slider-button-next:hover i {
    padding: 0 0 0 18px
}

.banner-slider-control.banner-slider-button-prev:hover i {
    padding: 0 18px 0 0
}
.banner-slider-pagination {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99
}

.banner-slider-pagination .swiper-pagination-bullet {
    width: 45px;
    height: 20px;
    display: block;
    float: left;
    margin-bottom: 10px;
    line-height: 20px;
    border-radius: 0;
    background: 0 0;
    
    position: relative;
    opacity: .9
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 0px;
}


.banner-slider-pagination .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    left: 0;
    height: 1px;
    top: 50%;
    width: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: .9
}

.banner-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.banner-slider-pagination .swiper-pagination-bullet:hover:before {
    width: 20px
}

.banner-slider-pagination .swiper-pagination-bullet:after {
    content: '';
    position: absolute;
    left: 30px;
    right: 0;
    bottom: 0;
    top: 0;
    line-height: 20px;
    color: #fff;
    font-size: 0;
    font-weight: 500;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    opacity: 1;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 50%
}

.banner-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    background: #f1801a
}

.swiper-counter {
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    color: #999;
    left: -120px;
    width: 120px;
    text-align: center;
    bottom: 0;
    z-index: 9;
    background: #222;
    line-height: 50px
}

.swiper-counter div {
    position: relative;
    top: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.swiper-counter div#current {
    margin-right: 6px
}

.swiper-counter div#total {
    right: 10px
}

.swiper-counter div#total:before {
    content: '';
    position: absolute;
    left: -3px;
    width: 6px;
    height: 2px;
    top: 50%;
    background: rgba(255, 255, 255, .64)
}





 

.o-scroll {
    overflow: inherit;
}


.projects_section {padding:90px 0px;background: #151234;}
.projects_section h5 .white_text {color:#fff;}
.project-item {background:#fff;}

.projects_section:hover .link_line:after {
  width: 0;
}
  
.project-short-info {
	    padding: 30px 15px;
}

.projects_slider {
    position: relative;padding-bottom:50px;
} 
.projects_slider .owl-nav {
    display: none;
}

.projects_slider .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.projects_slider .owl-dot,
.projects_slider .owl-dot{
	position: relative;
	display: inline-block;
	height: 5px;
	width: 20px;
	background-color: #cccccc;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects_slider .owl-dot.active,
.projects_slider .owl-dot:hover{
	background-color: #f1801a;
}

 

.projects_section .btn-box a {
    border-radius: 0;
    padding: 10px 30px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.10);margin-top:5px;
} 
 
 
.project-short-info p.sub_title {
    padding-left: 40px;
    font-size: 18px;
    margin-bottom: 0;
    color: #777;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
} 
 
.project-short-info p {
 
	font-size: 16px;
	font-weight: 500;
	color: #777;
	position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;margin-bottom:5px;
}

.project-short-info p.sub_title::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 30px;
    background-color: #ff902b;
    left: 0;
    bottom: 50%;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.project-item.right-image .project-short-info p {
    padding-right: 45px;
    display: block;
}

.project-item.right-image .project-short-info p::after {
    left: auto;
    right: 0;
}

.project-short-info h4 {
	font-size: 26px;
	letter-spacing: 1px;
	    margin-bottom: 15px;
    margin-top: 5px;
	color: rgb(33, 37, 41);
	transition: all 0.3s ease 0s;
	position: relative;
 
    display: inline-block;
}

 

.project-short-info h4::after {
    position: absolute;
    content: attr(data-text);
    top: 0;
    left: 0;
    color: #f1801a;
    width: 100%;
    height: 0;
    
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.project-short-info h4:hover::after {
    height: 100%;
}

 

.no-noise img,
.project-img:hover img {
    opacity: 1;
}


.about-overlay {
    background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(19, 6, 6) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(19, 6, 6) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(19, 6, 6) 100%);
    opacity: .5;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    transition: all 1s ease;
}

.about-first {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 1;
}

.about-img {
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
 
}

.about-img:hover .about-overlay {
 
}
.project-item .hovercontrol {position:relative}
.project-item .hovercontrol:hover .about-overlay {
  
}

.project-item .hovercontrol:hover .project-short-info h4::after {
    height: 100%;
}

/*** 
====================================================================
		Testimonial Section
====================================================================
***/

.testimonial-section{
	padding: 90px 0;
}
.testimonial-section .sec-title h2 { color: #f1801a;}
.testimonial-section .sec-title .text {color:#777}
.testimonial-section .sec-title h2:after{
	background-color: #ffffff;
}

.testimonial-section .sec-title {
    position: relative;
    margin-bottom: 30px;
}


.testimonial-carousel{
position: relative;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 10px #eee;
    padding: 40px 0px;
}

.testimonial-block{
	position: relative;
	max-width: 730px;
	margin: 0 auto;
	padding: 60px 0 45px;
}

.testimonial-block .inner-box{
	position: relative;
	min-height: 237px;
}

.testimonial-block .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
	background-image: url(../images/testimonial-bg2.png);
}

.testimonial-block .thumb{
	position: absolute;
	right: 80px;
	top: -60px;
	height: 100px;
	width: 100px;
}

.testimonial-block .thumb img{
	display: block;
	width: 100%;
}

.testimonial-block .text{
	position: relative;
	display: block;
	min-height: 237px;
}

.testimonial-block .text .inner{
	position: absolute;
	display: table;
	left: 0;
	top: 0;
	padding: 0 40px;
	height: 237px;
	text-align: center;
}


.testimonial-block .text p{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	line-height: 24px;
	color: #777;
	font-weight: 400;letter-spacing:0.3px;
}

.testimonial-block .info-box{
	position: absolute;
	left: 230px;
	bottom: -45px;
	padding-left: 80px;
}

.testimonial-block .info-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 54px;
	line-height: 60px;
	color: #777;
	opacity: .5;
}

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #777;
	font-weight: 600;
	margin-bottom: 2px;
}

.testimonial-block .info-box .city{
	font-size: 14px;
	line-height: 24px;
	color: #f1801a;
	font-weight: 600;
}

.testimonial-carousel .owl-dots{
	display: none;
}

.testimonial-carousel .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -20px;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 40px;
	background-color: #f1801a;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-carousel .owl-next{
	left: auto;
	right: 0;
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover{
	background-color: #151234;
	color: #fff;
}
 

.bottom_footer {
    background-image: url(https://ramratandevelopers.in/beta/uploads/media/shell.svg);
    background-attachment: fixed;text-align:center;padding:70px 0px 30px;
    background: #2b4031;
}

.social {
	margin-bottom: 60px;
	display: inline-block;
	font-size: 0;
}

.social a {
	color: #fff;
	display: inline-block;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: inherit;
	padding: 0 18px;transition:0.3s ease;
}

.social:hover a {
	color: #555;
}

.social a:hover {
	color: #fff;
}

.footer_widget {
	margin-bottom: 30px;
}

.footer_widget_title {
	font-size: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 600;
}

.footer_widget .line {
    margin-bottom: 30px;
}

.footer_widget p {
	color: #999;
	font-size: 18px;
	margin-top: 4px;
	font-weight: 500;
}

.footer_widget a {
	color: inherit;transition:0.3s ease;
}

.footer_widget a:hover {
	color: #fff;
}

.copyright {
    margin-top: 25px;
    color: #fff;
}

.copyright span {
    font-weight: 500;
    color: #ff902b;
}
.logo {max-width:300px;} 


.widget-content .bg_div img {max-width:150px;}
 
/*** 

====================================================================
		Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	padding: 110px 0 70px;
}

.contact-page-section .form-column{
	position: relative;
	margin-bottom: 40px;
}

.contact-page-section .form-column .inner-column{
	position: relative;
	padding-left: 50px;
}

.contact-page-section .sec-title{
	margin-bottom: 30px;
}

.contact-page-section .sec-title h2{
	margin-bottom: 0;
}

.contact-page-section .sec-title h2:after{
	display: none;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:15px;	
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    color: #999999;
    line-height: 32px;
    padding: 10px 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
 
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#343386;
}

.contact-form .form-group textarea{
	height: 156px;
	resize: none;
}

.contact-form .form-group button{
	text-transform: capitalize;
}

.contact-form input.error:focus,
.contact-form select.error:focus,
.contact-form textarea.error:focus{
	border-color:#ff0000;	
}

.contact-form label.error{
	display:block;
	font-weight:500;
	font-size:13px;
	text-transform:capitalize;
	line-height:24px;
	color:#ff0000;
	padding-top:7px;
	margin-bottom: 0;
}

.contact-page-section .contact-column{
	position: relative;
	margin-bottom: 30px;
}

.contact-page-section .contact-info {
	position: relative;
	margin-bottom: 30px;
}

.contact-page-section .contact-info li{
	position: relative;
	padding: 10px 30px;
	padding-left: 70px;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	margin-bottom: 30px;
}

.contact-page-section .contact-info li p{
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #777777;
	font-weight: 400;
}

.contact-page-section .contact-info li strong{
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	font-weight: 600;
}

.contact-page-section .contact-info li .icon{
	position: absolute;
	left: 15px;
	top: 10px;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	background-color: #343386;
	color: #ffffff;
}

.contact-page-section .contact-info li a{
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-page-section .contact-info li a:hover{
	color: #343386;
}

.contact-page-section .social-icon-three{
	position: relative;
	padding: 10px 20px;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

.social-icon-three{
	position: relative;
}

.social-icon-three li{
	position: relative;
	display: inline-block;
	margin-right: 1px;
}

.social-icon-three li:first-child{
	margin-left: 0;
}

.social-icon-three li.title{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	margin-right: 5px;
}

.social-icon-three li a{
	position: relative;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	background-color: #343386;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	color: #343386;
	background-color: #ffffff;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
}

.content_div {padding:40px 50px;box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.gray_section {padding:100px 0px;background:#f6f6f6}
.div_shade_1 {
	padding: 40px 20px;
    box-shadow: 0px 0px 5px #fff;
    background: #fff;
	}
	.div_shade_2 {
	padding: 40px 20px;
    box-shadow: 0px 0px 5px #fff;
    background: #fff;
	}
	.div_shade_3 {
	padding: 40px 20px;
    box-shadow: 0px 0px 5px #fff;
    background: #fff;
	}


.commen_about_div h3 {
	font-size: 20px;
    margin-bottom: 20px;
}

.commen_about_div img {
   width:70px;
    padding: 15px;
    vertical-align: middle;
    border: 1px solid #eee;
    margin-right: 10px;transition:0.5s ease;
}
.commen_about_div:hover img {background:#fff4f4;border: 1px solid #ee781e;}

.project_side .list-item li {
	font-size: 16px;
    font-weight: 400;line-height:24px;    letter-spacing: 1px;
	} 
	

#tabs{
 
    color: #333;
}
 

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #333;
 /*#343386*/
    border-bottom: 4px solid #fcb040!important;
    font-size: 20px;
 
}
#tabs .nav-tabs .nav-link {
    border: 1px solid #eee;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0f31a6;
    font-size: 18px;
}



.list_control .list-item {
    padding: 10px 0px;
    list-style-type: none;
}
.list_control .list-item .fa {
    float: left; padding: 13px 10px 11px 8px;

    color: #ea4335;
}
.list_control .list-item li {
    padding-left: 25px;
    padding-bottom: 10px;
    line-height: 24px;
    letter-spacing: 0.2px;    font-size: 18px;
}
.list_control .list-item li ul {padding-left:0;margin-top:20px;}
.list_control .list-item li ul li {
	font-size: 16px;
    padding: 10px 15px;
    margin-bottom: 10px;background: #eee;
	}


.sitemap_section .list_control .list-item li {font-size: 16px;}
.sitemap_section .list_control .list-item li a {color:#666}

.box-border{ padding:10px 10px;}
 
.list_control .list-item .fa {
    float: left;
    padding: 13px 10px 11px 8px;
    color: #ea4335;
}

.list_control .list-item li {
    padding: 10px 10px 10px 40px;
    color: #251a28;
    border-bottom: 1px solid rgba(238,238,238,.7803921568627451);
    width: 100%;
    box-shadow: 0 2px 10px rgba(238,238,238,.4);
    margin-bottom: 8px;
}
.tab-content .list_control .list-item li {font-size:16px}
.past_project_section .list_control .list-item li {
padding:15px 10px 15px 40px;
}

.past_project_section .list_control .list-item .fa {
    padding-left: 15px;
    padding-top: 12px;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
 
.carousel-inner img {
      width: 100%;
      height: 100%;
  }

.news-section-two{
	position: relative;
	padding: 70px 0px;background: #151234;
}


.portfolio-item {
    position: relative;
        margin-bottom: 10px;
}

.portfolio-item img {
    width: 100%;transition:0.5s ease
}

.portfolio-item .overlay {
    background-color: rgba(0, 0, 0, .77);
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
   
}

.portfolio-item .overlay h3 span {
    display: block
}

.portfolio-item .overlay:before,
.portfolio-item .overlay:after {
    width: 30px;
    height: 30px;
    top: auto;
    content: '';
    position: absolute;
    z-index: 1;
    transition: all .3s ease-in-out
}

.portfolio-item .overlay:before {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    bottom: 50px;
    left: 50px
}

.portfolio-item .overlay:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 50px;
    right: 50px
}

.portfolio-item:hover .overlay,
.portfolio-item:hover .overlay:before,
.portfolio-item:hover .overlay:after {
    visibility: visible;
    opacity: 1
}

.portfolio-item:hover img {
    transform: scale(1.05)
}

.portfolio-item:hover .overlay:before {
    bottom: 10px;
    left: 10px;
    animation-delay: .2s
}

.portfolio-item:hover .overlay:after {
    top: 10px;
    right: 10px;
    animation-delay: .2s
}

.portfolio-item h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: unna, sans-serif;
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: all .5s ease-in-out;
    margin: 5px 0px;
}

.portfolio-item span {
    display: block;
    -moz-transform: translateY(5px);
    transform: translateY(5px);
    transition: all .5s ease-in-out;
    font-size: 12px;
    font-family: poppins, sans-serif
}

.portfolio-item:hover h3,
.portfolio-item:hover span {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.portfolio-item .media-control {
    position: absolute;
    width: auto;
    height: auto;
    padding-left: 0;
    background: #f1801a;
}

.portfolio-item .media-control li {
    display: inline-block
}

.portfolio-item .media-control li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 12px;
    margin: 5px
}
.portfolio-item .media-control li a .fa {
    font-size: 20px;
}

.portfolio-item .media-control li a:hover {
    background-color: #f1801a;
}

.portfolio-item:hover .media-control li a {
    transform: scale(1.05);
    transition-delay: all 1s ease-in-out
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.95;
}

.caption_div {
    position: relative;
    padding: 15px 0px;
    text-align: center;
    background: #151234;
    color: #fff;transition:0.5s ease
}
.caption_div h4 {
font-size:18px;margin-bottom:0px;
}

.portfolio-item:hover .caption_div { background: #f1801a}
.caption_div:hover {
    background: #f1801a
}

.icon_box {
max-width: 120px;
    margin: 0 auto;
    border: 1px solid #eee;
    text-align: center;
    box-shadow: 0px 0px 10px #eee;
    padding: 20px 0px;
    border-radius: 10px;transition:0.5s ease
}

.icon_box i:before {font-size:50px;}
.download_div {
    border: 1px solid #eee;
    padding: 50px 0px;
    text-align: center; box-shadow: 0px 0px 10px #eee;
	margin-bottom:20px;

}
.about-us.event_section .image-column .inner-column:before {height: 200px;top: -20px;left: -30px;right: unset;}
.about-us.event_section .content-column {
    margin-bottom: 0;
}
.construction_section .sec-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.menu_icon {display:none;}


.mgt40 {margin-top:40px}
.mgt15 {margin-top:15px}
.mgt50 {margin-top:50px;}

.feature-box {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .04);
    cursor: default;
    transition: .3s;
    box-sizing: border-box;
    text-align: center;
    padding: 40px 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    float: left;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px
}
.feature-box .feature-description h4,
.feature-box .feature-description p {
    margin: 0;
    padding: 0;
    transition: .3s
}

.feature-icon {
     margin-bottom: 10px;
    width: 100%
}
 
.feature-box .feature-description h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 22px
}

.feature-box .feature-description p {
  color: #000;
  line-height: 24px;
    margin-top: 10px;
}
.feature-box:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, .08);
    transform: translateY(-8px);
    background: #222
}

.feature-box:hover .feature-description h4,
.feature-box:hover .feature-description p {
    color: #fff
}
 
 
 /* Model Style =============*/
.model_control .modal-header {padding: 0px;border:0;    display: block;}
.model_control .modal-header .close {
    margin-top: 0px;
    font-size: 30px;
    color: #fff;
    width: 40px;
    height: 40px;
    opacity: 5;
    background: #f1801a;    margin: 0;
    padding: 0;
}
.model_control .modal-body {
margin-top: 0px;
}
.model_div {padding-bottom:30px;}
.model_control .content_div {padding:15px 15px;border:1px solid #eee;position:relative;}
.modal-open .modal {
    background: rgba(0, 0, 0, 0.72);
}

@media (min-width: 800px) {
.modal-dialog {
    min-width: 700px;
}
}



@media (max-width:768px) {
.model_control .content_div {padding:15px 10px;
}
}
 
 
 
 

@media only screen and (max-width: 1139px){
	.main-header .header-lower .btn-box{
		display: none;
	}
	.banner-section .slide-item h2{
		font-size: 50px;
	}
	.service-block .overlay-box .icon{
		margin-bottom: 10px;
	}
 
	.testimonial-block-two .info-box .address{
		font-size: 12px;
	}

	.call-back-section .form-column .inner-column{
		padding-right: 0;
	}
 
	.header-style-two .outer-box .social-links{
		display: none;
	}

	.header-style-three .main-menu .navigation > li{
		margin-right: 10px;
		padding: 35px 10px;
	}

	.header-style-three .main-menu .navigation > li > a{
		font-size: 14px;
	}
 
	 
	.header-style-three{
		top: 0;
	}
	.about-us .content-column .inner-column{
		padding-right: 0;
	}
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		
	}
}

@media only screen and (max-width: 1023px){
	.nav-outer .mobile-nav-toggler {
    display: block;
    margin: 0;
	padding:0;
    margin-left: 20px;
    color: #343386;
    top: 30px;
    right: 15px;
}

	.main-header .top-left,
	.main-header .nav-outer .main-menu{
		display: none;
	}

	.main-header .top-right{
		width: 100%;
	}

	.main-header .header-lower .logo-outer{
		padding: 25px 0;
	}
 
 .about-us:before{
		width: 100%;
		margin: 0;
		right: 0;
	}

	.service-block .overlay-box{
		position: relative;
		transform: scale(1);
		opacity: 1;
		visibility: visible;
		background-color: rgba(0,0,0,0.03);
	}

	.work-block{
		width: 33.333333%;
	}

	.offer-section .image-column .image-box{
		margin: 0;
	}

	.header-style-two .upper-right,
	.testimonial-carousel .owl-nav{
		display: none;
	}

	.page-wrapper{
		padding-bottom: 0 !important;
	}

	.index-footer.fixed-footer{
		position: relative;
	}

	.header-style-two .main-box{
		background-color: transparent;
		margin-top: 0;
		padding: 0;
	}
	.header-style-two .main-box {
    background: none;
	}

	.header-style-two .header-upper{
		padding: 0;
	}

	.header-style-two .header-upper .logo-outer{
		padding: 25px 0;display: inline-block;
	}

	.main-header .search-box-outer{
		padding: 35px 0;
		margin-left: 10px;
	}

	.header-style-two .cart-btn a,
	.header-style-two .search-box-btn{
		color: #ffffff;
		border-color: #ffffff;
	}
  .index-footer .social-links li.title{
		font-size: 16px;
	}

	.index-footer .social-links li{
		margin-right: 10px;
	}

	.header-style-three .main-box:before{
		opacity: 1;
		right: -15px;
		left: -15px;
		width: auto;
	}

	.header-style-three .main-box{
		padding: 0;
	}

	.header-style-three{
		top: 0;
		position: relative !important;
		transform: none !important;
	}

	.header-style-three .nav-outer .mobile-nav-toggler{
		color: #ffffff;
	}

	.header-style-three .search-box-outer{
		margin-left: 20px;
	}
 .main-header .header-lower .nav-outer {
    height: 0;
}
.nav-outer .mobile-nav-toggler {
    top: -70px;
}

.menu_icon {
    position: relative;
    display: inline-block;
    float: right;
    top: 35%;
}

.mobile-nav-toggler {
display: block;
    margin: 0;
    padding: 0;
    margin-left: 20px;
    color: #343386;
    right: 15px;
    font-size: 36px;
}

}	
 
 
@media (max-width:768px) {
	
	.banner-section .text br,
	.about-us .image-column .image:before,
	.main-header .header-top .contact-info{
		display: none;
	}

	.main-header .header-top .top-right{
		text-align: center;
	}

	.main-header .header-top .social-icon-one{
		float: none;
		display: inline-block;
		margin-bottom: -10px;
	}
 
 .index-footer{
		padding-top: 70px;
	}

	.video-section{
		padding-bottom: 30px;
	}
	.index-footer .widgets-section{
		padding-bottom: 20px;
	}

	 
	.index-footer.style-two .map-widget{
		position: relative;
	 
		left: 0;
		right: 0;
		margin-top: 0px;
	}

	.index-footer.style-two .footer-bottom .footer-nav{
		display: none;
	}

	.index-footer.style-two .footer-bottom .copyright-text{
		width: 100%;
		text-align: center;
	}
	 .banner-slider-control-wrap {
    position: relative;
	}
	.banner-slider-control {
    float: left;
    width: 50%;
	}
	
	.logo {max-width:220px;}
.projects_section {
    padding: 40px 0px;
}

.footer_widget p {
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0px;
}
.banner-section .slide-item .content-box {
    position: relative;
    bottom: 0;
    background: -webkit-radial-gradient(top left, circle, #1c262d 20%, #4b5c63 100%);
    background: radial-gradient(circle at top left, #1c262d 20%, #4b5c63 100%);
    padding: 20px 0px;
}

.news-section-two {
    padding: 40px 0px;    margin-bottom: 30px;
}
.testimonial-section {
    padding: 40px 0;
}
.about-us {
    padding: 40px 0 40px;
}
.about-us .image-column .message {
    bottom: 0px;
}
.main-header .header-lower .nav-outer {
    height: 0;
}
.nav-outer .mobile-nav-toggler {
    top: -70px;
}
.index-footer.style-two .widgets-section {
    padding: 40px 0;
}


}

@media (max-width: 481px) and (max-width: 768px){
.counter h2 {
    font-size: 30px;padding: 0;
    text-align: center;
}
.counter h2 strong {
    font-size: 18px;
	text-transform: uppercase;
    position: relative;
    margin-left: 0;
    display: block;
}
}



@media only screen and (max-width: 599px){
	.sec-title h2{
		font-size: 24px;
		line-height: 30px;
	}

	.work-block{
		width: 50%;
	}
 .testimonial-block .inner-box{
		padding: 0;
		margin: 0;
		text-align: center;
		min-height: auto;
	}

	.testimonial-block .inner-box:before{
		display: none;
	}

	.testimonial-block{
		padding: 0px 15px;
	}

	.testimonial-block .thumb{
		position: relative;
		left: 0;
		top: 0;
		display: inline-block;
		margin: 0 0 20px;
	}

	.testimonial-block .text{
		min-height: auto;
	}

	.testimonial-block .text .inner{
		position: relative;
		left: 0;
		top: 0;
		height: auto;
		display: block;
		padding: 0;
		margin-bottom: 30px;
	}

	.testimonial-block .info-box{
		position: relative;
		left: 0;
		bottom: 0;
		margin: 0;
		display: inline-block;
	}

	.offer-section .form-column .text br,
	.sec-title br{
		display: none;
	}

	.testimonial-block-two .thumb{
		position: relative;
		display: inline-block;
		left: 0;
		top: 0;
	}

	.testimonial-block-two .inner-box:before{
		display: none;
	}

	.testimonial-block-two .inner-box{
		padding: 30px 20px;
		text-align: center;
	}
 
}

@media only screen and (max-width: 479px) {
	
	.index-footer.style-two .widgets-section {padding:0px;}
	.index-footer .social-links li.title{
		font-size: 18px;
	}
	.offer-section .image-column .upper-box h2 .discount{
		font-size: 40px;
	}
 .page-title h1{
		font-size: 24px;
	}
 
	.social-icon-three li.title,
	.header-style-three .btn-outer,
	.header-style-three .search-box-outer,
	.header-style-two .search-box-outer,
	.project-carousel .owl-nav,
	.banner-section .owl-nav{
		display: none;
	}

	.header-style-three .outer-box{
		margin-left: 0;
	}
		 
	.about-us .about-years h3{
		font-size: 20px;
	}

	.about-us .bottom-box .name{
		margin-bottom: 20px;
	}

	.about-us .image-column .message{
		font-size: 14px;
		line-height: 24px;
	}
 
}
 

@media (max-width:480px) {
	
	.project_landmark .content_div {
    padding: 30px 0px;
}

.project_landmark .feature-box {padding: 40px 10px; }



	
	
	
	.box_view {
    padding: 40px 15px;
	}
	.h1_head h1 {font-size: 20px;}
	.link_line:after {display:none}
	.counter h2 {
    padding: 10px 15px;
    margin-bottom: 30px;font-size:26px;text-align: center;
    border-bottom: 1px solid;
	}
	.counter h2 strong {
		text-transform: uppercase;
    font-size: 16px;    display: block;    position: relative;
    margin-left: 0;
	}
	.index-footer.style-two .map-widget {
    padding: 50px 15px;
}
.copyright-area {text-align:center;}
.center_me {text-align:center;}
.right_me {text-align:center;}
.box_view:before {
    width: 15%;
    height: 10%;
}
.box_view:after {
    width: 15%;
    height: 10%;
}
.index-footer.style-two .about-widget {
    padding: 40px 15px;
}
.request-form .form-group button {
    padding: 12px 20px;
}
.widget-content .bg_div img {
    max-width: 100%;
    margin-bottom: 5px;
}
.social a {
    font-size: 14px;
}
.main-header .header-lower .nav-outer {
    height: 0;
}
.nav-outer .mobile-nav-toggler {
    top: -70px;
}
.banner_shadow {
    padding: 50px 0px;
}
.lineAnim-bg { opacity: 0.4;}
.content_div {
    padding: 30px 15px;
}
}