@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery.touchspin.css');


.grey {
		filter: gray; -webkit-filter: grayscale(1);  filter: grayscale(1);  
	} 
	.grey:hover {
		-webkit-filter: grayscale(0); filter: none;
	} 

@font-face {
    font-family: "baslik";
    src: url(../kurumsal/baslik.otf)
}

@font-face {
    font-family: "icerik";
    src: url(../kurumsal/icerik.otf)
}

@font-face {
    font-family: "imza";
    src: url(../kurumsal/imza.otf)
}

.imza { 
	font-size: 23px;
	color: #000;
	line-height: 45px;
	font-family: imza;
} 
*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;
}

/*** 

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

 ***/

body { 
	background:#f2f2f2;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: icerik;
}

a{
	text-decoration:none;
	cursor:pointer;
 
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}
Raleway
h1,h2,h3,h4,h5,h6 {
	position:relative; 
	margin:0px;
	background:none; 
	font-family: baslik;
}

textarea{
	overflow:hidden;	
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 17px;  
	color: #000; 
}

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

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



header .auto-container{
	position:static;
	max-width:82%;
	
	margin:0 auto;
}
.auto-container{
	position:static;
	max-width:1220px;
	/* padding:0px 15px; */
	margin:0 auto;
}

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

figure{
	margin-bottom: 0;
}

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

.theme-btn i{
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

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

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 30px;
	font-weight: 600;
	overflow: hidden;
	letter-spacing: 0.02em;
	background-color: #394575;
}

.btn-style-one:hover{
	background-color: #001e57;
	color: #ffffff;
}

/*Btn Style Two*/

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	color: #222222;
	padding: 10px 30px;
	font-weight: 600;
	overflow: hidden;
	background-color: #ffffff;
	letter-spacing: 0.02em;
}

.btn-style-two:hover{
	background-color: #191e34;
	color: #ffffff;
}

/*=== Social Icon One ===*/
.social-icon-one{
	position: relative;
}

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

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

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

/*=== List Style One ===*/

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

.list-style-one li{
	position:relative;
	font-size:16px;
	line-height:29px; 
	padding-left:25px;
	margin-bottom: 12px;
}

.list-style-one li:before{
	content: "\f186";
	position:absolute;
	left: 0;
	top: 0px;
	display:block;
	font-size:18px;
	line-height: 26px;
	padding: 0px;
	color:#121626;
	font-weight:600;
	font-family: "Flaticon";
}

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

.theme_color{
	color:#394575;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.tabs-box{
	position: relative;
}

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

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


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

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

.dropdown-toggle::after{
	display: none;
}

.fa{
	line-height: inherit;
}

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

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

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

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

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

/*** 

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

***/

.main-header{
	position: relative;
	display: block;
	width: 100%;
	z-index: 99999;
}

.main-header .header-top{
	position: relative;
	background-color:#191e34;
	background-color:#dfdfdf;
	
}

/* Top Left*/

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

.main-header .header-top .social-links{
	position:relative;
	float:left;
	padding: 15px 0;
}

.main-header .header-top .social-links li{
	position:relative;
	float: left;
	margin-right:25px;
}

.main-header .header-top .social-links li a{
	position:relative;
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #191e34;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .social-links li a:hover{
	color:#394575;
}

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

.main-header .header-top .search-box-outer{
	position: relative;
	float: left;
	padding: 10px 0;
}

.main-header .header-top .search-box-btn{
	line-height: 27px;
	color: #8c8f9a;
	font-size: 18px;
}

.main-header .header-top .search-box-outer .dropdown-menu{
	top: 48px !important;
}

.main-header .header-top .cart-btn{
	position: relative;
	float: left;
	margin-left: 30px;
	padding: 10px 0;
}

.main-header .header-top .cart-btn a{
	position: relative;
	font-size: 17px;
	color: #8c8f9a;
	line-height: 28px;
	font-weight: 600;
	padding-left: 30px;
	border-left: 1px dashed #474b5d;
}

.main-header .header-top .info-list{
	position: relative;
	float: right;
	padding: 10px 0;
}

.main-header .header-top .info-list li{
	position: relative;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px dashed #474b5d;
	font-size: 15px;
	line-height: 30px;
	color: rgba(255,255,255,.70);
	font-weight: 400;
}

.main-header .header-top .info-list li a{
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #191e34;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-top .info-list li a:hover{
	color: #394575;
}

.main-header .header-top .info-list li i{
	margin-right: 7px;
	color: #394575;
	font-size:18px;
	float: left;
	line-height: 26px;
}

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

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

.main-header .header-upper .logo-outer{
	position: relative;
	float: left;
}

.main-header .header-upper .logo a{
	display:block;
	margin-top:6px; 
}

.main-header .header-upper .logo a svg{
	width:196px; height:65px;  fill:#fff
}

.header-style-three.fixed-header .logo a svg{  
	margin-top:6px;
	width:124px;
	height:50px;
	transition: all 500ms ease;
	fill:#000
}

 

.main-header .info-outer{
	position: relative;
	float: right;
	padding-top: 40px;
}

.main-header .info-outer .info-box{
	position: relative;
	float: left;
	margin-left: 85px;
	padding-left: 55px;
	margin-bottom: 30px;
}

.main-header .info-outer .info-box .icon{
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 40px;
	color: #cccccc;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-header .info-outer .info-box:hover .icon{
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	left: 50%;
	opacity: .10;
}

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

.main-header .info-outer .info-box:before{
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	height: 56px;
	border-left: 2px dashed #cccccc;

}

.main-header .info-outer .info-box:first-child:before{
	display: none;
}

.main-header .info-outer .info-box strong{
	font-size: 17px;
	line-height: 30px;
	color: #191e34;
	font-kerning: 700;
}

.main-header .info-outer .info-box .info{
	display: block;
	position: relative;
	font-size: 15px;
	line-height: 20px;
	color: #777777;
}

.main-header .info-outer .info-box a{
	color: #777777;
}

.main-header .info-outer .info-box a:hover{
	text-decoration: underline;
	color: #394575;
}

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

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

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

.main-header .header-lower .nav-outer{
	position: relative;
	background: #191e34;
	padding-left: 40px;
}

.main-menu{
	position:relative;
	float:left;
}

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

.main-menu .navigation{
	position:relative;
	margin-top:6px; 
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:25px 0px;
	margin-right: 25px;
	padding-right: 25px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:before{
	position: absolute;
	right: 0;
	top: 30px;
	height: 20px;
	width: 1px;
	background-color: #505362;
	content: "";
}

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

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center; 
	font-weight: bold;
	opacity:1;
	color:#fff;
	padding:0px;
	text-transform:none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
 


	.main-menu .navigation > li > a.katalog {
		position:relative;
		background-color:#121626;
		display:block;
		text-align:center; 
		 
		opacity:1;
		color:#fff;
		margin-top:-9px;
		padding:8px 15px;
		border-radius:5px;
		text-transform:none;
		-webkit-transition:all 300ms ease;
		-moz-transition:all 300ms ease;
		-ms-transition:all 300ms ease;
		-o-transition:all 300ms ease;
		transition:all 300ms ease;
	}

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

.header-style-three.fixed-header .main-menu .navigation > li > a.katalog {
  color: #fff;
}

.main-menu .navigation > li.dropdown > a{
	padding-right: 2px;
}

.main-menu .navigation > li.dropdown > a:after{
	font-family: "Flaticon";
	content: "\f11e";
	position:absolute;
	right: -13px;
	top: -1px;
	display:block;
	line-height:24px;
	font-size:8px;
	font-weight:900;
	z-index:5;	
}

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

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

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

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:11px 25px;
	line-height:24px; 
	font-size:15px;
	color:#fff;
	text-align:left; 
	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:#fff;
	background-color:#394575;
}

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

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

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,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:11px 25px;
	line-height:24px;
	font-weight:500;
	font-size:15px;
	color:rgba(255,255,255,0.90);
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

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

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

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

.main-header .outer-box{
position: relative;
  float: right;
  margin-top: 20px;
  margin-left: 30px;
}

.main-header .outer-box .btn-box{
	position: relative;
	float: right;
	margin-left: 30px;
}

.main-header .outer-box .btn-box .theme-btn{
	padding: 24px 40px;
	text-transform: capitalize;
	float: right;
}

.main-header .outer-box .btn-box .theme-btn i{
	margin-left: 10px;
}

/*=== Cart Btn ===*/
.main-header .outer-box .cart-btn{
	position: relative;
	padding: 25px 0 22px;
	float: left;
	margin-left: 30px;
}

.main-header .outer-box .cart-btn a{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	float: left;
	padding: 25px 0px 22px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn{
	position: relative;
	float: left;
    font-size: 18px;
	line-height: 30px;
    cursor: pointer;
    background: none;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:hover{
	color: #394575;
}

.dropdown-toggle::after{
	display: none;
}

.main-header .search-box-outer .dropdown-menu{
	top:52px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	border-top:3px solid #df6512;
}

.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%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

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

.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;
}

/*** 

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

***/

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

.header-style-two .nav-outer{
	position: relative;
	float: right;
}

.header-style-two .main-menu .navigation > li > ul,
.header-style-three .main-menu .navigation > li > ul{
	border-top-width:0;
}

.sticky-header .main-menu .navigation > li > ul,
.sticky-header .main-menu .navigation > li > ul{
	border-top-width:3px;
}

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

.header-style-two .main-menu .navigation > li:before{
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 0;
	height: 5px;
	width: 0%;
	background-color: #394575;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	content: "";
}

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

.header-style-two .main-menu .navigation > li:hover:before,
.header-style-two .main-menu .navigation > li.current:before{
	width: 100%;
	left: 0;
}

.header-style-two .main-menu .navigation > li > a{
	font-size: 17px;
	color: #191e34;
}

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

.header-style-two .outer-box .btn-box{ 
	position: relative;
	padding: 30px 0;
}

.header-style-two .outer-box .btn-box .theme-btn{
	padding: 15px 30px;
}

.header-style-two .outer-box .btn-box .theme-btn i{
	margin-left: 10px;
	line-height: 28px;
}
 

.header-style-three{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(25,30,52,.30);
	border-bottom: 1px solid rgba(255,255,255,.10);
	transition: all 500ms ease;
}

.header-style-three .header-upper .logo{
	padding: 20px 0;
	transition: all 300ms ease;
}

.header-style-three .nav-outer{
	position: relative;
	float: right;
}

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

.header-style-three .main-menu .navigation > li:last-child{
	
	margin-left: 50px;
}

.header-style-three .main-menu .navigation > li:before{
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 0;
	height: 2px;
	width: 0%;
	background-color: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	content: "";
}

.header-style-three .main-menu .navigation > li:hover:before,
.header-style-three .main-menu .navigation > li.current:before{
	width: 100%;
	left: 0;
}

.header-style-three .main-menu .navigation > li > a{
	font-size: 16px
}

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

.header-style-three .outer-box .btn-box{
	padding: 30px 0;
	transition: all 300ms ease;
}

.header-style-three .outer-box .btn-box .theme-btn{
	padding: 14px 30px;
}

.fixed-header.header-style-three .header-top{
	transition: all 500ms ease;
	overflow: hidden;
}

.header-style-three.fixed-header{
	background-color: #fff
}

 

 
.header-style-three.fixed-header .main-menu .navigation > li > a {
	color:#000
}

.header-style-three.fixed-header .right-humbugur-btn {
	color:#000
}



.header-style-three.fixed-header .outer-box .btn-box,
.header-style-three.fixed-header .header-upper .logo{
	padding: 10px 0;
}

.header-style-three.fixed-header .main-menu .navigation > li{
	padding: 25px 0;
}

.header-style-three.fixed-header .header-top{
	height: 0;
}

/*** 

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

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

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

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

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

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

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	line-height:30px;
	font-size:17px;
	font-weight:500;
	color:#222222;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

/*** 

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

***/

.mobile-menu{
	position: fixed;
	left: 0;
	top: 0;
	width: 280px;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	transition-delay:1400ms;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0s ease;
	-moz-transition:all 0s ease;
	-ms-transition:all 0s ease;
	-o-transition:all 0s ease;
	transition:all 0s ease;
	-webkit-transition-delay:0ms;
	-ms-transition-delay:0ms;
	transition-delay:0ms;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	transform: translateX(101%);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transition-delay:700ms;
	-ms-transition-delay:700ms;
	transition-delay:700ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	visibility: visible;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-webkit-transition-delay:0ms;
	-ms-transition-delay:0ms;
	transition-delay:0ms;
}

.mobile-menu .menu-box{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 100%;
	height: 500px;
	/* max-height: 100%; */
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	-webkit-transform: translateX(-101%);
	-ms-transform: translateX(-101%);
	transform: translateX(-101%);
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition-delay:700ms;
	-ms-transition-delay:700ms;
	transition-delay:700ms;
}

.mobile-menu .close-btn{
	position: fixed;
	left: 0;
	left: 295px;
	top: 10px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay:1400ms;
	-ms-transition-delay:1400ms;
	transition-delay:1400ms;
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

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

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

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

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	border-left:1px solid rgba(0,0,0,0.10);
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

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

/*** 

====================================================================
			Page Title
====================================================================

***/

.mt-96 {
	margin-top:96px
}

.page-title-small {
	position:relative;
	margin-top:100px
}


.page-title{
	position:relative;
	padding: 190px 0 175px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.page-title:before{
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#191e34;
	opacity: .70;
	position:absolute;
}

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

.page-title .title-box{
 
}

.page-title h1{
	 
	display: block;
	font-size:23px;
	color:#fff;
	 
}

.page-title .title{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 500;
}

.page-title .bread-crumb {
	position: relative;
	display:block; 
}

.bread-crumb {
	margin-top:20px; display:block; 
}

.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color:#fff;
	font-weight: 500; 
	cursor: default;
	padding-right:  13px;
	margin-right: 13px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	top: -1px;
	right: -5px;
	font-size: 8px;
	line-height: 30px;
	color: #ffffff;
	content:"\f13f";
	font-weight: 700;
	font-family: "Flaticon";
}

.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#a1a1a1;	
}

.sec-title p {
	font-size:23px; color:#000
}

/*** 

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

***/

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

.sec-title .title{
	position: relative;
	display: block;
	font-size: 27px;
	font-family:baslik;
	line-height: 24px;
	color: #394575; 
	margin-bottom: 15px;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size:29px;
	line-height: 1.28em;
	color: #222222;
	font-weight: 600;
	padding-bottom:18px;
}

.sec-title h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:3px;
	background-color:#d1d2d6;
}

.sec-title .text{
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-top: 35px;
}

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

.sec-title.text-center h2:before{
	left:50%;
	margin-left: -25px;
}
 
 
 
 
 
 	
	
 
.links-bar{
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	counter-reset:count;
}

.links-bar .services-links{
	position: relative;
	display: block;
}

.links-bar .services-links li{
	position: relative;
	float: left;
	width: 25%;
	font-size: 20px;
	line-height: 30px;
	color: #848484;
	font-weight: 500;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: -1px;
}

.links-bar .services-links li:last-child{
	border-right: 1px solid #e5e5e5;
}

.links-bar .services-links li a{
	color: #848484;
	display: block;
	padding: 30px 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.links-bar .services-links li a:before{
	position: relative;
	display: inline-block;
	counter-increment: count;
    content: "0" counter(count);
    margin-right: 7px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.links-bar .services-links li a:hover:before{
	color: #394575;
}

.links-bar .services-links li a:hover{
	color: #ffffff;
	background-color: #191e34;
	border-color: #191e34;
}

/*** 

====================================================================
		Feature Bar
====================================================================

***/

.features-bar{
	position: relative;
	z-index: 4;
}

.features-bar .auto-container{
	position: relative;
}

.features-bar .outer-box{
	position: relative;
	margin-bottom: -90px;
	margin-top: -90px;
	background-color: #ffffff;
	padding: 65px 0 15px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

.features-bar .feature-box{
	margin-bottom: 50px;
	position: relative;
}

.features-bar .feature-box .inner{
	position: relative;
	padding-left: 130px;
	min-height: 50px;
}

.features-bar .feature-box .icon{
	position: absolute;
	left: 70px;
	top: 0;
	text-align: center;
	font-size: 48px;
	line-height: 50px;
	color: #394575;
	font-weight: 400;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.features-bar .feature-box .inner:hover .icon-box span{
	background-color: #394575;
	border-color: #394575;
	color: #ffffff;
}

.features-bar .feature-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	padding: 10px 0;
}

.features-bar .feature-box h3 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.features-bar .feature-box h3 a:hover{
	color: #394575;
}

/*** 

====================================================================
		About Section
====================================================================

***/

.about-section{
position: relative;
  padding: 47px 0 3px;
  background-color: #f2f2f2;
  margin-bottom:63px;
}

.about-section .sec-title{
	margin-bottom: 45px;
}

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

.about-section .content-column .inner-column{
	position: relative;
	padding-left: 30px;
}

.about-section .text{
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
}

.about-section .list-style-one{
	margin-bottom: 45px;
}

.about-section .btn-box{
	position: relative;
}

.about-section .btn-box a{
	padding: 15px 50px;
}

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

.about-section .image-column .text-layer{
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500;
}

.about-section .image-column .inner-column{
	position: relative;
	padding-left: 120px;
	padding-bottom: 125px;
}

.about-section .image-column .inner-column:before{
	position: absolute;
	left: -75px;
	top: 65px;
	height: 520px;
	width: 520px;
	background-image:url(../images/icons/circle-1.png);
	content: "";
}

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

.about-section .image-column .image-2{
	position: absolute;
	left: 0;
	bottom: 20px;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img{
	box-shadow: 0 30px 50px rgba(8,13,62,.15);
}

.about-section .image-column .video-link{
	position: absolute;
	left: 70px;
	top: 170px;
}

.about-section .image-column .video-link .link{
	position: relative;
	display: block;
	font-size: 22px;
	color: #191e34;
	font-weight: 400;
	text-align: center;
	height: 100px;
	width: 100px;
	line-height: 100px;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 30px 50px rgba(8,13,62,.15);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-section .image-column .video-link .link:hover{
	background-color: #191e34;
	color: #ffffff;
}

/*=== About Section Style Two ===*/
.about-section.style-two:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 33.5%;
	background-color: #f2f3f5;
	content: "";
}

.about-section.style-two:after{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-4.png);
    z-index: -1;
    content: "";
}

.about-section.style-two .image-column .inner-column{
	padding-bottom: 215px;
	padding-left: 30px;
	padding-right: 70px;
}

.about-section.style-two .image-column .inner-column:before{
	display: none;
}

.about-section.style-two .image-column .image-2{
	left: auto;
	right: 0;
}

.about-section.style-two .image-column .video-link{
	top: auto;
	bottom: 55px;
	left: 180px;
}

.about-section.style-two .content-column .inner-column{
	padding-left: 0;
	padding-right: 30px;
}

.about-section.style-two.alternate{
	padding-top: 0;
	padding-bottom: 70px;
}

.about-section.style-two.alternate:before{
	display: none;
}

.about-section.style-two.alternate .image-column .inner-column{
	padding: 0;
	padding-left: 30px;
}

.about-section.style-two.alternate .image-column .text-layer{
	color: #f2f3f5;
	margin-top: 0;
	right: -140px;
}

/*=== About Section Style Three ===*/

.about-section.style-three{
	padding-top: 220px;
}

.about-section.style-three:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 70%;
    background-color: #f2f3f5;
    content: "";
}

.about-section.style-three:after{
    position: absolute;
    left: 0;
    top: 0;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-7.png);
    content: "";
    z-index: 0;
}

.about-section.style-three .row{
	position: relative;
	z-index: 1;
}

.about-section.style-three .content-column .inner-column{
	padding-left: 0;
	padding-right: 40px;
}

.about-section.style-three .image-column{
	margin-bottom: 50px;
}

.about-section.style-three .image-column .inner-column{
	padding-left: 30px;
	padding-right: 0;
	padding-bottom: 0;
}

.about-section.style-three .image-column .text-layer{
    font-size: 326px;
    color: #f2f3f5;
    font-weight: 500;
    top: 380px;
    right: -140px;
}

.about-section.style-three .image-column .inner-column:before{
	display: none;
}

/*=== About Section Style Four ===*/

.about-section.style-four:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #f2f3f5;
    content: "";
}

.about-section.style-four:after{
    position: absolute;
    right: 0;
    top: 0;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-8.png);
    content: "";
    z-index: 0;
}

.about-section.style-four .row{
	position: relative;
	z-index: 1;
}

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

.about-section.style-four .image-column .inner-column{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.about-section.style-four .image-column .text-layer{
    font-size: 326px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 500;
    top: 280px;
    right: 0px;
}

.about-section.style-four .image-column .inner-column:before{
	display: none;
}

.skill-block{
	position: relative;
	margin-bottom: 30px;
}

.skill-block .inner-box{
	position: relative;
	text-align: center;
	min-height: 130px;
}

.skill-block .graph-outer{
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}

.skill-block .graph-outer .count-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 34px;
    color: #394575;
    font-weight: 500;
    line-height: 40px;
    margin-top: -20px;
}

.skill-block h3{
	position: relative;
	font-size: 20px;
	line-height: 24px;
	color: #222222;
	font-weight: 400;
	padding: 0 15px;
}

/*** 

====================================================================
		Services Section
====================================================================

***/

.services-section{
	position: relative;
	padding: 0 0 120px;
	background-color: #f2f3f5;
}

.services-section.alternate{
	padding-top: 120px;
}

.services-section.alternate:before{
	height: 560px;
}

.services-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 440px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.services-section:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	background-image: url(../images/icons/dotted-map.png);
	background-repeat:no-repeat;
	background-position: center;
	content: "";
	z-index: 0;
}

.service-block{
	position: relative;
	margin-bottom: 60px;
	z-index: 1;
}

.service-block .inner-box{
	position: relative;
}

.service-block .image-box{
	position: relative;
}

.service-block .image-box .image{
	position: relative;
	background-color: #394575;
	overflow: hidden;
}
.service-block .image-box .image .date{
	position: absolute; left:10px; bottom:10px; color:#fff; display:block; background-color:rgba(0, 0, 0, 0.356); padding:3px 4px;
	width:130px; font-size:17px; font-weight:bold; font-family: baslik;
}

.service-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

	.service-block .image-box .image.projeler img{ 
		height: 220px; 
	}




.service-block .inner-box:hover .image-box .image img{
	opacity: .70;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.service-block .lower-content{
	position: relative;
	background-color: #ffffff;
	padding: 25px 20px 16px;
	box-shadow: 0 12px 15px rgba(0,0,0,0.05);
}

.service-block .lower-content .icon{
	position: relative;
	display: block;
	font-size: 50px;
	line-height: 1em;
	color: #222222;
	margin-bottom: 20px;
}

.service-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 19px;
	text-align:center;
	padding:8px 0px
}

.service-block .lower-content h3 a{
	color: #222222;
	display: inline-block;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

 

.service-block .lower-content:hover h3:after{
	background-color:#394575;
}

.service-block .lower-content h3 a:hover{
	color: #394575;
}

.service-block .lower-content .text{
	position: relative;
	margin-bottom: 15px;
}

.service-block .lower-content .link-box{
	position: relative;
}

.service-block .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #222222;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .lower-content .link-box a:hover{
	color: #394575;
	text-decoration:underline;
}

.services-section .btn-box{
	position: relative;
	display: block;
	z-index: 9;
}

.services-section .btn-box a{
	padding: 15px 40px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

.services-section.style-two{
	position: relative;
	padding: 50px 0 90px;
}

.services-section.style-two .service-block{
	margin-bottom: 30px;
}

.services-section.style-two:before{
	display: none;
}

/*** 

====================================================================
		Services Section Two
====================================================================

***/

.services-section-two{
	position: relative;
	padding: 115px 0 120px;
}

.services-section-two:before{
    position: absolute;
    right: 0;
    top: 0;
    height: 592px;
    width: 596px;
    background-image: url(../images/icons/circle-6.png);
    z-index: -1;
    content: "";
}

.services-section-two .sec-title{
	margin-bottom: 50px;
}

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

.service-block-two .inner-box{
	position: relative;
}

.service-block-two .image-box{
	position: relative;
}

.service-block-two .image{
	position: relative;
	margin-bottom: 0;
	background-color: #394575;
	overflow: hidden;
	-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-block-two .image img{
	display: block;
	width: 100%;
	height: auto;
}

.service-block-two .inner-box:hover .image{
	box-shadow: 0 15px 30px rgba(0,0,0,0.10);
}

.service-block-two .lower-content{
	position: relative;
	padding: 25px 0 0;
}

.service-block-two .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	color: #222222;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.service-block-two .lower-content h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .lower-content h3:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
}

.service-block-two .lower-content h3 a:hover{
	color: #394575;
}

.service-block-two .lower-content .text{
	position: relative;
	margin-bottom: 15px;
	max-width: 96%;
}

.service-block-two .lower-content .link-box{
	position: relative;
}

.service-block-two .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #222222;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .lower-content .link-box a:hover{
	color: #394575;
}

.services-section-two{
	position: relative;
}

.services-section-two .services-carousel{
	position: relative;
}

.services-section-two .owl-nav{
	display: none;
}

.services-section-two .owl-dots{
	position: relative;
	display: block;
	margin-top: 40px;
	width: 100%;
	text-align: center;
}

.services-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #fdd6bc;
	margin: 0 8px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-section-two .owl-dot.active,
.services-section-two .owl-dot:hover{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	background-color: #394575;
	border-color: #394575;
}

/*** 

====================================================================
		Services Section Three
====================================================================

***/

.services-section-three{
	position: relative;
	padding: 120px 0 90px;
	background-color: #f5f6f7;
}

.services-section-three:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
    background-image: url(../images/icons/dotted-map-3.png);
    background-repeat: no-repeat;
    background-position: center right;
    content: "";
}

.services-section-three:after{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-4.png);
    content: "";
}

.services-section-three .row{
	position: relative;
	z-index: 3;
}

.services-section-three .text-column{
	position: relative;
	margin-bottom: 50px;
}

.services-section-three .text-column .inner-column{
	position: relative;
	padding-right: 65px;
}

.services-section-three .text-column .sec-title{
	margin-bottom: 35px;
}

.services-section-three .text-column .sec-title .text{
	margin-top: 45px;
}

.services-section-three .text-column .btn-box a{
	padding: 15px 35px;
	line-height: 30px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

.service-block-three{
	position: relative;
	margin-bottom: 30px;
}

.service-block-three .inner-box{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	padding: 70px 40px 65px;
	background-color: #ffffff;
	box-shadow: 0 15px 40px rgba(0,0,0,.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover:before{
	opacity: .7;
	background-color: #000000;
}

.service-block-three .icon{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 1em;
	color: #394575;
	margin-bottom: 20px;
}

.service-block-three h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 23px;
}

.service-block-three h3:before{
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
	margin: 0 auto;
	bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover h3 a{
	color: #ffffff;
}

.service-block-three .inner-box:hover h3:before{
	background-color: #ffffff;
	opacity: .40;
}

.service-block-three .text{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 20px;
	-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-block-three .inner-box:hover .text{
	color: #ffffff;
	opacity: .80;
}

.service-block-three .link-box{
	position: relative;
	display: block;
}

.service-block-three .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	color: #222222;
	-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-block-three .inner-box:hover .link-box a{
	color: #394575;
}

.service-block-three .inner-box .link-box a:hover{
	text-decoration:underline;
}

/*** 

====================================================================
		Services Section Four
====================================================================

***/

.services-section-four{
	position: relative;
	padding: 120px 0 70px;
}

.services-section-four:before{
    position: absolute;
    right: 0;
    top: 0;
    height: 592px;
    width: 596px;
    background-image: url(../images/icons/circle-6.png);
    z-index: -1;
    content: "";
}

.services-section-four .sec-title{
	margin-bottom: 45px;
}

.services-section-four .text-column{
	position: relative;
	margin-bottom: 50px;
}

.services-section-four .text-column .inner-column{
	position: relative;
	padding-right: 70px;
}

.services-section-four .text-column .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 30px;
}

.services-tab{
	position: relative;
}

.services-tab .tab-buttons{
	position: relative;
}

.services-tab .tab-buttons li{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	cursor: pointer;
	margin-bottom: 28px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-tab .tab-buttons li:before{
	position: absolute;
	left: 0;
	top: 6px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #394575;
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-tab .tab-buttons li.active-btn:before{
	opacity: 1;
	visibility: visible;
}

.services-tab .tab-buttons li:hover{
	color: #394575;
}

.services-tab .tab-buttons li.active-btn{
	padding-left: 20px;
	color: #394575;
}

.services-section-four .text-column .btn-box{
	position: relative;
}

.services-section-four .text-column .btn-box a{
	position: relative;
	margin-top: 15px;
	padding: 17px 40px 13px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

.services-section-four .service-column{
	position: relative;
}

.services-section-four .service-column .inner-column{
	position: relative;
}

.services-section-four .service-column .image-box{
	position: relative;
	text-align: right;
}

.services-section-four .service-column .image{
	position: relative;
	margin-bottom: 0;
}

.services-section-four .service-column .image img{
	max-width: 100%;
	height: auto;
}

.services-section-four .service-block-four{
	position: absolute;
	left: 70px;
	bottom: 0;
	margin-bottom: 0;
	max-width: 370px;
	transition: all 700ms ease;
}

.services-section-four .active-tab .service-block-four{
	left: 0;
}

.service-block-four{
	position: relative;
}

.service-block-four .inner-box{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 70px 40px 65px;
	background-color: #ffffff;
	box-shadow: 0 15px 40px rgba(0,0,0,.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-four .icon{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 1em;
	color: #394575;
	margin-bottom: 20px;
}

.service-block-four h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 23px;
}

.service-block-four h3:before{
	position: absolute;
	left: 0;
	height: 2px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
	bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-four h3:hover:before{
	background-color:#394575;
}

.service-block-four h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-four h3 a:hover{
	color: #394575;
}

.service-block-four .text{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 20px;
	-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-block-four .link-box{
	position: relative;
	display: block;
}

.service-block-four .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	color: #222222;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-four .link-box a:hover{
	color: #394575;
	text-decoration:underline;
}

/*** 

====================================================================
		Features Section
====================================================================

***/

.features-section{
	position: relative;
}

.features-section:before{
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 33.5%;
    background-color: #f2f3f5;
    content: "";
    z-index: -1;
}

.features-section .outer-box{
	margin-top: -130px;
	z-index: 2;
}

.feature-block-two{
	position: relative;
	z-index: 2;
}	

.feature-block-two .inner-box{
	position: relative;
	box-shadow: 0 15px 30px rgba(0,0,0,0.10);
}

.feature-block-two .upper-box{
	position: relative;
	padding: 35px 40px;
	background-color: #f2f3f5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .upper-box{
	background-color: #191e34;
}

.feature-block-two .icon-box{
	display: block;
}

.feature-block-two .upper-box .icon{
	position: relative;
	display: block;
	font-size: 58px;
	line-height: 60px;
	color: #394575;
	height: 60px;
	font-weight: 400;
}

.feature-block-two .lower-content{
	position: relative;
	padding: 40px 40px;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .lower-content{
	background-color: #1f2540;
}

.feature-block-two .lower-content h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 500;
	padding-bottom: 15px;
	margin-bottom: 33px;
}

.feature-block-two .lower-content h4 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .lower-content h4:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #797c8c;
	content: "";
}

.feature-block-two .inner-box:hover .lower-content h4 a{
	color: #ffffff;
}

.feature-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .lower-content .text{
	color: rgba(255,255,255,.50);
}

.feature-block-two .link-box{
	position: relative;
	display: block;
}

.feature-block-two .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two .inner-box:hover .link-box a{
	color: #394575;
}

.feature-block-two:hover .lower-content h4:before{
	background-color: #394575;
}

.feature-block-two .link-box a:hover{
	text-decoration: underline;
}

.features-section.style-two{
	position: relative;
	padding: 120px 0;
}

.features-section.style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 360px;
	width: 100%;
	background-color: #f2f3f5;
	content: '';
}

.features-section.style-two .outer-box{
	margin: 0;
}

.features-section.style-two .upper-box{
	background-color: #ffffff;
}

.features-section.style-two .upper-box:before{
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 0;
	margin: 0 auto;
	content: "";
	border-bottom: 2px dashed #e9e9e9;
	transition: all 300ms ease;
}

.features-section.style-two .inner-box:hover .upper-box:before{
	border-bottom: 2px dashed #414556;
}

.features-section.style-two .inner-box:hover .lower-content,
.features-section.style-two .inner-box:hover .upper-box{
	background-color: #191e34;
}

/*** 

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding:75px 0 30px;
}

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

.counter-column{
	position:relative;
	text-align: center;
	margin-bottom:40px;
}

.counter-column .count-box{
	position:relative;
}

.counter-column .icon-box{
	position: relative;
	display: block;
}

.counter-column .icon-box .icon{
	display: inline-block;
	font-size: 46px;
	line-height: 50px;
	color: #394575;
	font-weight: 400;
}

.fun-fact-section .count-box{
	position:relative;
	font-size:55px;
	color:#ffffff;
	line-height: 60px;
  
}

.fun-fact-section .count-box .count-text{
	position:relative;
	display: block;
	font-size:55px;
	color:#ffffff;
	line-height: 60px;
	font-weight:400;
	margin-bottom: 10px;
}

.fun-fact-section .counter-title{
	position: relative;
	display: block;
	font-size:15px;
	line-height: 25px;
	font-weight:500;
	color:#ffffff;
	
}

/*** 

====================================================================
			Fun Fact Section Two
====================================================================

***/

.fun-fact-section-two{
	position: relative;
	padding: 60px 0px 0px 0px;
}

.fun-fact-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/dotted-map-4.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}

.fun-fact-section-two .sec-title{
	margin-bottom: 100px;
}

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

.fun-fact-section-two .counter-column .inner{
	position: relative;
	padding-left: 80px;
	text-align: left;
	position: relative;
	padding: 30px 30px;
	background-color: #ffffff;
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

.fun-fact-section-two .counter-column .icon-box{
	position: absolute;
	left: 0;
	top: 0;
}

.fun-fact-section-two .counter-column .icon-box .icon{
	font-size: 52px;
}

.fun-fact-section-two .counter-column .count-box{
	position: relative;
	display: block;
	font-size: 50px;
	line-height: 1em;
	color: #161c42;

	margin-bottom: 5px;
}

.fun-fact-section-two .counter-column .count-box .count-text{
	position: relative;
	font-size: 50px;
	line-height: 1em;
	color: #161c42;
	font-weight: 600;
}

.fun-fact-section-two .counter-column .counter-title{
	position: relative;
	display: block;
	font-size: 15px; 
	color: #161c42;
	text-align:center
}

/*** 

====================================================================
			Funfacts And Clients
====================================================================

***/

.fun-facts-and-clients{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 120px 0 0;
}

.fun-facts-and-clients:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #191e34;
	content: "";
	opacity: .30;
}

.fun-facts-and-clients:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 140px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.fun-facts-and-clients .row{
	position: relative;
}

.fun-facts-and-clients .funfact-column{
	position: relative;
	z-index: 3;
}

.fun-facts-and-clients .funfact-column .inner-column{
	position: relative;
	padding-right: 20px;
}

.fun-facts-and-clients .content-box{
	position: relative;
	background-color: #ffffff;
	padding: 45px 50px;
	box-shadow: 0 5px 30px rgba(0,0,0,0.10);
}

.fun-facts-and-clients .content-box .sec-title{
	margin-bottom: 25px;
}

.fun-facts-and-clients .content-box .sec-title h2{
	font-size: 30px;
	line-height: 1.3em;
}

.fun-facts-and-clients .content-box .text{
	font-size: 16px;
	line-height: 30px;
	color: #848484;
	margin-bottom: 40px;
}

.fun-facts-and-clients .content-box .bottom-box{
	position: relative;
	border-top: 2px dashed #dfdfdf;
	padding-top: 30px;
}

.fun-facts-and-clients .counter-column{
	position: relative;
	margin-bottom: 0;
	z-index: 9;
}

.fun-facts-and-clients .counter-column .inner{
	position: relative;
	padding-left: 70px;
	text-align: left;
	border-right: 2px dashed #dfdfdf;
}

.fun-facts-and-clients .counter-column:last-child .inner{
	border-right: 0;
}

.fun-facts-and-clients .counter-column .icon-box{
	position: absolute;
	left: 0;
	top: 0;
}

.fun-facts-and-clients .counter-column .count-box{
	position: relative;
	font-size: 34px;
	line-height: 1em;
	color: #394575;
	font-weight: 500;
}

.fun-facts-and-clients .counter-column .counter-title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
}

.fun-facts-and-clients .clients-column{
	position: absolute;
	bottom: 0;
	right: 0;
}

.fun-facts-and-clients .sponsors-outer{
	position: relative;
	padding: 45px 0;
}

.fun-facts-and-clients .slide-item{
	position: relative;
}

.fun-facts-and-clients .sponsors-carousel .image{
	position: relative;
	margin: 0;
	text-align: center;
}

.fun-facts-and-clients .sponsors-carousel img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}






.fun-facts-and-clients .sponsors-carousel .image:hover img{
	opacity: 0.70;
}

.fun-facts-and-clients .sponsors-carousel .owl-dots,
.fun-facts-and-clients .sponsors-carousel .owl-nav{
	display: none;
}

/*** 

====================================================================
	Clients Section
====================================================================
 

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

***/

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

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

.video-section .content-column .inner-column{
	position: relative;
	padding-left: 100px;
}

.video-section .content-column h3{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
}

.video-section .content-column .link-box{
	position: relative;
	display: inline-block;
	padding-left: 22px;
}

.video-section .content-column .link-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	background: #ffffff padding-box content-box;
	content: '';
	padding: 5px 0;
}

.video-section .content-column .link-box a{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #fefefe;
	font-weight: 500;
	margin-bottom: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.video-section .content-column .link-box a:hover{
	color: #394575;
}

.video-section .video-link{
	position: relative;
	text-align: center;
	padding-top: 70px;
}

.video-section .video-link .link{
	position: relative;
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	height: 100px;
	width: 100px;
	line-height: 94px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.video-section .video-link .link:hover{
	background-color: #394575;
	border-color: #394575;
	color: #ffffff;
}

/*** 

====================================================================
		Project Section
====================================================================

***/

.project-section{
	position: relative;
	padding: 120px 0 90px;
}

.project-section:before{
	position: absolute;
	left: 0;
	top: 200px;
	height: 690px;
	width: 535px;
	background-image:url(../images/icons/circle-2.png);
	content: "";
}

.project-section .column{
	position: relative;
}

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

.project-block{
	position: relative;
	margin-bottom: 30px;
}

.project-block .image-box{
	position: relative;
}

.project-block .image-box .image{
	position: relative;
}

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

.project-block .overlay-box{
	position: absolute;
	left: 40px;
	bottom: 40px;
	right: 40px;
	overflow: hidden;
}

.project-block .overlay-box .inner{
	position: relative;
	padding: 35px 40px;
	background-color: rgba(255,255,255,.95);
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
}

.project-block .image-box:hover .overlay-box .inner{
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

.project-block .overlay-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 32px;
	color: #222222;
	font-weight: 700;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.project-block .overlay-box h3:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
}

.project-block .overlay-box h3 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .overlay-box h3 a:hover{
	color: #394575;
}

.project-block .overlay-box .text{
	position: relative;
	margin-bottom: 20px;
}

.project-block .link-box{
	position: relative;
}

.project-block .link-box a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #394575;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .link-box a:hover{
	color: #222222;
}

.project-link-box{
	position: relative;
	margin-bottom: 30px;
}

.project-link-box .inner{
	position: relative;
	padding: 120px 15px;
	text-align: center;
	background-color: #191e34;
}

.project-link-box a{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-link-box a i{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	top: 2px;
	font-weight: 600;
}

.project-link-box a:hover{
	color: #394575;
}

/*** 

====================================================================
		Projects Section Two
====================================================================

***/

.project-section-two{
	position: relative;
	background-color: #f2f3f5;
	padding: 120px 0 0;
	overflow:hidden;
}

.project-section-two .projects-outer{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.project-section-two .projects-outer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #1a1f26;
	content: '';
	opacity: .40;
}

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

.project-block-two .inner-box{
	position: relative;
	padding: 0 50px;
	padding-top: 530px;
	padding-bottom: 60px;
}

.project-block-two .inner-box:before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	height:1500px;
	border-right: 1px solid rgba(225,227,226,.30);
	
}

.project-block-two:last-child .inner-box:before{
	display:none;
	
}

.project-block-two .count{
	position: relative;
	display: block;
	font-size: 70px;
	line-height: 1em;
	font-weight: 400;
	color: #ffffff;
    opacity: .30;
	margin-bottom: 45px;
}

.project-block-two h5{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.project-block-two h5:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: rgba(255,255,255,.50);
	content: '';
}

.project-block-two h5 a{
	color: #ffffff;
	display: inline-block;
	transition: all 300ms ease;
}

.project-block-two .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #fefefe;
	margin-bottom: 20px;
}

.project-block-two .btn-box{
	position: relative;
}

.project-block-two .btn-box a{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 500;
	padding: 10px 28px;
	border: 2px solid rgba(255,255,255,.50);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-two .btn-box a:hover{
	color: #394575;
	background-color: #ffffff;
}

.project-block-two .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	background-color: #394575;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.project-block-two .overlay-box .inner{
	position: absolute;
	left: 0;
	bottom: 20%;
	padding: 60px 55px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.project-block-two .inner-box:hover .overlay-box,
.project-block-two.active .inner-box .overlay-box {
	opacity: 1;
}

.project-block-two .inner-box:hover .overlay-box .inner,
.project-block-two.active .inner-box .overlay-box .inner{
	bottom: 0;
}

.project-section-two.style-two{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 465px;
}

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

.project-section-two.style-two .projects-outer:before{
	display: none;
}

.project-section-two.style-two .project-block-two .inner-box{
	background-color: rgba(255,255,255,.20);
	padding-top: 70px;
	padding-bottom: 30px;
}

.project-section-two.style-two .project-block-two .count{
	opacity: .70;
}

.project-section-two.style-two .project-block-two .overlay-box .inner{
	background-color: #394575;
}

/*** 

====================================================================
		Project Page Section
====================================================================

***/

.projects-page-section{
	position: relative;
	padding: 60px 0 90px;
}

/*=== Mixitup Gallery ===*/

.projects-page-section .filters{
	margin-bottom:45px;
	text-align: center;
}

.projects-page-section .filters .filter-tabs{
	position:relative;
	display: inline-block;
}

.projects-page-section .filters li{
	position:relative;
	display: inline-block;
	line-height:24px;
	padding:10px 0px;
	cursor:pointer;
	color:#222222;
	font-weight:500;
	font-size:20px;
	margin:0 12px 0;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects-page-section .filters li:last-child{
	margin-right: 0;
}

.projects-page-section .filters .filter.active,
.projects-page-section .filters .filter:hover{
	color: #394575;
}

.mixitup-gallery .project-block-four{
	display: none;
}

.project-block-four{
	position: relative;
	margin-bottom: 30px;
}

.project-block-four .inner-box{
	position: relative;
	overflow: hidden;
}

.project-block-four .image-box{
	position: relative;
}

.project-block-four .image{
	position: relative;
	margin-bottom: 0;
}

.project-block-four .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-block-four .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: rgba(25,30,52,.70);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-four .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.project-block-four .overlay-box .inner{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.project-block-four .overlay-box .icon-box{
	position: relative;
	display: block;
}

.project-block-four .overlay-box .icon-box a{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 500ms ease;
}

.project-block-four .overlay-box .icon-box a:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.project-block-four .overlay-box .icon-box a .icon{
	display: inline-block;
	line-height: 40px;
}

.project-block-four .overlay-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

.project-block-four .overlay-box h4 a{
	display: inline-block;
	color: #ffffff;
	transition: all 300ms ease;
}

.project-block-four .overlay-box h4 a:hover{
	color: #394575;
}

/*=== Project Block Five ===*/

.project-block-five{
	position: relative;
	margin-bottom: 50px;
}

.project-block-five .inner-box{
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

.project-block-five .image-box{
	position: relative;
}

.project-block-five .image{
	position: relative;
	margin-bottom: 0;
	height: 164px;
}

.project-block-five .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-block-five .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: rgba(25,30,52,.70);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-five .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.project-block-five .overlay-box .inner{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.project-block-five .overlay-box .icon-box{
	position: relative;
	display: block;
}

.project-block-five .overlay-box .icon-box a{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #ffffff;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 500ms ease;
}

.project-block-five .overlay-box .icon-box a:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.project-block-five .caption-box{
	position: relative;
	background-color: #ffffff;
	padding: 25px 30px 25px;
}

.project-block-five .caption-box h4{
	position: relative;
	display: block;
	font-size: 17px;
	line-height:1.8;
	color: #222222;
	font-weight: 500;
	align-items: left; justify-content: center;  display:flex;  flex-direction: column;
	height:50px
}

.project-block-five .caption-box h4 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-five .caption-box h4:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
}

.project-block-five .caption-box h4 a:hover{
	color: #394575;
}

.project-block-five .caption-box .text{
	position: relative;
}

/*** 

====================================================================
		Project Section Four
====================================================================

***/

.project-section-four{
	position: relative;
}

.project-section-four .column{
	position: relative;
}

.project-block-three{
	position: relative;
}

.project-block-three .inner-box{
	position: relative;
	overflow: hidden;
}

.project-block-three .inner-box .image-box{
	position: relative;
}

.project-block-three .inner-box .image-box .image{
	position: relative;
	margin-bottom: 0;
}

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

.project-block-three .bottom-box{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px;
}

.project-block-three .count{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 1em;
	font-weight: 400;
	color: #ffffff;
    opacity: .40;
	margin-bottom: 25px;
}

.project-block-three h5{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.project-block-three h5:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: rgba(255,255,255,.50);
	content: '';
}

.project-block-three h5 a{
	color: #ffffff;
	display: inline-block;
	transition: all 300ms ease;
}

.project-block-three .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #fefefe;
	margin-bottom: 20px;
}

.project-block-three .btn-box{
	position: relative;
}

.project-block-three .btn-box a{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 500;
	padding: 10px 28px;
	border: 2px solid rgba(255,255,255,.50);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block-three .btn-box a:hover{
	color: #394575;
	background-color: #ffffff;
}

.project-block-three .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	background-color: #394575;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.project-block-three .overlay-box .inner{
	position: absolute;
	left: 0;
	bottom: 20%;
	padding: 40px 40px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.project-block-three .inner-box:hover .overlay-box {
	opacity: 1;
}

.project-block-three .inner-box:hover .overlay-box .inner{
	bottom: 0;
}

/*** 

====================================================================
		Project Details
====================================================================

***/

.project-details-section{
	position:relative;
	padding:120px 0px 90px;	
}

.project-detail .image-box{
	position: relative;
	margin-bottom: 18px;
}

.project-detail .image-box .image{
	position: relative;
	margin-bottom: 50px;
}

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

.project-detail .content-box{
	position:relative;
}

.project-detail .content-column{
	position:relative;
}

.project-detail .content-column .inner-column{
	position: relative;
	padding-right: 30px;
}

.project-detail .content-box h2{
	position: relative;
	font-size: 40px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.project-detail .content-box h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
}

.project-detail .content-box h4{
	position: relative;
	font-size: 26px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 25px;
}

.project-detail .content-box p{
	position:relative;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-bottom:26px;
}

.project-detail .two-column{
	position: relative;
}

.project-detail .two-column .image-column,
.project-detail .two-column .text-column{
	position: relative;
	margin-bottom: 50px;
}

.project-detail .two-column .image{
	position: relative;
}

.project-detail .two-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail .info-column{
	position:relative;
	margin-bottom:50px;
}

.project-detail .info-column{
	position: relative;
}

.project-detail .info-box{
	position: relative;
	background-color: #f2f3f5;
	padding: 45px 40px 40px;
}

.project-detail .info-box h4{
	margin-bottom: 15px;
}

.project-detail .info-box p{
	margin-bottom: 60px;
}

.project-detail .info-list{
	position: relative;
}

.project-detail .info-list li{
	position:relative;
	font-size:15px;
	color: #848484;
	line-height: 26px;
	margin-bottom: 18px;
	padding-left: 120px;
	
}

.project-detail .info-list li a{
	color: #848484;
}

.project-detail .info-list li a:hover{
	text-decoration: underline;
}

.project-detail .info-list li strong{
	position: absolute;
	left: 0;
	top: 0;
	font-size:17px;
	color: #222222;
	text-transform: capitalize;
	line-height: 26px;
	letter-spacing: 0.02em;
	font-weight: 600;
}

.project-detail .info-list .social-links{
	position:relative;
	margin-top: 40px;
}

.project-detail .info-list .social-links a{
	position:relative;
	float:left;
	display:inline-block;
	margin-right:20px;
	line-height:24px;
	color:#1e1e1e;		
}

.project-detail .info-list .social-links a:hover{
	color:#ffae11;	
}

.project-detail .owl-theme .owl-dots{
	display:none;	
}

.project-detail .carousel-box{
	position:relative;
	margin-bottom:40px;	
}

.project-detail .owl-theme .owl-nav .owl-next,
.project-detail .owl-theme .owl-nav .owl-prev{
	position:absolute;
	top:50%;
	margin-top:-27px;
	width:54px;
	height:54px;
	line-height:54px;
	background:#93999a;
	color:#ffffff;
	text-align:center;
	font-size:32px;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.project-detail .owl-theme .owl-nav .owl-next{
	right:20px;
}

.project-detail .owl-theme .owl-nav .owl-prev{
	left:20px;
}

.project-detail .owl-theme .owl-nav .owl-prev:hover,
.project-detail .owl-theme .owl-nav .owl-next:hover{
	background:#ffae11;	
}

.project-detail .post-controls{
	margin-top: 30px;
}

.post-controls{
	position:relative;
	padding:30px 0px;
	text-align:center;
}

.post-controls .prev-post,
.post-controls .next-post{
	position:relative;
	display:block;
	font-size:20px;
	font-weight:600;
	color:#25262c;
	line-height:30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.post-controls .prev-post:hover,
.post-controls .next-post:hover{
	color:#394575;	
}

/*** 

====================================================================
		Service Details
====================================================================

***/

.service-detail-section{
	position:relative;
	padding:120px 0px 90px;	
}

.service-detail .image-box{
	position: relative;
	margin-bottom: 18px;
}

.service-detail .image-box .image{
	position: relative;
	margin-bottom: 65px;
}

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

.service-detail .content-box{
	position:relative;
}

.service-detail .content-column{
	position:relative;
}

.service-detail .content-column .inner-column{
	position: relative;
	padding-right: 30px;
}

.service-detail .content-box h2{
	position: relative;
	font-size: 40px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.service-detail .content-box h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 50px;
	background-color: #d1d2d6;
	content: "";
}

.service-detail .content-box h4{
	position: relative;
	font-size: 26px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 25px;
}

.service-detail .content-box p{
	position:relative;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 50px;
}

.service-detail .two-column{
	position: relative;
}

.service-detail .two-column .text-column{
	position: relative;
	margin-bottom: 40px;
}

.service-detail .two-column .text-column p{
	margin-bottom: 28px;
}

.service-detail .two-column .image-column{
	position: relative;
	margin-bottom: 40px;
}

.service-detail .two-column .image{
	position: relative;
	margin-bottom: 0;
}

.service-detail .two-column .image img{
	display: block;
	width: 100%;
}

.service-detail .feature-box{
	margin-bottom: 10px;
}

.feature-box .feature-block{
	position: relative;
}

.feature-box .feature-block .inner{
	position: relative;
	padding: 30px;
	padding-right: 20px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.08);
	padding-left: 130px;
}

.feature-box .feature-block .icon-box{
	top: 30px;
	left: 30px;
}

.feature-box .feature-block h3{
	font-weight: 500;
}

.feature-box .feature-block .text{
	font-family: "Hind", sans-serif;
}

.services-sidebar{
	position: relative;
	padding-left: 20px;
}

.sidebar-title{
	position: relative;
	margin-bottom: 20px;
}

.sidebar-title h3{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
}

/*Services Category*/

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

.category-list li{
	position:relative;
	margin-bottom: 15px;
	border:1px solid #e7e7e7;
}

.category-list li:before{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 4px;
	background-color: #894a2a;
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.category-list li.active:before,
.category-list li:hover:before{
	opacity: 1;
	visibility: visible;
}

.category-list li a{
	font-size:18px;
	font-weight:500;
	color:#222222;
	line-height: 28px;
	padding: 15px 25px;
	display:block;
	padding-left: 38px;
	overflow: hidden;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.category-list li.active a,
.category-list li:hover a{
	color: #ffffff;
}

.category-list li a:before{
	position: absolute;
	left: 22px;
	top: 0;
	font-size: 14px;
	line-height: 56px;
	color: #222222;
	font-weight: 900;
  	content: "\f0da";
  	font-family: "Font Awesome 5 Free";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.category-list li.active a:before,
.category-list li:hover a:before{
	color: #ffffff;
}

.category-list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #394575;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.category-list li.active a:after,
.category-list li:hover a:after{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

/*Brochure links*/
.sidebar .links-box{
	position: relative;
	background-color: #f2f3f5;
	padding: 35px 30px;
	margin-bottom: 50px;
}

.sidebar .brochure-link{
	position: relative;
	padding-bottom: 20px;
	border-bottom: 2px dashed #dfdfdf;
	margin-bottom: 20px;
	padding-right: 35px;
}

.sidebar .brochure-link:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar .brochure-link h5{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
}

.sidebar .brochure-link h5 a{
	position:relative;
	display: inline-block;
	color: #222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.sidebar .brochure-link .icon{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	line-height: 40px;
	color: #394575;
	font-weight: 400;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.sidebar .brochure-link h5 a:hover{
	color: #394575;
}

.sidebar .brochure-link .cat{
	display: block;
	font-size: 13px;
	color: #222222;
	font-weight: 400;
}

/*brochure Box*/

.brochure-box{
	position:relative;
	background-color: #191e34;
	padding:40px 50px 40px 30px;
}

.brochure-box h6{
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 15px;
}

.brochure-box h6 span{
	color: #394575;
}

.brochure-box p{
	position:relative;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	font-weight: 400;
	margin-bottom:25px;
	opacity: .70;
}

.brochure-box .info-box{
	position: relative;
	margin-bottom: 30px;
}

.brochure-box .info-box li{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 8px;
	padding-left: 30px;
}

.brochure-box .info-box li a{
	color: #ffffff;
}

.brochure-box .info-box li a:hover{
	text-decoration: underline;
}

.brochure-box .info-box li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #394575;
	line-height: 26px;
}

.brochure-box .theme-btn{
	position: relative;
	padding: 10px 40px;
}

/***

====================================================================
		Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 140px 0 150px;
}

.call-to-action:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .60;
	content: "";
}

.call-to-action .content-box{
	position: relative;
	text-align: center;
}

.call-to-action .content-box h2{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 40px;
}

.call-to-action .content-box .link-box{
	position: relative;
}

.call-to-action .content-box .link-box a{
	padding: 15px 60px;
}

/*** 

====================================================================
		Call To Action Two
====================================================================

***/

.call-to-action-two{
	position: relative;
	padding: 40px 0;
	background-color: #394575;
}

.call-to-action-two .outer-box{
	position: relative;
}

.call-to-action-two .title-box{
	position: relative;
	float: left;
}

.call-to-action-two h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 48px;
	color: #ffa970;
	font-weight: 600;
	padding: 6px 0;
}

.call-to-action-two h2 span{
	display: inline-block;
	color: #ffffff;
}

.call-to-action-two .btn-box{
	position: relative;
	float: right;
}

.call-to-action-two .btn-box a{
	position: relative;
	display: inline-block;
	padding: 17px 40px 13px;	
}

/*** 

====================================================================
		Why Choose Us
====================================================================

***/

.why-choose-us{
	position: relative;
	padding: 120px 0 85px;
}

.why-choose-us:before{
    position: absolute;
    left: 0;
    top: 0px;
    height: 530px;
    width: 535px;
    background-image: url(../images/icons/circle-9.png);
    z-index: -1;
    content: "";
}

.why-choose-us.alternate:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1200px;
	border-bottom: 1px solid #fdd6bc;
	margin: 0 auto;
	content: "";
}

.why-choose-us .layer-1{
	position: absolute;
	left: 0;
	top: 400px;
	height: 690px;
	width: 535px;
	background-image: url(../images/icons/circle-2.png);
	background-repeat: no-repeat;
	background-position: center;
}

.why-choose-us .layer-2{
	position: absolute;
	right: 0;
	top: 275px;
	height: 655px;
	width: 470px;
	background-image: url(../images/icons/circle-3.png);
	background-repeat: no-repeat;
	background-position: center;
}

.why-choose-us .feature-column{
	position: relative;
}

.why-choose-us .text-box{
	margin-bottom: 30px;
	line-height: 24px;
	
}

.feature-block{
	position: relative;
	margin-bottom: 35px;
}

.feature-block .inner{
	position: relative;
	padding-left: 60px;
	min-height: 80px;
}

.feature-block .icon-box{
position: absolute;
  left: 0;
  top: 25px;
}

.feature-block .icon-box span{
position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 43px;
  text-align: center;
  font-size: 20px;
  color: #394575;
  font-weight: 400;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #e8e8e8
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner:hover .icon-box span{
	background-color: #394575;
	border-color: #394575;
	color: #ffffff;
}

.feature-block h3{
position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.3em;
  color: #222222;
 
  margin-bottom: 5px;
}

.feature-block h3 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block h3 a:hover{
	color: #394575;
}

.feature-block .text{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	
}

.why-choose-us .accordion-column{
	position: relative;	
}

.why-choose-us .accordion-column .inner-column{
	padding-left: 30px;
}

.why-choose-us .accordion-column .text-box{
	margin-bottom: 30px;
}

.accordion-box{
	position: relative;
}

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

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:20px;
	line-height:30px;
	color:#222222;
	font-weight:500;
	cursor:pointer;
	padding:15px 30px;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .icon{
	position:absolute;
	right: 0px;
	top:0px;
	font-size: 12px;
	font-weight: 700;
	color: #222222;
	height: 60px;
	line-height: 60px;
	width: 60px;
	text-align: center;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon{
	color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f166";
	font-size: 13px;
	color: #ffffff;
	font-weight: 900;
}

.accordion-box .block .acc-btn.active{
	position: relative;
	background-color: #394575;
	color: #ffffff;
}

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

.accordion-box .block .content{
	position:relative;
	background-color: #ffffff;
	padding: 24px 30px;
	box-shadow: 0 10px 38px rgba(0,0,0,0.06);
}

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

.accordion-box .block .content .text{
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
}

/*** 

====================================================================
		Why Choose Us Style Three
====================================================================

***/

.why-choose-us.style-three{
	position: relative; background-color:#ff
}

.why-choose-us.style-three:before{
	left: auto;
    position: absolute;
    right: 0;
    top: 0;
    height: 592px;
    width: 596px;
    background-image: url(../images/icons/circle-6.png);
    z-index: -1;
    content: "";
}

.why-choose-us.style-three:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	border-top: 2px dashed #fdd6bc;
	content: "";
}

.why-choose-us.style-three.alternate:before{
    position: absolute;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    height: 531px;
    width: 535px;
    background-image: url(../images/icons/circle-4.png);
    z-index: -1;
    content: "";
}

.why-choose-us.style-three .content-column{
	position: relative;
	margin-bottom: 50px;
}

.why-choose-us.style-three .content-column .inner-column{
	padding-right: 45px;
}

.why-choose-us.style-three .content-column .sec-title{
	position: relative;
	margin-bottom: 40px;
}

.why-choose-us.style-three .content-column .text{
	position: relative;
}

.why-choose-us.style-three .content-column .text p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 30px;
}

.why-choose-us.style-three .content-column .btn-box{
	position: relative;
	margin-top: 40px;
}

.why-choose-us.style-three .content-column .btn-box a{
	padding: 17px 50px 13px;
	line-height: 30px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

.why-choose-us.style-three .feature-column .inner-column{
	position: relative;
	padding-left: 40px;
}

.why-choose-us.style-three .feature-block{
	position: relative;
	padding: 30px 30px;
	background-color: #ffffff;
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

/***

====================================================================
		Testimonials and Clients
====================================================================

***/

.testimonials-and-clients{
	position: relative;
	padding: 120px 0;
}

.testimonials-and-clients:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	border-top: 2px dashed #fdd6bc;
	content: "";
}

.testimonials-and-clients .testimonial-column{
	position: relative;
}

.testimonials-and-clients .testimonial-column .inner-column{
	position: relative;
}

.testimonials-and-clients .testimonial-column .sec-title{
	margin-bottom: 60px;
}

.testimonials-and-clients .testimonial-carousel{
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 25px 70px rgba(0,0,0,0.07);
}

.testimonial-block{
	position: relative;
	padding: 80px 70px 70px;
}

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

.testimonial-block .icon{
	position: absolute;
	left: 0;
	top: -5px;
	font-size: 60px;
	color: #fef1e8;
}

.testimonial-block .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

.testimonial-block .info-box{
	position: relative;
	padding-left: 90px;
	min-height: 70px;
	padding-top: 10px;
}

.testimonial-block .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	widows: 70px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.07);
}

.testimonial-block .info-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 5px;
}

.testimonial-block .info-box .rating{
	position: relative;
	display: block;
}

.testimonial-block .info-box .rating span{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #394575;
}

.testimonial-block .info-box .rating span.light{
	color: #d1d2d6;
}

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

.testimonial-carousel .owl-nav{
	position: absolute;
	right: 70px;
	bottom: 70px;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 36px;
	color: #e5e5e5;
	line-height: 25px;
	margin-left: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-carousel .owl-prev{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover{
	color: #394575;
}

.testimonials-and-clients .clients-column{
	position: relative;
}

.testimonials-and-clients .clients-column .image-box{
	position: relative;
	margin-left: -160px;
}

.testimonials-and-clients .clients-column .image-box .image{
	position: relative;
}

.testimonials-and-clients .clients-column .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonials-and-clients .sponsors-outer{
	position: relative;
	padding: 50px 0px 0;
}

.testimonials-and-clients .slide-item{
	position: relative;
}

.testimonials-and-clients .sponsors-carousel .image{
	position: relative;
	margin: 0;
	text-align: center;
}

.testimonials-and-clients .sponsors-carousel img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonials-and-clients .sponsors-carousel .image:hover img{
	opacity: 0.70;
}

.testimonials-and-clients .sponsors-carousel .owl-dots,
.testimonials-and-clients .sponsors-carousel .owl-nav{
	display: none;
}

/*** 

====================================================================
		Testimonials Section
====================================================================

***/

.testimonial-section{
	position: relative;
}

.testimonial-section .outer-box{
	position: relative;
}

.testimonial-section .testimonial-column{
	position: relative;
	float: left;
	width: 50%;
	background-color: #f2f3f5;
	padding: 115px 0;
}

.testimonial-section .testimonial-column:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/dotted-map-2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: '';
}

.testimonial-section .testimonial-column .inner-column{
	position: relative;
	padding: 0 15px;
	max-width: 600px;
	margin: 0 auto;
}

.testimonial-section .testimonial-column .sec-title{
	margin-bottom: 40px;
}

.testimonial-section .testimonial-carousel{
	position: relative;
}

.testimonial-section .testimonial-carousel:before{
	position: absolute;
	left: -25px;
	top: 2px;
	height: 14px;
	width: 17px;
	background-image: url(../images/icons/quote-icon.png);
	content: "";
}

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

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

.testimonial-block-two .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 40px;
}

.testimonial-block-two .info-box{
	position: relative;
	display: block;
}

.testimonial-block-two .info-box .rating{
	position: relative;
	display: inline-block;
}

.testimonial-block-two .info-box .rating span{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #394575;
	margin-right: 4px;
}

.testimonial-block-two .info-box .rating span.light{
	color: #d1d2d6;
}

.testimonial-block-two .info-box .designation{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 1.2em;
	color: #848484;
	font-weight: 400;
	margin-left: 10px;
}

.testimonial-section .image-column{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.testimonial-section .image-column .image-box{
	display: none;
}

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

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

.testimonial-section .owl-nav{
	position: relative;
	margin-top: 35px;
	left: -15px;
	bottom: 0;
}

.testimonial-section .owl-next,
.testimonial-section .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 36px;
	color: #e5e5e5;
	line-height: 25px;
	margin-left: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-prev{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.testimonial-section .owl-next:hover,
.testimonial-section .owl-prev:hover{
	color: #394575;
}

/*** 

====================================================================
		Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position: relative;
	padding: 120px 0 70px;
}

.testimonial-section-two:before{
    position: absolute;
    right: 0;
    top: 0;
    height: 592px;
    width: 596px;
    background-image: url(../images/icons/circle-6.png);
    z-index: -1;
    content: "";
}

.testimonial-section-two:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1200px;
	border-bottom: 1px solid #fdd6bc;
	margin: 0 auto;
	content: "";
}

.testimonial-section-two .testimonial-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonial-section-two .testimonial-column .sec-title{
	margin-bottom: 50px;
}

.testimonial-section-two .testimonial-column .inner-column{
	position: relative;
	padding: 55px 0 50px 40px;
}

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

.testimonial-block-three .inner{
	position: relative;
}

.testimonial-block-three .icon{
	position: relative;
	display: inline-block;
	height: 41px;
	width: 57px;
	background-image: url(../images/icons/quote-icon-2.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 30px;
}

.testimonial-block-three .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 36px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 33px;
}

.testimonial-block-three .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
}

.testimonial-section-two .owl-nav{
	position: absolute;
    left: -15px;
    right: auto;
    bottom: -70px;
}

.testimonial-section-two .image-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonial-section-two .image{
	position: relative;
}

.testimonial-section-two .image img{
	width: 100%;
	height: auto;
}

/*** 

====================================================================
		Testimonial Section Three
====================================================================

***/

.testimonial-section-three{
	position: relative;
	padding: 120px 0 60px;
}

.testimonial-section-three .sec-title{
	margin-bottom: 0;
}

.testimonial-section-three .carousel-outer{
	margin: 0 -25px;
}

.testimonial-block-four{
	position: relative;
	padding: 60px 25px;
}

.testimonial-block-four .inner-box{
	position: relative;
	text-align: center;
	padding: 50px 50px 60px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

.testimonial-block-four .thumb{
	position: relative;
	display: inline-block;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	margin-bottom: 15px;
}

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

.testimonial-block-four .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

.testimonial-block-four .rating{
	position: relative;
	margin-bottom: 27px;
}

.testimonial-block-four .rating span{
	display: inline-block;
	font-size: 13px;
	color: #394575;
	margin: 0 1px;
}

.testimonial-block-four .rating span.light{
	color: #d1d2d6;
}

.testimonial-block-four .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
}

.testimonial-section-three .owl-nav{
	display: none;
}

/*** 

====================================================================
		FAQ's Section
====================================================================

***/

.faq-section{
	position: relative;
	padding: 120px 0 0;
	z-index: 2;
}

.faq-section:before{
    position: absolute;
    left: 0;
    top: 0px;
    height: 530px;
    width: 535px;
    background-image: url(../images/icons/circle-9.png);
    z-index: -1;
    content: "";
}

.faq-section .sec-title{
	margin-bottom: 60px;
}

.faq-section .accordion-column .inner-column{
	position: relative;
	padding-right: 30px;
}

.accordion-box.style-two .block {
	margin-bottom: 30px;
	border: 1px solid #e7e7e7;
	transition: all 300ms ease;
}

.accordion-box.style-two .block .acc-btn{
	border: 0;
	padding: 20px 30px;
}

.accordion-box.style-two .block .icon{
	line-height: 70px;
	height: 70px;
}

.accordion-box.style-two .block.active-block{
	box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

.accordion-box.style-two .block .acc-btn.active .icon:before,
.accordion-box.style-two .block .acc-btn.active{
	background-color: #ffffff;
	color: #222222;
}

.accordion-box.style-two .block .content{
	box-shadow: none;
	padding-top: 0;
}

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

.faq-section .image-column .image-box{
	position: relative;
	padding-left: 30px;
	margin-bottom: -70px;
}

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

.faq-section .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

/*** 

====================================================================
	Faq Form Section
====================================================================

***/

.faq-form-section{
	position:relative;
	padding: 180px 0 120px;
	background-color:#f2f3f5;
	z-index: 1;
}

.faq-form-section .sec-title{
	margin-bottom: 40px;
}

.faq-form-section .auto-container{
	position:relative;
}

.faq-form-section .form-outer{
	position:relative;
	z-index:10;
}

.faq-form-section .form-group{
	position:relative;
	margin-bottom:40px;
}

.faq-form-section .form-group:last-child{
	margin-bottom:0px;
}

.faq-form-section .form-group input[type="text"],
.faq-form-section .form-group input[type="email"],
.faq-form-section .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:15 0px;
	color: #848484;
	border-bottom: 1px solid #d9d9d9;
	height:35px;
	font-size:16px;
	background:none;
	font-weight:400;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.faq-form-section .form-group input[type="text"]:focus,
.faq-form-section .form-group input[type="email"]:focus,
.faq-form-section .form-group textarea:focus{
	border-color:#eb4343;
}

.faq-form-section .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 0px;
	height:90px;
	background:none;
	resize:none;
	font-size:16px;
	font-weight:500;
	color: #848484;
	border-bottom: 1px solid #d9d9d9;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.faq-form-section .form-group .theme-btn{
	margin-top:20px;
	padding: 15px 50px;
}

/*** 

====================================================================
		Fluid Section One
====================================================================

***/

.fluid-section-one{
	position: relative;
	background-color: #191e34;
}

.fluid-section-one .outer-container{
	position: relative;
}

.fluid-section-one .image-column{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.fluid-section-one .image-column .image-box{
	position: relative;
	display: none;
}

.fluid-section-one .image-column .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.fluid-section-one .form-column{
	position: relative;
	float: right;
	width: 50%;
	background-color: #191e34;
}

.fluid-section-one .map-layer{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/map-layer.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}

.fluid-section-one .form-column .inner-column{
	position: relative;
	max-width: 	600px;
	width: 100%;
	float: left;
	padding: 115px 15px 120px 85px;
}

.fluid-section-one .form-column .sec-title{
	margin-bottom: 45px;
}

.contact-form{
 	position: relative;
 	z-index: 1;
}

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

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

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    height: 35px;
    padding: 4px 0;
    background-color: transparent;
    border-bottom: 1px solid #474b5d;
    
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form ::-webkit-input-placeholder{color: rgba(255,255,255,.70);}
.contact-form ::-moz-input-placeholder{color: rgba(255,255,255,.70);}
.contact-form ::-ms-input-placeholder{color: rgba(255,255,255,.70);}

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

.contact-form .form-group textarea{
	height: 100px;
	margin-bottom: 10px;
	resize: none;
    padding: 10px 0 9px;
}

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

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

.contact-form .form-group input[type=submit],
.contact-form .form-group button{
	text-transform: capitalize;
	font-weight: 600;
	font-size: 17px;
	padding: 15px 50px;
	line-height: 25px;
}


.team-section{
	position: relative;
	padding: 30px 0 70px;
	background-color: #f2f2f2;
}

.team-section.alternate:before{
	display: none;
}


.team-block{
	position: relative;
	
	width: auto !important;
}

.inner-box{
	position: relative; margin-bottom: 25px;
}

.image-box{
	position: relative; height:220px;background-color: #e6e6e6; align-items: left; justify-content: center;  display:flex;  flex-direction: column;
}

.image-box .social-icon-one{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.inner-box .social-icon-one li{
	margin: 0 13px;
}

.inner-box .social-icon-one li p{
	display:block; padding:4px 4px; background-color:rgba(255, 255, 255, 0.853); color:#000; border-radius:5px; width:140px; 
}

	.inner-box .social-icon-one li p span{
		color:#000; font-size:17px;  display:inline-block; padding:2px; border-radius:5px; width:30px; margin-bottom:0px
	}
	.inner-box .social-icon-one li p strong{
		color:#000;  display:block; font-size:13px
	}

.inner-box:hover .social-icon-one{
	opacity: 1; visibility: visible; bottom: 10px;
}




.team-block .image-box .image{
	position: relative;
	
	margin-bottom: 0;
	overflow: hidden;
}

.team-block .image-box .image img{
	display: block;
	max-width:75%;
	margin:0px auto;
	padding:0px;
	text-align:center;
	display:block;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-block .inner-box:hover .image img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: .20;
}

.team-block .info-box{
	background:#fff;
	border-radius:6px;
	padding:18px;
	display:flex;
	align-items:flex-start;
	gap:20px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	transition:.3s;
}



.team-block .info-box h5 { 
	font-size: 16px; 
	color: #222; 
	height:30px;
	text-align: center;
	margin:0px auto; padding:0px; display:block;
	align-items: center; justify-content: center;  display:flex; 
}

.team-block .info-box .name a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .info-box .name a:hover{
	color: #394575;
}

.team-block .info-box .designation{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.team-section.style-two{
	padding: 120px 0 80px; 
}

.team-section.style-two:before{
	display: none;
}

.team-section.style-two .team-block{
	margin-bottom: 40px;
}

/*** 

====================================================================
			Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	padding: 120px 0 70px;
}

.pricing-section .row{
	margin: 0 -20px;
}

.pricing-table{
	position: relative;
	padding: 0 20px;
	margin-bottom: 40px;
}

.pricing-table .inner-box{
	position: relative;
	border: 1px solid #e5e5e5;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table:hover .inner-box,
.pricing-table.tagged .inner-box{
	-webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.06);
	-moz-box-shadow: 0 15px 40px rgba(0,0,0,0.06);
	-ms-box-shadow: 0 15px 40px rgba(0,0,0,0.06);
	-o-box-shadow: 0 15px 40px rgba(0,0,0,0.06);
	box-shadow: 0 15px 40px rgba(0,0,0,0.06);
}

.pricing-table .table-header{
	position: relative;
	padding: 45px 40px;
	padding-bottom: 40px;
	margin-bottom: 45px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table .table-header:before{
	position: absolute;
	bottom: 0;
	border-bottom: 2px dashed #e9e9e9;
	left: 40px;
	right: 40px;
	content: "";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table .inner-box:hover .table-header,
.pricing-table.tagged  .table-header{
	background-color: #191e34;
}

.pricing-table .inner-box:hover .table-header:before,
.pricing-table.tagged  .table-header:before{
	border-color: #191e34;
}

.pricing-table .title{
	position: relative;
	display: block;
	font-size: 20px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 15px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table .inner-box:hover .title,
.pricing-table.tagged  .title{
	color: #ffffff;
}

.pricing-table .price{
	position: relative;
	font-size: 40px;
	line-height: 1em;
	color: #394575;
	font-weight: 600;
}

.pricing-table .price span{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 1.2em;
	color: #394575;
	font-weight: 600;
} 

.pricing-table .table-content{
	position: relative;
	padding: 0px 40px;
}

.pricing-table .table-content ul{
	position: relative;
	margin-bottom: 35px;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 17px;
}

.pricing-table .table-content ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #394575;
	content: "\f193";
	font-family: "Flaticon";
}

.pricing-table .table-content ul li.false:before,
.pricing-table .table-content ul li.false{
	color: #8a8d91;
}

.pricing-table .table-content ul li.false:before{
	color: #d9d9d9;
	font-weight: 400;
}

.pricing-table .table-footer{
	position: relative;
	padding: 0 40px 50px;
}

.pricing-table .table-footer a{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	padding: 14px 33px;
	color: #222222;
	font-weight: 600;
	border: 1px solid #e7e7e7;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a{
	background-color:#394575;
	border-color: #394575;
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	color: #ffffff;
}

/*** 

====================================================================
		News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 115px 0 85px;
	background-color: #f2f3f5;
}

.news-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 515px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.news-section .sec-title{
	float: left;
	margin-bottom: 50px;
}

.news-section .btn-box{
	position: relative;
	float: right;
	padding-top: 60px;
}

.news-section .btn-box a{
	padding: 15px 40px;
	line-height: 26px;
}

.news-block{
	position: relative;
	margin-bottom: 30px;
}

.news-block .inner-box{
	position: relative;
}

.news-block .image-box{
	position: relative;
}

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #394575;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

.news-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block .inner-box:hover .image-box .image a img{
	opacity: .70;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .lower-content{
	position: relative;
	padding: 25px 0 0;
}

.news-block .lower-content .date{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #909297;
	font-weight: 500;
	margin-bottom: 10px;
}

.news-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 17px;
}

.news-block .lower-content h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content h3 a:hover{
	color: #394575;
}

.news-block .lower-content .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 15px;
}

.news-block .lower-content .link-box{
	position: relative;
	display: inline-block;
}

.news-block .lower-content .link-box a{
	position: relative;
	font-size: 17px;
	line-height: 30px;
	color: #394575;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content .link-box a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
		News Section Two
====================================================================

***/

.news-section-two{
	position: relative;
	padding: 115px 0 70px;
}

.news-section-two .sec-title{
	position: relative;
	margin-bottom: 50px;
}

.news-section-two .news-column{
	position: relative;
	margin-bottom: 50px;
}

.news-section-two .news-column .inner-column{
	position: relative;
	padding-right: 20px;
}

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

.news-block-two .inner-box{
	position: relative;
	background-color: #f7f8fa;
}

.news-block-two .image-column{
	position: relative;
}

.news-block-two .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.news-block-two .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 40px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 40px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 40px rgba(0,0,0,0.10);
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

.news-block-two .content-column{
	position: relative;
}

.news-block-two .content-column .inner{
	position: relative;
	padding: 85px 40px 30px;
}

.news-block-two .content-column .date{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #394575;
	font-weight: 400;
	margin-bottom: 10px;
}

.news-block-two .content-column .date span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #909297;
	font-weight: 500;
	padding-right: 20px;
	margin-right: 10px;
}

.news-block-two .content-column .date span:before{
	position: absolute;
	right: 0;
	top: 8px;
	height: 5px;
	width: 5px;
	background-color: #d1d2d6;
	border-radius: 5px;
	content: '';
}

.news-block-two .content-column h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 15px;
}

.news-block-two .content-column h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .content-column h3 a:hover{
	color: #394575;
}

.news-block-two .content-column .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 25px;
}

.news-block-two .content-column .link-box{
	position: relative;
	display: block;
}

.news-block-two .content-column .link-box a{
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 25px;
	color: #909297;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .content-column .link-box a:hover{
	color: #394575;
	text-decoration:underline;
}

/*=== News Block Two ===*/

.news-section-two .news-list{
	position: relative;
}

.news-section-two .news-list .inner-column{
	position: relative;
	padding: 0 30px;
}

.news-block-three{
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: 2px dashed #dfdfdf;
}

.news-block-three:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.news-block-three .date{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #394575;
	font-weight: 400;
	margin-bottom: 8px;
}

.news-block-three .date span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #909297;
	font-weight: 500;
	padding-right: 20px;
	margin-right: 10px;
}

.news-block-three .date span:before{
	position: absolute;
	right: 0;
	top: 8px;
	height: 5px;
	width: 5px;
	background-color: #d1d2d6;
	border-radius: 5px;
	content: '';
}

.news-block-three h5{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 26px;
	color: #222222;
	font-weight: 500;
}

.news-block-three h5 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three h5 a:hover{
	color: #394575;
}

.news-section-two .btn-box{
	position: relative;
	padding: 0 30px;
	margin-top: 35px;
}

.news-section-two .btn-box a{
	padding: 15px 40px;
	line-height: 25px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

/*** 

====================================================================
		News Section Three
====================================================================

***/

.news-section-three{
	position: relative;
	padding: 60px 0 70px;
}

.news-section-three .sec-title{
	margin-bottom: 50px;
}

.news-section-three:after{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 535px;
    width: 535px;
    background-image: url(../images/icons/circle-4.png);
    z-index: -1;
    content: "";
}

.news-section-three .news-list{
	position: relative;
	margin-bottom: 50px;
}

.news-section-three .news-list .inner-column{
	position: relative;
	padding-right: 70px;
}

.news-block-four{
	position: relative;
	margin-bottom: 50px;
}

.news-block-four .inner-box{
	position: relative;
}

.news-block-four .image-box{
	position: relative;
}

.news-block-four .image{
	position: relative;
	margin-bottom: 0;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	background: #222222;
}

.news-block-four .image img{
	display: block;
	width: 100%;
	height: auto;
	height:350px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-four .inner-box:hover .image a img{
	opacity: .60;
}

.news-block-four .lower-content{
	position: relative;
	padding: 20px 30px;
	-webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	-o-box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	background-color: #ffffff;
}

.news-block-four .date{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #394575;
	font-weight: 400;
	margin-bottom: 12px;
}

.news-block-four .date span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #909297;
	font-weight: 500;
	padding-right: 20px;
	margin-right: 10px;
}

.news-block-four .date span:before{
	position: absolute;
	right: 0;
	top: 8px;
	height: 5px;
	width: 5px;
	background-color: #d1d2d6;
	border-radius: 5px;
	content: '';
}

.news-block-four h5{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

.news-block-four h5 a{
	position: relative;
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-four h5 a:hover{
	color: #394575;
}

.news-section-three .btn-box{
	position: relative;
	margin-top: 35px;
}

.news-section-three .btn-box a{
	padding: 15px 45px;
	line-height: 25px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.10);
}

/*** 

====================================================================
		Blog Classic
====================================================================

***/

.blog-classic{
	position: relative;
}

.blog-classic .news-block{
	margin-bottom: 40px;
}

.blog-classic .news-block h3{
	font-size: 24px;
	line-height: 32px;
	color: #222222;
	font-weight: 600;
}

/*** 

====================================================================
		Blog Grid
====================================================================

***/

.blog-grid{
	position: relative;
}

.blog-grid .news-block-four{
	margin-bottom: 30px;
}

.blog-grid .styled-pagination{
	padding-top: 20px;
}

/*** 

====================================================================
	Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .news-block-four{
	position: relative;
}

.blog-detail .news-block-four .image-box .image{
	box-shadow: none;
}

.blog-detail .news-block-four h3{
	font-size: 30px;
	line-height: 40px;
	color: #222222;
	font-weight: 600;
	margin-bottom: 32px;
}

.blog-detail .news-block-four .lower-content{
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.blog-detail .news-block-four p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #8a8d91;
	font-weight: 400;
	margin-bottom: 26px;
}

.blog-detail .news-block-four .two-column{
	position: relative;
}

.blog-detail .news-block-four .two-column .text-column,
.blog-detail .news-block-four .two-column .image-column{
	margin-bottom: 50px;
}

.blog-detail .news-block-four .two-column p:last-child{
	margin-bottom: 0;
}

.blog-detail blockquote{
	position: relative;
	padding: 30px 40px;
	padding-right: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-left: 5px solid #394575;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
	margin-bottom: 50px;
}

.blog-detail .news-block-four blockquote p{
	position: relative;
	font-size: 17px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 0;
	z-index: 1;
}

.blog-detail blockquote:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #191e34;
	opacity: .80;
	content: "";
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin: 0 10px 10px 0;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:50px;
	font-size:17px;
	height:50px;
	width:50px;
	color:#848484;
	font-weight:600;
	text-align:center;
	background:#ffffff;
	border:1px solid #e5e5e5;
	text-transform:capitalize;
	
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	border-color:#394575;
	background-color:#394575;
	box-shadow: 0 15px 40px rgba(0,0,0,0.10);
}

/*** 

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section{
	position: relative;
	padding: 60px 0 80px; 
}

.contact-info-box{
	position: relative;
	margin-bottom: 40px;
}

.contact-info-box .inner{
	position: relative;
}

.contact-info-box h6{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom:15px;
}

.contact-info-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
}

.contact-info-box .text a{
	display: block;
	color: #848484;
}

.contact-info-box .text a:hover{
	color: #394575;
	text-decoration: underline;
}

.contact-info-box .social-icon-two{
	position: relative;
	margin-top: 10px;
}

/*** 

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

***/

.contact-page-section{
	position: relative;
	background-color: #f2f3f5; padding-top: 46px;
}

.contact-page-section .outer-box{
	position: relative; 
 
}

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

.contact-form.dark .form-group{
	margin-bottom: 30px; background-color:#fff; padding:10px 20px
}

.contact-form.dark .form-group input[type="text"], 
.contact-form.dark .form-group input[type="email"], 
.contact-form.dark .form-group input[type="tel"], 
.contact-form.dark .form-group input[type="url"], 
.contact-form.dark .form-group textarea, 
.contact-form.dark .form-group select{
	color: #848484;
	border-color: #e5e5e5;
}

.contact-form.dark .form-group button{
	padding: 20px 40px;
	line-height: 20px;
}

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

.contact-form.dark ::-webkit-input-placeholder{color: inherit;}
.contact-form.dark ::-moz-input-placeholder{color: inherit;}
.contact-form.dark ::-ms-input-placeholder{color: inherit;}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
}

.contact-map-section .map-outer{
	position: relative;
} 

.contact-map-section .map-canvas{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 620px;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
	padding: 10px;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:10px;
	color:#121212;
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding:100px 0px 100px;
	z-index: 1;
}

.newsletter-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #121626;
	content: "";
	opacity: .80;
}

.newsletter-section .title-column h2{
	position:relative;
	font-size:30px;
	color:#ffffff;
	line-height:36px;
	font-weight:600;
	padding: 4px 0;
}

.newsletter-section .form-column{
	position: relative;
}

.newsletter-section .form-column .inner-column{
	position: relative;
	padding-top: 10px;
}

/*Subscribe Form*/

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:230px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:30px;
	height:60px;
	font-size:15px;
	color:#ffffff;
	background:rgba(255,255,255,.10);
	padding:15px 30px 15px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	min-width: 210px;
	text-align: center;
	padding: 15px 20px;
}

/***

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

***/

.main-footer{
	position:relative;
	padding: 0px 0;
	background:#121626;
	color:#cdced1;
}

.main-footer:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/icons/footer-shape.png) right top no-repeat;
	content: '';
}

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


.main-footer .footer-social{
	width:100%;
	background:#1a1f33;
	padding:10px 0px;
	line-height:24px;
}

.main-footer .footer-social .auto-container{
	position:relative;	
}


 
.social-menu-footer {
    list-style: none;
    display: flex;              
    justify-content: center;  
    align-items: center;
    padding: 0;
    margin: 0;
}

/* float KALDIRILDI */
.social-menu-footer li a { 
    display: block;
    text-align: center;
    font-size: 1.625rem;
    color: #fff; 
    padding: 1.1rem;
    border-radius: .25rem;
    transition: all .3s linear;
}

.social-menu-footer li a:hover { 
    transform: scale(1.8);
    transition: all .2s linear;
}

	
	

.main-footer .widgets-section{
	position:relative;
	padding:80px 0px 50px;
}

.main-footer .footer-column{
	position:relative;
	margin-bottom:30px;
	z-index: 9;
}

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

.main-footer .widget-title{
	position: relative;
	font-size: 20px;
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 30px;
	border-bottom: 1px dashed #262e4a;
	padding-bottom: 15px;
	z-index:9
}

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

.main-footer .about-widget .footer-logo{
	position: relative;
	margin-top:-20px;
	margin-bottom: 25px;
}

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

.main-footer .about-widget .footer-logo svg {
	display: block; 
	margin-top: 11px;
	width:222px; height:65px;  fill:#fff
}

.main-footer .about-widget .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.7em;
	color: #cdced1;
	font-weight: 400;
	margin-top: 45px;
	padding-right:30px;
}

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

.social-icon-colored li{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom:10px;
}

.social-icon-colored li a{
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: #394575;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-colored li.google a{
	background-color: #dd4b39;
}

.social-icon-colored li.facebook a{
	background-color: #4a6fbe;
}

.social-icon-colored li.dribbble a{
	background-color: #ea4c89;
}

.social-icon-colored li.twitter a{
	background-color: #55acee;
}

.social-icon-colored li a:hover{
	background-color: #394575;
}

/*=== Cities Widget ===*/

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

.main-footer .list{
	position: relative;
}

.main-footer .list li{
	position:relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #848484; 
	padding-left: 15px;
	margin-bottom: 15px;
}

.main-footer .list li:before{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 11px;
	line-height: 24px;
	color: #cdced1;
 	content: "\f105";
 	font-weight: 900;
	text-decoration:none !important;
	font-family: "Font Awesome 5 Free";
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li a{
	display: inline-block;
	color: #cdced1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li:hover:before,
.main-footer .list li a:hover{
	color:#394575;
	text-decoration: underline;
}

/*=== Contact Widget ===*/

.contact-widget{
	position: relative;
}

.contact-widget .text{
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #cdced1;
	font-weight: 400;
	margin-bottom: 17px;
}

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

.main-footer .contact-list li{
	position:relative;
	display: table;
	font-size: 15px; 
	color: #cdced1;
	font-weight: 400; 
	width:100%
}
.main-footer .contact-list li i{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	display: block;
	float: left;
	margin-top: 0px;
}

.main-footer .contact-list li span {
	color:#cdced1; display:block; margin-top:8px; 
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

 
.main-footer .contact-list li span:hover {
	color: #394575;
  text-decoration: underline;
}

 








.main-footer .footer-bottom{
	width:100%;
	background:#0c0f1a;
	padding:50px 0px;
	line-height:24px;
}

.main-footer .footer-bottom .auto-container{
	position:relative;	
}

.main-footer .copyright-text{
	position: relative;
	font-size: 13px;
	line-height: 24px;
	color: #cdced1;
	font-weight: 400;
	float:left
}

.main-footer .copyright-text a{
	display: inline-block;
	color: #394575;
}

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

.main-footer .footer-links{
	position: relative; float:right
}

.main-footer .footer-links li{
	position: relative;
	display: inline-block;
	margin-right: 12px;
	padding-right: 12px;
}

.main-footer .footer-links li:last-child:before{
	display: none;
}

.main-footer .footer-links li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
	line-height: 24px;
	color: #cdced1;
	font-weight: 400;
	content: "|";
}

.main-footer .footer-links li a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #cdced1;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-links li a img{
	float:right; width:120px;
}

.main-footer .footer-links li a:hover{
	color: #394575;
	text-decoration:underline;
}
 

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:120px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:50px;
}

.sidebar-page-container .sidebar{
	padding-left: 20px;
}

.sidebar-page-container .sidebar-widget{
    position:relative;
    margin-bottom:50px;
}

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

/* About Widget */

.about-widget{
	position: relative;
}

.about-block{
	position: relative;
}

.about-block .inner-box{
	position: relative;
}

.about-block .thumb{
	position: relative;
	height: 150px;
	width: 150px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 20px;
}

.about-block .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.about-block .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 20px;
}	

.about-block .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	margin-bottom: 25px;
}

.about-block .signature{
	position: relative;
	margin-bottom: 25px;
}

.about-block .signature img{
	max-width: 100%;
	height: auto;
}

.about-block .social-links{
	position: relative;
}

 


.social-icon-two{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;

	/* KRİTİK RESET */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

.social-icon-two li{
	margin: 0;
	padding: 0;
}

.social-icon-two li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	font-size: 17px;
	color: #222;
	border: 1px solid #e6e6e6;
	transition: all 300ms ease;
}

.social-icon-two li a:hover{
	color: #fff;
	background-color: #394575;
}


















/*Post Widget*/

.sidebar .popular-posts .post{
	position:relative;
	padding-bottom: 20px;
	border-bottom: 2px dashed #e9e9e9;
	margin-bottom: 20px;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar .popular-posts .post .post-inner{
	position:relative;
	padding-right:110px;
	min-height:100px;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 right:0px;
	 top:0px;
	 width:100px;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.sidebar .popular-posts .post-info{
	position:relative;
	display: block;
	font-size:15px;
	color:#848484;
	font-weight:500;
	line-height:1.2em;
	padding-top: 10px;
	margin-bottom: 12px;
}

.sidebar .popular-posts .post .text{
	position:relative;
	font-size:20px;
	color:#222222;
	line-height:26px;
	font-weight:500;
	margin:0px;
}

.sidebar .popular-posts .post .text a{
	color:#222222;
	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;
}

.sidebar .popular-posts .post a:hover{
	color:#394575;
}

/*=== Shop Sidebar ===*/
.sidebar-page-container .sidebar.shop-sidebar{
	padding-left: 0;
}

.shop-sidebar .sidebar-title h3{
	font-weight: 500;
	font-size: 24px;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:16px;
	color:#8a8d91;
	line-height:28px;
	padding:10px 20px;
	height:50px;
	width:100%;
	border:1px solid #dddddd;
	background-color: #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:20px;
	top:0;
	height:50px;
	line-height: 50px;
	text-align:center;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#222222;
	font-weight:normal;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
	color: #394575;
}

.sidebar .search-box .form-group input:focus{
	border-color:#394575;	
}

/*=== Categories ===*/


.cat-list{
	position:relative;
}

.cat-list li{
	position:relative;
	margin-bottom: 15px;
}

.cat-list li:last-child{
	margin-bottom: 0;
}

.cat-list li a{
	position:relative;
	display:block;
	font-size:18px;
	color:#222222;
	line-height: 30px;
	font-weight:400;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.cat-list li a span{
	float: right;
}

.cat-list li:last-child a{
	border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
	color: #394575;
}

/*Sidebar Range slider */

.price-filters .sidebar-title{
	margin-bottom: 40px;
}

.range-slider-one{
	position:relative;
	min-height:48px;
    padding-top: 10px;
    overflow: hidden;
	margin-top:-20px;
}

.range-slider-one .title{
	position:relative;
	float:left;
	color:#222222;
	font-size:16px;
	font-weight:400;
	margin-top:8px;
}

.range-slider-one .title:before{
	position:absolute;
	content:'$';
	right:-14px;
	top:0px;
	color:#222222;
	font-size:16px;
	font-weight:400;
}

.range-slider-one .input{
	float:right;
    left: 8px;
	max-width:75px;
	padding-left:8px;
	margin-top:8px;
    position: relative;
}

.range-slider-one .input input{
	background:none;
	color:#222222;
	font-size:16px;
	font-weight:400;
	width:auto;
	text-align:left;	
}

.range-slider-one .ui-widget.ui-widget-content{
	height:4px;
	border:none;
	margin-bottom:25px;
	background:#eaeceb;	
}

.range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:4px;
	background:#394575;	
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
	top:-8px;
	width:18px;
	height:18px;
	background:#ffffff;
	cursor:pointer;
	border-radius:20px;
	border: 3px solid #394575;
}

.range-slider-one .theme-btn{
	padding:7px 18px 3px;
	line-height: 25px;
	border-radius:0px;
	font-size: 16px;
	font-weight: 400;
}

.range-slider-one .theme-btn:before{
	display: none;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-bottom:60px;
	margin-top:80px;
}

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:30px;
}

.sidebar-page-container .group-title h2{
	position:relative;
	font-size:26px;
	color:#222222;
	font-weight:600;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom:30px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	min-height:75px;
	padding:0px 0px 0px 100px;
	font-size:14px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:75px;
	margin-bottom:20px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:15px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:18px;
	font-weight:500;
	color:#222222;
	display:block;
	line-height:1.3em;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	color:#8a8d91;
	font-size:14px;
	line-height:1.4em;
}

.sidebar-page-container .comments-area .comment-box .text{
	font-size:16px;
	color:#848484;
	line-height:26px;
}

.sidebar-page-container .comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0;
}

.sidebar-page-container .comments-area .comment-box .reply-btn a{
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	font-weight: 400;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box .reply-btn a:hover{
	background-color: #394575;
	color: #ffffff;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .form-group{
	margin-bottom:20px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:10px 0px;
	color:#848484;
	height:50px;
	font-size:16px;
	background:transparent;
	border-bottom:1px solid #e5e5e5;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:10px 0px;
	color:#848484;
	font-size:16px;
	background:transparent;
	border-bottom:1px solid #e5e5e5;
	height:100px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button{
	padding:15px 40px;
}

/*** 

====================================================================
		Shop Page
====================================================================

 ***/


.shop-upper-box{
	position: relative;
	margin-bottom: 30px;
}

.shop-upper-box .items-label{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #848484;
	padding: 10px 0;
}

.shop-upper-box .items-label span{
	color: #222222;
}

.shop-upper-box .sort-by{
	position: relative;
}

.sort-by .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	height:50px;
	width:100%;
	min-width: 220px;
	line-height:26px;
	text-align: left;
	padding:10px 20px;
	font-size: 15px;
	border: 1px solid #e5e5e5;
	color: #222222;
	font-weight: 400;
	text-transform:capitalize;
	background:#ffffff;
}

.sort-by .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#43c3ea;	
}

.sort-by .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top:0px;
	width:10px;
	height:20px;
	display:block;
	color:#222222;
	line-height:20px;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color: #394575;
	border-color:#394575;
}

/*=== Shop Item ===*/

.shop-item{
	position:relative;
	margin-bottom:50px;
}

.shop-item .inner-box{
	position:relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	background-color:#191e34;
	overflow: hidden;
}

.shop-item .inner-box .image img{
	width:100%;
	display:block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .inner-box:hover .image img{
	opacity: .40;
}

.shop-item .overlay-box{
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	-webkit-transform: scaleX(2);
	-moz-transform: scaleX(2);
	-ms-transform: scaleX(2);
	-o-transform: scaleX(2);
	transform: scaleX(2);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.shop-item .option-box{
	position: relative;
}

.shop-item .option-box li{
	position: relative;
	display: inline-block;
	margin: 0 3px;
}

.shop-item .option-box li a{
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #1a224c;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .option-box li a:hover{
	color: #ffffff;
	background-color: #394575;
}

.shop-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	padding:22px 0px 0px;
}

.shop-item .inner-box .lower-content h3{
	position:relative;
	font-size:17px;
	font-weight:500;
	color: #222222;
	margin-bottom:5px;
	text-transform:capitalize;
}

.shop-item .inner-box .lower-content h3 a{
	color:#222222;
	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;
}

.shop-item .inner-box .lower-content h3 a:hover{
	color:#394575;
}

.shop-item .inner-box .lower-content .price{
	position:relative;
	color:#394575;
	font-size:16px;
	font-weight:500;
}

.shop-item .inner-box .lower-content .price .discount{
	position:relative;
	color:#777777;
	margin-left:8px;
	text-decoration:line-through;
}

/*** 

====================================================================
		Product Detail
====================================================================

***/

.product-details{
	position: relative;
	padding: 120px 0 100px;
}

.product-details .basic-details{
	position:relative;
	margin-bottom:70px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:50px;
}

.product-details .image-column .image-box{
	position: relative;
	padding-right: 20px;
}

.product-details .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.product-details .image-column .image img{
	position:relative;
	display:block;
	width:100%;
}

.product-details .image-column .image-box .icon{
	position: absolute;
	right: 40px;
	top: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #ffffff;
	color: #222222;
	font-size: 16px;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .image-column .image-box .icon:hover{
	color: #ffffff;
	background-color: #222222;
}

.product-details .basic-details .info-column{
	position: relative;
}

.product-details .basic-details .info-column .inner-column{
	position: relative;
	padding-left: 20px;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:40px;
}

.product-details .basic-details .details-header h4{
	font-size:40px;
	font-weight:600;
	line-height:1.2em;
	color:#222222;
	margin-bottom: 15px;
}

.product-details .basic-details .details-header h4 a{
	color:#222222;	
}

.product-details .basic-details .details-header .item-price{
	font-size:20px;
	font-weight:500;
	color:#394575;
}

.product-details .basic-details .text{
	font-size:15px;
	line-height: 26px;
	color:#8a8d91;
	font-weight:400;	
	margin-bottom:45px;
}

.product-details .basic-details .other-options{
	margin-bottom: 20px;
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
	line-height:24px;
	padding:13.5px 15px !important;
	height:56px !important;
	box-shadow:none !important;	
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical{
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 99;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:13.5px 10px;
	background:#f4f5f6;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:6px;	
	font-weight: 900;
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:left;
	width:75px;
	margin-bottom:25px;
	margin-right:25px;
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
	font-size:18px;
	line-height:24px;
	font-weight: 600;
	color: #222222;
	padding:10px 15px !important;
	height:60px !important;
	box-shadow:none !important;	
	text-align: center;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:14.5px 10px;
	background:#f4f5f6;
	border-radius:0px;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
	top:8px;	
}

.product-details .basic-details .add-to-cart{
	float: left;
	margin-left: 20px;
	line-height: 38px;
	margin-bottom:25px;
}

.product-details .basic-details .like-btn a{
	float: left;
	height: 60px;
	width: 60px;
	line-height: 60px;
	padding: 0;
	text-align: center;
	border: 1px solid #dddddd;
	margin-left: 20px;
	margin-bottom:25px;
}

.product-details .basic-details .catergory{
	position: relative;
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
}

.product-details .basic-details .catergory span{
	color: #222222;
	margin-right: 10px;
}

.product-details .basic-details .catergory a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .basic-details .catergory a:hover{
	color: #394575;
}

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

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

.social-icon-three li:last-child{
	margin-right: 0;
}

.social-icon-three li a{
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	border: 1px solid #e6e6e6;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	font-size: 16px;
	color: #8a8d91;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	background-color: #3b5999;
	color: #ffffff;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.product-details .prod-tabs{
	position:relative;
}

.product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
}

.product-details .prod-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	float:left;
	font-size: 17px;
	line-height: 30px;
	color: #8a8d91;
	font-weight: 500;
	border: 1px solid #dddddd;
	text-align: center;
	padding: 10px 35px;
	cursor:pointer;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .prod-tabs .tab-btns .tab-btn:hover,
.product-details .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#394575;
	border-color:#394575;
}

.product-details .prod-tabs .tabs-content{
	position:relative;
	padding-top: 30px;
	margin-top: 25px;
	border-top: 1px dashed #e9e9e9;
}

.product-details .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.product-details .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.product-details .prod-tabs .tabs-content .tab .content{
	position:relative;
}

.product-details .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:18px;
	line-height: 28px;
	color:#8a8d91;
	margin-bottom:30px;
}

.product-details .prod-tabs .tabs-content .tab .content p:last-child{
	margin-bottom:0px;
}

.product-details .prod-tabs .tabs-content .tab .title{
	position:relative;
	color:#222222;
	font-size:26px;
	font-weight:600;
	margin-bottom:25px;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
	margin-top:50px;
}

.shop-comment-form h2{
	position:relative;
	color:#333333;
	font-size:24px;
	font-weight:500;
	margin-bottom:10px;
}

.shop-comment-form .mail-text{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
}

.shop-comment-form .group-title{
	margin-bottom:20px;
}

.shop-comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
	position:relative;
	font-size:16px;
	color:#333333;
	margin-bottom:15px;
}

.shop-comment-form .rating-box .rating{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating .fa{
	position:relative;
	margin-right:5px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a{
	position:relative;
	color:#cccccc;
	font-size:14px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a:hover{
	color:#394575;
}

.shop-comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .form-group label{
	position:relative;
	color:#333333;
	font-size:16px;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #dddddd;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
	border-color:#394575;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #dddddd;
	height:120px;
	font-weight:300;
	background:#ffffff;
	resize: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;
}

.shop-comment-form button{
	position:relative;
	font-weight:600;
	font-size:16px;
	padding:10px 32px;
	margin-top:10px;
	text-transform:uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
	border-color:#f06529;	
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.product-details .comments-area{
	position:relative;
	margin-bottom: 70px;
}

.product-details .comments-area .comment-box{
	position:relative;
	margin-bottom:56px;
}

.product-details .comments-area .comment-box.reply-comment{
	margin-left: 100px;
}

.product-details .comments-area .comment-box.reply-comment.reply{
	margin-left: 200px;
}

.product-details .comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.product-details .comments-area .comment{
	position:relative;
	min-height: 80px;
	padding-top: 0px;
	padding-left: 100px;
}

.product-details .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 75px;
	width: 75px;
	overflow: hidden;
	border-radius: 50%;
}

.product-details .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.product-details .comments-area .comment-info{
	position: relative;
	display: block;
}

.product-details .comments-area .comment-box .name{
	position: relative;
	display: block;
	font-size:18px;
	line-height:1.2em;
	font-weight:500;
	color:#222222;
	margin-bottom: 7px;
}

.product-details .comments-area .comment-box .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #bbbbbb;
	font-weight: 400;
}

.product-details .comments-area .comment-box .text{
	font-size: 14px;
	line-height: 28px;
	color:#777777;
	font-weight: 400;
}

.product-details .comments-area .comment-box .rating{
	position: relative;
	display: block;
	font-size: 14px;
	color:#394575;
	line-height: 20px;
}

.product-details .comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 15px;
	line-height: 25px;
	color: #394575;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

/*** 

====================================================================
		Related Products
====================================================================

***/

.related-products{
	position: relative;
	padding: 0 0 70px;
}

.related-products .sec-title{
	margin-bottom: 50px;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	padding:120px 0px 90px;
}

.cart-section .cart-outer{
	position:relative;	
}

.cart-section .cart-outer .table-column{
	position: relative;
}

.cart-section .cart-outer .table-column .inner-column{
	position: relative;
	padding-right: 20px;
}

.cart-section .table-outer{
	position:relative;
	width:100%;
}

.cart-section .cart-table{
	width:100%;
	min-width: 750px;
    border: 1px solid #e7e7e7;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    text-transform: capitalize;
    font-size: 15px;
    background: #f2f3f5;
    color: #ffffff;
}

.cart-table thead tr th{
	font-size:17px;
	color:#848484;
	line-height:25px;
	padding:15px 15px;
	min-width:120px;
	font-weight:400;
	text-align: center;
}

.cart-table thead tr th.prod-column{
	text-align:left;
	padding-left:30px;	
}

.cart-table tbody tr{
	border-bottom:2px dashed #f2f2f2;
}

.cart-table tbody tr:last-child{
	border-bottom: 0;
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 10px 35px;
	min-width:50px;
	text-align: center;
}

.cart-table tbody tr td.price{
	font-size:16px;
	font-weight:400;
	color:#848484;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#f5f5f5;	
	width:70px;
	text-align: left;
}

.cart-table tbody tr .prod-column .column-box h3{
	font-size:17px;
	color:#222222;
	font-weight:500;
	margin-bottom:5px;	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:70px;
	padding-left:100px;
	padding-top:30px;
	text-align:left;
	min-width:250px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:absolute;
	width:80px;
	left:0px;
	top:0px;	
	border:1px solid #f0f0f0;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:block;
	 width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-size:16px;
	color:#222222;
	font-weight:500;
	margin-bottom:5px;
	text-transform:capitalize;
}

.cart-table tbody tr .sub-total{
	font-size:16px;
	line-height: 24px;
	font-weight:400;
	color:#394575;
}

.cart-table tbody tr td.remove{
	position: relative;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:10px;
	color:#8a8d91;
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
	display:inline-block;
	border-radius: 20px;
	border:1px solid #e6e6e6;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove{
	text-align:center;
}

.cart-table tbody tr .remove-btn:hover{
	color:#394575;
	border-color:#394575;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
	position:relative;
	line-height:46px;
	height:46px;
	background:#ffffff;
}

/*=== Counper Outer ===*/

.cart-section .coupon-outer{
	position:relative;
	border: 1px solid #dddddd;
	margin-top: 50px;
	margin-bottom: 30px;
}

.cart-section .coupon-outer .title-box{
	position: relative;
	background-color: #f2f3f5;
	padding: 15px 30px;
	line-height: 25px;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
}

.cart-section .coupon-outer .content-box{
	position: relative;
	padding:28px 30px 20px;
}

.cart-section .coupon-outer .content-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 8px;
}

.cart-section .coupon-outer .cart-btn{
	display: block;
	font-size:17px;
	color:#8a8d91;
	line-height: 30px;
	padding:14px 38px;
	font-weight:600;
	text-transform:capitalize;
	background-color: #ffffff;
	border: 1px solid #fdd6bc;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .coupon-outer .cart-btn:hover{
	color:#ffffff;
	background-color:#394575;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:10px;	
}

.cart-section .apply-coupon .form-group .coupon-btn{
	padding:15px 30px;
	line-height:30px;
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	font-size: 16px;
	line-height:30px;
	color: #8a8d91;
	padding:14px 20px;
	border:1px solid #e5e5e5;
	height:60px;
	width:270px;
	background:none;
}

.cart-section .apply-coupon .form-group input[type="text"]:focus{
	border-color: #394575;
}

.cart-section .totals-column{
	position: relative;
	margin-bottom: 30px;
}

.cart-section .totals-column .inner{
	position: relative;
}

.cart-total{
	position: relative;
	border:1px solid #e7e7e7;
	border-top: 0;
	padding-bottom: 50px;
}

.cart-total .title{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 600;
	padding: 15px 30px;
	background-color: #191e34;
}

.cart-section .totals-table{
	position:relative;
	padding: 40px 30px 30px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	padding: 0;
	width:50%;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	color:#848484;
	text-align: right;
}

.cart-section .totals-table .col strong{
	font-weight: 500;
	color:#222222;
	font-size: 17px;
}

.cart-section .totals-table .col-title{
	font-size:17px;
	color:#222222;
	font-weight:500;
	text-align: left;
}

.cart-section .totals-table li{
	position:relative;
	padding-bottom: 23px;
	margin-bottom: 25px;
	border-bottom:2px dashed #e7e7e7;
}

.cart-section .totals-table li:last-child{
	border-bottom:0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.cart-section .totals-table .radio-option{
	position: relative;
	display: block;
}

.cart-section .totals-table .radio-option input{
	position: absolute;
	left: 0;
	top: 3px;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: .30;
	background-color: #ffffff;
}

.cart-section .totals-table .total-price{
	font-size: 20px;
	font-weight: 500;
	color: #394575;
}

.cart-section .cart-total .btn-box{
	position: relative;
	text-align: center;
	padding: 0 30px;
}

.cart-section .cart-total .btn-box .theme-btn{
	display: block;
	width: 100%;
	padding: 15px 30px;
}

/*** 

====================================================================
	CheckOut Sectioon
====================================================================

***/

.checkout-page{
	position:relative;
	padding:120px 0px 70px;
}

.checkout-page .default-links{
	position:relative;
}

.checkout-page .default-links li{
	position: relative;
	font-size:15px;
	line-height:30px;
	padding:14px 30px;
	color:#222222;
	background:#ffffff;
	font-weight:400;
	border: 1px solid #e5e5e5;
	border-left:2px solid #394575;
	margin-bottom:30px;
}

.checkout-page .default-links li a{
	color:#394575;
	text-decoration:underline;
}

.checkout-title{
	position: relative;
	font-size:20px;
	line-height:25px;
	padding:14px 30px;
	color:#222222;
	background:#ffffff;
	font-weight:600;
	border: 1px solid #e5e5e5;
}

.billing-detail{
	position: relative;
	border: 1px solid #e7e7e7;
	padding: 25px 30px 5px;
	border-top: 0;
	margin-bottom: 30px;
}

.checkout-form{
	position:relative;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom:25px;	
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:3px;
	text-transform:capitalize;
	color:#222222;	
	font-size:16px;
	font-weight:400;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:16px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:23px;
	padding:10px 15px;
	height:45px;
	font-size: 16px;
	color: #808080;
	font-weight: 400;
	border:1px solid #e7e7e7;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.checkout-form textarea{
	resize:none;
	width: 100%;
	height:120px !important;	
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color:#394575;	
}

.checkout-form .form-group.address input{
	margin-bottom: 10px;
}

.checkout-form .form-group.address input:last-child{
	margin-bottom: 0;
}

.checkout-page .check-box{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;	
}

.checkout-page .check-box label{
	position:relative;
	top:-1px;
	font-weight:400;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#222222;
}

.checkout-page .Additional-info{
	position: relative;
	border: 1px solid #e7e7e7;
	padding: 25px 30px 5px;
	border-top: 0;
	margin-bottom: 50px;
}

.order-detail{
	position: relative;
	border: 1px solid #e7e7e7;
	padding: 0 30px 0;
	border-top: 0;
	margin-bottom: 30px;
}

.order-detail .cart-outer{
	position: relative;
}

.order-detail .cart-table{
	width: 100%;
	min-width: 300px;
}

.order-detail .cart-table .sub-total{
	position: relative;
	text-align: right;
	font-size: 15px;
	line-height: 30px;
	color: #848484;
	font-weight: 400;
}

.order-detail .cart-table .col{
	text-align: right;
	width: 50%;
}

.order-detail .cart-table .col-title{
	position: relative;
	text-align: left;
	padding: 0px 10px;
	font-size: 17px;
	font-weight: 600;
	color: #222222;
}

.order-detail .cart-table .col.total{
	font-size: 20px;
	color: #394575;
	font-weight: 600;
}

/*Payment Option*/

.checkout-page .payment-options{
	position:relative;
	padding:30px 30px 40px;
	background-color:#f2f3f5;
	margin-bottom: 50px;
}

.checkout-page .payment-options h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 30px;
}

.checkout-page .payment-options li{
	position:relative;
	margin-bottom:5px;	
}

.checkout-page .payment-options li .radio-option{
	position:relative;		
}

.checkout-page .payment-options li .radio-option label{
	position:relative;
	display:inline-block;
	padding-left:30px;
	text-transform:capitalize;
	color:#333333;
	cursor:pointer;
}

.checkout-page .payment-options li .radio-option label strong{
	color:#222222;
	font-weight: 500;
	font-size:17px;
}

.checkout-page .payment-options li .radio-option label strong a{
	font-size:15px;
	color:#394575;
	margin-left:25px;
	font-weight:400;	
	text-decoration:underline;
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
	opacity: .50;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.checkout-page .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:15px;
	color:#848484;
	line-height:24px;
	padding:15px 20px;
	margin-top:10px;
	background-color :#ffffff;
	box-shadow: 0 10px 30px rgba(0,0,0,.05);
	margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option input:checked + label .small-text{
	display:block;
}

.checkout-page .payment-options li .radio-option label .small-text:before{
	position:absolute;
	content:'';
	left:30px;
	top:-8px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #ffffff;
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	top:-3px;
	display:inline-block;
	max-width:100%;
	padding-left:30px;	
}

.checkout-page .payment-options .btn-box{
	position: relative;
	text-align: right;
	margin-top: 30px;
}

.checkout-page .payment-options .theme-btn{
	padding:15px 55px;
	font-weight: 600;
}

/*** 

====================================================================
	Login Section
====================================================================

***/

.login-section{
	position:relative;
	padding:120px 0px 80px;
}

.login-form.register-form{
	padding-bottom:47px;
}

.login-section h2{
	position:relative;
	color:#222222;
	font-size:32px;
	font-weight:500;
	line-height:1.2em;
	margin-bottom:25px;
}

.login-form{
	position:relative;
	padding:30px 40px 25px;
	background-color:#f9f9f9;
	margin-bottom:40px;
}

.login-form .form-group{
	position:relative;
	margin-bottom:16px;
}

.login-form .form-group.check-box{
	margin-bottom:0px;
}

.login-form .form-group:nth-child(2){
	margin-bottom:25px;
}

.login-section.style-two .login-form .form-group:nth-child(2){
	margin-bottom:15px;
}

.login-form .form-group label{
	position:relative;
	top:-1px;
	color:#666666;
	font-weight:400;
	font-size:14px;
	margin-bottom:12px;
}

.login-form .form-group.no-margin{
	margin-bottom:0px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:50px;
	color: #666666;
	font-size:14px;
	border:1px solid #e0e0e0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
	border-color:#ff8a00;
}

.login-form button{
	top:0px;
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	padding:10px 36px;
	line-height: 25px;
	color:#ffffff;
	text-transform:uppercase;
}

.login-form .psw{
	display: inline-block;
	position:relative;
	color:#666666;
	font-size:16px;
}

.login-form .psw:hover{
	text-decoration: underline;
}


.grey {
		filter: gray; -webkit-filter: grayscale(1);  filter: grayscale(1);  
	} 
	.grey:hover {
		-webkit-filter: grayscale(0); filter: none;
	}    

	/* HERO */
	.hero{
		position:relative;
		height:70vh;
		overflow:hidden;
	}

	/* BACKGROUND KATLARI */
	.bg{
		position:absolute;
		inset:0;
		background-size:cover;
		background-position:center;
		opacity:0;
		transform:scale(1.05);
		transition:opacity .8s ease, transform 1s ease;
	}

	.bg.active{
		opacity:1;
		transform:scale(1);
	}



	 
	.item{
		width:100%;
		cursor:pointer;
	/* 	min-height:100vh; */
		height:700px;
		display:flex;
		align-items:center; /* desktop */
		background:rgba(0,0,0,.25);
		transition:background .3s ease;
		overflow:hidden;
		padding:70px;
		position:relative
		
	} 
	.item:hover{
		background:rgba(0,0,0,.45);
	} 
	.three{
		position:absolute;
		left:5%;
		right:5%;
		bottom:15%;
		transition: 300ms ease all;  
	} 
	.item:hover .three {  
		bottom:29%;
		transition: 500ms ease all; 
	} 
	.item:hover .three .devami_icin{
		display:block
	} 
	.item:hover .three p{
		display:block
	} 

	.three span {
		font-size: 110px;
		opacity: 0.11189;
		display: block;
		margin-bottom: 26px;
	}
	.three h3{
		font-size:25px; color:#fff
	} 
  	.three p {
		color:#fff; display:none
	}  
	.devami_icin {
		display:inline-block; padding:7px 12px; float:left; width:150px; text-align:center; border:1px solid #143b4d; color:#fff;
		background-color:rgba(20, 59, 77, 0.789); color:#fff; font-size:15px; position:relative; transition: all 700ms ease; display:none;
	}  
	.devami_icin:hover {
		background-color:#143b4d; color:#fff; transition: all 300ms ease;
	} 	 
	.devami_icin::after {
		content: "\f134";
		font-family: Flaticon;
		font-style: normal; 
		margin-left:6px
	}	 
	.devami_icin em { 
		font-family:baslik;
		font-size:13px; 
		transition:opacity .3s ease .1s; 
	}
	
	/* MOBİL & TABLET */
	@media (max-width: 1551px){

		
		 

	}

	
	@media (max-width: 768px) {

	.item{
		height:auto;
		min-height:100vh;
		padding:25px;
		align-items:flex-start;
	}

	/* Hover yok → içerik görünür */
	.three{
		transform:none;
	}
  
	/* 	.row{
			flex-direction:column;
		}

		.hero{
			height:auto;
		}

		.item{
			min-height:160px;
		} */
		
	}
	
	
	
	
	
	
		
		
	.main-lang {
		text-transform: uppercase; display:block; margin-top:15px
	}
	 
	.main-lang .dropdown:hover .dropdown-toggle {
		text-decoration:none;
	}
	.main-lang .dropdown-menu {
		min-width:inherit;
	}

	.main-lang__link {
		padding: .1rem 1rem;
		font-size: 1.25rem;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		text-decoration:none;
	}
	.main-lang__link::after {
		font-family: "Flaticon";
		content: "";
		position: absolute;
		right: -7px;
		top: 8px;
		display: block;
		line-height: 24px; 
		font-weight: 900;
		z-index: 5; 
	}


	.right-humbugur-btn {
		color: #fff;
		cursor: pointer;
		height: 40px;
		padding: 0px 10px;
		text-align: center !important;
		font-size: 22px;
		margin-top: -6px;
		margin-left:30px
	}
	
	.right-humbugur-btn:hover {
		 color:#ddd
	}
	


.dropdown-toggle {
  white-space: nowrap;
}

.main-lang .dropdown-menu {
  min-width: inherit;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width:80px; 
	display:block;
	padding:15px 0px;
	z-index: 1000;
	display: none;
	float: left;
	font-weight:bold;
	margin: 0;
	font-size: 1rem;
	color: #505050;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 0;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,0.175);
}





	.header-style-three.fixed-header .main-lang {
		  margin-top:5px
	}
 
  
	.header-style-three.fixed-header .main-lang__link {
		padding: .1rem 1rem;
		font-size: 1.25rem;
		font-weight: bold;
		color: #000;
		text-transform: uppercase;
		text-decoration:none	
	}
 


 
		
		
		.feature-block-home .feature-block {
			position: relative;
			padding: 10px 10px;
			background-color:none;
			box-shadow: 0 10px 40px rgba(0,0,0,0.10);
			border-radius:54px;
			margin-top: 10px;
		}
		
		.feature-block-home .icon-box span{
			position: relative;
			display: inline-block;
			height: 60px;
			width: 60px;
			line-height: 60px;
			text-align: center;
			font-size: 32px;
			color: #394575;
			font-weight: 400;
			border-radius: 50%;
			background-color: #ffffff;
			border: 1px solid #e8e8e8;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-ms-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			margin-left: 20px;
			margin-top: 10px;
		}

		.feature-block-home .inner:hover .icon-box span{
			background-color: #394575;
			border-color: #394575;
			color: #ffffff;
		}

		.feature-block-home h3{
			position: relative;
			display: block;
			font-size: 17px;
			line-height: 1.3em;
			color: #222222;
			font-weight: 600;
			margin-bottom: 5px;
		}

		.feature-block-home h3 a{
			display: inline-block;
			color: #222222;
			font-size: 18px;
			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-ms-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;
			margin-top: 12px;
		}

		.feature-block-home h3 a:hover{
			color: #394575;
		}

		.feature-block-home .text{
			position: relative;
			font-size: 19px;
			line-height: 24px; 
		}


	.fixed-social {
		position: absolute;
		left: 3%;
		top: 40%;
		transform: translateY(-50%);
		z-index: 99999;
	}
	
	.social-menu {
		list-style: none;
	}
	
	.social-menu li a { 
		display: flex; 
		justify-content: center;
		text-align: center; 
		color: #fff; 
		font-size:21px;
		padding:12px 0px;
		border-radius: .25rem;
		transition: all .3s linear; 
	}

	.social-menu li a:hover { 
		transform: scale(1.8);
		transition: all .2s linear;
	}
 
 	.form_whatsapp {
		position:fixed; right:3%; top:40%; z-index:99; 
	} 
	.form_whatsapp a {
		display:block; border-radius:50%; margin:0px auto; padding:0px; text-align:center;
		padding-top:3px; color:#fff; font-size:24px; width:45px; height:45px; background: #33e355; transition: all 0.25s, bottom 0.75s ease-in-out;
		box-shadow: 0 0 0 10px rgba(36, 207, 69, 0.2)
	} 
	.form_whatsapp a:hover { 
		background: #1abd39; box-shadow: 0 0 0 10px rgba(51, 227, 85, 0.2)
	}
	
	
 .marquee {
            margin: 0 auto;
            max-width: 960px;
            overflow: hidden;
        }

        .marquee h2 {
            margin-bottom: 20px;
        }

        .marquee ul.flex {
            display: flex;
            align-items: center;
        }

        .marquee ul.flex li {
            flex-shrink: 0;
            width: 150px;
            height: 150px;
            border-radius: 5px;
            line-height: 150px;
            text-align: center;
            font-size: 38px;
            color: #fff;
            background-image:linear-gradient(135deg,#52E5E7 15%,#130CB7 100%)
        }

        .marquee-wrapper {
            width: 100%;
            overflow: hidden;
        }

        .marquee-h {
            
            overflow: hidden;
        }

        .marquee-h .marquee-wrapper {
            height: 300px;
            overflow: hidden;
        }

        .marquee-h ul li {
            padding: 20px 0;
            text-align: center;
            color: #fff;
            font-size: 38px;
            background-image:linear-gradient(#1e3c72 ,#2a5298 100%)
        }
		

	
	
	.clients-section{
		position:relative;
		padding:30px 0px;
	/* 	background:#fff; */
	}

	.clients-section .slide-item{
		text-align:center;	
	}

	.clients-section .slide-item div {
		position:relative;
		display:block;
		transition: all .3s linear;
	}

	.clients-section .slide-item img{
		position:relative;
		display: inline-block;
		max-width: 100%; 
		width:auto;
		height:120px; 
	}

	.clients-section .slide-item div:hover { 
		transform: scale(1.0456);
		transition: all .2s linear; 
	}
	
	
	.clients-section .owl-dots {
	  margin: 0px auto;
	  padding: 0px;
	  text-align: center;
	  margin: 2px 0px;
	  z-index: 999;
	  position: absolute;
	  bottom: -70px;
	  left: 0;
	  right: 0;
	}
	
	
	.pagination { 
		margin:0px; padding:0px; position:relative; z-index:999; margin-top:100px
	}	
			
				
	.pagination li  { 
		float:left; margin-right:10px
	} 
				
	.pagination li a.ilk_sayfa { 
		width:auto; height:auto; background-color:none; border-radius:0; margin-right:25px
	}
				
	.pagination li a.son_sayfa  { 
		width:auto; height:auto; background-color:none; border-radius:0; margin-left:25px
	}
				
	.pagination li a.listen  { 
		background-color:#ddd;
	}

	.pagination li a{ 
		 display:block; width:50px; height:50px; font-size:17px; border-radius:50%; float:left;
		text-align:center; line-height:50px; color:#000; font-weight:bold
	}

	
	.pagination li a.active{ 
		background:#3c8dbc; color:#fff
	}
	
	
	
	.header-style-three.fixed-header {
		box-shadow: 0 0.5rem 1rem rgba(189, 189, 189, 0.35) !important;
	}
	
	
	.home_intro {
		display:block; padding:0px 0px; position:relative; 
	} 
	.home_intro img {
		display:block; width:100%; height:400px; padding:30px; padding-right:0px; object-fit:cover;   
	}   
	.home_intro .description {
		display:block; height:400px; margin-left:-15px; padding:20px 40px;  margin-top:0px;
		align-items: left; justify-content: center;  display:flex;  flex-direction: column;
	}  
	.home_intro .description h2 {
		display:block; margin-bottom:20px; font-size:31px; font-family:baslik 
	} 	
	.home_intro .description h2 strong {
		display:block;  
	} 
 	.home_intro .description p {
		display:block;  font-size:21px;  margin-bottom:20px
	} 
   
	.home_intro .description a {
		 display:inline-block; padding:7px 0px; float:left; width:170px; text-align:left; color:#000;
		 font-size:19px; position:relative; transition: all 700ms ease;
	}  
	.home_intro .description a:hover {
		 color:#143b4d; transition: all 300ms ease;
	} 	 
	.home_intro .description a::after {
		content: "\f134";
		font-family: Flaticon;
		font-style: normal; 
		margin-left:6px
	}	
	 
		
  	.home_intro .description2 a:hover {
		color:#fff
	}  
	.home_intro .owl-prev {
		bottom: 8%; right: 10%; 
	} 
	.home_intro .owl-next {
		bottom: 8%; right: 5%; 
	}	
	 
	.galeri-box {
		display:block; height:200px; overflow:hidden;
	}		
		 
	.galeri-box img {
		display:block; height:190px;  border:4px solid #fff
	}		
	 
	 
	.team-block .owl-dots {  
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		margin: 2px 0px;
		z-index: 999;
		position: absolute;
		bottom: -50px; 
	} 
	
	  
 	
	
	
	
/* 	 
	 
		
	.home_intro {
		display:block; padding:0px 0px; position:relative; 
	} 
	.home_intro img {
		display:block; width:100%; height:400px; padding:30px; padding-right:0px; object-fit:cover;   
	}   
	.home_intro .description {
		display:block; background:#002e43;  height:400px; margin-left:-15px; padding:20px 40px;  margin-top:0px;
		align-items: left; justify-content: center;  display:flex;  flex-direction: column;
	}  
	.home_intro .description h2 {
		display:block; color:#fff; margin-bottom:20px; font-size:27px; font-family:baslik 
	} 	
	.home_intro .description h2 strong {
		display:block;  color:#fff
	} 
 	.home_intro .description p {
		display:block; color:#fff; font-size:17px;  margin-bottom:20px
	} 
   
	.home_intro .description a {
		 display:inline-block; padding:7px 12px; float:left; width:130px; text-align:center; border:1px solid #143b4d; color:#fff;
		 font-size:15px; position:relative; transition: all 700ms ease;
	}  
	.home_intro .description a:hover {
		background-color:#fff; color:#143b4d; transition: all 300ms ease;
	} 	 
	.home_intro .description a::after {
		content: "\f134";
		font-family: Flaticon;
		font-style: normal; 
		margin-left:6px
	}	
	 
		
  	.home_intro .description2 a:hover {
		color:#fff
	}  
	.home_intro .owl-prev {
		bottom: 8%; right: 10%; 
	} 
	.home_intro .owl-next {
		bottom: 8%; right: 5%; 
	}	
	   */
	 
	 
	 
	 
	 
	 
	 
	 
	 
 

	#main-slider-full {
		background-color:#000; height:100%; height:100vh; position:relative
	} 
	#main-slider-full .hc-overlay {
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		background-size: cover;
		text-indent: -9999px; 
		background: transparent linear-gradient(360deg, #000000 0%, #171717D2 96%, #80808000 100%) 0% 0% no-repeat padding-box;
		opacity: 0.433;
		z-index:2
	}  
	
	
	#main-slider-full .items img {
		cursor:move;  width:100%; height:100%; height:100vh;
	} 
	
	#main-slider-full .active img  {
 		transition: transform 4000ms linear 0s; 
		transform: scale(1.15, 1.15); 
	}
  
	#main-slider-full .slider-content {
		position: absolute;
		bottom: 35%;
		left: 10%;
		z-index: 4; 
		display: inline-block;  
		/* padding: 20px 30px;  */
		/* background-color: rgba(0,0,0,.32); */
	} 	
  	
	 
	#main-slider-full .active .slider-content {
		-webkit-animation-duration: 1s;  
		animation-duration: 1s;  
		-webkit-animation-fill-mode: both; 
		animation-fill-mode: both; 
		animation-delay: 0.3s; 
		animation-name: fadeInLeft;    
	}    
	
	#main-slider-full .active .slider-content h2 {
		text-align: left; color: #fff;   display:block; margin-bottom:15px; font-family:baslik;
		font-size: 51px; 
	}	
	#main-slider-full .active .slider-content p {
		text-align: left; color: #fff; display:block; margin-bottom:10px; line-height:45px; font-family:icerik; font-size: 37px;  
	} 
	#main-slider-full .active .slider-content .slider-button {
		-webkit-animation-duration: 1s;  
		animation-duration: 1s;  
		-webkit-animation-fill-mode: both; 
		animation-fill-mode: both; 
		animation-delay: 0.5s; 
		animation-name: fadeInUp;   
		padding: 4px 0px;
	}
 
	#main-slider-full .slider-content .slider-button {
		margin-top:30px; text-align: center; transition: all .35s; color:#fff; border:1px solid #fff; display:block;
		font-weight: 800; font-size: 1.0rem; width:140px; height:40px;  padding:20px 0px; 
		align-items: center; justify-content: center;  display:flex;  flex-direction: column;
	} 	
 
	
	#main-slider-full .slider-content .slider-button:hover {
		 transition: all .15s;  border:1px solid #ddd; color:#ddd
	} 
	
		
	 
 
	
	.owl-dots  {
		margin:0px auto; padding:0px; text-align:center; margin:2px 0px; z-index:999; position:absolute; bottom:5%; left: 0; right:0;
	}	
	.owl-dots .owl-dot {
		height: 18px; width: 18px; margin: 2px 4px; position: relative; display: inline-block; -webkit-border-radius: 50%;
		border-radius: 50%;  background:rgba(221, 221,211, 0.389); cursor: pointer; 
	}
	.owl-dots .owl-dot.active {
		background-color: rgba(25,30,52,.30); border-bottom: 1px solid rgba(255,255,255,.40);
	}

	
	.owl-prev {
		bottom:10%; right: 12%;  width: 52px; height: 52px; display:block; border-radius:3px;
		z-index:999; position:absolute;
		background-color: rgba(25,30,52,.50);  
		transition: all 300ms ease; 
	}	 
	.owl-prev:hover { 
		background-color: rgba(255,255,255,.80);
		transition: all 700ms ease;
		color:#fff
	}	
	.owl-prev:hover span {  
		color:#1a2652
	}	 
	.owl-prev span {
		color:#fff; text-align:center; margin:0px auto; padding:0px; display:block; padding-top:9px; font-size:23px
	}
 
	 	
	.owl-next {
		bottom:10%; right: 8%;  width: 52px; height: 52px; display:block; border-radius:3px;
		z-index:999; position:absolute;
		background-color: rgba(25,30,52,.50); 
		transition: all 300ms ease; 
	}	 
	.owl-next:hover { 
		background-color: rgba(255,255,255,.80); 
		transition: all 700ms ease;
		color:#fff
	}	
	.owl-next:hover span {  
		color:#1a2652
	}	 
	.owl-next span {
		color:#fff; text-align:center; margin:0px auto; padding:0px; display:block; padding-top:9px; font-size:23px;
		transform: rotate(180deg);
		margin-top: 6px;
	}
 
.cars_cozum_ortaklari .swiper-wrapper {
    transition-timing-function: linear !important;
}


	.services_hizmetler_mobil {
		display:none; background-color:#000; height:100%; height:100vh; position:relative
	} 
	.services_hizmetler_mobil .hc-overlay {
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		background-size: cover;
		text-indent: -9999px; 
		background: transparent linear-gradient(360deg, #000000 0%, #171717D2 96%, #80808000 100%) 0% 0% no-repeat padding-box;
		opacity: 0.433;
		z-index:2
	}  
	 
	
	.services_hizmetler_mobil .items img {
		cursor:move;  width:100%; height:100%; height:100vh;
	} 
	
	.services_hizmetler_mobil .active img  {
 		transition: transform 4000ms linear 0s; 
		transform: scale(1.15, 1.15); 
	}
  
	.services_hizmetler_mobil .slider-content {
		position: absolute;
		bottom: 35%;
		left: 10%;
		z-index: 4; 
		display: inline-block;  
		/* padding: 20px 30px;  */
		/* background-color: rgba(0,0,0,.32); */
	} 	
  	
	 
	.services_hizmetler_mobil .active .slider-content {
		-webkit-animation-duration: 1s;  
		animation-duration: 1s;  
		-webkit-animation-fill-mode: both; 
		animation-fill-mode: both; 
		animation-delay: 0.3s; 
		animation-name: fadeInLeft;    
	}    
	
	.services_hizmetler_mobil .active .slider-content h2 {
		text-align: left; color: #fff;   display:block; margin-bottom:15px; font-family:baslik;
		font-size: 51px; 
	}	
	.services_hizmetler_mobil .active .slider-content p {
		text-align: left; color: #fff; display:block; margin-bottom:10px; line-height:45px; font-family:icerik; font-size: 37px;  
	} 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

	.menu-overlay {
		 
	}

	/* UL tam ortada */
	.menu-list {
		position: absolute;
		bottom: 8%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index:999;
		list-style: none;
		margin: 0;
		padding: 0;

		text-align: center;
	}

	/* Buton görünümü */
	.menu-list li {
		margin: 15px 0; float:left;
	}

	.menu-list li a {
		display: inline-block;
		min-width: 220px; 
		padding: 14px 30px; 
		color: #001e57; 
		text-decoration: none;
		font-size: 17px;
		font-family:baslik;
		border-radius: 50px; 
		transition: all .3s ease;
	}
	.menu-list li a span {
		margin-right:5px;
	}
	
	.menu-list li a.katalog {
		background: rgba(0, 0, 0, 0.76);
		color: #fff; 
	}
	
	.menu-list li a.size_ulasalim {
		margin-left:20px;
		background: rgba(53, 153, 74, 0.76);
		color: #fff; 
	}
	
	
	
	.particular {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:2px;
		display:none;
	}
	

	/* Hover efekti */
	.menu-list li a:hover {
		background: #fff;
		color: #000;
		transform: translateY(-2px);
	}

	/* Mobil uyum */
	@media (max-width: 480px) {
		.menu-list li a {
			min-width: 180px;
			font-size: 18px;
			padding: 12px 20px;
		}
	}

	
		
	html {
		scroll-behavior: smooth;
	}

	#hero {
		position: absolute;
		height:60px;
		width:30px;
		left:0px;
		right:0px;
		bottom:3%;
		z-index:9999;
		margin:0px auto;
		padding:0px;
		text-align:center;
		display:block;
		background-color:rgba(0, 0, 0, 0.353);
		/* border:1px solid #fff; */
		border-radius:15px;
	}

	.scroll-down {
		position: absolute;
		bottom: 40px;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
	}

	.scroll-down span {
		display: block;
		width: 8px;
		height: 8px;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		margin: -4px;
		animation: scrollDown 2s infinite;
	}

	.scroll-down span:nth-child(2) {
		animation-delay: -0.2s;
	}

	.scroll-down span:nth-child(3) {
		animation-delay: -0.4s;
	}

	@keyframes scrollDown {
		0% {
			opacity: 0;
			transform: rotate(45deg) translate(-10px, -10px);
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: rotate(45deg) translate(10px, 10px);
		}
	}

	 
	 
	 
/* 
        .info-link{
			text-decoration: none;
			color: inherit;
			width: 100%;
			margin: 15px 0px;
        }

        .info-box{
            background:#fff;
            border-radius:12px;
            padding:25px;
            display:flex;
            align-items:flex-start;
            gap:20px;
            box-shadow:0 10px 30px rgba(0,0,0,.08);
            transition:.3s;
        }

        .info-link:hover .info-box{
            transform:translateY(-3px);
            box-shadow:0 15px 40px rgba(0,0,0,.12);
        }

        .info-icon{
            font-size:32px;
            color:#b08d57;
            transition:.3s;
            flex-shrink:0;
        }

        .info-link:hover .info-icon{
            color:#8a6b3e;
        }

        .info-title{
            font-weight:600;
            font-size:20px;
            margin-bottom:6px;
        }

        .info-text{
            color:#555;
            line-height:1.7;
        }
			 */ 
			 
			 
	.home_reference {
		display:block; padding:10px 5px; position:relative; float:left; width:200px
	} 
	.home_reference_content {
		display:block; width:100%;  overflow:hidden; background:#f2f2f2;
	}
	.home_reference_content a {
		display:block; width:100%; height:120px; 
	}
	.home_reference_content:hover {
		display:block; background:#fff;
	}
	
	.home_reference_content img {
		width:100%; object-fit:cover
	}	 
   
	.home_reference_content span{
		display:block; margin:5px 0px; font-size:11px; text-align:center; font-weight:700
	}		 
 

	.off_canvars_overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		opacity: 0;
		visibility: hidden;
		cursor: crosshair;
		background-color: #002e43;
		top: 0;
		right: -100%; 
	}
	.off_canvars_overlay.active {
		opacity: 0.9;
		visibility: visible;
		right: 0%;
	}
 
	.toggle-hidden-bar {
	  position:relative;
	
	  display:flex;
	  color:#fff; 
	 
	  border:0px;
	  border-radius:5px;
	  margin-top:3px;
	  background:none
	}


 
	.about-sidebar-section {
		 display:none;  
	}
	.about-sidebar-section.active {
		display:block;
		max-width: 480px; 
		z-index: 9999;
		position: fixed; 
		left: 20%;
		top: 10%;
	}
	
	#modal-menu .logo {
		margin-bottom: 70px;
	}

	#modal-menu .logo svg {
		width: 200px;  fill:#fff
	} 
 
	#modal-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#modal-menu ul li {
		padding: 9px 0;
	}

	#modal-menu ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 19px;
		transition: all .3s linear;
		
	}

	#modal-menu ul li a:hover {
		color: #a1a1a1;
		font-size:19px; 
		transition: all .2s linear;
	}


 /*    
	.marquee-track a {
		flex-shrink: 0;             
		display: flex;
		align-items: center;
		background-color:#f2f2f2 
	}

	.marquee-track img {
		display: block;
		height: 100px;                
		width: auto;
	}
	
	 */
	
	
    .carosel_reference .items {
        width: 160px;  text-align: center;
	}
    .carosel_reference img {
        width: 100px; height: 70px;
    } 
	.carosel_reference .owl-stage {
		transition-timing-function: linear !important;
	}
		
    .carosel_cozum_ortaklari .items {
        width: 160px;  text-align: center;
	}
    .carosel_cozum_ortaklari img {
        width: 100px; height: 70px;
    } 
	.carosel_cozum_ortaklari .owl-stage {
		transition-timing-function: linear !important;
	}
	
	
	
	
	
	
	
	
 
	@media (max-width: 768px) {
		.marquee-track img {
			height: 42px;
		}
	}
	
	.sayfa_baslik {
		display:block; margin:0px auto; padding:0px; text-align:center;
	}
	
	.sayfa_baslik h1 {
		text-align:left; display:block; margin-bottom:30px; font-size:34px
	}	
	.sayfa_baslik h2 {
		text-align:left; display:block; margin-bottom:30px
	}
	.sayfa_baslik h3 {
		text-align:center; display:block; margin-bottom:30px; font-family:icerik; font-size:21px
	}
	
	.sayfa_baslik p {
		text-align:center; display:block; margin:20px 0px
	}
	
	
	
	.page_carosel {
		display:block; margin-bottom:120px
	}
	
	.cozum_ortaklarimiz .owl-dots {
		 bottom:-60px
	}
	
	
	.mt-30 {
		margin-top:30px
	}	
	.mt-40 {
		margin-top:40px
	}	
	.mt-50 {
		margin-top:50px
	}
	
	
	
	   .info-link{
            text-decoration:none;
            color:inherit;
        }

        .info-box{
            background:#fff;
            border-radius:12px;
            padding:25px;
            display:flex;
            align-items:flex-start;
            gap:20px;
            box-shadow:0 10px 30px rgba(0,0,0,.08);
            transition:.3s;
			margin-bottom:30px
        }

        .info-link:hover .info-box{
            transform:translateY(-3px);
            box-shadow:0 15px 40px rgba(0,0,0,.12);
        }

        .info-icon{
            font-size:32px;
            color:#b08d57;
            transition:.3s;
            flex-shrink:0;
        }

        .info-link:hover .info-icon{
            color:#8a6b3e;
        }

        .info-title{
            font-weight:600;
            font-size:20px;
            margin-bottom:6px;
        }

        .info-text{
            color:#555;
            line-height:1.7;
        }