/* Emarat HTML Template*/

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three / Style Four / Style Five / Style Six
5. Main Slider
6. Services Section
7. About Section
8. Counter Section
9. Project Section
10. Team Section
11. Testimonial Section
12. News Section
13. Clients Section / Style Two
14. Main Footer / Style Two / Style Three
15. Call To Action Section
16. Video Section
17. Reasons Section
18. Fullwidth Section
19. Pricing Section
20. Offers Section
21. Faq Section
22. Comming Soon Section
23. Subscribe Section
24. Products Section
25. Factory Section
26. Construction Section
27. Page Title
28. Service Single Section
29. Blog Widgets
30. Map Section
31. Contact Form

**********************************************/

@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*font-family: 'Arimo', sans-serif;
font-family: 'Raleway', sans-serif;*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	color:#000;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

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

button{
	cursor:pointer;
	text-decoration:none;
	outline:none !important;
}

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

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

button,select,textarea{
	font-family: 'Raleway', sans-serif;
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
	font-size: 17px;
	color: #000;
	text-align: justify;
}

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

.medium-container{
	max-width:850px;
}

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

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

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

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}
.justify{
	text-align: justify;
}

/*List Style One*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#eeeeee;
	font-size:15px;
	font-weight:400;
	margin-bottom:15px;
	padding-left:30px;
	line-height: 1.6em;
}

.list-style-one li:first-child .icon{
	font-size:14px;
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:0px;
	font-weight:400;
	color:#fbb908;
	font-size:20px;
}

.list-style-one li a:hover{
	color:#fbb908;
}

/*List Style Two*/

.list-style-two{
	position:relative;
	margin-bottom:50px;
}

.list-style-two li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	padding-left:40px;
	margin-bottom:15px;
}

.list-style-two li:nth-child(2) .icon{
	font-size:14px;
}

.list-style-two li .icon{
	position:absolute;
	left:0px;
	top:0px;
	font-weight:400;
	color:#fbb908;
	font-size:20px;
}

.list-style-two li a:hover{
	color:#fbb908;
}

/*List Style Three*/

.list-style-three{
	position:relative;
}

.list-style-three li{
	position:relative;
	color:#000;
	font-size:17px;
	font-weight:400;
	margin-bottom:15px;
	padding-left:30px;
}

.list-style-three li:before{
	position:absolute;
	content: "\f178";
	left:0px;
	top:0px;
	font-weight:600;
	color:#fbb908;
	font-size:18px;
	font-family: 'FontAwesome';
}

/*List Style Four*/

.list-style-four{
	position:relative;
}

.list-style-four li{
	position:relative;
	color:#000;
	font-size:17px;
	font-weight:400;
	margin-bottom:12px;
	padding-left:30px;
}

.list-style-four li:before{
	position:absolute;
	content: "\f0da";
	left:0px;
	top:0px;
	font-weight:400;
	color:#fbb908;
	font-size:18px;
	font-family: 'FontAwesome';
}

/*List Style Five*/

.list-style-five{
	position:relative;
	margin-bottom:25px;
}

.list-style-five li{
	position:relative;
	color:#000;
	font-size:14px;
	font-weight:400;
	margin-bottom:8px;
	padding-left:30px;
}

.list-style-five li:before{
	position:absolute;
	content: "\f00c";
	left:0px;
	top:0px;
	font-weight:400;
	color:#fbb908;
	font-size:16px;
	font-family: 'FontAwesome';
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	line-height:24px;
	color:#222222;
	font-size:15px;
	font-weight:700;
	background:#fbb908;
	text-transform:uppercase;
	border:2px solid #fbb908;
	padding:11px 30px 11px;
}

.btn-style-one:hover{
	background:none;
	color:#fbb908;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	background:none;
	text-transform:uppercase;
	border:2px solid #ffffff;
	padding:11px 30px 11px;
}

.btn-style-two:hover{
	background:#fbb908;
	color:#222222;
	border-color:#fbb908;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	background:#222222;
	text-transform:uppercase;
	border:2px solid #222222;
	padding:11px 28px 11px;
}

.btn-style-three:hover{
	background:none;
	color:#222222;
}

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	line-height:24px;
	color:#222222;
	font-size:15px;
	font-weight:700;
	background:none;
	text-transform:uppercase;
	border:2px solid #222222;
	padding:11px 30px 11px;
}

.btn-style-four:hover{
	background:#222222;
	color:#ffffff;
	border-color:#222222;
}

/*Social Icon One*/

.social-icon-one{
	position:relative;
	text-align:center;
	padding-top:20px;
	padding-bottom:15px;
	display:inline-block;
	background-color:#fbb908;
}

.social-icon-one:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-50px;
	border-top: 50px solid #fbb908;
	border-right: 65px solid transparent;
}

.social-icon-one li{
	position:relative;
	margin-bottom:2px;
}

.social-icon-one li:last-child{
	margin-bottom:0px;
}

.social-icon-one li a{
	position:relative;
	font-size:18px;
	color:#222222;
	display:block;
	padding:10px 25px 10px;
	-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:#ffffff;
	background-color:#222222;
}

/*** 

====================================================================
	Social Icon Two
====================================================================

***/

.social-icon-two{
	position:relative;
	margin-top:20px;
}

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

.social-icon-two li.follow{
	color:#fbb908;
	font-weight:600;
	font-size:24px;
	font-family: 'Raleway', sans-serif;
}

.social-icon-two li a{
	position:relative;
	font-size:16px;
	color:#cccccc;
	-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-two li a:hover{
	color:#fbb908;
}

/*** 

====================================================================
	Social Icon Three
====================================================================

***/

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

.social-icon-three .share{
	color:#222222;
	font-size:16px;
	font-weight:700;
}

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

.social-icon-three li a{
	position:relative;
	font-size:18px;
	color:#777777;
	display:inline-block;
	-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-three li a:hover{
	color:#fbb908;
}

.theme_color{
	color:#fbb908;
}

.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); background-size:180px;}

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

/*** 

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

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#0a0a0a;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

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

/*** 

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

***/

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

.sec-title .title{
	position:relative;
	color:#fbb908;
	font-size:18px;
	font-weight:700;
	margin-bottom:15px;
	text-transform:capitalize;
}

.sec-title h2{
	position:relative;
	color:#222222;
	font-size:36px;
	font-weight:700;
	line-height:1.4em;
}

.sec-title .seperater{
	position:relative;
	margin-top:15px !important;
	width:60px;
}

.sec-title .seperater:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:60px;
	height:2px;
	background-color:#d7d7d7;
}

.sec-title .seperater:after{
	position:absolute;
	content:'';
	left:10px;
	top:6px;
	width:40px;
	height:2px;
	background-color:#d7d7d7;
}

.sec-title.centered .seperater{
	margin:0 auto;
}

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

/*** 

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

***/

.main-header{
	position:relative;
	z-index:999;
	width:100%;
	border-top:4px solid #fbb908;
}

.main-header .header-top{
	position:relative;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
/***************** Header Top ******************/
.main-header .header-top .top-left{
	position:relative;
	float:left;
}

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

.main-header .header-top .top-left .links li{
	position:relative;
	margin-right:18px;
	padding:9px 0px 10px 0px;
	padding-right:22px;
	display:inline-block;
	border-right:1px solid rgba(0,0,0,0.1);
}

.main-header .header-top .top-left .links li:last-child{
	border-right:none;
}

.main-header .header-top .top-left .links li a{
	position:relative;
	font-size:15px;
	font-weight:400;
	color:#333;
	padding-left:22px;
}

.main-header .header-top .top-left .links li a .icon{
	position:absolute;
	left:0px;
	top:-2px;
	color:#fbb908;
	margin-right:10px;
}
/***************** End Header Top ******************/
.main-header .header-top .top-right:before{
	position:absolute;
	content:'';
    left: -30px;
    top: 0px;
    border-top: 43px solid #222222;
    border-left: 30px solid transparent;
}

.main-header .header-top .top-right{
	position:relative;
	text-align:right;
	padding:10px 0px;
	background-color:#222222;
}

.main-header .header-top .top-right:after{
	position:absolute;
	content:'';
	left:100%;
	top:0px;
	width:4000px;
	height:100%;
	display:block;
	background-color:#222222;
}

.main-header .header-top .top-right .text{
	position:relative;
	color:#ffffff;
	font-size:14px;
	padding-left:5px;
}

/*Language Dropdown*/

.main-header .language{
	position:relative;
	line-height:1em;
	display:inline-block;
}

.main-header .language .flag-icon{
	margin-right:10px;
}

.main-header .language .dropdown-menu{
	top:100%;
	right:0px;
	left:auto;
	width:170px;	
	border-radius:0px;
	margin-top:17px;
	background-color:#222222;
	border:none;
	padding:0px;
    border-top:3px solid #fbb908;
}

.main-header .language > a{
	color:#000000 !important;
	padding:0px 0px;
	background:none !important;
	text-transform:capitalize;
	display:inline-block;
    border:0px;
	font-weight:400;
	font-size:12px;
	line-height:1em;
	
}

.main-header language a:hover{
	background:none;
}

.main-header .language .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.main-header .language .dropdown-menu > li:last-child{
	border-bottom:none;	
}

.main-header .language .dropdown-menu > li > a{
	padding:10px 20px !important;
	color:#ffffff;
	text-align:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .language .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#fbb908;
}









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

.header-top-two .top-right .links{
	position:relative;
	float:left;
	padding:13px 0px;
}

.header-top-two .top-right .links li{
	position:relative;
	font-size:14px;
	color:#ffffff;
	margin-right:28px;
	display:inline-block;
}

.header-top-two .top-right{
	position:relative;
	float:right;
}

.header-top-two .top-right .social-icons{
	position:relative;
	padding:13px 0px;
	float:right;
}

.header-top-two .top-right .social-icons li{
	position:relative;
	margin-left:12px;
	display:inline-block;
}

.header-top-two .top-right .social-icons li:last-child{
	border-right:none;
}

.header-top-two .top-right .social-icons li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.header-top-two .top-right .social-icons li a:hover{
	color:#fbb908;
}

.header-style-two{
	position:relative;
	border-top:none;
	background-color:#ffffff;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.header-style-two .main-box .outer-container{
	padding:0px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .nav-toggler{
	position:absolute;
	top:50%;
	margin-top:0px;
	display: block;
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

.main-header .header-upper{
	position:relative;
	/*margin-bottom:-30px;*/
}

.header-style-four .header-upper .outer-box{
	position:relative;
	float:right;
	color:#ffffff;
	margin-top:10px;
	margin-left:30px;
}

.header-style-four .header-upper .outer-box button{
	color:#ffffff;
	font-size:30px;
}

/*Header Style Five*/

.header-style-five{
	position:absolute;
	border:none;
}

.main-header.header-style-five .header-upper .logo-box{
	margin-top:0px;
}

.header-style-six{
	border:none;
}

.main-header.header-style-six .nav-outer{
	background-color:#444444;
	padding-left:0px;
}

.main-header.header-style-six .nav-outer .outer-btn{
	position:relative;
	right:0px;
	top:0px;
	float:right;
}

.main-header.header-style-six .nav-outer .outer-btn .quote-btn{
	position:relative;
	right:0px;
	top:0px;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	padding:18px 40px;
	display:inline-block;
	background-color:#fbb908;
	text-transform:capitalize;
}

.header-style-six .header-upper{
	background:url(../images/background/12.jpg) repeat;
}

.main-header.header-style-six .info-box{
	padding:75px 0px 45px;
}

.header-style-six .header-upper .info-box.left-info{
	margin-left:0px;
}

.main-header.header-style-six .info-box .inner-box ul li{
	color:#ffffff;
	font-size:18px;
	margin-bottom:4px;
}

.main-header.header-style-six .upper-box .logo-box{
	position: absolute;
    top: 0px;
    left: 50%;
	width:auto;
    margin: 0 auto;
	margin-left:-92px;
    display: inline-block;
    padding: 44px 0px;
}

.main-header.header-style-six .upper-box .search-box-outer{
	margin-right:20px;
	margin-top:17px;
}

.main-header.header-style-six .upper-box .search-box-btn{
	color:#ffffff;
	border-color:#fbb908;
}

.main-header.header-style-six .upper-box .social-icons{
	position:relative;
	float:left;
}

.main-header.header-style-six .upper-box .social-icons li{
	position:relative;
	margin-left:5px;
	padding:13px 0px;
	display:inline-block;
}

.main-header.header-style-six .upper-box .social-icons li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:16px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	background-color:#555555;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
	border-radius:4px 0px 4px 0px;
}

.main-header.header-style-six .upper-box .social-icons li a:hover{
	background-color:#fbb908;
	color:#ffffff;
}

.main-header.header-style-six .main-menu .navigation > li{
	margin-right:0px;
}

.main-header.header-style-six .main-menu .navigation > li:before{
	display:none;
}

.main-header.header-style-six .main-menu .navigation > li > a{
	color:#ffffff;
	font-size:15px;
	padding:15px 30px;
}

.main-header.header-style-six .main-menu .navigation > li:after{
	position:absolute;
	content:'';
	right:0px;
	top:24px;
	width:2px;
	height:12px;
	background-color:#3a3a3a;
}

.main-header.header-style-six .main-menu .navigation > li:hover::after,
.main-header.header-style-six .main-menu .navigation > li.current::after{
	opacity:0;
}

.main-header.header-style-six .main-menu .navigation > li:hover > a,
.main-header.header-style-six .main-menu .navigation > li.current > a{
	background-color:#fbb908;
	color:#ffffff;
}


.main-header .header-upper .upper-right{
	position:relative;
	top:10px;
	padding-top:30px;
}

.main-header .nav-outer{
	position:relative;
	bottom: -30px;
	padding-left:35px;
	background-color:#fbb908;
}

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

.header-style-two .nav-outer{
	margin:0px;
	float:right;
	bottom:auto;
	background-color:inherit !important;
}

.main-header .header-upper .logo-box{
	padding:25px 0px 0px;
}

.main-header .info-box{
	position:relative;
	float:left;
	min-height:56px;
	margin-left:50px;
	font-size:13px;
	color:#777777;
	text-align:left;
	padding:0px 0px 20px 65px;
}

.main-header .info-box:last-child{
	padding-left:0px;
	float:right;
}

.main-header .info-box .icon-box{
	position:absolute;
	width:48px;
	height:48px;
	left:0px;
	top:0px;
	color:#fbb908;
	font-size:24px;
	line-height:46px;
	text-align:center;
	border-radius:50%;
	border:1px solid #2e2e2e;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .info-box > li{
	position:relative;
	line-height:20px;
	color:#777777;
	font-size:16px;
	margin-top:8px;
	font-weight:400;
	text-transform:capitalize;
}

.main-header .info-box strong{
	position:relative;
	font-weight:700;
	color:#3d3e3e;
	font-size:18px;
}

.main-header .info-box .quote-btn{
	position: relative;
    line-height: 24px;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 600;
	padding:14px 38px;
	border-radius:50px;
	background:none;
    text-transform: uppercase;
	border:1px solid #2e2e2e;
}

.main-header .info-box .quote-btn:hover{
	color:#ffffff;
	border-color:#26447b;
	background-color:#26447b;
}

.main-header .info-box .social-nav{
	position:relative;
	margin-top:4px;
}

.main-header .info-box .social-nav li{
	position:relative;
	margin-left:8px;
	display:inline-block;
}

.main-header .info-box .social-nav li a{
	position:relative;
	width:40px;
	height:40px;
	color:#222222;
	line-height:38px;
	font-size:16px;
	text-align:center;
	display:inline-block;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid #222222;
}

.main-header .info-box .social-nav li a:hover{
	color:#fbb908;
	background-color:#222222;
}

.header-style-three{
	position:absolute;
	left:0px;
	top:0px;
}

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

.header-style-three .nav-outer{
	background-color:inherit !important;
	float:right;
	bottom:0px;
	padding-left:0px;
}

.header-style-three .nav-outer .outer-box{
	float:left;
	margin-top:45px;
	margin-left:38px;
}

.header-style-three .nav-outer .outer-box .search-box-outer .search-box-btn{
	color:#ffffff;
	border-radius:0px;
	border-color:#fbb908;
}

/*Header Style Four*/

.header-style-four{
	position:absolute;
	border:none;
}

.header-style-four .header-upper .logo-box{
	margin-top:0px;
}

.header-style-four .info-box:last-child,
.header-style-five .info-box:last-child{
	padding-left:65px;
}

.header-style-four .info-box li,
.header-style-four .info-box strong,
.header-style-five .info-box li,
.header-style-five .info-box strong{
	color:#ffffff;
}

.header-style-four .info-box .icon-box{
	border-color:#ffffff;
}

.header-style-five .header-upper{
	background-color:#222222;
	margin-bottom:0px;
}

.header-style-five .header-upper .auto-container{
	max-width:1800px;
	padding-left:80px;
	padding-right:0px;
}

.main-header.header-style-five .header-upper .logo-box{
	padding:40px 0px;
}

.main-header.header-style-five .header-upper .upper-right{
	padding-top:0px;
	top:0px;
}

.main-header.header-style-five .info-box{
	padding:47px 60px 46px 120px;
	background-color:#333333;
	margin-left:0px;
	min-height:150px;
}

.main-header.header-style-five .info-box:nth-child(2){
	background-color:#444444;
}

.main-header.header-style-five .info-box:nth-child(3){
	background-color:#555555;
}

.main-header.header-style-five .info-box .icon-box{
	left:50px;
	top:45px;
	width:auto;
	height:auto;
	border:none;
	font-size:40px;
}

.main-header.header-style-five .header-lower{
	border-bottom:1px solid rgba(255,255,255,0.60);
}

.main-header.header-style-five .header-lower .auto-container{
	max-width:1800px;
	padding:0px 80px;
}

.main-header.header-style-five .nav-outer{
	bottom:0px;
	padding:0px;
	background:none;
}

.main-header.header-style-five .main-menu .navigation > li{
	margin-right:20px;
}

.main-header.header-style-five .main-menu .navigation > li > a{
	font-size:15px;
	color:#ffffff;
	padding:25px 10px;
}

.main-header.header-style-five .main-menu .navigation > li:before{
	top:auto;
	bottom:-1px;
	background-color:#fbb908;
}

.main-header.header-style-five .outer-box{
	margin-top:30px;
}

.main-header.header-style-five .outer-box .options{
	position:relative;
}

.main-header.header-style-five .outer-box .options > li{
	position:relative;
	float:left;
	line-height:1.4em;
	padding-left:15px;
	margin-left:15px;
	margin-right:0px;
	margin-top:0px;
	display:inline-block;
}

.main-header.header-style-five .outer-box .options li > a{
	font-size:16px;
	color:#ffffff;
}

.main-header.header-style-five .outer-box .options li:nth-child(2){
	border-left:2px solid #ffffff;
}

.main-header.header-style-five .outer-box .options .search-box-btn{
	position:relative;
	width:auto;
	height:auto;
	border:none;
	color:#ffffff;
}

.main-menu{
	position:static;
	float:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

.main-menu .navigation{
	position:static;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:50px;
	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:last-child{
	margin-right:0px;
}

.main-menu .navigation > li:last-child::after{
	display:none;
}

.main-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:4px;
	opacity:0;
	background-color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-two .main-menu .navigation > li:before{
	bottom:42px;
}

.main-header.header-style-two .nav-outer .outer-box{
	float:right;
	margin-top:26px;
	margin-left:30px;
}

.header-style-three{
	border-top:none;
}
.header-style-three:before{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 0;
/*    background-image: -webkit-linear-gradient(-90deg, #ffffff -1%, #f8f9fa 1%, rgb(22 22 22 / 0%) 94%);*/
	background-color: rgb(255 255 255 / 74%);
}

.main-header.header-style-three .nav-outer .outer-box .search-box-outer,
.main-header.header-style-two .nav-outer .outer-box .search-box-outer{
	margin-top:0px;
	margin-right:0px;
}

.main-header.header-style-two .search-box-outer .dropdown-menu{
	top:74px;
}

.main-header .nav-outer .outer-box .search-box-outer{
	margin-right:40px;
	margin-top:12px;
}

.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before,
.header-style-three .main-menu .navigation > li.current:after,
.header-style-three .main-menu .navigation > li:hover:after{
	opacity:1;
}


.sticky-header .main-menu .navigation > li > a,
.header-style-three .sticky-header .main-menu .navigation > li > a{
	padding:29px 0px !important;
	color:#000 !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color: #2279c2 !important;
}

.sticky-header .nav-outer .options-box{
	margin-top:26px;
}

.header-top-three{
	position:relative;
	border-bottom:1px solid rgba(255,255,255,0.15);
}

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

.header-top-three .top-left .links{
	position:relative;
}

.header-top-three .top-left .links li{
	position:relative;
	margin-right:18px;
	padding:13px 0px;
	padding-right:22px;
	display:inline-block;
	border-right:1px solid rgba(255,255,255,0.25);
}

.header-top-three .top-left .links li:last-child{
	border-right:none;
}

.header-top-three .top-left .links li a{
	position:relative;
	font-size:15px;
	font-weight:400;
	color:#ffffff;
	padding-left:24px;
}

.header-top-three .top-left .links li a .icon{
	position:absolute;
	left:0px;
	color:#fbb908;
}

.header-top-three .top-right{
	position:relative;
	float:right;
}

.header-top-three .top-right .social-icons{
	position:relative;
	float:left;
}

.header-top-three .top-right .social-icons li{
	position:relative;
	margin-left:15px;
	padding:13px 0px;
	display:inline-block;
}

.header-top-three .top-right .social-icons li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
}

.header-top-three .top-right .cart-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:16px;
	margin-top:13px;
	background:none;
	margin-left:18px;
	display:inline-block;
}

.header-top-three .top-right .cart-box .cart-box-btn{
	background:none;
	color:#ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.header-top-three .top-right .cart-box .cart-box-btn:hover{
	color:#fbb908;
}


.cart-product{
	position:relative;
	margin-bottom:24px;
	min-height:90px;
	border-bottom:1px solid #e4e4e4;
}

.cart-product .inner{
	position:relative;
	padding-left:90px;
	min-height:70px;
}

.cart-product .inner .cross-icon{
	position:absolute;
	right:0px;
	top:-2px;
	z-index:1;
	color:#263120;
	font-size:16px;
	cursor:pointer;
}

.cart-product .inner .image{
	position:absolute;
	width:70px;
	height:70px;
	left:0px;
	top:0px;
}

.cart-product .inner h3{
	position:relative;
	font-weight:600;
	font-size:15px;
	margin:0px;
	text-transform:uppercase;
}

.cart-product .inner h3 a{
	color:#222222;
}

.cart-product .inner .quantity-text{
	position:relative;
	font-weight:300;
	color:#222222;
}

.cart-product .inner .price{
	position:relative;
	font-weight:600;
	font-size:16px;
	margin:0px;
	color:#222222;
}

.header-top-three .top-right .cart-box .cart-panel{
	border-radius:0px;
	padding:20px 20px;
	min-width:300px;
	margin-top:18px;
	border-color:#e4e4e4;
	border-top:3px solid #fbb908;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
}

.header-top-three .top-right .cart-box .cart-panel .cart-total{
	color:#000000;
	font-size:16px;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
}

.header-top-three .top-right .cart-box .cart-panel .cart-total span{
	font-weight:700;
}

.header-top-three .top-right .cart-box .cart-panel .btns-boxed{
	position:relative;
	text-align:center;
	margin-top:20px;
}

.header-top-three .top-right .cart-box .cart-panel .btns-boxed li{
	position:relative;
	margin:0px 5px;
	display:inline-block;
}

.header-top-three .top-right .cart-box .cart-panel .btns-boxed li a{
	position:relative;
	color:#292929;
	font-weight:500;
	font-size:12px;
	padding:6px 15px;
	display:inline-block;
	border:1px solid #292929;
	text-transform:uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	font-family: 'Montserrat', sans-serif;
}

.header-top-three .top-right .cart-box .cart-panel .btns-boxed li a:hover{
	color:#ffffff;
	background-color:#292929;
}

.header-top-three .top-right .cart-box .icon a{
	color:#999999;
}







/*.header-top-three .top-right .cart-box{
	position:relative;
	float:left;
	font-size:20px;
	padding:13px 0px;
	padding-left:20px;
	margin-left:35px;
	margin-right:10px;
	border-left:1px solid rgba(255,255,255,0.25);
}

.header-top-three .top-right .cart-box a{
	position:relative;
	color:#ffffff;
}*/

.header-top-three .top-right .cart-box .total-cart{
	position:absolute;
	width:15px;
	height:15px;
	color:#222222;
	font-weight:700;
	font-size:10px;
	border-radius:50%;
	text-align:center;
	line-height:14px;
	background-color:#fbb908;
}

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

.header-style-three .main-menu .navigation > li > a{
	padding:28px 0px;
	color:#000;
}

.header-style-three .main-menu .navigation > li:before{
	position:absolute;
	content:'';
	left:0px;
	top:auto;
	bottom:28px;
	width:75%;
	height:3px;
	background-color: #2279c2;
}
/*
.header-style-three .main-menu .navigation > li:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:22px;
	width:100%;
	height:3px;
	opacity:0;
	background-color:#fbb908;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
*/
/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
	z-index:0;
	border-bottom:1px solid #e6e6e6;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

.sticky-header{
	z-index:999999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 1ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#222222;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:0px;
	opacity:1;
	font-weight:700;
	padding:15px 0px;
	font-size:16px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-two .main-box .logo-box{
	padding:35px 0px;
	margin-top:-50px;
	padding-right:20px;
	background-color:#fbb908;
}

.header-style-two .main-box .logo-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	height:100%;
	z-index:-1;
	width:50000px;
	background-color:#fbb908;
}

.header-style-two .main-box .logo-box:after{
	position:absolute;
	content:'';
	right:-110px;
	top:0px;
	border-top: 141px solid #fbb908;
	border-right: 110px solid transparent;
}

.header-style-two .main-menu .navigation > li:before{
	display:none;
}

.header-style-two .sticky-header .main-menu .navigation > li{
	margin-right:0px;
}

.header-style-two .main-menu .navigation > li > a{
	padding:30px 0px;
	font-size:15px;
}

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a{
	color:#fbb908;
}

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

.sticky-header .main-menu .navigation > li{
	position:relative;
	margin-left:50px;
	margin-right:0px !important;
}

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

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a{
	opacity:1;
	color: #2279c2;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
	width:100%;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:120%;
	width:250px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:3px solid #2279c2;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms 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%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	text-transform:capitalize;
	color:#272727;
	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:#ffffff;
	background:#004681;	
}

.main-menu .navigation li.dropdown:after{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:-16px;
	top:32px;
	width:10px;
	height:20px;
	display:block;
	color:#000;
	line-height:20px;
	font-size:20px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.sticky-header .main-menu .navigation li.dropdown:after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: -16px;
    top: 33px;
    width: 10px;
    height: 20px;
    display: block;
    color: #000;
    line-height: 20px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:20px;
	width:250px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:3px solid #fbb908;
	-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.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.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:10px 15px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	text-transform:capitalize;
	color:#272727;
	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:hover > a{
	color:#ffffff;
	background:#2c2c2c;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

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

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:25px;
	height:22px;
	text-align:center;
	color:#ffffff;
	line-height:20px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .options-box{
	position:relative;
	float:left;
	margin-top:42px;
	right:0px;
	margin-left:0px;
}

.main-header .options-box .options-nav{
	position:relative;
}

.main-header .options-box .options-nav > li{
	position:relative;
	color:#ffffff;
	font-size:22px;
	margin-left:28px;
	display:inline-block;
}

.main-header .options-box .options-nav li.menu-btn{
	cursor:pointer;
}

.main-header .options-box .options-nav > li > a{
	position:relative;
	color:#ffffff;
}

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

.main-header .header-lower .outer-box .advisor-box{
	position:relative;
	float:left;
}

.main-header .header-lower .outer-box .advisor-box .advisor-btn{
	position:relative;
	color:#fbb908;
	font-size:17px;
	font-weight:700;
	line-height:24px;
	padding:18px 25px 18px 25px;
	background-color:#222222;
	-webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	text-transform:uppercase;
}

.main-header .header-lower .outer-box .advisor-box .advisor-btn:before{
	position: absolute;
    content: '';
    left: -28px;
    top: 0px;
    border-top: 60px solid #222222;
    border-left: 28px solid transparent;
}

.search-box-outer{
	position: relative;
	float:left;
	margin-top:13px;
	margin-right:40px;
}

.main-header .search-box-btn{
	position:relative;
	float:left;
	width:35px;
	height:35px;
	display:block;
	font-size:14px;
	color:#222222;
	padding:0px;
	margin:0px;
	cursor:pointer;
	background:none;
	border-radius:50%;
	border:1px dashed #222222;
	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-header .search-box-btn:after{
	display:none;
}

.main-header .search-box-outer .dropdown-menu{
	top:63px !important;
	right:0px;
	padding:0px;
	width:280px;	
	left: auto !important;
	border-radius:0px;
	border-top:3px solid #e6cc7e;
	transform: translate3d(0px, 0px, 0px) !important;
}

.sticky-header .search-box-outer .dropdown-menu{
	top:40px;
}

.main-header .search-box-outer .dropdown-menu > li{
	padding:0px;
	border:none;
	background:none;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	color:#000000;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#fbb908;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#fbb908;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}


/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
	position:static;
}

.header-style-two .main-menu .navigation > li.has-mega-menu > a:after,
.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after{
	display:none;	
}

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	right: 0;
	margin: auto;
	width:100%;
	max-width: 1170px;
	background-color: #ffffff;
    padding: 45px 40px 30px 45px;
    top: 100%;
	z-index:100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	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:hover > .mega-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
	position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3{
	position:relative;
	color:#020e28;
	font-size:20px;
	font-weight:500;
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

.main-menu .navigation > li .mega-menu-bar > ul{
	position:relative;

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f2f2f2;
	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 .mega-menu-bar .column{
	position:relative;
	margin-bottom:10px;
}

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

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	line-height:20px;
	font-weight:400;
	font-size:14px;
	color:#848484;
	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;
	font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
	color:#ffffff;
	background:#2c2c2c;
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider{
	position:relative;
	z-index:10;
}

.main-slider .play-btn{
	font-size:64px;
	line-height:1em;
}

.main-slider .play-btn a{
	color:#fbb908;
}

.main-slider .tp-caption{
	z-index:5 !important;
}

.main-slider .tp-dottedoverlay{
	background:rgba(0,0,0,0.40) !important;	
}

.main-slider .tparrows.gyges{
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:50%;
	background-color:rgba(255,255,255,0.20);
}

.main-slider .tparrows.gyges:before{
	line-height:60px;
}

.main-slider .tparrows.gyges:hover{
	color:#333333 !important;
	background-color:#333333;
}

.main-slider .title{
	position:relative;
	font-size:30px;
	color:#ffffff;
	font-weight:800;
	line-height:1.5em;
	text-transform:uppercase;
	text-shadow:2px 4px 6px rgba(0,0,0,0.80);
}

.main-slider .title.title-two{
	font-weight:700;
	font-size:48px;
	color:#fbb908;
	text-transform:capitalize;
}

.main-slider h2{
	font-size:54px;
	color:#ffffff;
	font-weight:700;
	line-height:1.3em;
	text-transform:uppercase;
	text-shadow:2px 6px 5px rgba(0,0,0,0.80);
}

.main-slider h3{
	font-size:36px;
	color:#fbb908;
	font-weight:400;
	line-height:1.3em;
}

.main-slider .text{
	position:relative;
	font-weight:400;
	line-height:2em;
	color:#ffffff;
	font-size:16px;
}

.main-slider .border-layer{
	border:5px solid rgba(255,255,255,0.8);
	border-top:none;
	height:180px;
	z-index:-1;
}

.main-slider .text.alternate{
	text-align:right !important;
}

.main-slider .text.text-center{
	text-align:center !important;
}

.main-slider .btns-boxed .theme-btn{
	margin-right:0px;
	margin-left:20px;
	z-index:10;
}

.main-slider .theme-btn{
	margin-right:20px;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3{
	background:none !important;
	overflow:hidden;
	height:90px;
}

.main-slider.alternate .tparrows.preview3{
	margin-top:30px !important;
	height:50px;	
}

.main-slider .contact-number{
	position:absolute;
	width:100%;
	bottom:40px;
	display:block;
	z-index:20;
	color:#ffffff;
	font-size:15px;
	text-align:center;
}

.main-slider .contact-number .icon{
	position:relative;
	display:block;
	margin-bottom:15px;
	color:#fbb908;
	font-size:30px;
}

.main-slider .tparrows.preview3::after{
	top:0px;
	color:#101010;
	font-size:26px;
	padding:0px;
	background:rgba(255,255,255,0.70);
	font-weight:400;
	width:36px;
	height:90px;
	line-height:90px;
	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-slider .tparrows.tp-leftarrow.preview3::after{
	content: '\f104';
	font-family:'FontAwesome';
}

.main-slider .tparrows.tp-rightarrow.preview3::after{
	content: '\f105';
	font-family:'FontAwesome';
}

.main-slider .tparrows.preview3:hover::after{
	background:rgba(255,255,255,1);
}

.main-slider .tparrows.preview3.tp-leftarrow{
	left:0px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow{
	right:-36px !important;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper{
	visibility:hidden;
	opacity:0;
	display:none;	
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
	display:none !important;	
}

.main-slider .mouse-btn-down{
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:40px;
	width:30px;
	height:70px;
	cursor:pointer;
	display:block;
	animation: fadeInDown 2s infinite;
	-moz-animation: fadeInDown 2s infinite;
	-ms-animation: fadeInDown 2s infinite;
	-o-animation: fadeInDown 2s infinite;
	-webkit-animation: fadeInDown 2s infinite;
	background:url(../images/icons/scroll-icon.png) center center no-repeat;
	z-index:20;
}


/*Error Section*/

.error-section{
	position:relative;
	padding:180px 0px 180px;
	background-repeat:no-repeat;
	background-size:cover;
}

.error-section .content{
	position:relative;
	text-align:center;
}

.error-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(26,26,32,0.70);
}

.error-section h1{
	position:relative;
	color:#fbb908;
	font-size:180px;
	font-weight:600;
	line-height:1em;
	margin-bottom:10px;
}

.error-section h2{
	position:relative;
	color:#ffffff;
	font-size:50px;
	font-weight:300;
	line-height:1.2em;
	margin-bottom:10px;
}

.error-section .text{
	position:relative;
	color:#ffffff;
	font-size:20px;
	font-weight:300;
	margin-top:20px;
	margin-bottom:30px;
}

/*karthika*/

.des_view{
	display: block;
}
.mb-view{
	display: none;
}
.mr-5 {
    margin-right: 5px
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pt-55 {
    padding-top: 55px
}

.pt-60 {
    padding-top: 60px
}

.pb-5 {
    padding-bottom: 5px!important
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px!important
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-55 {
    padding-bottom: 55px
}

.pb-60 {
    padding-bottom: 60px
}
.pb-166 {
    padding-bottom: 166px
}
.pl-94{
	padding-left: 94px!important;
}

.title h1{
	font-size: 30px;
	color: #000;
	font-weight: 600;
	text-transform: capitalize;
}
.title h2{
	font-size: 25px;
	color: #000;
	font-weight: 600;
}
.title h3{
	font-size: 16px;
	color: #1c8200;
	font-weight: 800;
}
.clr-fff{
	color: #fff!important;
}
.just-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.align-center{
	display: flex;
	align-items: center;
}
.center1{
	display: flex;
	justify-content: center;
}

/*about seg*/
.about-section{
	position:relative;
	padding:40px 0px;
}

.about-section .content-column{
	position:relative;
/*	margin-bottom:40px;*/
}

.about-section .content-column .inner-column{
	position:relative;
	/*padding-top:50px;
	padding-right:100px;*/
}

.about-section .content-column .text{
	position:relative;
	color:#777777;
	font-size:15px;
	line-height:2em;
	margin-bottom:40px;
}

.about-section .image-column{
	position:relative;
/*	margin-bottom:50px;*/
}

.about-section .image-column .inner-column{
	position:relative;
	/*padding:40px 40px 0px 0px;
	margin-left:50px;*/
}

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

.about-section .image-column .inner-column .image:before{
	position:absolute;
	content:'';
	left:-50px;
	bottom:-50px;
	width:299px;
	height:299px;
	background:url(img/pattern-2.png) no-repeat;
}

.about-section .image-column .inner-column .image img{
	position:relative;
/*	width:100%;*/
	display:block;
}

.about-section .image-column .inner-column .image .overlay-box{
	position:absolute;
	left:40px;
	bottom:48px;
}

.about-section .image-column .inner-column .image .overlay-box .year-box{
	position:relative;
	color:#000;
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	padding-left:125px;
}

.about-section .image-column .inner-column .image .overlay-box .year-box .number{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
	color:#1c8200;
	font-size:68px;
	font-weight:700;
	line-height:105px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #000000;
}

.btn-style-1:hover {
    color: #fff;
    background: #ec0b14;
    border: 2px solid #08356f;
}
.btn-style-1{
    position: relative;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: none;
    display: inline-block;
    padding: 11px 24px;
    background-color: #1c8200;
    text-transform: capitalize;
    border: 2px solid #2279c2;
    font-family: 'Arimo', sans-serif;
    border-radius: 28px;
}
/*** 

====================================================================
	Fact Counter style
====================================================================

***/

.fact-counter-section{
	position:relative;
	width: 100%;
	background-size: cover;
	background-position: center;
	padding:50px 0px 45px 0px;
	background-color:#3d4a66;
	background-repeat:no-repeat;
}

.fact-counter-section .outer-image{
	position:absolute;
	left:0px;
	bottom:-100px;
}

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	z-index:5;
/*	margin-bottom:30px;*/
	width: 50%;
}

.fact-counter .column .inner{
	position:relative;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .count-outer{
	position:relative;
	font-size:36px;
	line-height:1em;
	font-weight:500;
	margin:0px 0px;
}

.fact-counter .count-outer .icon{
	position:relative;
	width:70px;
	height:70px;
	color:#fbb908;
	display:block;
	font-size:36px;
	text-align:center;
	margin:0 auto;
	line-height:66px;
	margin-bottom:35px;
	border:1px dashed white;
	border-radius: 20px;
}

.fact-counter .count-outer .count-text{
	position:relative;
	font-weight:700;
	color: white;
	font-size:40px;
}
.fact-counter .count-outer .text {
    position: relative;
    font-weight: 700;
    color: white;
    font-size: 40px;
    margin-left: -6px;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:19px;
	font-weight:600;
	color: white;
	margin-top:10px;
/*	text-transform:uppercase;*/
	display:block;
/*	letter-spacing:1px;*/
}

/*footer*/

.main-footer{
	position:relative;
	padding:30px 0px 0px;
}

.main-footer .footer-widget{
	position:relative;
/*	margin-bottom:40px;*/
}

.main-footer .widgets-section{
	position:relative;
	padding-bottom:20px!important;
}

.pull-rights {
    float: right;
}

.pull-left {
    float: left;
    /*padding-bottom: 10px;*/
}

.main-footer .footer-widget h2{
	position:relative;
	font-size:16px;
	font-weight:600;
	color:#ffffff;
	line-height:1.2em;
	margin-bottom:40px;
	margin-top:25px;
	text-transform:capitalize;
}

.main-footer .logo-widget{
	position:relative;
}

.main-footer .logo-widget .logo{
	position:relative;
	margin-bottom:20px!important;
}
.main-footer .logo{
	position:relative;
	margin-bottom:15px!important;
}

.main-footer .logo-widget .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.9em;
}
footer .footer-bottom{
	position:relative;
	padding:20px 0px;
	background-color:rgba(255,255,255,0.10);
}

footer .footer-bottom .copyright{
	position:relative;
	color:#ffffff;
	font-size:16px;
}

footer .footer-nav{
	position:relative;
	text-align:center;
}

footer .footer-nav li{
	position:relative;
	padding-left:20px;
	margin-left:20px;
	line-height:1.2em;
	display:inline-block;
	border-left:2px solid rgba(255,255,255,0.40);
}

footer .footer-nav li:first-child{
	border:none;
}

footer .footer-nav li a{
	position:relative;
	font-size:16px;
	text-transform:capitalize;
	color:rgba(255,255,255,0.90);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-weight: 600;
}

footer .footer-nav li a:hover{
	color:#ed1f28;
}

.social-icon-two{
	position:relative;
	margin-top:20px;
}

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

.social-icon-two li.follow{
	color:#fbb908;
	font-weight:600;
	font-size:24px;
	font-family: 'Raleway', sans-serif;
}

.social-icon-two li a{
	position:relative;
	font-size:16px;
	color:#cccccc;
	-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-two li a:hover{
	color:#fbb908;
}

/** award-section **/

.award-section{
  position: relative;
  padding: 10px 0px 10px 0px;
}

/*service section*/
.ttm-row.services-section {
    padding: 24px 0;
}
.featured-imagebox-portfolio.style2 {
    z-index: 1;
    background-color: #fff;
    overflow: visible
}

.featured-imagebox-portfolio.style2:before {
    content: "";
    position: absolute;
    z-index: 1;
/*    background-color: rgba(0,0,0,.6);*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.featured-imagebox-portfolio.style2 .featured-icon .ttm-icon {
    margin-bottom: 15px
}
.featured-imagebox-portfolio.style2 .featured-icon .ttm-icon span{
    font-size: 50px;
}

.featured-imagebox-portfolio.style2.active:before {
    opacity: 1;
    backface-visibility: visible
}

.featured-imagebox-portfolio.style2:hover:before {
    opacity: 1;
    backface-visibility: visible
}

.featured-imagebox-portfolio.style2 .featured-thumbnail {
    opacity: 0
}

.featured-imagebox-portfolio.style2.active .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style2:hover .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style2 .featured-thumbnail img {
    width: calc(100% + 10px);
    max-width: none;
    height: 290px;
    opacity: 0;
    backface-backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: unset
}

.featured-imagebox-portfolio.style2.active .featured-thumbnail img {
    opacity: 1
}

.featured-imagebox-portfolio.style2:hover .featured-thumbnail img {
    opacity: 1
}

.featured-imagebox-portfolio.style2 .featured-content {
    position: relative;
    background-color: #fff;
    padding: 47px 39px 7px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    border: 1px solid #004681;
}

.featured-imagebox-portfolio.style2 .featured-content:before {
    position: absolute;
    top: -11px;
    left: -11px;
    content: "";
    transform: rotate(0);
    -webkit-transform: rotate(0);
    border: solid;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    -webkit-transition: all .9s ease-out;
    -moz-transition: all .9s ease-out;
    transition: all .9s ease-out;
    border-color: #1c8200e8;
    z-index: 9
}

.featured-imagebox-portfolio.style2 .featured-content:after {
    position: absolute;
    bottom: -11px;
    right: -11px;
    content: "";
    transform: rotate(0);
    -webkit-transform: rotate(0);
    border: solid;
    border-width: 1px 0 0 1px;
    display: inline-block;
    padding: 5px;
    -webkit-transition: all .9s ease-out;
    -moz-transition: all .9s ease-out;
    transition: all .9s ease-out;
    border-color: #1c8200e8;
}

.featured-imagebox-portfolio.style2:hover .featured-content:before {
    left: 100%;
    transform: rotate(90deg)
}

.featured-imagebox-portfolio.style2:hover .featured-content:after {
    right: 100%;
    transform: rotate(90deg)
}

.featured-imagebox-portfolio.style2.active .featured-content,.featured-imagebox-portfolio.style2:hover .featured-content {
    color: #000;
    background-color: unset;
    z-index: 2
}

.featured-imagebox-portfolio.style2 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover {
    background-color: unset
}

.featured-imagebox-portfolio.style2.active .featured-title h2,.featured-imagebox-portfolio.style2:hover .featured-title h2{
    color: #000
}

.featured-imagebox-portfolio.style2 .featured-content .featured-icon i {
    display: inline-block;
    transition: all .5s ease
}

.featured-imagebox-portfolio.style2:hover .featured-content .featured-icon i {
    transform: rotateY(180deg)
}

.featured-imagebox-portfolio.style2 .featured-title {
    padding-bottom: 15px
}

.featured-imagebox-portfolio.style2 .featured-title h2 {
    margin-bottom: 0
}

.featured-imagebox-portfolio.style2 .featured-desc {
    margin-bottom: 35px
}

.featured-imagebox-portfolio.style2 .featured-desc p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.featured-imagebox-portfolio.style2.active .featured-desc p ,.featured-imagebox-portfolio.style2:hover .featured-desc p {
    color: #000
}
.featured-imagebox {
    margin: 15px 0;
}
/*.featured-imagebox, .featured-imagebox .featured-thumbnail {
    position: relative;
    overflow: hidden;
}*/

/*zero padding section*/
.ttm-row.zero_padding-section {
    padding: 0 0
}
.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.spacing-7 {
    padding: 190px 70px 185px 0;
}
.z-index-2 {
    z-index: 2;
}

.ttm-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.layer-content {
    position: relative;
    z-index: 1;
}
.row.ttm-boxes-spacing-20px, .ttm-boxes-spacing-20px {
    margin: 0 1px;
}
.ttm-boxes-spacing-20px .ttm-box-col-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
}
.featured-icon-box.style3 {
    text-align: center;
    padding: 30px 16px 30px;
    box-shadow: none;
    margin: 21px 0 0;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #f7f7f7;
    border-bottom: 4px solid #004680;
}

/*.featured-icon-box.style3:hover:before {
    transform: scaleX(1)
}*/

.featured-icon-box.style3:hover .featured-icon i {
    transform: rotateY(180deg)
}

.featured-icon-box.style3 .featured-icon i {
    font-size: 45px;
    color: #1c8200;
}

.featured-icon-box.style3 .featured-content {
    padding-top: 1px
}

.featured-icon-box.style3 .featured-title h3 {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0;
    color: #000;
}

.featured-icon-box.style3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #1c8200;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transform: scaleX(0);
}
.featured-icon-box .ttm-icon {
    margin-bottom: 0;
}
.ttm-icon.ttm-icon_element-onlytxt {
    height: auto;
    width: auto;
    line-height: 1;
}
.featured-icon-box.style3 .featured-content {
    padding-top: 1px;
}
.featured-icon-box.icon-align-top-content .featured-content {
    padding-top: 15px;
}
.bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.ttm-right-span>.ttm-col-wrapper-bg-layer {
    width: auto;
    margin-right: -100px;
    right: 0;
}
.ttm-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.ttm-equal-height-image {
    display: none;
}
.featured-icon-box {
    position: relative;
}
.col-bg-img-four.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {
    background-image: url(../../image-magna/images/img-6.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* top service section */
.featured-imagebox {
    margin: 15px 0;
}
.featured-imagebox, .featured-imagebox .featured-thumbnail  {
    position: relative;
    overflow: hidden;
}
.featured-imagebox .featured-thumbnail img {
    width: 100%;
    transition: transform .5s ease-in-out;
}
/*.featured-imagebox-services.style1 .featured-thumbnail a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background-color: #252525;
    color: #fff;
}*/
.featured-imagebox-services.style1 .featured-content {
    padding: 25px 25px 0 0;
}
.featured-imagebox-services.style1 .featured-content .featured-title h3:before {
    display: block;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #e16523;
}
.featured-imagebox-services.style1 .featured-content .featured-title h3 {
    font-size: 20px;
    line-height: 32px;
    padding-left: 25px;
    text-transform: capitalize;
}
.featured-imagebox .featured-content .featured-title h3 {
    position: relative;
    overflow: hidden;
}
.three-item-carousel .owl-nav{
	padding-top: 45px;
}
.three-item-carousel .owl-nav .owl-prev{
  position: absolute;
/*  top: 50%;*/
  transform: translateY(-50%);
  display: inline-block;
  height: 40px;
  width: 38px;
  line-height: 40px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  background: #004681;
  border-radius: 5px;
  transition: all 500ms ease;
  cursor: pointer;
  left: 45%;
}
.three-item-carousel .owl-nav .owl-next{
  position: absolute;
/*  top: 50%;*/
  transform: translateY(-50%);
  display: inline-block;
  height: 40px;
  width: 38px;
  line-height: 40px;
  text-align: center;
  font-size: 23px;
  color: #fff;
  background: #004681;
  border-radius: 5px;
  transition: all 500ms ease;
  cursor: pointer;
  left: 50%;
}
.gallery .owl-nav .owl-prev{
  left: 0px;
}

.gallery .owl-nav .owl-next{
  right: 0px;
}

.gallery .owl-nav .owl-prev:hover,
.gallery .owl-nav .owl-next:hover{
  background: #fff;
  color: #4527a4;
}

/*gallery*/

.gallery-section{
	position:relative;
	padding:40px 0px 30px;
}

.gallery-section .filters{
	position:relative;
	margin-bottom:48px;
	text-align:center;
}

.gallery-section .filters .filter-tabs{
	position:relative;
}

.gallery-section .filters li{
	position: relative;
    display: inline-block;
    color: #000;
	padding:10px 20px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
/*	margin:0px 15px 0px;*/
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover{
   	color: #ffffff;
    background: #004681;
    padding: 10px 20px;
    border-radius: 30px;
}

.gallery-section .btn-box{
	position:relative;
	margin-top:30px;
}

.case-block.mix{
	display:none;
}
.case-block {
    position: relative;
    margin-bottom: 30px;
}

/*sub banner*/
.ttm-page-title-row {
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}
.ttm-page-title-row-inner {
    width: 100%;
    margin-top: 93px;
    padding: 120px 0px 100px;
    text-align: center;
    background-color: rgba(0, 0, 0, .47);
}
.page-title-heading h2 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 32px;
    line-height: 59px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: black 9px 2px 9px;
}

/*about 2nd seg*/

.ttm-bgcolor-darkgrey>.ttm-bg-layer {
	background: linear-gradient(135deg, #bbdee5b8 0%, #cddbef 100%);
/*	background: linear-gradient(135deg, #00240d 0%, #12d535 100%);*/
/*	background-image: url(../../image-magna/images/bg-img.jpg);*/
}
.col-bg-img-one.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {
    background-image: url(../../image-magna/images/about/about-3.jpg);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.mr_400 {
    margin-right: -400px;
}
.mt-40 {
    margin-top: 40px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
/*    overflow: hidden;*/
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
/*    display: none;*/
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}
.featured-imagebox-portfolio.style1 {
    z-index: 1;
    background-color: #fff;
    margin: 0 0 15px;
    border-right: 1px solid rgb(28 130 0 / 81%);
    height: 400px;
}

.featured-imagebox-portfolio.style1:before {
    content: "";
    position: absolute;
    z-index: 1;
/*    background-color: rgba(0,0,0,.6);*/
    top: 0;
    bottom: -5px;
    left: 0;
    right: 0;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.featured-imagebox-portfolio.style1.active:before {
    opacity: 1;
    backface-visibility: visible
}

.featured-imagebox-portfolio.style1:hover:before {
    opacity: 1;
    backface-visibility: visible
}

.featured-imagebox-portfolio.style1 .featured-thumbnail {
    opacity: 0
}

.featured-imagebox-portfolio.style1.active .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style1:hover .featured-thumbnail {
    opacity: 1
}

.featured-imagebox-portfolio.style1 .featured-thumbnail img {
    width: calc(100% + 10px);
    max-width: none;
    height: 380px;
    opacity: 0;
    backface-backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: unset
}

.featured-imagebox-portfolio.style1.active .featured-thumbnail img {
    opacity: 1;
    backface-backface-visibility: visible;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.featured-imagebox-portfolio.style1:hover .featured-thumbnail img {
    opacity: 1;
    backface-backface-visibility: visible;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.featured-imagebox-portfolio.style1 .featured-content {
   	position: relative;
    background-color: #fff;
    padding: 34px 35px 35px 35px;
    left: 0;
    right: 0;
    top: 0
}

.featured-imagebox-portfolio.style1.active .featured-content,.featured-imagebox-portfolio.style1:hover .featured-content {
    color: #000;
    background-color: unset;
    z-index: 2
}

.featured-imagebox-portfolio.style1 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover {
    background-color: unset
}

.featured-imagebox-portfolio.style1.active .featured-title h3 a,.featured-imagebox-portfolio.style1:hover .featured-title h3 a {
    color: #000
}

.featured-imagebox-portfolio.style1 .featured-content .featured-icon i {
    display: inline-block;
    transition: all .5s ease
}

.featured-imagebox-portfolio.style1:hover .featured-content .featured-icon i {
    transform: rotateY(180deg)
}

.featured-imagebox-portfolio.style1 .featured-title {
    padding-bottom: 12px
}

.featured-imagebox-portfolio.style1 .featured-title h3 {
    margin-bottom: 0
}

.featured-imagebox-portfolio.style1 .featured-desc {
    margin-bottom: 18px
}

.featured-imagebox-portfolio.style1 .featured-desc p {
/*    overflow: hidden;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
/*    -webkit-line-clamp: 3;*/
    -webkit-box-orient: vertical;
}
.featured-imagebox:hover {
    color: #000;
}

.featured-imagebox-portfolio.style1 .ttm-footer .ttm-btn.ttm-btn-color-white:hover,.featured-imagebox-portfolio.style4 .ttm-footer .ttm-btn.ttm-btn-color-white:hover {
    background-color: transparent
}
.spacing-1 {
    margin-top: 70px;
    padding: 92px 0 55px 0;
}
.featured-imagebox:hover .featured-desc p{
	color: #000;
}
.ttm-left-span>.ttm-col-wrapper-bg-layer {
    width: auto;
    margin-left: -500px;
    right: 0;
}

.ttm-bg-layer, .ttm-col-wrapper-bg-layer-inner, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.featured-imagebox-portfolio.style1 .featured-icon span {
    font-size: 50px;
}
.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {
    height: 100%;
}
.spacing-2 {
    margin-left: -200px;
}
.ttm-col-bgimage-yes {
    z-index: 1;
}
.ttm-bg {
    position: relative;
}


/*why section*/

.ttm-row.procedure-section {
    padding: 90px 0 20px;
}
.featured-icon-box.style4 {
    text-align: center;
    margin: 20px 0 15px
}

.featured-icon-box.style4 .featured-icon {
    position: relative;
    transition: all .5s ease
}

.featured-icon-box.style4:hover .featured-icon {
    transform: translateY(-10px)
}

.featured-icon-box.style4 .featured-icon .ttm-icon {
    position: relative;
    font-size: 56px;
    line-height: 167px;
    height: 150px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    border: 1px dashed;
    border-radius: 50%;
    color: #004681;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .5s ease-in-out
}

.featured-icon-box.style4:hover .featured-icon .ttm-icon {
    background-color: #f7f7f7;
    border-color: #1c8200
}

.featured-icon-box.style4:hover .featured-icon .ttm-icon i {
    color: #cda274
}

.featured-icon-box.style4 .featured-icon .ttm-icon i {
    font-size: 56px;
    color: rgba(24,24,24,.59)
}

.featured-icon-box.style4 .ttm-num {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 500;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 47px;
    border: 1px dashed;
    background-color: #fff;
    text-align: center
}

.featured-icon-box.style4 .featured-content {
    padding: 23px 15px 0
}
.featured-title h3 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}

/*faq*/
/*** 

====================================================================
	Faq Section
====================================================================

***/

.faq-section{
	position:relative;
/*	padding:30px 0px 30px;*/
}

.faq-section .image-column{
	position:relative;
}

.faq-section .image-column .image{
	position:relative;
	text-align:center;
}

.faq-section .image-column .image img{
	position:relative;
	max-width:100%;
	display:inline-block;
}

.faq-section .content-column{
	position:relative;
}

.faq-section .content-column .inner-column{
	position:relative;
}

.faq-section .content-column .sec-title{
	margin-bottom:25px;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
    margin-bottom:20px;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	cursor:pointer;
	line-height:30px;
	color:#000000;
	font-weight:700;
	border-radius:50px;
	background-color:#f4f4f4;
	padding:10px 45px 10px 40px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	border:1px solid #cccccc;
}

.accordion-box .block .acc-btn.active{
	background-color:#fbb908;
	border-color:#2279c2;
}
.accordion-box .block .icon-outer .icon-minus{
	color: #fff;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:15px;
	top:10px;
	font-size:18px;
	color: #242424;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
	right:0px;
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.accordion-box .block .icon-outer .icon-plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
	opacity:0;
	font-weight:300;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
	opacity:1;
	background:none;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
	opacity:0;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	padding-bottom:6px;
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	padding:20px 20px 10px 20px;
}

.accordion-box .block .content .text{
	margin-bottom:0px;
	line-height:1.8em;
	font-size:16px;	
	color:#000;
	text-align: justify;
}

.accordion-box .block .content p:last-child{
	margin-bottom:0px;	
}
.ttm-fid-view-circle-progress .ttm-circle-content {
    position: relative;
    text-align: center
}
.ttm-circle-boxcontent {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -khtml-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%)
}

.ttm-fid-view-circle-progress .ttm-fid-number,.ttm-fid-view-circle-progress .ttm-fid-number sub,.ttm-fid-view-circle-progress .ttm-fid-number sup {
    font-size: 26px;
    color: #232323
}

.ttm-fid-view-circle-progress .ttm-fid-title {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
   	text-align: center;
    padding-top: 8px;
    letter-spacing: .5px;
/*    left: 18%;*/
}
@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 7rem;
  --fg: #1c8200	;
  --bg: #000;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
    radial-gradient(closest-side, white 80%, transparent 0 100.9%, white 0),
    conic-gradient(#004681 calc(var(--pgPercentage) * 1%), #aaaaaa 0)
    ;
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--bg);
}

div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
/*  content: counter(percentage) '%';*/
}

/*touch panel */

.ttm-row.about-section_1 {
    padding: 100px 0 90px;
}
.mr_120 {
    margin-right: -120px;
}
.mt_52 {
    margin-top: -52px;
}
.ml_115 {
    margin-left: -115px;
}
.spacing-15 {
    padding: 48px 36px 48px 35px;
    margin: 100px -20px 100px;
}
.position-relative {
    position: relative !important;
}
.ttm-bgcolor-grey{
	background-color: #f0f4f9
}
.z-index-1 {
    z-index: 1;
}

/*testimonial*/
.default-section .testimonial-column{
	position:relative;
	margin-bottom:40px;
}

.default-section .testimonial-column .owl-carousel .owl-stage-outer{
	padding-top:90px;
}

.testimonial-block-two{
	position:relative;
}

.testimonial-block-two .inner-box{
	position:relative;
	text-align:center;
	padding-top: 20%;
	padding-bottom:35px;
	padding-left:35px;
	padding-right:35px;
	border:2px solid #f6f6f6;
}

.testimonial-block-two .inner-box .image{
	position:relative;
	margin:0 auto;
	width:141px;
	margin-top:-92px;
}

.testimonial-block-two .inner-box h3{
	position:relative;
	color:#1a1d1f;
	font-size:20px;
	font-weight:700;
	margin-top:20px;
	margin-bottom:10px;
}

.testimonial-block-two .inner-box .quote-icon{
	position:relative;
}

.testimonial-block-two .inner-box .quote-icon .icon img{
	position:relative;
	width:auto;
	margin:0 auto;
	display:none;
}

.testimonial-block-two .inner-box .text{
	position:relative;
	color:#000;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:12px;
}

.testimonial-block-two .inner-box .rating{
	position:relative;
	color:#fbb908;
	font-size:16px;
	margin-bottom:6px;
}

.testimonial-block-two .inner-box .post-date{
	position:relative;
	color:#666666;
	font-size:16px;
}

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

.testimonial-column .owl-nav{
	position:absolute;
	left:50%;
	top:35px;
	max-width:270px;
	width:100%;
	margin-left:-135px;
}

.testimonial-column .owl-nav .owl-prev,
.testimonial-column .owl-nav .owl-next{
	position:absolute;
	font-size:24px;
	color:#1a1d1f;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.testimonial-column .owl-nav .owl-prev .fa::before{
	content: '\f177';
	font-family: 'FontAwesome';
}

.testimonial-column .owl-nav .owl-next .fa::before{
	content: '\f178';
	font-family: 'FontAwesome';
}

.testimonial-column .owl-nav .owl-next{
	right:0px;
}

.testimonial-column .owl-nav .owl-prev:hover,
.testimonial-column .owl-nav .owl-next:hover{
	color:#128c35;
}
.testimonial-column .owl-nav {
    position: absolute;
    left: 24%;
    top: 40%;
    max-width: 89%;
    width: 100%;
    margin-left: -135px;
}

/*enquiry*/

.backimg{
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../../image-magna/images/enquiry/enquiry.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    margin-top: 93px;
}
.padding1 h2{
    color: #fff;
    text-align: center;
    text-shadow: black 9px 2px 9px;
    font-weight: 600;
}
.pt-100 {
    padding-top: 8%;
    padding-bottom: 10%;
}
.form-group input{
    border-radius: 20px;
}
.form-group textarea{
    border-radius: 20px;
    background-color: #f4f4f4;
}
label {
    display: none;
    font-family: work sans, sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=tel], input[type=number], select, .form-control {
    background-color: #ffff;
    border: none;
    border-radius: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 52px;
    outline: none;
    padding-left: 22px;
    padding-right: 22px;
    width: 100%;
}
.form-control {
    border-radius: 5px;
    box-shadow: none;
    background-color: transparent;
    vertical-align: middle;
    border: 1px solid;
    font-size: 1.14285714rem;
    height: auto;
    padding: 0.85714286rem 1.42857143rem;
    margin-bottom: 0.71428571rem;
    font-weight: normal;
    min-height: 50px;
}


.button{
    margin-bottom: 57px;
}
.btn2{
    margin-top: 40px;
}
.btm{
    margin-bottom: 30px;
}

.firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
}
.firefly::before, .firefly::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw;
}
.firefly::before {
  background: black;
  opacity: 0.4;
  animation: drift ease alternate infinite;
}
.firefly::after {
  background: white;
  opacity: 0;
  box-shadow: 0 0 0vw 0vw white;
  animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
  animation-name: move1;
}
.firefly:nth-child(1)::before {
  animation-duration: 12s;
}
.firefly:nth-child(1)::after {
  animation-duration: 12s, 8200ms;
  animation-delay: 0ms, 1022ms;
}

@keyframes move1 {
  0% {
    transform: translateX(42vw) translateY(49vh) scale(0.46);
  }
  5.8823529412% {
    transform: translateX(27vw) translateY(-39vh) scale(0.83);
  }
  11.7647058824% {
    transform: translateX(45vw) translateY(-10vh) scale(0.4);
  }
  17.6470588235% {
    transform: translateX(-32vw) translateY(-11vh) scale(0.39);
  }
  23.5294117647% {
    transform: translateX(-5vw) translateY(48vh) scale(0.81);
  }
  29.4117647059% {
    transform: translateX(-17vw) translateY(5vh) scale(0.51);
  }
  35.2941176471% {
    transform: translateX(-36vw) translateY(6vh) scale(0.68);
  }
  41.1764705882% {
    transform: translateX(-17vw) translateY(-1vh) scale(0.74);
  }
  47.0588235294% {
    transform: translateX(-36vw) translateY(39vh) scale(0.99);
  }
  52.9411764706% {
    transform: translateX(-36vw) translateY(-18vh) scale(0.41);
  }
  58.8235294118% {
    transform: translateX(-36vw) translateY(14vh) scale(0.97);
  }
  64.7058823529% {
    transform: translateX(9vw) translateY(10vh) scale(0.88);
  }
  70.5882352941% {
    transform: translateX(8vw) translateY(-33vh) scale(0.79);
  }
  76.4705882353% {
    transform: translateX(41vw) translateY(45vh) scale(0.44);
  }
  82.3529411765% {
    transform: translateX(7vw) translateY(-32vh) scale(0.89);
  }
  88.2352941176% {
    transform: translateX(-34vw) translateY(-23vh) scale(0.34);
  }
  94.1176470588% {
    transform: translateX(18vw) translateY(-34vh) scale(0.48);
  }
  100% {
    transform: translateX(-24vw) translateY(32vh) scale(0.31);
  }
}
.firefly:nth-child(2) {
  animation-name: move2;
}
.firefly:nth-child(2)::before {
  animation-duration: 17s;
}
.firefly:nth-child(2)::after {
  animation-duration: 17s, 6692ms;
  animation-delay: 0ms, 7974ms;
}

@keyframes move2 {
  0% {
    transform: translateX(-34vw) translateY(0vh) scale(0.6);
  }
  4.1666666667% {
    transform: translateX(-45vw) translateY(-45vh) scale(0.6);
  }
  8.3333333333% {
    transform: translateX(20vw) translateY(21vh) scale(0.54);
  }
  12.5% {
    transform: translateX(29vw) translateY(26vh) scale(0.37);
  }
  16.6666666667% {
    transform: translateX(-45vw) translateY(12vh) scale(0.83);
  }
  20.8333333333% {
    transform: translateX(36vw) translateY(39vh) scale(0.48);
  }
  25% {
    transform: translateX(9vw) translateY(31vh) scale(0.88);
  }
  29.1666666667% {
    transform: translateX(33vw) translateY(44vh) scale(0.84);
  }
  33.3333333333% {
    transform: translateX(27vw) translateY(-32vh) scale(0.44);
  }
  37.5% {
    transform: translateX(49vw) translateY(41vh) scale(0.63);
  }
  41.6666666667% {
    transform: translateX(-24vw) translateY(18vh) scale(0.36);
  }
  45.8333333333% {
    transform: translateX(-7vw) translateY(18vh) scale(0.47);
  }
  50% {
    transform: translateX(34vw) translateY(-7vh) scale(0.5);
  }
  54.1666666667% {
    transform: translateX(-27vw) translateY(-27vh) scale(0.91);
  }
  58.3333333333% {
    transform: translateX(38vw) translateY(-19vh) scale(0.26);
  }
  62.5% {
    transform: translateX(-43vw) translateY(8vh) scale(0.64);
  }
  66.6666666667% {
    transform: translateX(-49vw) translateY(1vh) scale(0.71);
  }
  70.8333333333% {
    transform: translateX(-36vw) translateY(-9vh) scale(0.39);
  }
  75% {
    transform: translateX(-16vw) translateY(-29vh) scale(0.47);
  }
  79.1666666667% {
    transform: translateX(22vw) translateY(-41vh) scale(0.65);
  }
  83.3333333333% {
    transform: translateX(-11vw) translateY(16vh) scale(0.45);
  }
  87.5% {
    transform: translateX(-19vw) translateY(-25vh) scale(0.92);
  }
  91.6666666667% {
    transform: translateX(-16vw) translateY(1vh) scale(0.99);
  }
  95.8333333333% {
    transform: translateX(-38vw) translateY(-2vh) scale(0.33);
  }
  100% {
    transform: translateX(-45vw) translateY(32vh) scale(0.27);
  }
}
.firefly:nth-child(3) {
  animation-name: move3;
}
.firefly:nth-child(3)::before {
  animation-duration: 18s;
}
.firefly:nth-child(3)::after {
  animation-duration: 18s, 7359ms;
  animation-delay: 0ms, 5060ms;
}

@keyframes move3 {
  0% {
    transform: translateX(-30vw) translateY(-29vh) scale(0.39);
  }
  5.5555555556% {
    transform: translateX(28vw) translateY(46vh) scale(0.77);
  }
  11.1111111111% {
    transform: translateX(32vw) translateY(-48vh) scale(0.54);
  }
  16.6666666667% {
    transform: translateX(-25vw) translateY(19vh) scale(0.58);
  }
  22.2222222222% {
    transform: translateX(9vw) translateY(10vh) scale(1);
  }
  27.7777777778% {
    transform: translateX(-49vw) translateY(10vh) scale(0.52);
  }
  33.3333333333% {
    transform: translateX(-12vw) translateY(8vh) scale(0.31);
  }
  38.8888888889% {
    transform: translateX(-25vw) translateY(-35vh) scale(0.41);
  }
  44.4444444444% {
    transform: translateX(-42vw) translateY(-23vh) scale(0.7);
  }
  50% {
    transform: translateX(-36vw) translateY(22vh) scale(0.76);
  }
  55.5555555556% {
    transform: translateX(50vw) translateY(19vh) scale(0.37);
  }
  61.1111111111% {
    transform: translateX(20vw) translateY(-43vh) scale(0.76);
  }
  66.6666666667% {
    transform: translateX(28vw) translateY(0vh) scale(0.55);
  }
  72.2222222222% {
    transform: translateX(-44vw) translateY(-46vh) scale(0.8);
  }
  77.7777777778% {
    transform: translateX(45vw) translateY(-2vh) scale(0.77);
  }
  83.3333333333% {
    transform: translateX(-34vw) translateY(49vh) scale(0.55);
  }
  88.8888888889% {
    transform: translateX(44vw) translateY(-26vh) scale(0.67);
  }
  94.4444444444% {
    transform: translateX(-11vw) translateY(-20vh) scale(0.52);
  }
  100% {
    transform: translateX(-3vw) translateY(40vh) scale(0.89);
  }
}
.firefly:nth-child(4) {
  animation-name: move4;
}
.firefly:nth-child(4)::before {
  animation-duration: 15s;
}
.firefly:nth-child(4)::after {
  animation-duration: 15s, 6537ms;
  animation-delay: 0ms, 7803ms;
}

@keyframes move4 {
  0% {
    transform: translateX(13vw) translateY(-8vh) scale(0.46);
  }
  4.5454545455% {
    transform: translateX(-5vw) translateY(43vh) scale(0.39);
  }
  9.0909090909% {
    transform: translateX(11vw) translateY(44vh) scale(0.56);
  }
  13.6363636364% {
    transform: translateX(-3vw) translateY(-10vh) scale(0.48);
  }
  18.1818181818% {
    transform: translateX(-25vw) translateY(19vh) scale(0.67);
  }
  22.7272727273% {
    transform: translateX(-42vw) translateY(-22vh) scale(0.56);
  }
  27.2727272727% {
    transform: translateX(47vw) translateY(33vh) scale(0.77);
  }
  31.8181818182% {
    transform: translateX(23vw) translateY(-46vh) scale(0.62);
  }
  36.3636363636% {
    transform: translateX(21vw) translateY(-35vh) scale(0.85);
  }
  40.9090909091% {
    transform: translateX(28vw) translateY(-48vh) scale(0.38);
  }
  45.4545454545% {
    transform: translateX(-39vw) translateY(-7vh) scale(0.73);
  }
  50% {
    transform: translateX(-29vw) translateY(-25vh) scale(0.5);
  }
  54.5454545455% {
    transform: translateX(-7vw) translateY(-35vh) scale(0.8);
  }
  59.0909090909% {
    transform: translateX(41vw) translateY(-27vh) scale(0.63);
  }
  63.6363636364% {
    transform: translateX(-33vw) translateY(-35vh) scale(0.59);
  }
  68.1818181818% {
    transform: translateX(-25vw) translateY(-9vh) scale(0.41);
  }
  72.7272727273% {
    transform: translateX(-17vw) translateY(-26vh) scale(0.65);
  }
  77.2727272727% {
    transform: translateX(-47vw) translateY(-39vh) scale(0.89);
  }
  81.8181818182% {
    transform: translateX(48vw) translateY(2vh) scale(0.44);
  }
  86.3636363636% {
    transform: translateX(12vw) translateY(13vh) scale(0.82);
  }
  90.9090909091% {
    transform: translateX(-46vw) translateY(3vh) scale(0.35);
  }
  95.4545454545% {
    transform: translateX(25vw) translateY(16vh) scale(0.96);
  }
  100% {
    transform: translateX(-17vw) translateY(-21vh) scale(0.91);
  }
}
.firefly:nth-child(5) {
  animation-name: move5;
}
.firefly:nth-child(5)::before {
  animation-duration: 13s;
}
.firefly:nth-child(5)::after {
  animation-duration: 13s, 7573ms;
  animation-delay: 0ms, 1635ms;
}

@keyframes move5 {
  0% {
    transform: translateX(29vw) translateY(7vh) scale(0.97);
  }
  5.8823529412% {
    transform: translateX(-44vw) translateY(2vh) scale(0.87);
  }
  11.7647058824% {
    transform: translateX(-49vw) translateY(-1vh) scale(0.53);
  }
  17.6470588235% {
    transform: translateX(22vw) translateY(16vh) scale(0.8);
  }
  23.5294117647% {
    transform: translateX(-2vw) translateY(-4vh) scale(0.47);
  }
  29.4117647059% {
    transform: translateX(-11vw) translateY(40vh) scale(0.58);
  }
  35.2941176471% {
    transform: translateX(-41vw) translateY(39vh) scale(0.68);
  }
  41.1764705882% {
    transform: translateX(5vw) translateY(-24vh) scale(0.53);
  }
  47.0588235294% {
    transform: translateX(-34vw) translateY(-20vh) scale(0.98);
  }
  52.9411764706% {
    transform: translateX(-20vw) translateY(0vh) scale(0.72);
  }
  58.8235294118% {
    transform: translateX(35vw) translateY(36vh) scale(0.93);
  }
  64.7058823529% {
    transform: translateX(31vw) translateY(9vh) scale(0.7);
  }
  70.5882352941% {
    transform: translateX(49vw) translateY(-27vh) scale(0.43);
  }
  76.4705882353% {
    transform: translateX(8vw) translateY(-6vh) scale(0.91);
  }
  82.3529411765% {
    transform: translateX(11vw) translateY(9vh) scale(0.34);
  }
  88.2352941176% {
    transform: translateX(-46vw) translateY(-38vh) scale(0.51);
  }
  94.1176470588% {
    transform: translateX(-1vw) translateY(42vh) scale(0.69);
  }
  100% {
    transform: translateX(-7vw) translateY(-2vh) scale(0.8);
  }
}
.firefly:nth-child(6) {
  animation-name: move6;
}
.firefly:nth-child(6)::before {
  animation-duration: 11s;
}
.firefly:nth-child(6)::after {
  animation-duration: 11s, 8443ms;
  animation-delay: 0ms, 6111ms;
}

@keyframes move6 {
  0% {
    transform: translateX(6vw) translateY(-13vh) scale(0.39);
  }
  3.8461538462% {
    transform: translateX(-23vw) translateY(8vh) scale(0.58);
  }
  7.6923076923% {
    transform: translateX(20vw) translateY(40vh) scale(0.71);
  }
  11.5384615385% {
    transform: translateX(-19vw) translateY(-28vh) scale(0.79);
  }
  15.3846153846% {
    transform: translateX(-23vw) translateY(31vh) scale(0.45);
  }
  19.2307692308% {
    transform: translateX(42vw) translateY(50vh) scale(0.93);
  }
  23.0769230769% {
    transform: translateX(44vw) translateY(38vh) scale(0.54);
  }
  26.9230769231% {
    transform: translateX(-28vw) translateY(-31vh) scale(0.74);
  }
  30.7692307692% {
    transform: translateX(-47vw) translateY(-2vh) scale(0.95);
  }
  34.6153846154% {
    transform: translateX(10vw) translateY(-22vh) scale(0.65);
  }
  38.4615384615% {
    transform: translateX(-16vw) translateY(-25vh) scale(0.81);
  }
  42.3076923077% {
    transform: translateX(-18vw) translateY(28vh) scale(0.69);
  }
  46.1538461538% {
    transform: translateX(2vw) translateY(5vh) scale(0.69);
  }
  50% {
    transform: translateX(-6vw) translateY(42vh) scale(0.28);
  }
  53.8461538462% {
    transform: translateX(29vw) translateY(46vh) scale(0.45);
  }
  57.6923076923% {
    transform: translateX(20vw) translateY(30vh) scale(0.32);
  }
  61.5384615385% {
    transform: translateX(34vw) translateY(-3vh) scale(0.65);
  }
  65.3846153846% {
    transform: translateX(-22vw) translateY(-30vh) scale(0.94);
  }
  69.2307692308% {
    transform: translateX(-43vw) translateY(1vh) scale(0.71);
  }
  73.0769230769% {
    transform: translateX(15vw) translateY(-5vh) scale(0.59);
  }
  76.9230769231% {
    transform: translateX(33vw) translateY(43vh) scale(0.35);
  }
  80.7692307692% {
    transform: translateX(49vw) translateY(-4vh) scale(0.9);
  }
  84.6153846154% {
    transform: translateX(-1vw) translateY(25vh) scale(0.97);
  }
  88.4615384615% {
    transform: translateX(-2vw) translateY(-10vh) scale(0.28);
  }
  92.3076923077% {
    transform: translateX(-11vw) translateY(-45vh) scale(0.84);
  }
  96.1538461538% {
    transform: translateX(32vw) translateY(31vh) scale(0.96);
  }
  100% {
    transform: translateX(3vw) translateY(-11vh) scale(0.72);
  }
}
.firefly:nth-child(7) {
  animation-name: move7;
}
.firefly:nth-child(7)::before {
  animation-duration: 9s;
}
.firefly:nth-child(7)::after {
  animation-duration: 9s, 6989ms;
  animation-delay: 0ms, 3803ms;
}

@keyframes move7 {
  0% {
    transform: translateX(21vw) translateY(-48vh) scale(0.84);
  }
  4.347826087% {
    transform: translateX(31vw) translateY(-6vh) scale(0.26);
  }
  8.6956521739% {
    transform: translateX(-42vw) translateY(49vh) scale(0.89);
  }
  13.0434782609% {
    transform: translateX(9vw) translateY(-26vh) scale(0.59);
  }
  17.3913043478% {
    transform: translateX(21vw) translateY(-3vh) scale(0.92);
  }
  21.7391304348% {
    transform: translateX(30vw) translateY(-38vh) scale(0.95);
  }
  26.0869565217% {
    transform: translateX(-24vw) translateY(20vh) scale(0.35);
  }
  30.4347826087% {
    transform: translateX(36vw) translateY(-27vh) scale(0.44);
  }
  34.7826086957% {
    transform: translateX(2vw) translateY(40vh) scale(0.52);
  }
  39.1304347826% {
    transform: translateX(-41vw) translateY(-10vh) scale(0.3);
  }
  43.4782608696% {
    transform: translateX(25vw) translateY(40vh) scale(0.75);
  }
  47.8260869565% {
    transform: translateX(27vw) translateY(-15vh) scale(0.82);
  }
  52.1739130435% {
    transform: translateX(-25vw) translateY(44vh) scale(0.34);
  }
  56.5217391304% {
    transform: translateX(-37vw) translateY(-11vh) scale(0.99);
  }
  60.8695652174% {
    transform: translateX(-38vw) translateY(22vh) scale(0.85);
  }
  65.2173913043% {
    transform: translateX(-18vw) translateY(22vh) scale(0.49);
  }
  69.5652173913% {
    transform: translateX(45vw) translateY(37vh) scale(0.93);
  }
  73.9130434783% {
    transform: translateX(-4vw) translateY(-30vh) scale(0.96);
  }
  78.2608695652% {
    transform: translateX(-39vw) translateY(21vh) scale(0.26);
  }
  82.6086956522% {
    transform: translateX(6vw) translateY(22vh) scale(0.76);
  }
  86.9565217391% {
    transform: translateX(25vw) translateY(29vh) scale(0.74);
  }
  91.3043478261% {
    transform: translateX(11vw) translateY(-47vh) scale(0.99);
  }
  95.652173913% {
    transform: translateX(18vw) translateY(37vh) scale(0.53);
  }
  100% {
    transform: translateX(4vw) translateY(24vh) scale(0.92);
  }
}
.firefly:nth-child(8) {
  animation-name: move8;
}
.firefly:nth-child(8)::before {
  animation-duration: 13s;
}
.firefly:nth-child(8)::after {
  animation-duration: 13s, 9299ms;
  animation-delay: 0ms, 5232ms;
}

@keyframes move8 {
  0% {
    transform: translateX(12vw) translateY(8vh) scale(0.98);
  }
  4.1666666667% {
    transform: translateX(-17vw) translateY(-4vh) scale(0.36);
  }
  8.3333333333% {
    transform: translateX(28vw) translateY(13vh) scale(0.83);
  }
  12.5% {
    transform: translateX(-49vw) translateY(42vh) scale(0.59);
  }
  16.6666666667% {
    transform: translateX(-11vw) translateY(42vh) scale(0.55);
  }
  20.8333333333% {
    transform: translateX(39vw) translateY(40vh) scale(0.77);
  }
  25% {
    transform: translateX(44vw) translateY(-11vh) scale(0.56);
  }
  29.1666666667% {
    transform: translateX(-12vw) translateY(29vh) scale(0.65);
  }
  33.3333333333% {
    transform: translateX(-9vw) translateY(-41vh) scale(0.34);
  }
  37.5% {
    transform: translateX(48vw) translateY(21vh) scale(0.7);
  }
  41.6666666667% {
    transform: translateX(33vw) translateY(49vh) scale(0.55);
  }
  45.8333333333% {
    transform: translateX(-47vw) translateY(27vh) scale(0.64);
  }
  50% {
    transform: translateX(18vw) translateY(35vh) scale(0.64);
  }
  54.1666666667% {
    transform: translateX(-5vw) translateY(-15vh) scale(0.54);
  }
  58.3333333333% {
    transform: translateX(-37vw) translateY(-6vh) scale(0.26);
  }
  62.5% {
    transform: translateX(-18vw) translateY(-3vh) scale(0.74);
  }
  66.6666666667% {
    transform: translateX(27vw) translateY(19vh) scale(0.66);
  }
  70.8333333333% {
    transform: translateX(21vw) translateY(35vh) scale(0.28);
  }
  75% {
    transform: translateX(-20vw) translateY(-2vh) scale(0.58);
  }
  79.1666666667% {
    transform: translateX(26vw) translateY(31vh) scale(0.34);
  }
  83.3333333333% {
    transform: translateX(-36vw) translateY(-44vh) scale(0.95);
  }
  87.5% {
    transform: translateX(19vw) translateY(19vh) scale(0.84);
  }
  91.6666666667% {
    transform: translateX(11vw) translateY(2vh) scale(0.52);
  }
  95.8333333333% {
    transform: translateX(-2vw) translateY(-2vh) scale(0.49);
  }
  100% {
    transform: translateX(45vw) translateY(-23vh) scale(0.87);
  }
}
.firefly:nth-child(9) {
  animation-name: move9;
}
.firefly:nth-child(9)::before {
  animation-duration: 11s;
}
.firefly:nth-child(9)::after {
  animation-duration: 11s, 5352ms;
  animation-delay: 0ms, 6273ms;
}

@keyframes move9 {
  0% {
    transform: translateX(-17vw) translateY(-33vh) scale(0.29);
  }
  3.5714285714% {
    transform: translateX(35vw) translateY(-8vh) scale(0.98);
  }
  7.1428571429% {
    transform: translateX(-12vw) translateY(-45vh) scale(0.27);
  }
  10.7142857143% {
    transform: translateX(-42vw) translateY(-13vh) scale(0.71);
  }
  14.2857142857% {
    transform: translateX(13vw) translateY(-28vh) scale(0.94);
  }
  17.8571428571% {
    transform: translateX(-13vw) translateY(-1vh) scale(0.75);
  }
  21.4285714286% {
    transform: translateX(33vw) translateY(-15vh) scale(0.82);
  }
  25% {
    transform: translateX(27vw) translateY(48vh) scale(0.33);
  }
  28.5714285714% {
    transform: translateX(-44vw) translateY(0vh) scale(0.5);
  }
  32.1428571429% {
    transform: translateX(3vw) translateY(29vh) scale(0.67);
  }
  35.7142857143% {
    transform: translateX(-18vw) translateY(-20vh) scale(0.43);
  }
  39.2857142857% {
    transform: translateX(-38vw) translateY(41vh) scale(0.34);
  }
  42.8571428571% {
    transform: translateX(39vw) translateY(-2vh) scale(0.58);
  }
  46.4285714286% {
    transform: translateX(-38vw) translateY(28vh) scale(0.68);
  }
  50% {
    transform: translateX(4vw) translateY(20vh) scale(0.5);
  }
  53.5714285714% {
    transform: translateX(-6vw) translateY(-25vh) scale(0.51);
  }
  57.1428571429% {
    transform: translateX(15vw) translateY(33vh) scale(0.79);
  }
  60.7142857143% {
    transform: translateX(21vw) translateY(-41vh) scale(0.51);
  }
  64.2857142857% {
    transform: translateX(10vw) translateY(-5vh) scale(0.85);
  }
  67.8571428571% {
    transform: translateX(16vw) translateY(-3vh) scale(0.78);
  }
  71.4285714286% {
    transform: translateX(-20vw) translateY(42vh) scale(0.56);
  }
  75% {
    transform: translateX(-29vw) translateY(-27vh) scale(0.72);
  }
  78.5714285714% {
    transform: translateX(-42vw) translateY(-33vh) scale(0.4);
  }
  82.1428571429% {
    transform: translateX(7vw) translateY(18vh) scale(0.89);
  }
  85.7142857143% {
    transform: translateX(-48vw) translateY(-11vh) scale(0.26);
  }
  89.2857142857% {
    transform: translateX(-24vw) translateY(43vh) scale(0.45);
  }
  92.8571428571% {
    transform: translateX(-10vw) translateY(-31vh) scale(0.67);
  }
  96.4285714286% {
    transform: translateX(25vw) translateY(-9vh) scale(0.77);
  }
  100% {
    transform: translateX(37vw) translateY(-5vh) scale(0.5);
  }
}
.firefly:nth-child(10) {
  animation-name: move10;
}
.firefly:nth-child(10)::before {
  animation-duration: 13s;
}
.firefly:nth-child(10)::after {
  animation-duration: 13s, 8968ms;
  animation-delay: 0ms, 5942ms;
}

@keyframes move10 {
  0% {
    transform: translateX(30vw) translateY(-42vh) scale(0.51);
  }
  3.8461538462% {
    transform: translateX(-6vw) translateY(-46vh) scale(0.48);
  }
  7.6923076923% {
    transform: translateX(-48vw) translateY(9vh) scale(0.76);
  }
  11.5384615385% {
    transform: translateX(-38vw) translateY(-29vh) scale(0.38);
  }
  15.3846153846% {
    transform: translateX(24vw) translateY(-36vh) scale(0.75);
  }
  19.2307692308% {
    transform: translateX(-35vw) translateY(20vh) scale(0.62);
  }
  23.0769230769% {
    transform: translateX(36vw) translateY(-15vh) scale(0.95);
  }
  26.9230769231% {
    transform: translateX(41vw) translateY(-26vh) scale(0.53);
  }
  30.7692307692% {
    transform: translateX(-10vw) translateY(-1vh) scale(0.99);
  }
  34.6153846154% {
    transform: translateX(-45vw) translateY(-27vh) scale(0.87);
  }
  38.4615384615% {
    transform: translateX(-31vw) translateY(6vh) scale(0.79);
  }
  42.3076923077% {
    transform: translateX(8vw) translateY(3vh) scale(0.92);
  }
  46.1538461538% {
    transform: translateX(29vw) translateY(-35vh) scale(0.88);
  }
  50% {
    transform: translateX(-17vw) translateY(39vh) scale(0.95);
  }
  53.8461538462% {
    transform: translateX(25vw) translateY(40vh) scale(0.5);
  }
  57.6923076923% {
    transform: translateX(-34vw) translateY(-14vh) scale(0.53);
  }
  61.5384615385% {
    transform: translateX(15vw) translateY(-16vh) scale(0.66);
  }
  65.3846153846% {
    transform: translateX(15vw) translateY(-10vh) scale(0.4);
  }
  69.2307692308% {
    transform: translateX(9vw) translateY(33vh) scale(0.55);
  }
  73.0769230769% {
    transform: translateX(-18vw) translateY(-26vh) scale(0.39);
  }
  76.9230769231% {
    transform: translateX(-42vw) translateY(-6vh) scale(0.54);
  }
  80.7692307692% {
    transform: translateX(35vw) translateY(43vh) scale(0.61);
  }
  84.6153846154% {
    transform: translateX(47vw) translateY(40vh) scale(0.41);
  }
  88.4615384615% {
    transform: translateX(-46vw) translateY(26vh) scale(0.57);
  }
  92.3076923077% {
    transform: translateX(22vw) translateY(30vh) scale(0.96);
  }
  96.1538461538% {
    transform: translateX(6vw) translateY(-27vh) scale(0.89);
  }
  100% {
    transform: translateX(38vw) translateY(6vh) scale(0.93);
  }
}
.firefly:nth-child(11) {
  animation-name: move11;
}
.firefly:nth-child(11)::before {
  animation-duration: 11s;
}
.firefly:nth-child(11)::after {
  animation-duration: 11s, 9101ms;
  animation-delay: 0ms, 5271ms;
}

@keyframes move11 {
  0% {
    transform: translateX(15vw) translateY(-2vh) scale(0.85);
  }
  4.347826087% {
    transform: translateX(-43vw) translateY(-6vh) scale(0.9);
  }
  8.6956521739% {
    transform: translateX(38vw) translateY(-42vh) scale(0.67);
  }
  13.0434782609% {
    transform: translateX(50vw) translateY(43vh) scale(0.58);
  }
  17.3913043478% {
    transform: translateX(29vw) translateY(42vh) scale(0.78);
  }
  21.7391304348% {
    transform: translateX(-29vw) translateY(33vh) scale(0.86);
  }
  26.0869565217% {
    transform: translateX(33vw) translateY(-43vh) scale(0.74);
  }
  30.4347826087% {
    transform: translateX(0vw) translateY(-22vh) scale(0.9);
  }
  34.7826086957% {
    transform: translateX(47vw) translateY(13vh) scale(0.64);
  }
  39.1304347826% {
    transform: translateX(-18vw) translateY(26vh) scale(0.83);
  }
  43.4782608696% {
    transform: translateX(42vw) translateY(33vh) scale(0.53);
  }
  47.8260869565% {
    transform: translateX(44vw) translateY(43vh) scale(0.68);
  }
  52.1739130435% {
    transform: translateX(-44vw) translateY(-11vh) scale(0.93);
  }
  56.5217391304% {
    transform: translateX(18vw) translateY(1vh) scale(0.79);
  }
  60.8695652174% {
    transform: translateX(19vw) translateY(-13vh) scale(0.71);
  }
  65.2173913043% {
    transform: translateX(-30vw) translateY(11vh) scale(0.96);
  }
  69.5652173913% {
    transform: translateX(39vw) translateY(1vh) scale(0.98);
  }
  73.9130434783% {
    transform: translateX(19vw) translateY(-14vh) scale(0.54);
  }
  78.2608695652% {
    transform: translateX(-2vw) translateY(-22vh) scale(0.96);
  }
  82.6086956522% {
    transform: translateX(-41vw) translateY(-27vh) scale(0.82);
  }
  86.9565217391% {
    transform: translateX(38vw) translateY(-10vh) scale(0.33);
  }
  91.3043478261% {
    transform: translateX(-45vw) translateY(-49vh) scale(0.41);
  }
  95.652173913% {
    transform: translateX(-5vw) translateY(-25vh) scale(0.95);
  }
  100% {
    transform: translateX(-31vw) translateY(-20vh) scale(0.64);
  }
}
.firefly:nth-child(12) {
  animation-name: move12;
}
.firefly:nth-child(12)::before {
  animation-duration: 11s;
}
.firefly:nth-child(12)::after {
  animation-duration: 11s, 7805ms;
  animation-delay: 0ms, 3607ms;
}

@keyframes move12 {
  0% {
    transform: translateX(-3vw) translateY(3vh) scale(0.87);
  }
  5.5555555556% {
    transform: translateX(-14vw) translateY(24vh) scale(0.62);
  }
  11.1111111111% {
    transform: translateX(15vw) translateY(18vh) scale(0.83);
  }
  16.6666666667% {
    transform: translateX(-43vw) translateY(-46vh) scale(0.39);
  }
  22.2222222222% {
    transform: translateX(-24vw) translateY(36vh) scale(0.7);
  }
  27.7777777778% {
    transform: translateX(30vw) translateY(46vh) scale(0.62);
  }
  33.3333333333% {
    transform: translateX(45vw) translateY(-4vh) scale(0.34);
  }
  38.8888888889% {
    transform: translateX(-3vw) translateY(-31vh) scale(0.54);
  }
  44.4444444444% {
    transform: translateX(33vw) translateY(-17vh) scale(0.92);
  }
  50% {
    transform: translateX(19vw) translateY(-27vh) scale(1);
  }
  55.5555555556% {
    transform: translateX(0vw) translateY(-43vh) scale(0.93);
  }
  61.1111111111% {
    transform: translateX(-30vw) translateY(-46vh) scale(0.36);
  }
  66.6666666667% {
    transform: translateX(28vw) translateY(34vh) scale(0.71);
  }
  72.2222222222% {
    transform: translateX(-1vw) translateY(-7vh) scale(0.49);
  }
  77.7777777778% {
    transform: translateX(-32vw) translateY(-44vh) scale(0.82);
  }
  83.3333333333% {
    transform: translateX(28vw) translateY(12vh) scale(0.48);
  }
  88.8888888889% {
    transform: translateX(-11vw) translateY(11vh) scale(0.47);
  }
  94.4444444444% {
    transform: translateX(41vw) translateY(-10vh) scale(0.41);
  }
  100% {
    transform: translateX(42vw) translateY(-21vh) scale(0.55);
  }
}
.firefly:nth-child(13) {
  animation-name: move13;
}
.firefly:nth-child(13)::before {
  animation-duration: 13s;
}
.firefly:nth-child(13)::after {
  animation-duration: 13s, 6852ms;
  animation-delay: 0ms, 3130ms;
}

@keyframes move13 {
  0% {
    transform: translateX(-35vw) translateY(-6vh) scale(0.94);
  }
  3.8461538462% {
    transform: translateX(-17vw) translateY(-1vh) scale(0.86);
  }
  7.6923076923% {
    transform: translateX(-46vw) translateY(-2vh) scale(0.35);
  }
  11.5384615385% {
    transform: translateX(48vw) translateY(11vh) scale(0.69);
  }
  15.3846153846% {
    transform: translateX(-40vw) translateY(45vh) scale(0.34);
  }
  19.2307692308% {
    transform: translateX(38vw) translateY(-18vh) scale(0.63);
  }
  23.0769230769% {
    transform: translateX(37vw) translateY(-21vh) scale(0.63);
  }
  26.9230769231% {
    transform: translateX(40vw) translateY(46vh) scale(0.38);
  }
  30.7692307692% {
    transform: translateX(-15vw) translateY(-32vh) scale(0.61);
  }
  34.6153846154% {
    transform: translateX(-41vw) translateY(14vh) scale(0.49);
  }
  38.4615384615% {
    transform: translateX(16vw) translateY(-7vh) scale(0.82);
  }
  42.3076923077% {
    transform: translateX(-48vw) translateY(36vh) scale(0.52);
  }
  46.1538461538% {
    transform: translateX(-21vw) translateY(46vh) scale(0.33);
  }
  50% {
    transform: translateX(-16vw) translateY(-1vh) scale(0.4);
  }
  53.8461538462% {
    transform: translateX(12vw) translateY(-36vh) scale(0.54);
  }
  57.6923076923% {
    transform: translateX(26vw) translateY(45vh) scale(0.36);
  }
  61.5384615385% {
    transform: translateX(-18vw) translateY(48vh) scale(0.58);
  }
  65.3846153846% {
    transform: translateX(47vw) translateY(21vh) scale(0.52);
  }
  69.2307692308% {
    transform: translateX(-21vw) translateY(-16vh) scale(0.47);
  }
  73.0769230769% {
    transform: translateX(22vw) translateY(40vh) scale(0.49);
  }
  76.9230769231% {
    transform: translateX(8vw) translateY(26vh) scale(0.36);
  }
  80.7692307692% {
    transform: translateX(-7vw) translateY(-13vh) scale(0.8);
  }
  84.6153846154% {
    transform: translateX(-21vw) translateY(12vh) scale(0.5);
  }
  88.4615384615% {
    transform: translateX(36vw) translateY(-28vh) scale(0.87);
  }
  92.3076923077% {
    transform: translateX(35vw) translateY(-39vh) scale(0.8);
  }
  96.1538461538% {
    transform: translateX(27vw) translateY(-18vh) scale(0.91);
  }
  100% {
    transform: translateX(-41vw) translateY(18vh) scale(0.64);
  }
}
.firefly:nth-child(14) {
  animation-name: move14;
}
.firefly:nth-child(14)::before {
  animation-duration: 14s;
}
.firefly:nth-child(14)::after {
  animation-duration: 14s, 10132ms;
  animation-delay: 0ms, 1568ms;
}

@keyframes move14 {
  0% {
    transform: translateX(25vw) translateY(-25vh) scale(0.69);
  }
  3.7037037037% {
    transform: translateX(-30vw) translateY(43vh) scale(0.35);
  }
  7.4074074074% {
    transform: translateX(25vw) translateY(25vh) scale(0.86);
  }
  11.1111111111% {
    transform: translateX(-19vw) translateY(-21vh) scale(0.39);
  }
  14.8148148148% {
    transform: translateX(-40vw) translateY(8vh) scale(0.88);
  }
  18.5185185185% {
    transform: translateX(-19vw) translateY(-32vh) scale(0.52);
  }
  22.2222222222% {
    transform: translateX(33vw) translateY(-31vh) scale(0.59);
  }
  25.9259259259% {
    transform: translateX(-9vw) translateY(34vh) scale(0.86);
  }
  29.6296296296% {
    transform: translateX(-4vw) translateY(-8vh) scale(0.39);
  }
  33.3333333333% {
    transform: translateX(33vw) translateY(-21vh) scale(0.66);
  }
  37.037037037% {
    transform: translateX(33vw) translateY(22vh) scale(0.49);
  }
  40.7407407407% {
    transform: translateX(-21vw) translateY(24vh) scale(0.26);
  }
  44.4444444444% {
    transform: translateX(-22vw) translateY(-33vh) scale(0.74);
  }
  48.1481481481% {
    transform: translateX(38vw) translateY(-20vh) scale(0.64);
  }
  51.8518518519% {
    transform: translateX(-41vw) translateY(48vh) scale(0.62);
  }
  55.5555555556% {
    transform: translateX(13vw) translateY(-47vh) scale(0.83);
  }
  59.2592592593% {
    transform: translateX(-40vw) translateY(-11vh) scale(0.34);
  }
  62.962962963% {
    transform: translateX(-21vw) translateY(-28vh) scale(0.99);
  }
  66.6666666667% {
    transform: translateX(45vw) translateY(8vh) scale(0.59);
  }
  70.3703703704% {
    transform: translateX(-16vw) translateY(-31vh) scale(0.46);
  }
  74.0740740741% {
    transform: translateX(49vw) translateY(40vh) scale(0.51);
  }
  77.7777777778% {
    transform: translateX(-12vw) translateY(18vh) scale(0.98);
  }
  81.4814814815% {
    transform: translateX(17vw) translateY(21vh) scale(0.98);
  }
  85.1851851852% {
    transform: translateX(50vw) translateY(23vh) scale(0.54);
  }
  88.8888888889% {
    transform: translateX(-18vw) translateY(41vh) scale(0.69);
  }
  92.5925925926% {
    transform: translateX(-37vw) translateY(-2vh) scale(0.89);
  }
  96.2962962963% {
    transform: translateX(47vw) translateY(37vh) scale(0.96);
  }
  100% {
    transform: translateX(48vw) translateY(-16vh) scale(0.58);
  }
}
.firefly:nth-child(15) {
  animation-name: move15;
}
.firefly:nth-child(15)::before {
  animation-duration: 10s;
}
.firefly:nth-child(15)::after {
  animation-duration: 10s, 8611ms;
  animation-delay: 0ms, 605ms;
}

@keyframes move15 {
  0% {
    transform: translateX(-6vw) translateY(-43vh) scale(0.78);
  }
  5.5555555556% {
    transform: translateX(16vw) translateY(-43vh) scale(0.64);
  }
  11.1111111111% {
    transform: translateX(-13vw) translateY(-3vh) scale(0.27);
  }
  16.6666666667% {
    transform: translateX(-22vw) translateY(-5vh) scale(0.82);
  }
  22.2222222222% {
    transform: translateX(-43vw) translateY(50vh) scale(0.41);
  }
  27.7777777778% {
    transform: translateX(-6vw) translateY(-49vh) scale(0.31);
  }
  33.3333333333% {
    transform: translateX(-29vw) translateY(25vh) scale(0.88);
  }
  38.8888888889% {
    transform: translateX(-43vw) translateY(27vh) scale(0.96);
  }
  44.4444444444% {
    transform: translateX(-21vw) translateY(-16vh) scale(0.47);
  }
  50% {
    transform: translateX(32vw) translateY(24vh) scale(0.81);
  }
  55.5555555556% {
    transform: translateX(23vw) translateY(37vh) scale(0.64);
  }
  61.1111111111% {
    transform: translateX(41vw) translateY(26vh) scale(0.46);
  }
  66.6666666667% {
    transform: translateX(-44vw) translateY(37vh) scale(0.48);
  }
  72.2222222222% {
    transform: translateX(-18vw) translateY(-36vh) scale(0.26);
  }
  77.7777777778% {
    transform: translateX(-37vw) translateY(-19vh) scale(0.69);
  }
  83.3333333333% {
    transform: translateX(2vw) translateY(-23vh) scale(0.55);
  }
  88.8888888889% {
    transform: translateX(-1vw) translateY(-38vh) scale(0.62);
  }
  94.4444444444% {
    transform: translateX(21vw) translateY(50vh) scale(0.28);
  }
  100% {
    transform: translateX(-17vw) translateY(-7vh) scale(0.77);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow;
  }
}

/*contact*/

.contact_info {
  display: block;
  overflow: hidden;
  padding: 30px 0 30px;
}
.contact_info .info {
  display: block;
  overflow: hidden;
  background: #72956c;
  border-radius: 0 0 40px 0;
  text-align: center;
  padding: 42px 14px 26px 14px;
}
.contact_info .info i:before {
  color: #fff;
  font-size: 48px;
  margin-bottom: 10px;
  display: block;
}
.contact_info .info h6 {
  color: #fff;
  font: 400 17px/28px "Nunito", sans-serif;
}
.contact_info .info h6 a {
  color: #fff;
}
.contact_info .mail {
  background: #497c7b;
}
.contact_info .placeholder {
  background: #d87138;
}
.contact_info .branch {
  background: #c73b41;
}
.fixed-header .menu-area .mobile-nav-toggler .icon-bar{
  background: #fff !important;
}
.designe-process-two{
  position: relative;
}

.designe-process-two .sec-title{
  position: relative;
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 54px;
}

.designe-process-two .sec-title h2{
  margin-bottom: 44px;
}

.designe-process-two .tab-btn-box{
  position: relative;
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
}

.designe-process-two .tab-btn-box .tab-btns{
  position: relative;
  width: 100%;
  background: #f5f5f5;
  overflow: hidden;
  border-radius: 30px;
  margin-bottom: 10px;
}

.designe-process-two .tab-btn-box .tab-btns li{
  position: relative;
  float: left;
  width: 33%;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  background: transparent;
  padding: 7px 20px;
  border-right: 1px solid #4527a49e;
  transition: all 500ms ease;
  cursor: pointer;
}

.designe-process-two .tab-btn-box .tab-btns li:last-child{
  border-right: 0px;
}

.designe-process-two .tab-btn-box .tab-btns li.active-btn,
.designe-process-two .tab-btn-box .tab-btns li:hover{
  background: #4527a4;
  color: #fff;
}

.designe-process-two .tabs-content .content-box{
  position: relative;
  margin: 15px;
}

.designe-process-two .tabs-content .content-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #4527a4;
  font-weight: 500;
  margin-bottom: 37px;
}

.designe-process-two .tabs-content .content-box .text{
  position: relative;
  margin-bottom: 55px;
}

.designe-process-two .tabs-content .content-box .text p{
  font-size: 16px;
  margin-bottom: 30px;
}

.designe-process-two .tabs-content .content-box .text p:last-child{
  margin-bottom: 0px;
}

.designe-process-two .tabs-content .content-box .theme-btn-two{
  padding: 15px 43px;
}

.designe-process-two .tabs-content .image-box{
  position: relative;
  margin-left: 48px;
}

.designe-process-two .tabs-content .image-box:before{
  position: absolute;
  content: '';
  background: #ecbc35;
  width: 320px;
  height: 430px;
  right: -35px;
  bottom: -35px;
}

.designe-process-two .tabs-content .image-box img{
  width: 100%;
}
.contact-mar {
    margin-top: 40px;
    margin-bottom: 40px;
}
/*review*/

.testimonial_wrapper.testimonial-1 {
  z-index: 1;
  position: relative;
}
.testimonial_wrapper.testimonial-1:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: rgba(3, 58, 91, 0.8);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonial_wrapper.testimonial-1 .single_testimonial_item::after {
  position: absolute;
  clear: both;
  display: block;
  content: "";
  width: 5px;
  height: 120px;
  background: rgba(3, 58, 91, 0.6);
  right: 0%;
  bottom: 0%;
  z-index: 5;
}
.testimonial_wrapper.testimonial-1 .single_testimonial_item::before {
  position: absolute;
  clear: both;
  display: block;
  content: "";
  width: 5px;
  height: 120px;
  background: rgba(3, 58, 91, 0.6);
  left: 0%;
  top: 0%;
  z-index: 5;
}
.testimonial_wrapper .map_element {
  position: absolute;
  top: 0;
  left: calc(25% - 10px);
  z-index: -1;
}

.single_testimonial_laft {
  width: 100%;
  height: 820px;
  background-position: top left;
  position: relative;
}
@media (max-width: 768px) {
  .single_testimonial_laft {
    height: 520px;
  }
}

.left_button {
  position: absolute;
  bottom: 0%;
  left: 0%;
  padding: 20px;
  border-radius: 0px 4px 0px 0px;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.left_button .icon i {
  padding: 10px 10px 6px 10px;
  border-radius: 6px;
  font-size: 30px;
  color: #FFF;
  background-color: #B69D74;
}
.left_button h4 {
  color: #033A5B;
}

.single_testimonial_right p {
  margin: 40px 0px;
}
.single_testimonial_right .single_testimonial_item {
  position: relative;
  z-index: -1;
}
.single_testimonial_right .single_testimonial_item .single_content {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #004681;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    text-align: left !important;
    padding: 0px 15px 20px 0px;
    border-radius: 0px 70px 0px 70px;
}
.single_testimonial_right .single_testimonial_item .single_content p {
  margin: 10px 0px 0px 115px;
}
@media (max-width: 568px) {
  .single_testimonial_right .single_testimonial_item .single_content p {
    margin: 10px 0px 0px 20px;
  }
}
.single_testimonial_right .single_testimonial_item .single_content .quote {
  position: absolute;
  bottom: calc(20% - 30px);
  right: 3%;
}
.single_testimonial_right .single_testimonial_item .single_content .quote i {
  font-size: 40px;
  color: #004681;
}
.single_testimonial_right .single_testimonial_item::after {
  position: absolute;
  clear: both;
  display: block;
  content: "";
  width: 5px;
  height: 120px;
  background-color: #FFF;
  right: 0%;
  bottom: 0%;
  z-index: 5;
}
.single_testimonial_right .single_testimonial_item::before {
  position: absolute;
  clear: both;
  display: block;
  content: "";
  width: 5px;
  height: 120px;
  background-color: #FFF;
  left: 0%;
  top: 0%;
  z-index: 5;
}
.single_testimonial_right .single_testimonial_item .author_rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 568px) {
  .single_testimonial_right .single_testimonial_item .author_rating {
    display: block !important;
  }
}
.single_testimonial_right .single_testimonial_item .author_rating .author {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 568px) {
  .single_testimonial_right .single_testimonial_item .author_rating .author {
    gap: 10px !important;
  }
}
.single_testimonial_right .single_testimonial_item .author_rating .author_img {
  width: 80px;
  height: 80px;
  border-radius: 500px;
  overflow: hidden;
}
.single_testimonial_right .single_testimonial_item .author_rating .author_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single_testimonial_right .single_testimonial_item .author_rating .authoe_content h6 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #004681;
}
@media (max-width: 568px) {
  .single_testimonial_right .single_testimonial_item .author_rating .rating {
    margin-top: 30px;
    margin-left: 20px;
  }
}
.single_testimonial_right .single_testimonial_item .author_rating .rating i {
  color: #f7921d;
  font-size: 16px;
  margin: 0px 2px;
}

.testimonials_items {
  padding: 60px 0px 60px 0px;
}
.testimonials_items.testimonials_items_2 .quare i {
  color: #C8242F !important;
}
.testimonials_items .content {
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 10px 24px rgba(46, 45, 53, 0.08);
          box-shadow: 0px 10px 24px rgba(46, 45, 53, 0.08);
  border-radius: 4px;
  padding: 60px 90px 60px 20px;
}
@media (max-width: 768px) {
  .testimonials_items .content {
    padding: 40px 40px 60px 20px;
  }
}
@media (max-width: 568px) {
  .testimonials_items .content {
    padding: 20px 20px 60px 20px;
  }
}
.testimonials_items .content .quare {
  position: absolute;
  top: 0px;
  left: 30px;
}
.testimonials_items .content .quare i {
  color: #B69D74;
  font-size: 60px;
}
.testimonials_items .content p {
  font-family: "DM Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
}
.testimonials_items .content .rating {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.testimonials_items .content .rating i {
  color: #FF9C00;
  margin: 0px 2px;
}
.testimonials_items .content .author {
  position: absolute;
  bottom: -40px;
  left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.testimonials_items .content .author .author_img {
  width: 80px;
  height: 80px;
  border-radius: 500px;
  overflow: hidden;
}
.testimonials_items .content .author .author_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonials_items .content .author .author_content h6 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.testimonials_items .content .author .author_content small {
  color: #666666;
}

/* panel 2nd segment */
.bg-img5{
    background-image: linear-gradient(45deg,rgba(0, 0, 0, 0.30),rgba(0, 0, 0, 0.30) ), url(../../image-magna/images/panel/bg-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
}
.ttm-row.services-section_1 {
    padding: 90px 0 5px;
}
.spacing-14 {
    margin: 0 0 -240px;
    padding: 68px 30px 63px;
}
.pr-100 {
    padding-right: 100px;
}
.testimonials.style2{
    padding-top: 11px;
    text-align: left;
}
.testimonials.style2 .testimonial-img {
    width: 300px;
    height: 175px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.testimonials.style2 .testimonial-content .testimonial-caption{
    text-align: center;
    display: block;
    border: none;
    background-color: transparent;
    padding: 20px 0 0;
}
.testimonials.style2 .testimonial-avatar {
    padding-bottom: 30%;
/*    border-bottom: 1px solid #e3e3e3;*/
}
.ttm-row.welcome-section_1 {
    padding: 50px 0 0;
}
/* panel 3rd sec */

.ttm-row.process-section {
    padding: 60px 0 30px;
}
.row .col-lg-12 .featured-icon-box.style18:last-child{border:none; padding: 23px 0 0px 0; margin: 15px 0 0;}
.featured-icon-box.style18{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E3E3E3;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0px 17px 0px;
}
.featured-icon-box.style18 .featured-content-inner,
.featured-icon-box.style18 .featured-content {
    display: flex;
    width: 100%;
}
.featured-icon-box.style18 .featured-title h3{
    font-size: 50px;
    line-height: 58px;
    font-family: "Spartan",sans-serif;
}
.featured-icon-box.style18 .featured-desc {
    padding: 0 15px 0 40px;
}
.featured-icon-box.style18 .featured-icon {
    padding-top: 6px;
}
.featured-icon-box .ttm-icon {
    margin-bottom: 0;
}
.ttm-icon.ttm-icon_element-style-rounded {
    border-radius: 50%;
}
.ttm-icon.ttm-icon_element-size-xs {
    height: 42px;
    width: 42px;
    line-height: 42px;

}
.ttm-icon_element-color-skincolor1{
	background: #1c8200;
}
.ttm-icon {
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid transparent;
    position: relative;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    box-sizing: content-box;
    position: relative;
}
.row .col-lg-12 .featured-icon-box.style20:last-child{margin: 15px 0px;}
.featured-icon-box.style20.icon-align-before-content.icon-ver_align-top{
    margin: 15px 0 0;
}
.featured-icon-box.style20 .featured-content{padding-left: 22px;}
.featured-icon-box.style20 .featured-content .featured-title h3 {margin-bottom: 11px;}
.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
    vertical-align: top;
    padding-top: 3px;
}
.featured-icon-box.icon-align-before-content .featured-icon, .featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-title .featured-title, .featured-icon-box.icon-align-before-title .featured-icon {
    display: table-cell;
    vertical-align: middle;
}
.ttm-icon_element-color-grey{
	background: #f0f4f9;
}
.ttm-icon_element-color-grey i{
	color: #1c8200;
}
.ml_30 {
    margin-left: -30px;
}
.pl-30 {
    padding-left: 30px;
}
/*.pr-50 {
    padding-right: 50px;
}*/

/*corroshield*/
.sidebar-page-container{
	position:relative;
	padding:50px 0px 40px;
}

.sidebar-page-container .sidebar-inner{
	position:relative;
}

/* Sidebar Widget */

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

.service-widget .widget-content{
	position: relative;
	padding:30px 18px;
	background-color:#229104;
	border-radius: 20px;
}

.sidebar-widget:last-child{
	margin-bottom: 0px;
}

/* Service List */

.service-list{
	position: relative;
}

.service-list li{
	position: relative;
	margin-bottom: 5px;
}

.service-list li a{
	position: relative;
	display: block;
	font-weight: 600;
	font-size: 17px;
	padding: 17px 16px;
	color: #241c14;
	background-color: #daf0d9;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
	text-transform: capitalize;
}
.service-list li.current a{
	position: relative;
	display: block;
	font-weight: 600;
	font-size: 17px;
	padding: 17px 16px;
	color: #fff;
	background: #066a19;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.service-list li a:before{
	position: absolute;
	content:'';
	right:-1px;
	top:0px;
	bottom:0px;
	width:65px;
	background-color:#fff;
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
}

.service-list li a::after{
	position: absolute;
	content: "\f178";
	right: 8px;
	top: 36px;
	font-size: 24px;
	font-weight:normal;
	color: #000;
	font-family: "FontAwesome";
}

.service-list li a:hover{
	color: #fff;
	background-color: #1c8200;
}

.service-list li a:hover::after{
	color: var(--main-color);
}

.contact-widget{
  position: relative;
  display: block;
  background: linear-gradient(48deg, #00240d 0%, #229104 51%, #00240d 100%);
  box-shadow: 0px 20px 28px #174e27;
  border-radius: 10px;
  padding: 80px 30px 30px 30px;
}

.contact-widget .icon-box{
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: #fff;
  margin-bottom: 43px;
}

.contact-widget .icon-box:before{
  position: absolute;
  content: '';
  width: 100px;
  height: 100px;
  left: -17px;
  top: -32px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.contact-widget .lower-box{
  position: relative;
  display: block;
  padding: 36px 10px;
  border: 1.5px dashed rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}

/** feature-section **/

.feature-section{
  position: relative;
  padding-top: 4%;
}

.feature-block-one .inner-box{
  position: relative;
  display: block;
  padding: 38px 40px 64px 93px;
  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover{
  transform: translateY(-10px);
}

.feature-block-one .inner-box .shape{
  position: absolute;
  left: -15px;
  top: -15px;
  width: 442px;
  height: 421px;
  background-repeat: no-repeat;
}

.feature-block-one .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 80px;
  line-height: 80px;
  color: var(--theme-color);
  margin-bottom: 12px;
  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover .icon-box{
  transform: rotateY(180deg);
}

.feature-block-one .inner-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 12px;
}

.feature-block-one .inner-box h3 a{
  display: inline-block;
  color: #101A30;
}

.feature-block-one .inner-box h3 a:hover{
  color: var(--theme-color);
}

.feature-section .inner-container{
  position: relative;
  margin-top: -190px;
  z-index: 2;
}

/** about-section **/

.about-section{
  position: relative;
  padding: 40px 0px;
}

.content_block_one .content-box{
  position: relative;
  display: block;
}

.content_block_one .content-box p{
  margin-bottom: 25px;
}

.image_block_one .image-box{
  position: relative;
  display: block;
}

.image_block_one .image-box .image-1{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
}

.image_block_one .image-box .image-1 img{
  width: 470px;
  border-radius: 20px;
  height: 650px;
}

.image_block_one .image-box .image-1:before{
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}

.image_block_one .image-box .image-1:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.image_block_one .image-box .image-2{
  position: absolute;
  left: 0px;
  bottom: 50px;
  background: #FFFFFF;
  box-shadow: 0px 20px 100px rgba(6, 49, 55, 0.2);
  border-radius: 20px;
  border: 20px solid #fff;
  overflow: hidden;
  z-index: 1;
}

.image_block_one .image-box .image-2:before,
.image_block_one .image-box .image-3:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.image_block_one .image-box .image-2:hover:before,
.image_block_one .image-box .image-3:hover:before {
  -webkit-animation: circle .95s;
  animation: circle .95s;
}


@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.image_block_one .image-box .image-2 img,
.image_block_one .image-box .image-3 img{
  width: 100%;
  border-radius: 10px;
}

.image_block_one .image-box .image-3{
  position: absolute;
  left: 0px;
  top: 106px;
  background: #FFFFFF;
  box-shadow: 0px 20px 100px rgba(6, 49, 55, 0.2);
  border-radius: 20px;
  border: 20px solid #fff;
  overflow: hidden;
  z-index: 1;
}

.image_block_one .image-box .image-shape{
  position: absolute;
  top: -74px;
  right: -73px;
  width: 180px;
  height: 180px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}


.pl_130 {
    padding-left: 130px;
}
.ml_30 {
    margin-left: 30px;
}

/** service-section **/

.service-section{
  position: relative;
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 26px 26px 0px 26px;
  box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 100px 100px;
}

.service-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px 10px 100px 100px;
}

.service-block-one .inner-box .image-box img{
  width: 100%;
  border-radius: 10px 10px 100px 100px;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.service-block-one .inner-box .lower-content{
  position: relative;
  display: block;
  padding: 69px 10px 25px 10px;
  text-align: center;
}

.service-block-one .inner-box .lower-content .icon-box{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  width: 127px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 50px;
  color: var(--theme-color);
}

.service-block-one .inner-box .lower-content .icon-box .icon-bg{
  position: absolute;
  left: -36px;
  top: -3px;
  width: 202px;
  height: 173px;
  background-repeat: no-repeat;
  z-index: -1;
}

.service-block-one .inner-box .lower-content .icon-box .icon{
  position: relative;
  display: inline-block;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .lower-content .icon-box .icon{
  transform: rotateY(-180deg);
}

.service-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 12px;
}

.service-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #101A30;
}

.service-block-one .inner-box .lower-content h3 a:hover{
  color: var(--theme-color);
}

.service-block-one .inner-box .lower-content p{
  color: #101A30;
  text-align: center;
}

.service-block-one .inner-box .lower-content .link{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}

.service-block-one .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 74px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  color: #101A30;
  box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.15);
}

.service-block-one .inner-box .lower-content .link a:hover{
  color: #fff;
  background: var(--theme-color);
}

.service-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*whatsapp*/

.whatsapp-name {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
  color: #fff;
}

#whatsapp-chat {
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 215px;
  right: 20px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}

a.blantershow-chat {
background: #fff;
color: #404040;
position: fixed;
display: flex;
font-weight: 400;
justify-content: space-between;
z-index: 98;
bottom: 165px;
right: 25px;
font-size: 18px;
padding: 4px;
border-radius: 30px;
box-shadow: 0 1px 15px rgb(32 33 36 / 61%);
}

a.blantershow-chat svg {
  transform: scale(1.2);
}

.header-chat {
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}

.header-chat h3 {
  margin: 0 0 10px;
}

.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.info-avatar {
  position: relative;
}

.info-avatar img {
  border-radius: 100%;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}

a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.5s;
}

a.informasi:hover {
  background: #f1f1f1;
}

.info-chat span {
  display: block;
}

#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}

#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

#get-label,
#get-nama {
  color: #fff;
}

span.my-number {
  display: none;
}

textarea#chat-input {
  border: none;
  font-family: "Arial", sans-serif;
  width: 100%;
  height: 46px;
  outline: none;
  resize: none;
  padding: 10px;
  font-size: 14px;
}

a#send-it {
  font-weight: 700;
  padding: 10px 10px 0;
  background: #eee;
}
a#send-it svg {
  fill: #a6a6a6;
  height: 24px;
  width: 24px;
}

.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
}
.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 10px;
  padding: 15px 20px;
  display: inline-block;
}

.start-chat .blanter-msg {
  display: flex;
}

#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;
}

@keyframes ZpjSY {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes hPhMsj {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes iUMejp {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
@media screen and (max-width: 1200px) {
.index-page.show{
	display: none !important;
}
}

#whatsapp-chat.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

#whatsapp-chat.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 4px 0px 0px 2px;
  background-color: #e6ddd4;
  position: relative;
}
.whatsapp-chat-body::before {
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url("../../image-magna/images/whatsapp/whatsapp-bg.png");
}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: white;
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
  position: relative;
  display: flex;
}

.ixsrax {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  background-color: #9e9da2;
  animation-name: ZpjSY;
}

.dRvxoz {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: hPhMsj;
}

.kAZgZq {
/*  padding: 7px 14px 6px;*/
 /* background-color: white;
  border-radius: 0px 8px 8px;*/
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
/*  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;*/
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}
/*.kAZgZq::before {
  position: absolute;
  background-image: url("../../image-magna/images/whatsapp/side-extend.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}*/

.bMIBDo {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.cqCDVm {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  margin-right: -8px;
  margin-bottom: -4px;
}

/*scrol to top*/
#scroll {
    position:fixed;
    right:18px;
    bottom:32px;
    cursor:pointer;
    width:42px;
    height:43px;
/*    background-color:#3498db;*/
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
        background: linear-gradient(135deg, #001a33, #002f6c, #004c99) !important;
    z-index: 60;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-14px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background:#1c8200;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

@keyframes shake{
0% {
    transform: translateX(0);
}
25% {
    transform: translateX(-2px);
}
50% {
    transform: translateX(2px);
}
75% {
    transform: translateX(-2px);
}
100% {
    transform: translateX(0);
}
}

.feature-section .feature-block-one .inner-box p{
	font-size: 16px;
}

/*why choose */
.getting_loan_area {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}
.text-center {
    text-align: center!important;
}
.justify-content-center {
    justify-content: center!important;
}
.mb-20 {
    margin-bottom: 20px!important;
}
.getting_inner {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.getting_loan_area .getting_first {
    padding-top: 25px;
}
.getting_loan_area .getting_items {
    position: relative;
    padding-left: 40px;
    z-index: 1;
    display: block;
    overflow: hidden;
}

.getting_loan_area .getting_items span {
    width: 20px;
    border-radius: 50%;
    background: #004681;
    color: #fff;
    text-align: center;
    font: normal normal normal 10px / 20px FontAwesome;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.getting_loan_area .getting_items h3 {
    font-size: 18px;
    color: #000;
    top: -7px;
    padding-top: 0px;
    padding-bottom: 8px;
    font-weight: 500;
}
.our-history p{
  text-align: justify;
}
.clr-122766 {
    color: #000 !important;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600; 
}

.service-paragraph{
  line-height: 25px !important;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #000 !important;
  display: block;
  margin-block-start: 10px;
  margin-block-end: 15px;
  margin-inline-start: 0px;
  margin-inline-end: 0p
}

.why .fa-long-arrow-right{
    font-size: 19px;
    background: #1c8200;
    padding: 5px 10px;
    border-radius: 20px;
    color: #fff;
    margin-left: 10px;
    animation: shake 1s infinite;
}
.ttm-fid-contents span{
	margin-right: 8px;
}
.spl-mt100 {
	margin-top: 100px !important;
}


/*HARISH*/

@media (min-width: 1600px) {
	.container {
        max-width: 1500px !important;
    }
}
.shiny-bg {
    background: linear-gradient(135deg, #0055aa, #003366, #0055aa) !important;
    background-size: 200% 200%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}
.shiny-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 5%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 80%);
  transform: skewX(-25deg);
  animation: shine 2s infinite;
}
@keyframes shine {
  0% { left: -75%; }
  100% { left: 125%; }
}
.alicon-center {
	align-content: center;
}
.img-white {
    filter: brightness(0) invert(1);   /* makes dark image turn white */
}
.marqueeinfinite {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  top: 0px;
  color: #fff;
    font-size: 1.25rem;
  overflow: hidden;
    background: #004681;
  white-space: nowrap;
}
.infinite-mar{
 color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0px;

}

.marquee--inner {
  display: block;
  width: 200%;
  position: absolute;
  animation: marquee 25s linear infinite;
  &:hover {
    animation-play-state: paused;
    color: #fff;
  }
}

.marqueeinfinite span {
  float: left;
  width: 50%;
  overflow: hidden;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.bread-title {
	font-weight: 700;
    text-transform: capitalize;
    font-size: 32px;
    line-height: 59px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: black 9px 2px 9px;
}

.bread-content {
	font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 59px;
    margin-bottom: 10px;
    color: #fff !important;
    text-shadow: black 9px 2px 9px;
}
.col-white {
	color: white !important;
}
.call-phone {
    height: 40px;
    z-index: 1003;
    position: fixed;
    right: 23px;
    bottom: 100px;
}
/*------------------------------------------
    How Its Work Style1 Css
--------------------------------------------*/
.how-its-work-style1 {
    background-color: var(--thm-white);
}

.how-its-work-style1 .sec-title.withtext {
    padding-bottom: 30px;
}

.how-its-work-style1__single {
    position: relative;
    display: block;
    padding: 60px 20px 20px 20px;
}

.how-its-work-style1__single .img-box {
    position: relative;
    display: block;
    width: 200px;
    margin: 0 auto;
    z-index: 1;
}

.how-its-work-style1__single .img-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid #004681;
    transform: rotate(135deg);
    z-index: -1;
}

.how-its-work-style1__single .icon-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -40px;
    left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    z-index: 3;
}

.how-its-work-style1__single .icon-box span {
    position: relative;
    display: inline-block;
    font-size: 45px;
    color: #001a39;
}

.how-its-work-style1__single .img-box .inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.how-its-work-style1__single .img-box .inner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.how-its-work-style1__single:hover .img-box .inner::before {
    opacity: 0.40;
}

.how-its-work-style1__single .img-box .inner img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.how-its-work-style1__single:hover .img-box .inner img {
    transform: scale(1.05) rotate(0deg);
}

.how-its-work-style1__single .img-box .inner .count-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    right: -75px;
    bottom: -75px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #eb2226;
    padding-left: 30px;
    padding-bottom: 57px;
    z-index: 3;
}

.how-its-work-style1__single .img-box .inner .count-box h3 {
    color: var(--thm-white);
    font-size: 24px;
    line-height: 34px;
    font-family: var(--thm-font-2);
    font-weight: 500;
}

.how-its-work-style1__single .content-box {
    position: relative;
    display: block;
    padding-top: 63px;
    z-index: 3;
}

.how-its-work-style1__single .content-box h3 {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 13px;
}

.how-its-work-style1__single .content-box h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.how-its-work-style1__single .content-box h3 a:hover {
    color: #004681;
}

.how-its-work-style1__single .content-box p {
    margin: 0;
}

.how-its-work-style1__consult {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 620px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);
    margin: 52px auto 0;
    padding: 0px 40px 0px;
    padding-right: 0;
}

.how-its-work-style1__consult .text {
    position: relative;
    display: block;
}

.how-its-work-style1__consult .text p {
    color: var(--thm-black);
}

.how-its-work-style1__consult .btn-box {
    position: relative;
    display: block;
    margin-left: auto;
}

.how-its-work-style1__consult .btn-box .btn-one {
    padding-top: 8px;
    padding-bottom: 7px;
}
/*service*/
.services-style-bg {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .07);
    box-shadow: 0 0 15px rgba(0, 0, 0, .07);
}
.services-card {
    padding-top: 25px;
    background: #001a391c;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    margin-top: 15px;
    height: calc(100% - 30px);
}
.services-card::before {
    content: '';
    position: absolute;
    z-index: -1;
    opacity: .4;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-color: unset;
    background-repeat: no-repeat;
    background-image: url(../../../magna-hytek/image-magna/images/service.png);
}
.services-card i {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}
.services-card h5 a, .services-card h4 a, .services-card h2 a {
    display: block;
    color: #fff;
    font-size: 20px;
}
.ht-50 {
    height: 50px;
}
.services-card .learn-btn {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}
.btn-2 {
    padding: 12px 15px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 1.8;
}
.services-card::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 170px 0 0 0;
    opacity: 0;
}
/* Tabs wrapper line */
        .product-tabs-wrapper {
            border-bottom: 1px solid #e5e5e5;
            margin-bottom: 2rem;
            overflow-x: auto;           /* mobile scroll */
            white-space: nowrap;
        }

        /* Tab links */
        .product-tabs .nav-link {
            border: 0;
            border-bottom: 2px solid transparent;
            border-radius: 0;
            font-weight: 600;
            font-size: 15px;
            color: #222;
            padding: 11px 80px;
            margin-right: 1rem;
        }

        .product-tabs .nav-link:hover {
            color: #004681;
        }

        /* Active tab */
        .product-tabs .nav-link.active {
            color: white;
            background-color: #004681;
            border-bottom-color: #004681;
            border-radius: 10px 10px 0px 0px;
        }

        /* Tab content paragraph style (optional) */
        .tab-pane p {
            font-size: 15px;
            line-height: 1.7;
            color: #333;
        }
.product-tabs {
	justify-content: flex-start;
	border-bottom: 2px solid #004681;
}
.text-left {
	text-align: left !important;
}
.product-tabs .nav-link .active {
	color: white;
	background: #004681;
}
.product-tabs .nav-link {
	background: #f5f7ff;
	font-size: 19px;
	border-radius: 10px 10px 0px 0px;
}
.spl-imgpro {
	height: 200px !important;
	width: 200px !important;
}
.spl-imgcat {
	padding: 0px 25px 10px !important;
}
.product-card:hover h4 {
	color: #004681;
}
.tab-content ul li::before {
	font-family: 'FontAwesome';
    content: "\f14a";
    color: #2279c2;
    padding-right: 10px;
}
.pro-hover:hover .spl-proname {
    color: #004681 !important;
}
.tab-pane {
	font-size: 17px !important;
	line-height: 35px !important;
}
.text-start {
	text-align: left !important;
}
.spl-proname {
	font-size: 20px;
	padding-top: 20px;
}
.spl-pb60 {
	padding-bottom: 60px !important;
}

@media (max-width: 991px) {
	.spl-mt100 {
	    margin-top: 0px !important;
	}
	.about-section {
	    position: relative;
	    padding: 20px 0px;
	}
	.spl-mobpadd {
		padding: 0px 20px;
	}
	.spl-paddtop20 {
		padding-top: 20px !important;
	}
	.fact-counter .column .counter-title {
	    position: relative;
	    font-size: 17px;
	    font-weight: 600;
	    color: white;
	    margin-top: 10px;
	    display: block;
	}
	.fact-counter-section{
	    position: relative;
	    width: 100%;
	    background-size: cover;
	    background-position: center;
	    padding: 30px 0px 20px 0px;
	    background-color: #3d4a66;
	    background-repeat: no-repeat;
	}
	.testimonial-block-two .inner-box {
	    position: relative;
	    text-align: center;
	    padding-top: 20%;
	    padding-bottom: 10px;
	    padding-left: 35px;
	    padding-right: 35px;
	    border: 2px solid #f6f6f6;
	}
	.ttm-page-title-row-inner {
	    width: 100%;
	     margin-top: 0px; 
	    padding: 120px 0px 100px;
	    text-align: center;
	    background-color: rgba(0, 0, 0, .47);
	}
	.pb-30 {
	    padding-bottom: 10px;
	}
	.single_testimonial_right .single_testimonial_item .single_content .quote {
	  position: absolute;
	  bottom: calc(20% - -170px);
	  right: 12%;
	}
	.backimg {
	    background: linear-gradient(45deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../image-magna/images/enquiry/enquiry.jpg);
	    width: 100%;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-attachment: fixed;
	    height: 100%;
	    margin-top: 0px;
	}
	.pt-100 {
	    padding-top: 5%;
	    padding-bottom: 5%;
	}
	.contact_info .placeholder {
	    background: #d87138;
	    margin-bottom: 20px;
	}
	.contact_info {
	    display: block;
	    overflow: hidden;
	    padding: 30px 0 15px;
	}
	.product-tabs .nav-link {
        border: 0;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        font-weight: 600;
        font-size: 15px;
        color: #222;
        padding: 7px 30px;
        margin-right: 1rem;
    }
    .bread-title {
	    font-weight: 700;
	    text-transform: capitalize;
	    font-size: 24px;
	    line-height: 59px;
	    margin-bottom: 10px;
	    color: #fff;
	    text-shadow: black 9px 2px 9px;
	}
	.spl-mobpadd20 {
		padding: 0px 20px;
	}
	.spl-protitle {
		font-size: 24px !important;
	}

}

@media (max-width: 750px) {
	.accordion-box .block .icon-outer {
	    position: absolute;
	    right: 15px;
	    top: 24px !important;
	    font-size: 18px;
	    color: #242424;
	    transition: all 500ms ease;
	    -moz-transition: all 500ms ease;
	    -webkit-transition: all 500ms ease;
	    -ms-transition: all 500ms ease;
	    -o-transition: all 500ms ease;
	}

}

.weintro-h3 {
	margin-left: 30px;
	align-content: center;
	font-size: 20px;
	font-weight: bold;
}
.weintro {
	margin-top: 20px;
	margin-bottom: 20px;
}

.weintro-title {
	font-size: 23px !important;
	color: #004680 !important;
}
.spl-protitle {
	font-size: 30px !important;
}


@media (min-width: 992px) {
	.text-lg-start {
		text-align: left !important;
	}
	.spl-floatright {
		float: right !important;
	}
}
.spl-clearfix {
	display: flex !important;
	justify-content: space-between !important;
}
.spl-img {
	border-radius: 10px;
	padding-bottom: 20px;
}












/*mobile view*/
@media only screen and (max-width: 991px){
.des_view{
	display: none;
}
.mb-view{
	display: block;
}
.pl-94{
	padding-left: 0px!important;
}
.title h1{
	font-size: 22px;
	color: #000;
	font-weight: 600;
}
.title h2{
	font-size: 18px;
	color: #000;
	font-weight: 600;
}
.mb-padding0{
	padding-top: 1px!important;
}
.mb-padding{
	padding-top: 15px;
}
.mb-padding1{
	padding-top: 10px;
}
.mb-padding2{
	padding-top: 15px;
}
.mb-padding3{
	padding-top: 0px;
}
.mb-padding4{
	padding-top: 30px!important;
}
.mb-paddingb0{
	padding-bottom: 10px!important;
}
.mb-paddingb{
	padding-bottom: 5px;
}
.mb-paddingb1{
	padding-bottom: 10px;
}
.mb-paddingb2{
	padding-bottom: 0px;
}
.mb-paddingb3{
	padding-bottom: 20px;
}
.mb-paddingb4{
	padding-bottom: 30px;
}
.mb-text-center{
	text-align: center!important;
}
.pt-50{
	padding-top: 30px;
}
/*counter*/
.fact-counter .count-outer .icon {
    margin-bottom: 20px;
}
.fact-counter .count-outer .count-text {
    font-size: 30px;
}
.fact-counter .count-outer .text {
    font-size: 30px;
}
.featured-icon-box.style3 {
    text-align: center;
    padding: 4px 2px 4px;
    box-shadow: none;
    margin: 0px 0 0;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #f7f7f7;
}
.ttm-boxes-spacing-20px .ttm-box-col-wrapper {
    padding-right: 6px;
    padding-left: 1px;
    padding-bottom: 1px;
    width: 33%;
}
.featured-icon-box.icon-align-top-content .featured-content {
    padding-top: 6px;
}
/*why*/
.getting_loan_area .getting_items {
    padding-left: 40px;
}
.getting_loan_area .getting_first {
    padding-top: 6px;
}
/*gallery*/
.gallery-section {
    padding: 10px 0px 5px;
}
.gallery-section .filters {
    margin-bottom: 38px;
}
.testimonial-block-two .inner-box {
    padding-top: 23%;
}
.featured-imagebox-portfolio.style2 .featured-content {
    padding: 30px 30px 7px;
}
/*award*/
.award-section {
    position: relative;
    padding: 1px 0px 12px 0px;
}
.ttm-row.procedure-section {
    padding: 30px 0 20px;
}
.featured-icon-box.icon-align-top-content .featured-content.con{
        padding-top: 15px!important;
}
/*footer*/
footer .footer-nav li {
    margin-left: 10px;
    padding-left: 14px;
}
/*sub banner*/
.ttm-page-title-row-inner {
    padding: 40px 0 40px;
}
.page-title-heading h2 {
    font-size: 26px;
}
/*touch panel*/
.ttm-row.about-section_1 {
    padding: 30px 0 30px;
}
.spacing-15 {
	    padding: 1px 1px;
	    margin: 0px 0px 0px;
}
.list-style-four li:before {
    left: 12px;
}
.featured-icon-box.style18 .featured-title h3 {
    font-size: 26px;
}
.featured-icon-box.style18 .featured-desc {
    padding: 0 15px 0 18px;
}
.border-left {
    border-left: 1px solid #fff !important;
}
.pl-30{
	padding-left: 1px;
}
.ttm-row.process-section {
    padding: 36px 0 2px;
}
.feature-block-one .inner-box {
        padding: 22px 40px 20px 40px;
}
.feature-section .inner-container {
    position: relative;
    margin-top: 0px;
    z-index: 2;
}
.pb-166 {
    padding-bottom: 0px;
}
.sidebar-page-container {
    position: relative;
    padding: 0px 0px 0px;
}
.service-list li a:before {
    width: 49px;
}
.service-list li a {
    padding: 17px 13px;
}
#container1 {
    width: clamp(0rem, 0vw, 0rem);
}
.border1{
	border: 1px solid #1c8200;
	padding: 15px;
}
.ttm-row.welcome-section_1 {
    padding: 30px 0 0;
}
.service-list li a{
	font-size: 16px;
}
.service-list li.current a{
	font-size: 16px;
}
}
@media only screen and (max-width: 525px){
.three-item-carousel .owl-nav .owl-next{
  left: 54%;
}
.three-item-carousel .owl-nav .owl-prev{
  left: 40%;
}
}
@media only screen and (min-width: 350px) and (max-width: 425px){
.testimonial-column .owl-nav {
    left: 45%;
}
}
@media only screen and (min-width: 425px) and (max-width: 525px){
.testimonial-column .owl-nav {
    left: 39%;
}
}
@media only screen and (min-width: 526px) and (max-width: 768px){
.three-item-carousel .owl-nav .owl-next{
  left: 55%;
}
.three-item-carousel .owl-nav .owl-prev{
  left: 45%;
}
.testimonial-column .owl-nav {
    left: 33%;
}
}
@media only screen and (min-width: 769px) and (max-width: 991px){
.three-item-carousel .owl-nav .owl-next{
  left: 55%;
}
.three-item-carousel .owl-nav .owl-prev {
    left: 45%;
}
}
@media only screen and (min-width: 1801px) {
    .ttm-right-span>.ttm-col-wrapper-bg-layer {
        margin-right: -500px!important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1299px){
	.feature-block-one .inner-box {
    	position: relative;
    	display: block;
    	padding: 22px 44px 20px 44px;
    	transition: all 500ms ease;
}
}

@media only screen and (max-width: 1299px){

  .feature-block-one .inner-box .shape{
    display: none;
  }

  .feature-block-one .inner-box{
    background: #fff;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
  }

  .funfact-block-one .inner-box:before{
    display: none;
  }
  }
  @media only screen and (max-width: 767px) {
  	.width{
    	width: 50% !important;
    }
  }

@media only screen and (max-width: 991px) {
    .feature-block-one .inner-box {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 993px) and(max-width: 1200px) {
.sticky-header .main-menu .navigation > li > a,
.header-style-two .sticky-header .main-menu .navigation > li > a,
.header-style-three .sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	color:#000 !important;
}

@media only screen and (max-width: 1023px) {
    @media only screen and (max-width: 767px) {
        .main-footer .footer-bottom .pull-left, .main-footer .footer-bottom .pull-right {
            width: 100%;
            text-align: center;
            padding: 5px 0px;
        }
    }
}
@media only screen and (min-width: 1801px) {
    .ttm-left-span>.ttm-col-wrapper-bg-layer {
        margin-left: -500px;
    }
}
@media only screen and (max-width: 767px) {
    .mobile-width-50 {
        max-width: 50%!important;
    }
    .mobile-width-33 {
        max-width: 33%;
    }
}
.col-black {
	color: black !important;
}