@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
/*
font-family: 'IBM Plex Sans', sans-serif;
*/
/*===========================================
	All Reset Css START
===========================================*/
a, a:focus, a:hover {
	text-decoration: none;
	color:#ED2325;
}
a:focus, a:hover {
	box-shadow: none
	color:#ED2325;
}
.cd-top, .clearfix, article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
	display: block
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
* html .clearfix {
	height: 1%
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
a {
	transition: all .5s ease 0s;
	color: #6666;
	cursor: pointer
}
a:focus, a:hover {
	color: inherit
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	max-width: 100%
}
/*===========================================
	All Reset Css END
===========================================*/
/*===========================================
	Site Default Css START
===========================================*/
body {
	margin: 0;
	padding: 0;
	font-family: 'IBM Plex Sans', sans-serif;
	line-height: 18px;
	font-size: 14px;
	overflow-x:hidden;
	color: #666666;
	position: relative;
}
.cd-top {
	background: #2E2D29 url("../images/arrow_top.png");
	background-position: center center;
	background-repeat: no-repeat;
	border:0px solid #EFAA00;
	border-radius: 30px;
	bottom: 30px;
	color: #fff;
	box-shadow: 1px 10px 15px 0px rgba(0, 52, 74, 0.1);
	font-size: 36px;
	height: 52px;
	line-height: 40px;
	opacity: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	transition: all .8s ease 0s;
	width: 52px;
	z-index: 999
}
.cd-top.cd-is-visible, .fill {
	opacity: 1
}
.cd-top .fa {
	color: #FFF
}
.cd-top:hover {
	background-color: #2E2D29;
	transform:rotate(360deg);
	color: #FFF
}
.preload {
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9999999
}
.preload img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto
}
.container-fluid{
	max-width:1680px;
}

.btn01{
	color: #2E2D29;
	border:1px solid #E4AC11;
 	letter-spacing:0.5px;
	border-radius:30px;
	padding: 9px 25px; 
	font-size: 15px;
	line-height:18px;
	display:inline-block;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position:relative;
	cursor:pointer;
	outline:none;
	padding-bottom: 9.5px;
	overflow:hidden;
}
.btn01:hover, .btn01:focus {
 	color:#FFF;
	background:#E4AC11;
}
.btn01::before, .btn01::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:30px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	-webkit-transform: translate(-105%,0);
	transform: translate(-105%,0);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,0.5);
}
.btn01::after{
	-webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.btn01:hover::before, .btn01:hover::after{
	opacity: 0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}
.btn01BG{
	background-image: linear-gradient(to right, #e4ac11, #dfa70d, #daa308, #d69e04, #d19a00);
	background-size: 400% 400%;
	animation: gradientBG 3s ease infinite;
}
@keyframes gradientBG {
 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
.btn01.btn01BG{
	border:0px;
	color:#FFF;
}
.btn01.btn01BG:hover{
	background-image: linear-gradient(to right, #e4ac11, #dfa70d, #daa308, #d69e04, #d19a00);
}


/*===========================================
	Site Default Css END
===========================================*/

/*===========================================
	Hedare Css START
===========================================*/
.header_top_bar {
	background: #FFF;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02);
	z-index: 999999 !important;
}
.logo{
	padding: 20px 0;
	transition: all .5s ease 0s;
}
.is-sticky .logo{
	transition: all .5s ease 0s;
	padding:8px 0;
}
.sticky-wrapper{
	height:inherit !important;
}
.social_icon li{
	display: inline-block;
}
.social_icon li a{
	color:#2E2D29;
	font-size:24px;
	padding:0 10px;
}
.social_icon li a:hover{
	color:#E4AC11;
}
.header_right {
	float: right;
}
.enquiry_now_button {
	display: inline-block;
	vertical-align: middle;
	border-left:1px solid #CCCCCC;
	padding-left:40px;
	margin-left:20px;
}
.social_icon {
	display: inline-block;
	vertical-align: middle;
}
.enquiry_now_button .btn01.btn01BG {
	margin-left: 16px;
}
/*===========================================
	Hedare Css END
===========================================*/

/*===========================================
	Banner Css START
===========================================*/
.banner_wapper{
	background:url("../images/banner_bg.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
}
.banner_contant{
	padding:60px 0px;
	text-align:center;	
}
.banner_contant_title{
	font-size:48px;
	color:#2E2D29;
	font-weight:bold;
	line-height:55px;
	letter-spacing:0.5px;
	margin-bottom:20px;
}
.banner_contant_title span{
	color:#E4AC11;
}
.same_text{
	font-size:18px;
	color:#2E2D29;
	letter-spacing:0.25px;
	line-height:34px;
}
.banner01 {
	margin: 0 auto;
	text-align: center;
	display: table;
}
/*===========================================
	Banner Css END
===========================================*/

/*===========================================
	Features Css START
===========================================*/
.features_wapper{
	padding:60px 0px;
	padding-bottom:0px;
}
.title_wapper{
	text-align:center;
	position:relative;
	padding-bottom:25px;
	margin-bottom:25px;
}
.title_wapper:after{
	position:absolute;
	content:"";
	border-bottom:2px solid #E4AC11;
	width:40px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0 auto;
}
.block_title{
	font-size:35px;
	color:#2E2D29;
	font-weight:bold;
	line-height:40px;
	letter-spacing:0.5px; 
	margin-bottom:8px;
}
.block_title span{
	color:#E4AC11;
}
.block_sub_title{
	font-size:22px;
	color:#666666;
	letter-spacing:0.50px;
	line-height:34px;
}
.features_box{
	text-align:center;
	margin-bottom:40px;
}
.features_box_img {
	margin: 0 auto;
	display: table;
}
.features_box_title {
	font-size: 24px;
	color: #2E2D29;
	font-weight: bold;
	line-height: 28px;
	letter-spacing:0.50px;
	margin: 10px 0;
}
.features_box_text.same_text {
	color: #666;
	font-size: 16px;
	line-height: 28px;
}

/*===========================================
	Features Css END
===========================================*/

/*===========================================
	About Us Css START
===========================================*/
.about_us_wapper{
	padding:70px 0px;
	background:url("../images/about_bg.png");
	background-repeat:repeat-x;
	background-position:bottom center;
	-webkit-animation: slide 80s linear infinite; 

} 
@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: 3000px 0; }
}
.about_contant .title_wapper{
	text-align:left;
}
.about_contant .title_wapper .block_title{
	font-size:48px;
	color:#2E2D29;
	font-weight:300;
	line-height:55px;
}
.about_contant .title_wapper .block_title span{
	font-weight:bold;	
}
.about_contant .title_wapper::after{
	right:unset;
}
.about_contant .same_text{
	color:#666666;
	font-size:18px;
}
.about_contant .same_text p{
	margin-bottom:25px;
}
.about_images {
	margin-right: -70px;
}	
	
/*===========================================
	About Us Css End
===========================================*/

/*===========================================
	Testimonials Css START
===========================================*/
.block_title img {
	display: inline-block;
	vertical-align: middle;
}
.client_box_wapper{
	max-width: 380px;
	padding: 0 0px;
	box-sizing: border-box;
	margin: 0 auto 10px;  
}
.client_contant_box{ 
	border:1px solid #EEEEEE;
	padding:25px 15px;
	position:relative;
	box-shadow: 6px 8px 10px 0px rgba(0, 0, 0, 0.15);
	background:url("../images/qout_bg.png");
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:30px;
}
.client_contant_box::after{
	position: absolute;
	content: "";
	background: url("../images/client_box.png");
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	top: 25px;
	left: 20px;
}
.client_contant_box::before{
	position: absolute;
	content: "";
	background: url("../images/client_arrow.png");
	background-repeat: no-repeat;
	width:51px;
	height: 20px;
	bottom: -20px;
	left: 58px;
}
.client_contant_box span{
	font-size:20px;
	color:#333333;
	letter-spacing:0.5px;
	line-height:25px;
	display:block;
	font-weight:500;
	margin-bottom:5px;
}
.client_text{
	font-size:16px;
	line-height:32px;
	font-style:italic;
	color:#2E2D29;
	letter-spacing:0.5px;
}
.client_details_images{
	width:70px;
	height:70px;
	border-radius:100%; 
	overflow:hidden; 
}
.client_details_wapper .client_details_images{
	display:inline-block;
	vertical-align:middle;
}
.client_details_wapper .client_details_text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
	font-size: 18px;
	color: #666666;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 20px;
}
.client_details_text .title{
	font-size:14px;
	color:#828282;
	font-weight:normal;
	line-height:20px;
	text-transform: none;
	letter-spacing:0.25px;
	margin-top:3px;
	display:block;
}
.client_details_wapper {
	padding-left: 30px;
}
.testimonials_wapper .owl-nav button span {
	display: none !important;
}
.testimonials_wapper .owl-nav button {
	width: 43px;
	height: 43px;
	background: #F4F4F4 url("../images/cources_arrow_left.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important; 
	position: absolute; 
	top: 50%;
	left: -70px;
	transition: all 0.5s ease 0s;
	margin-top: -50px;
}
.testimonials_wapper .owl-nav button:hover {
	background: #E4AC11 url("../images/cources_arrow_left_h.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	box-shadow: none;
}
.testimonials_wapper .owl-nav button.owl-next {
	right: -70px;
	left: unset;
	transform: rotate(180deg);
}
.testimonials_wapper {
	padding: 50px 0;
}
.testimonials_wapper .title_wapper {
	margin-bottom: 50px;
}

/*===========================================
	Testimonials Css End
===========================================*/

/*===========================================
	Enquiry Css START
===========================================*/
.enquiry_wapper{
	background:url("../images/enqurie_bg.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	padding:60px 0px;
}
.enquiry_wapper .block_sub_title{
	font-size:32px;
	color:#2E2D29;
	letter-spacing:0.5px;
	font-weight:normal;
	line-height:34px;
}
.enquiry_wapper .block_sub_title span{
	color:#E4AC11;
	font-weight:bold;
}
.enquiry_wapper .title_wapper::after {
 	border-bottom: 2px solid #C7C7C8;
	width: 60px;
}
.enquiry_contant{
	text-align:center;
}
.enquiry_contant span {
	color: #666666;
	display: block;
	margin-bottom: 10px;
} 
/*===========================================
	Enquiry Css End
===========================================*/

/*===========================================
	Mobile Css START
===========================================*/
.mobile_apps_wapper .about_images {
	margin-right: 0;
	margin-left: -70px;
}
.about_us_wapper.mobile_apps_wapper {
	background: none;
}

/*===========================================
	Mobile Css END
===========================================*/

/*===========================================
	Footer Css START
===========================================*/
.footer_bottom{ 
	padding:15px 0;
	background:#24231F;
}
.copyrightby{
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:0.50px;
	font-weight:500;
}
.copyrightby span{ 
	color:#E4AC11;
	text-transform:uppercase;
}
.designby{
	font-size:15px;
	color:#FFF;
	font-weight:500;
	text-align:right;
	letter-spacing:0.50px;
}
.designby span, .designby .fa{
	font-size:15px;
	color:#E4AC11;
	text-transform:uppercase;
}
.footer_top{
	background:#2E2D29;
	padding:50px 0px;
}
.footer_title{
	font-size:20px;
	line-height:24px;
	text-transform:uppercase;
	letter-spacing:0.50px;
	font-weight:bold;
	color:#FFF;
	position:relative;
	padding-bottom:20px;
	margin-bottom:25px;
}
.footer_title::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #E4AC11;
	width: 40px;
	bottom: 0px;
	left: 0px; 
	margin: 0 auto;
}
.footer_contact li.contact01{
	background:url("../images/call.png");
	background-repeat:no-repeat;
	background-position:left center;
}
.footer_contact li.contact02{
	background:url("../images/email.png");
	background-repeat:no-repeat;
	background-position:left center;
}
.footer_contact li a{
	font-size:15px;
	letter-spacing:0.50px;
	font-weight:500;
	padding:4px 0px;
	display:block;
	color:#FFF;
}
.footer_contact li a:hover{
	color:#E4AC11;
}
.footer_contact li{ 
	padding-left: 30px; 
	margin-bottom:12px;
}
.footer_about{
	color:#FFF;
	font-size:15px;
	letter-spacing:0.50px;
}


.social_contact li.social01{
	background:url("../images/f_icon.png");
	background-repeat:no-repeat;
	background-position:left center;
}
.social_contact li.social02{
	background:url("../images/i_icon.png");
	background-repeat:no-repeat;
	background-position:left center;
}
.social_contact li a{
	font-size:16px;
	letter-spacing:0.50px;
	font-weight:500;
	padding:4px 0px;
	display:block;
	color:#FFF;
}
.social_contact li a:hover{
	color:#E4AC11;
}
.social_contact li{ 
	padding-left:35px; 
	margin-bottom:15px;
}
/*===========================================
	Footer Css END
===========================================*/

.modal-backdrop.show {
	opacity: .9;
	z-index: 999999;
}
.modal{
	z-index: 99999999;
}
.model_logo{
	margin:0px auto 0;
	display: table;
	background: #FFF;
	padding: 30px;
	border-radius: 100%;
}
.modal-header{
	padding:0px;
	border:0px;
}
.modal-body{
	padding-top:0px;
	z-index:999;
} 
.modal-body .conatct_form_btn {
	margin: 0 auto 15px;
	display: table;
}
.modal-content{
	padding-bottom: 0px;
	border-bottom: 5px solid #2E2D29;
	position:relative;
}
/*.modal-content:after{
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	width:100%;
	height:161px;
	z-index:0px;
	background:#FFF url("../images/form_bg.png");
	background-repeat:repeat-x;
	background-position:center bottom;
	-webkit-animation: slide 80s linear infinite; 
}*/
.btn01.close_btn{
	opacity: 1;
	width: auto;
	margin: 0 auto;
	background: #2E2D29;
	color: #FFF;
	/* border-radius: 40px 40px 0 0px; */
	cursor: pointer;
	/* padding: 12px 30px 10px 30px; */
	transition: all .5s ease 0s;
	outline:none;
	margin-bottom: -22px;
	border: 0;
}
.btn01.close_btn:hover{
	opacity:1;
}
.input_text {
	margin-bottom: 30px;
}
.input_text .in_text, .input_text .in_select {
	border: 0px;
	background: none;
	border-radius: 5px;
	height: 50px;
	color: #666;
	font-weight:500;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 50px;
	width: 100%;
	border:1px solid #CCC;
	padding: 0 20px;
	transition: all .5s ease 0s;
}
.input_text .in_text::placeholder {
	opacity: 1;
}
.input_text .in_text.in_message {
	height: 150px;
	border-radius: 5px;
}
.input_text .in_text:focus, .input_text .in_select:focus{
	border-color:#DAA308;
}
 