/* Stunning Dentistry HTML Template

Template Name: Stunning Dentistry
Author: Rakesh Singh Mahur
Version: 1.0.0

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header 
5. Header Style Two 
6. Header Style Three
7. Sticky Header
8. Mobile Menu
9. Appointment Form
10. Section Title
11. Page Title
12. Banner Section / Two / Three
13. Welcome Banner
14. About Us
15. About Section Two
16. Call To Action / Two
17. Services Section / Two / Three 
18. Service Detail
19. Why Choose Us
20. Features Section
21. Fun Fact Section
22. Work Section
23. Video Section
24. Team Section / Two / Three
25. Project Section / Two
26. Project Detail
27. Certificate Section
28. Pricing Section / Two
29. Products Section
30. FAQ's Section
31. FAQ Form Section
32. Contact Section
33. Contact Page Section
34. Map Section
35. Testimonial Section / Two
36. News Section
37. Blog Sidebar
38. Blog Single
39. Styled Pagination
40. Error Section
41. Clients Section
42. Newsletter Section
43. Main Footer / Style two
44. Coming Soon
45. Sidebar Page Container
46. Comment Area
47. Comment Form
48. Product Details
49. Product Tabs
50. Cart Section
51. CheckOut Section
52. Login Section
53. Right To Left Style
54. Box Layout
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

***/

@import url('https://fonts.googleapis.com/css?family=Muli:400,500,700|Playfair+Display:400,700,900|Varela+Round&display=swap');

/*
	font-family: 'Playfair Display', serif;
	font-family: 'Muli', sans-serif;
	font-family: 'Varela Round', sans-serif;
*/

@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('owl.css');
@import url('jquery.modal.min1.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('jquery.fancybox.min.css');

@font-face {
    font-family: "coldiac_freeregular";
    src: url("../fonts/coldiac.woff2") format("woff2"),
         url("../fonts/coldiac.woff") format("woff");
    font-weight: normal;
    font-style: normal;

}

/*** 

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

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

/*** 

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

 ***/

body {
	
	font-size:14px;
	color:#777777;
	line-height: 28px;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Muli', sans-serif;
}

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

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

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

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

textarea{
	overflow:hidden;	
	resize: none;
}

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

p,.text{
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	color: #777777;
	margin: 0;
}

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

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

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

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 99;
	background-color: #ffffff;
}

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

.theme-color-yellow {
color: #eea803;
}

.theme-color-brown {
color: #3f4d50;
}

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

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:14px;
	line-height:20px;
	font-family: 'Muli', sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	background-color: #eea803;
	padding: 10px 20px;
	font-weight: 700;
	overflow: hidden;
}

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

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

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

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

/*Btn Style two*/

.btn-style-two{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	background-color: #0c242e;
	padding: 15px 35px;
	font-weight: 700;
	overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

/*=== List Style Three ===*/

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

.list-style-three li{
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #777777;
	font-weight: 400;
	padding-left: 20px;
}

.list-style-three li a{
	color: #777777;
	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;
}

.list-style-three li:before{
	position: absolute;
	left: 0;
	top: 9px;
	height: 5px;
	width: 5px;
	background-color: #eea803;
	content: "";
	border-radius: 5px;
}

.list-style-three li a:hover{
	color: #eea803;
}

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

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

.preloader:after{
	position: absolute;
	left: 50%;
	top: 50%;
	content: "STUNNING...";
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 0px;
	font-size: 18px;
	line-height: 1em;
	color: #EEA803;

	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
} 

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

.tabs-box{
	position: relative;
}

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

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

/*** 

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

***/

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

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

/*** 

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

***/

.logo {
	
}
.logo img {
	width:178px;
}

.main-header{
	position:relative;
	left:0px;
	top:56px;
	width:100%;
	z-index:999;
}

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

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

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

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

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

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

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

.main-header .header-top .btn-box a{
	position: relative;
	display: block;
	border-radius: 0;
}

/*Social Icon One*/

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

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

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

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

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

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

.header-upper{
	position: fixed;
    z-index: 9999;
    width: 100%;
    padding-top: 7px;
	background-color:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+1,001110+100 */
background: #0c242e; /* Old browsers */
background: -moz-linear-gradient(top, #0c242e 1%, #001118 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0c242e 1%,#001118 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0c242e 1%,#001118 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c242e', endColorstr='#001118',GradientType=0 ); /* IE6-9 */
}

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

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

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

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

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

.main-header .info-box .icon-box span{
	font-size: 22px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	background-color: #3f4d50;
	border-radius: 50px;
	color: #ffffff;
	text-align: center;
}

.main-header .info-box li{
	position:relative;
	font-size:15px;
	line-height:24px;
	color:#fff;
	font-weight:400;
}

.main-header .info-box li strong{
	display: block;
	font-size: 16px;
}

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

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

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

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

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

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

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

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

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	/*padding:15px 20px;*/
	/*margin-right: 50px;*/
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	opacity:1;
	font-weight:600;
	color:#ffffff;
	font-size:11px;
	line-height:30px;
	letter-spacing: 2.7px;
	padding: 0;
	text-transform: uppercase;
	font-family: "coldiac_freeregular";
	-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:before{
	position: absolute;
	left: 50%;
	bottom: 10px;
	height: 2px;
	width: 0%;
	background-color: #eea803;
	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;
}

.main-menu .navigation > li > a.active {
	background: #0c242e;
    color: #fff!important;
}

.main-menu .navigation > li > a:hover {
	background:#0c242e;
	color:#fff;
}

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

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

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

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

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:3px 0px;
	line-height:18px;
	font-weight:400;
	font-size:14px;
	color:#333333;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
	text-transform:capitalize;
	white-space:nowrap;
	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:#eea803;
}

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

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

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

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

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

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

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



/*top-links*/

.top-links {
	font-family: 'Varela Round', sans-serif;
	float:left;
	margin-left: 227px;
}

.top-links ul {
	margin-top: 6px;
}

.top-links ul li{
	float:left;
	padding:0px 10px;
	border-right:1px solid #eda703;
}

.top-links ul li:last-child {
	border:none;
}

.top-links ul li a{
	color:#fff;
	font-size:12px;
}

.top-links ul li a:hover {
	color:#ffb301;
}

.upper-call {
	display:none;
}

.call-actions-two {
	display:none;
}



.call-actions {
	margin-top: 6px;
	float:left;
}

.call-actions ul li {
	float:left;
    border-right: 1px solid #eda703;	
}

.call-actions ul li:last-child {
	border:none;
}

.call-actions ul li a {
	border-radius: 18px;
    margin: 0px 12px;
    padding: 4px 6px;
    font-size: 20px;
    color: #ffb301;	
}

.call-actions ul li a:hover {
	background:#ffb301;
	color:#051a22;
}

.uni-btn a {
	background: #ffb301;
    color: #fff;
    display: block;
    padding: 2px 16px;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.uni-btn a:hover {
	background:#fff;
	color:#0c242e;
}	


/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	float: left;
	text-align: center;
	padding: 15px 0;
}

.main-header .search-box-btn{
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
	border-radius: 50%;
    background-color: transparent;
}

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

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

.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;
	border:1px solid #e0e0e0;
	background:#ffffff;	
	font-size: 14px;
}

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

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#000000;
	font-size:12px;
	background:none;
	cursor:pointer;
	-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-panel .search-btn:hover{
	color: #eea803;
}

/*search box btn*/

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

.main-header .cart-btn a{
	position: relative;
	display: block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	color: #ffffff;
	z-index: 9;
}

.main-header .cart-btn .count{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 10px;
	color: #040025;
	background-color: #ffffff;
	border-radius: 50%;
}

/* Btn Box */

.main-header .header-lower .btn-box{
	position: relative;
	float: right;
	padding: 40px 0;
}

.main-header .header-lower .btn-box a{
	float: right;
	padding: 15px 25px;
}

/***

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

***/

.header-style-two{
	position: fixed;
}

.header-style-two .search-box-outer{
	margin-left: 40px;
	padding: 10px 0;
}

.header-style-two .search-box-btn{
	font-size: 16px;
}

.header-style-two .header-lower{
	background-color: #eae1e1;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.header-style-two .logo-outer{
	position: relative;
}

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

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

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

.header-style-two .main-menu .navigation > li > a{
	color: #212529;
	padding:8px 11px;
}

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

.header-style-two .nav-outer .cart-btn{
	padding: 40px 0;
}

.header-style-two .nav-outer .cart-btn a{
	color: #212529;
	font-size: 34px;
}

.header-style-two .cart-btn .count{
	background: #212529;
	color: #ffffff;
}

.header-style-two .header-lower .btn-box{
	padding: 35px 0;
}

/***

====================================================================
	Header Style Three
====================================================================

***/

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

.header-style-three .search-box-outer{
	margin-left: 40px;
	padding: 10px 0;
}

.header-style-three .search-box-btn{
	font-size: 16px;
}

.header-style-three .header-lower{
	background-color: #ffffff;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

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

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

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

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

.header-style-three .nav-outer .cart-btn{
	padding: 40px 0;
}

.header-style-three .nav-outer .cart-btn a{
	color: #212529;
	font-size: 34px;
}

.header-style-three .cart-btn .count{
	background: #212529;
	color: #ffffff;
}

.header-style-three .header-lower .btn-box{
	padding: 35px 0;
}

/*** 

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

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background-color:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+1,001110+100 */
background: #0c242e; /* Old browsers */
background: -moz-linear-gradient(top, #0c242e 1%, #001118 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0c242e 1%,#001118 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0c242e 1%,#001118 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c242e', endColorstr='#001118',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 20px rgba(0,0,0,.05);
}

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

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

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

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

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px;
	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;
}

.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: #eea803;
}

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

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

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

/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

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

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

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

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

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

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

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

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

/***

====================================================================
		Appointment Form
====================================================================

***/

.jquery-modal{
	z-index: 999;
}

.model{
	padding: 20px;
	border-radius: 0;
	overflow: unset;
	max-width: 1000px;
}

/*** 

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

***/

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

.sec-title h2{
	position: relative;
	display: block;
    font-size: 34px;
    line-height: 36px;
    color: #3f4d50;
    font-weight: 600;
    transition: all 100ms linear;
    margin-bottom: 20px;
}

.sec-title-dotted {
    background: url(../images/resource/dotted.png) no-repeat;
    margin-bottom: 15px;
}

.sec-title-dotted h5 {
    width: 240px;
    color: #696969;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    background: url(../images/resource/gap.jpg) no-repeat center right;
}

.short-gap {
    height: 5px;
    width: 25px;
    background: #333;
}

.sec-title-dotted h6 {
    font-weight: 600;
    font-size: 24px;
    color: #0c242e;
    padding: 7px 0px;
}

.sec-title-dotted h6 span {
	
}

.devider{
	position: relative;
}

.devider span{
	position: relative;
	display: inline-block;
	height: 30px;
	width: 30px;
	background-image: url(../images/icons/icon-devider.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	animation: rotate 30s infinite ;
}

.devider:before,
.devider:after{
	position: absolute;
	top: 0px;
	left: 100%;
	height: 3px;
	width: 50px;
	border-radius: 50%;
	background-color: #eea803;
	content: "";
	margin-left: 20px;
}

.devider:after{
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: 20px;
}

.devider:after{
	display: none;
}

.sec-title.text-center .devider:after{
	display: block;
}

.sec-title .text{
	position: relative;
	font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    color: #8d9297;
    margin-top: 10px;
}

@keyframes rotate {
  0% {
  	transform: rotate(0deg);
  }

  100% {
  	transform: rotate(36000deg);
  }
}

.anim-icons{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.anim-icons .icon{
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
}

.icon-circle-1{
	width: 400px;
	height: 400px;
	border: 80px solid rgba(0,0,0,0.05);
	border-radius: 50%;
}

.icon-dots{
	width: 72px;
	height: 60px;
	background-image: url(../images/icons/icon-dots.png);
}

.icon-cogs-1{
	width: 300px;
	height: 300px;
	background-image: url(../images/icons/icon-cogs-1.png);
}

.icon-cogs-2{
	width: 300px;
	height: 300px;
	background-image: url(../images/icons/icon-cogs-2.png);
}

.icon-cogs-3{
	width: 300px;
	height: 300px;
	background-image: url(../images/icons/icon-cogs-3.png);
}

/*** 

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

***/

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

.page-title:before{
	position:absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.60);
}

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

.page-title h2{
	position:relative;
	color:#ffffff;
	font-size:54px;
	line-height:1.2em;
	margin-bottom: 10px;
	font-weight: 700;
}

.page-breadcrumb{
	background-image: url(../images/background/breadcrumb.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    padding: 100px 0px;
}
page-breadcrumb3{
	background-image: url(../images/resource/smiles.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    padding: 100px 0px;
}

.page-breadcrumb2{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0px;
}

.page-breadcrumb li{
	position:relative;
	display:inline-block;
	margin-right:10px;
	padding-right:15px;
	color:#ffffff;
	font-size:18px;
	font-weight:400;
	text-transform:capitalize;
}

.page-breadcrumb li:after{
	position:absolute;
	content: ">";
	right:-2px;
	top:1px;
	color:#ffffff;
	font-size:14px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.page-breadcrumb li:last-child::after{
	display: none;
}

.page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-breadcrumb li a{
	color:#ffffff;
	font-weight:500;
	text-transform: capitalize;
	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;
}

.page-breadcrumb li a:hover{
	color:#ffbc00;
}

.page-breadcrumb h2 {
	color:#fff;
}

.team-page-breadcrumb {
	background-image: url(../images/background/team-bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 100px;
    padding: 330px 0px 100px 0px;
}

.team-page-breadcrumb h2 {
	color:#fff;
}

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

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

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

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

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

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

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

/*** 

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

***/

.banner-section{
	position: relative;
	overflow: hidden;
	background-color: rgba(0,0,0,0.01);
}

.banner-section .icon-circle-1{
	right: -380px;
    bottom: -150px;
}

.banner-section .icon-cogs-1{
	left: -350px;
    top: -120px;
    opacity: .40;
    animation: rotate_two 60s infinite;
}

@keyframes rotate_two {
  0% {
  	transform: rotate(0deg);
  }

  100% {
  	transform: rotate(3600deg);
  }
}

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

.banner-section .slide-item .content-box{
	position: relative;
	padding: 150px 0;
}

.banner-section .slide-item .content{
	position: relative;
	z-index: 9;
}

.banner-section .slide-item .title{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.2em;
	color: #495057;
	font-weight: 400;
	margin-bottom: 30px;
	opacity: 0;
	background-color: #ffffff;
	padding: 10px 15px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.10);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.banner-section .slide-item h1{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #0c242e;
	font-weight: 700;
	margin-bottom: 20px;
	opacity: 0;
	text-transform: uppercase;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .slide-item h1 span{
	font-weight: 300;
	letter-spacing: .06em;
}

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

.banner-section .slide-item .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #3f4d50;
	font-weight: 400;
	letter-spacing: 0.06em;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

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

.banner-section .slide-item .btn-box .theme-btn{
	line-height: 20px;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 16px;
}

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

.banner-section .image-column{
	position: relative;

}

.banner-section .image-column .image-box{
	position: relative;
	text-align: center;
	overflow: hidden;
}

.banner-section .image-column .image-box .image{
	position: relative;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.banner-section .owl-dots{
	position: absolute;
	bottom: 200px;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1170px;
	text-align: left;
	display: none;
}

.banner-section .owl-dot{
	position: relative;
    display: inline-block;
    margin-right: 10px;
    height: 15px;
    width: 15px;
    background-color: #eea803;
    border-radius: 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .owl-nav{
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.banner-section .owl-prev,
.banner-section .owl-next{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #3f4d50;
	color: #3f4d50;
	font-size: 20px;
	line-height: 50px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .owl-next{
	left: auto;
	right: 0;
}

.banner-section .owl-prev:hover,
.banner-section .owl-next:hover{
	background-color: #3f4d50;
	color: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.20);
}

.banner-section .float-text{
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 130px;
	line-height: 1em;
	font-size: 150px;
	font-weight: 700;
	letter-spacing: -.01em;
 	color: black;
	-webkit-text-fill-color: #ffffff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #d8d1d1;
	text-shadow: 0 20px 10px rgba(0,0,0,0.10);
	opacity: .30;
}

/*** 

====================================================================
		Banner Section Two
====================================================================

***/

.banner-section-two{
	position: relative;
	padding: 200px 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section-two .icon-cogs-2{
	left: -320px;
	top: -120px;
	opacity: .50;
	animation: rotate_two 100s infinite;
}

.banner-section-two .images-outer{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.banner-section-two .images-outer .speaker-img{
	position: absolute;
	left: -100px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-section-two .content-box{
	position: relative;
	z-index: 99;
	max-width: 400px;
}

.banner-section-two .title{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1.1em;
	color: #eea803;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 10px 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.banner-section-two h1{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #0c242e;
	font-weight: 700;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-two h1 span{
	font-weight: 300;
	letter-spacing: .06em;
}

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

.banner-section-two .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #3f4d50;
	font-weight: 400;
	letter-spacing: 0.06em;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

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

.banner-section-two .btn-box .theme-btn{
	line-height: 20px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: 500;
}

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

/*** 

====================================================================
		Banner Section Three
====================================================================

***/

.banner-section-three{
	position: relative;
}

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

.banner-section-three .slide-item:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .20;
	content: "";
}

.banner-section-three .slide-item .content-box,.banner-section-three .slide-item .content-box-three{
	position: relative;
	height: 700px;
	width: 100%;
	display: table;
	vertical-align: middle;
}

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

.content-column-grey {
	background: #ffffffba;
	padding: 30px;
    margin: 27% 0% 0% 0%;
}

.txt-left {
	text-align:left;
}

.banner-section-three .slide-item .title{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1.1em;
	color: #0c242e;
	font-weight: 700;
	padding: 7px 0px;
	border-radius: 5px;
	margin:10px 0px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.banner-section-three .slide-item h1{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1.2em;
	color: #0c242e;
	font-weight: 700;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .slide-item h1 span{
	font-weight: 300;
	letter-spacing: .06em;
}

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

.banner-section-three .slide-item .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.8em;
	color: #0c242e;
	font-weight: 400;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

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

.banner-section-three .slide-item .btn-box .theme-btn{
	line-height: 30px;
	padding: 10px 30px;
	font-weight: 500;
}

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

.banner-section-three .image-column{
	position: relative;
}

.banner-section-three .image-column .image-box{
	position: relative;
	text-align: center;
	top:50px;
}

.banner-section-three .image-column .image-box .image{
	position: relative;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .active .image-box .image{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section-three .owl-nav{
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.banner-section-three .owl-prev,
.banner-section-three .owl-next{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #3f4d50;
	color: #3f4d50;
	font-size: 20px;
	line-height: 50px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .owl-next{
	left: auto;
	right: 0;
}

.banner-section-three .owl-prev:hover,
.banner-section-three .owl-next:hover{
	background-color: #3f4d50;
	color: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.20);
}

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

.mobile-slider {
	display:none;
}

/*** 

====================================================================
	Welcome Banner
====================================================================

***/

.welcome-section{
	position: relative;
	padding: 80px 0 50px;
}

.welcome-section:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	border-bottom: 1px solid #e5e5e5;
	content: "";
}

.welcome-section .title-column{
	position: relative;
	margin-bottom: 30px;
	text-align: right;
}

.welcome-section .title-column .inner-column{
	position: relative;
	padding: 12px 0;
}

.welcome-section .title-column h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 43px;
	color: #333333;
	font-weight: 400;
}

.welcome-section .title-column h2 span{
	color: #0c242e;
	font-weight: 700;
}

.welcome-section .text-column{
	position: relative;
}

.welcome-section .text-column .inner-column{
	position: relative;
	padding: 16px 0;
	padding-left: 35px;
}

.welcome-section .text-column .inner-column:before{
	position: absolute;
	left: 0px;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #eea803;
	content: "";
	border-radius: 50%;
}

.welcome-section .text-column .text{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
}

/*** 

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

***/

.about-us{
	position: relative;
	padding: 10px 0 0px;
	overflow: hidden;
	z-index: -1;
}

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

.about-us .content-column{
	position: relative;
}

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

.about-us .content-column h2{
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 1.2em;
    color: #3f4d50;
    font-weight: 600;
    margin-bottom: 20px;
}

.title-light {
	font-family:'Playfair Display', serif;
	font-size: 34px;
    line-height: 38px;
	color:#3f4d50;
	padding-bottom: 10px;
}

.title-light span {
	color: rgba(39, 39, 39, 0.18);
    position: absolute;
    font-size: 47px;
    font-weight: 600;
    top: -7px;
    left: 30px;
    z-index: -1;
}

.title-light-center {
	font-family:'Playfair Display', serif;
	font-size: 34px;
    line-height: 38px;
	color:#3f4d50;
	font-weight: 600;
	padding-bottom: 10px;
	text-align:center;
}

.title-light-center span {
	color: rgba(39, 39, 39, 0.18);
    position: absolute;
    font-size: 47px;
    font-weight: 600;
    text-align: center;
    z-index: -1;
    width: 100%;
    left: 0%;
    top: -15px;
} 

.title-white-center {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 0px;
    text-align: center;
}

.title-white-center span {
	color: rgba(255, 255, 255, .18);
    position: absolute;
    font-size: 47px;
    font-weight: 600;
    text-align: center;
    z-index: 0;
    width: 100%;
    left: 0%;
    top: -15px;
} 

.title-white-left {
	font-family:'Playfair Display', serif;
	font-size: 34px;
    line-height: 38px;
	color:#fff;
	font-weight: 600;
	padding-bottom: 10px;
}

.title-white-left span {
	color: rgba(255, 255, 255, .18);
    position: absolute;
    font-size: 47px;
    font-weight: 600;
    z-index: 0;
    width: 100%;
    left: 0%;
    top: -15px;
} 

.underline-bdr {
	height: 5px;
    width: 100%;
    margin-bottom: 15px;
}

.lft-bdr {
	height:5px;
	width:80px;
	background:#eea803;
}

.cen-bdr {
	height:5px;
	width:80px;
	background:#eea803;
	margin:0 auto;
}


.about-us .about-years{
	position: relative;
	padding-left: 190px;
	padding-top: 10px;
	margin-bottom: 30px;
}

.about-us .about-years:before{
	position: absolute;
	left: 170px;
	top: 0;
	height: 100%;
	width: 3px;
	background-color: #eea803;
	content: "";
	border-radius: 50%;
}

.about-us .about-years span{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 70px;
    color: #0c242e;
    font-weight: 700;
    margin-right: 10px;
    line-height: 1em;
}

.about-us .about-years h3{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 1.2em;
	color: #3f4d50;
	font-weight: 500;
}

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

.about-us .content-column .text-box strong{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
	font-weight: 500;
}

.about-us .content-column .text-box strong span{
	font-size: 20px;
	color: #eea803;
}

.about-us .content-column .text-box p{
	position: relative;
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 11px;
	text-align:justify;
}

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

.feature-block .inner-box{
	position: relative;
	padding-left: 65px;
}

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

.feature-block .icon-box .icon{
	display: block;
	font-size: 42px;
	line-height: 1em;
	color: #ffbc00;
	font-weight: 400;
}

.feature-block h4{
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 10px;
}

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

.feature-block h4 a:hover{
	color: #ffbc00;
}

.feature-block .text{
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

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

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

.about-us .image-column .float-text{
    position: absolute;
    right: -160px;
    top: 190px;
    line-height: 1em;
    font-size: 105px;
    font-weight: 700;
    background: #fff;
    letter-spacing: -.05em;
    text-align: center;
    color: black;
    transform: rotate(90deg);
    -webkit-text-fill-color: #ffffff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #d8d1d1;
    text-shadow: 0 15px 10px rgba(0,0,0,0.05);
    opacity: .50;
}

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

.about-us .image-column .image img{
	display: inline-block;
	width: auto;
	border: 10px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

.about-us .image-column .image-2{
	position: absolute;
	right: 0;
	bottom: 10px;
	margin-bottom: 0;
	z-index: 8;
}

.about-us .image-column .image-2 img{
	display: inline-block;
	border: 7px solid #ffffff;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

.about-us.style-two .image-column .image{
	text-align: left;
}

.about-us.style-two .image-column .inner-column:before{
	position: absolute;
	right: 80px;
	top: 50px;
	height: 450px;
	width: 250px;
	border: 15px solid #f1f1f2;
	content: "";
}

.about-us.style-two .image-column .image-2{
	bottom: 60px;
	left: auto;
	right: 30px;
}

.about-us.style-two .icon-cogs-1{
	right: -320px;
	bottom: -100px;
	animation: rotate_two 100s infinite;
	opacity: .50;
}


/*** 

====================================================================
		Journey + Nav Tabs		
====================================================================

***/

.journey-treatment {
	background-image:url(../images/background/tourism-two.jpg);
	background-size:cover;
	background-position: bottom;
	padding:189px 0px;
	position: relative;
    margin-top: 100px;
}

.journey-treatment h2 {
	color:#fff;
	font-weight:600;
	display: inline;
    background: #000000a6;
}

.journey-treatment h2 span {
	color:#eea803;
}

.journey h2 {
	color: #0c242e;
    font-size: 34px;
    font-weight: 700;
    padding: 10px 0px;
}

.journey h2 span {
	color:#eea803;
}

.journey p {
	font-size:15px;
	text-align: justify;
}
ul.nav-tabs li {
	border-right:1px solid #333;
    margin-top: 10px;	
}

ul.nav-tabs li:last-child {
	border:none;
}

ul.nav-tabs li a{
	font-size: 16x;
    font-family: 'Playfair Display', serif;
    color: #0c242e;	
	padding:5px; 
}

ul.nav-tabs li a.active {
	color: #f1f1f1;
    background: #eea803;
}

.main-team {
	background:#f1f1f1;
}

.team-container, .team-portfolio {
	padding:10px 0px;
}

.team-portfolio h1 {
	color: #eea803;
    border-bottom: 1px solid #0c242e;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 600;
}

.team-portfolio p {
	font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
	color: #001118;
}

.right-side {
	text-align:right;
}

.center-side {
	text-align:center;
}

.journey-container {
	margin-bottom: 15px;
}

.jrn-icon {
	
}

.jrn-text-left {
	
}

.jrn-text-left h3 {
	font-weight: 600;
    font-size: 16px;
    color: #eea803;
    margin-bottom: 10px;
}

.jrn-text-left p {
	font-size: 11px;
    line-height: 15px;
}

.jrn-text-right {
	text-align:right;
}

.jrn-text-right h3 {
	font-weight: 600;
    font-size: 16px;
    color: #eea803;
    margin-bottom: 10px;
}

.jrn-text-right p {
	font-size: 11px;
    line-height: 15px;
}

/*** 

====================================================================
		Collage Patient				
====================================================================

***/

.collage-patient {
	background:url(../images/background/smile-gallery-bg.jpg);
	padding:10px 0px;
}

.collage-patient-two {
	background:url(../images/background/boxed-bg/pattern.jpg);
	padding:24px 0px 0px 0px;
}

.collage-patient h1 {
	font-weight: 700;
    font-size: 75px;
    margin-bottom: 80px;
    color: #fff;
}

.collage-patient h1 span {
	color:#eea803;
}

.collage-patient h2 {
	font-weight: 700;
    font-size: 50px;
    margin-bottom: 20px;
    color: #fff;
}

.collage-patient p {
	color: #fff;
	margin-bottom:15px;
}
.quality-service {
	background:#0c242e;
	padding:20px 0px;
}

.gold-center {
	
}

.gold-center h4 {
	text-align: center;
    color: #eea803;
    font-weight: 600;
}

.gold-center ul li {
	font-weight:600;
	font-size: 15px;
	color:#fff;
	margin: 17px 0px;
}

.gold-center ul li span {
	color: #e4b248;
    margin-left: 30px;
    margin-right: 3px;
}

.gold-center ul li img {
	
}

.short-gold  {
	background:#dadada;
	padding:20px;
}

.short-gold h4 {
	color:#0c242e;
	font-weight: 600;
    padding: 20px 0px 10px 0px;
}

/***/
.row.no-gutters {
  margin: -5px !important;
}

.row.no-gutters > * {
  padding: 5px !important;
}

.flipper {
  height: 0;
  padding-bottom: 100%;
  position: relative;
  -webkit-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}

@media (min-width: 576px) {

  .ratio-not-1-1 {
    padding-bottom: calc(50% - 5px);
  }

}

.flipper-card {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.flipper-front,
.flipper-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*border-radius: 10px;*/
  background: #c1c3c5;
  /*display: flex;*/
  text-align: center;
  justify-content: center;
}

.flipper-back {
  padding: 15px;
  background: #eaa503;
  color: #fff;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flipper-back h4 {
	margin-bottom:15px;
}

.flipper-back p {
	font-size: 14px;
    line-height: 22px;
}

.flipper-card.flipper-is-flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}



/*** 

====================================================================
		Collage Patient				
====================================================================

***/


/*Service 01*/


.inner-service {
	background-image:url(../images/background/service/service01.jpg);
	background-size:cover;
	padding:66px 0px 0px 0px;
	position: relative;
	margin-top: 90px;
}

.service-two {
	background-image:url(../images/background/service/service02.jpg);
}

.service-three {
	background-image:url(../images/background/service/service03.jpg);
}

.service-four {
	background-image:url(../images/background/service/service04.jpg);
}

.service-five {
	background-image:url(../images/background/service/service05.jpg);
}

.service-six {
	background-image:url(../images/background/service/service06.jpg);
	    background-position-y: bottom;

}

.service-seven {
	background-image:url(../images/background/service/service07.jpg);
}

.service-eight {
	background-image:url(../images/background/service/service08.jpg);
}
.service-contact {
	background-image:url(../images/background/luxury-bg.jpg);
}

.contact-center-info {
	background:#0c242ede;
	padding:15px;
	text-align:center;
	border:1px solid #eea803;
	margin:15px 0px;
}

.contact-center-info h1 {
	color:#eea803 !important;
	margin-bottom:15px;
}

.contact-center-info h5 {
	color: #fff;
    font-size: 24px;
    line-height: 33px;
}

.inner-service h1 {
    color: #5b5a59;
    font-weight: 600;
    font-size: 31px;
    margin-bottom: 12px;
}

.inner-service h2 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 0px;
    color: #0c242e;
}

.inner-service p {
	color: #5b5a59;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
}

.wave {
    
}


/*appointment detail*/

.appointment-detail {
	background:#0e1e25;
	margin-top:100px;
}
.bk-apt {
	display:none;
}

.main-serv {
	
}

.availability {
	padding:30px 90px 0px;
}

.availability h1 {
	font-weight: 600;
    color: #fff;
    padding: 15px 0px;
}

.availability h3 {
    font-family: 'Muli', sans-serif;
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 17px;
    color: #fff;
}

.availability h3 span {
	color:#eea803;
}

.availability h4 {
	font-family: 'Muli', sans-serif;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
}

.availability h4 span {
	color:#86ff05;
}

.availability h5 {
	font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 9px;
    color: #eda703;
}

.availability p {
    color: #fff;
    margin: 10px 0px;
}

.availability p a {
	color:#fff;
}

.availability p a:hover{
	color:#eea803;
}


.availability p span {
	color:#eea803;
}


/*Dental Details*/

.dental-detail {
	padding: 10px 0px;
}

.dental-detail p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 16px;
	text-align: justify;
}

.dental-detail-container {
	border: 2px solid #eea803;
    padding: 20px;
}

.dental-detail-container h1{
	margin-bottom: 35px;
    font-size: 34px;
    color: #0c242e;
}

.dental-detail-container ul li{
	margin-bottom:10px;
}

.dental-detail-container ul li a {
	color:#0c242e;
}

.dental-detail-container ul li a:before {
	content:"»";
	margin-right:8px;
	color:#eea803;
}


.dental-detail-container ul li a:hover {
	color:#eea803;
}

.procedure-detail {
	background:#f1f1f1;
	padding:10px 0px;
	position: relative;
	z-index:-1;
}

.procedure-detail h1 {
    font-size: 34px;
	font-weight: 600;
    line-height: 38px;
    color: #3f4d50;
    padding-bottom: 10px;
}

.procedure-detail h1 span{
	color: rgba(39, 39, 39, 0.18);
    position: absolute;
    font-size: 47px;
    font-weight: 600;
    top: -7px;
    left: 30px;
    z-index: -1;
}

.procedure-detail p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 16px;
	text-align: justify;
}



/*** 

====================================================================
		Advance Technology			
====================================================================

***/


.advance-tech {
	padding:25px 0px 0px;
	position: relative;
    z-index: -1;
}

.technology-container {
    padding: 20px 50px;	
}

.technology-container h1 {
    font-weight: 600;
    color: #0c242e;
    font-size: 30px;
    margin-bottom: 15px;	
}

.technology-container h5 {
	color: #0c242e;
    font-size: 20px;
    padding: 10px 0px;
}

.technology-container p {
	font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 16px;
	text-align: justify;
}


/*** 

====================================================================
		Luxury Visit		
====================================================================

***/

.luxury-visit {
	background:url(../images/background/luxury-visit-bg.jpg);
	background-size: 100%;
    background-position: top;
	background-repeat:no-repeat;
    background-color: #cbc9bc;
	position: relative;
    z-index: -1;
}

.luxury-visit-container {
	padding:20px 50px;
	
}

.luxury-visit-container h1 {
	font-size: 34px;
    font-weight: 600;
    line-height: 38px;
    color: #3f4d50;
    padding-bottom: 10px;
}

.luxury-visit-container h1 span {
	color: rgba(39, 39, 39, 0.18);
    position: absolute;
    font-size: 47px;
    font-weight: 600;
    top: -7px;
    left: 30px;
    z-index: -1;
}


.visit-listing {
	margin-top: 0px;
}

.visit-listing h4 {
    color: #0c242e;
	font-size: 20px;
    border-bottom: 2px solid #fff;
    padding: 8px 0px;
    margin-bottom: 15px;	
}

.visit-listing h4 span {
	font-weight:bold;
	text-transform:uppercase;
}

.visit-listing ul {
	
}

.visit-listing ul li {
	
	
}

.visit-listing ul li a {
    color: #0c242e;
    font-weight: 500;
    display: block;
    margin: 2px 0px;	
}

.visit-listing ul li a:hover {
	color:#eea803;
}

/*** 

====================================================================
		Branding Box			
====================================================================

***/

.stunning-brands {
	background:#f1f1f1;
	padding:15px 0px;
	
}

.brand-content {
	text-align:center;
}

.brand-content h1 {
	color:#0c242e;
	font-weight:600;
	font-size:30px;
	font-size: 30px;
    padding: 20px 0px;
}

/*** 

====================================================================
		Educational Video		
====================================================================

***/

.dark-bg {
	background:#0c242e;
	padding:24px 0px 10px 0px;
}

.video-content {
	
}

.video-container {
	margin:10px 0px;
}

.video-border {
    height: 15px;
    width: 50%;
    background: #eea803;
    margin: 15px 0px;
}
	
.video-content h1 {
	font-weight: 600;
    font-size: 33px;
    color: #fff;
    margin-bottom: 30px;
}

.video-content p {
	color: #fff;
    margin-bottom: 33px;
}

.video-content h5 {
    font-family: 'Muli', sans-serif;
    font-size: 17px;
    color: #a5a5a5;
    margin-bottom: 35px;	
}

.video-content h5 span {
    font-family: 'Playfair Display', serif;
    font-size: 75px;
    font-weight: 600;
    color: #eea803;
}

.smile-gallery {
	background-image:url(../images/background/smile-bg.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	padding:25px 0px 75px 0px;
	position:relative;
}

.smile-gallery2 {
	background-image:url(../images/background/patient-bg02.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	padding:25px 0px 75px 0px;
	position:relative;
}

.smile-gallery3 {
	background-image:url(../images/background/patient-bg03.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	padding:25px 0px 75px 0px;
	position:relative;
}

.smile-gallery4 {
	background-image:url(../images/background/patient-bg05.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	padding:25px 0px 75px 0px;
	position:relative;
}
.smile-gallery h2  {
	color:#0c242e;
	font-weight:600;
	padding:10px 0px 20px;
}

.smile-gallery2 h2  {
	color:#0c242e;
	font-weight:600;
	padding:10px 0px 20px;
}

.smile-gallery3 h2  {
	color:#0c242e;
	font-weight:600;
	padding:10px 0px 20px;
}

.smile-gallery4 h2  {
	color:#0c242e;
	font-weight:600;
	padding:10px 0px 20px;
}
.pep-talk {
	/*background:#fff;
	padding:15px;*/
	font-weight: bold;
    font-size: 24px;
    color: #7b6632;
	/*border:1px solid #333;
	margin-bottom: 25px;
	box-shadow:0px 0px 0px 10px #fff;*/
}

.pep-talk p {
	text-align:right;
	color:#000;
}

.pep-talk span {
	font-size:48px;
	font-weight: 500;
    color: #7b6632;
}

.warranty {
	
}

.warranty p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    padding: 10px 0px;
    color: #fff;
}

/*** 

====================================================================
		Client Box			
====================================================================

***/

.smile-gallery-two {
    display: none;
}
.client-box {
	
}

.client-box h3 {
	color:#fff;
	font-size:34px;
}

.client-box p {
    font-size: 14px;
    color: #fff;
    padding: 20px 0px;	
}

/***

====================================================================
		Dental Analysis				
====================================================================

***/

.dental-analysis {
	text-align:center
}

.dental-analysis h1 {
	font-size: 20px;
    font-weight: 600;
    color: #eea803;
    margin-bottom: 30px;
}

.dental-analysis h1 span {
	color:#fff;
}

/***

====================================================================
		Make An Appointment					
====================================================================

***/

.online-appint {
	background: #fff;
    padding: 40px;	
	box-shadow: 20px 20px 0px 5px #0c242e, 20px 20px 0px 9px #eea803;
}

.online-appint h3 {
	font-weight: 600;
    color: #0c242e;
    padding-bottom: 10px;

}

.short-border {
	height: 5px;
    width: 80px;
    background: #eea803;
	margin-bottom:15px;
}

.online-appint p{
	font-family: 'Playfair Display', serif;
    font-size: 16px;
    margin-bottom: 9px;
    color: #252525;
}

/***

====================================================================
		About Section Two					
====================================================================

***/

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

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

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

.about-section-two .content-column .inner-column{
	
}

.about-section-two .about-years{
	position: relative;
	padding: 10px 30px;
	background-color: #0c242e;
	box-shadow: 0 10px 20px rgba(0,0,0,0.30);
	text-transform: capitalize;
	margin-bottom: 40px;
}

.about-section-two .about-years span{
	position: relative;
	font-size: 28px;
	font-weight: 700;
	margin-right: 10px;
	line-height: 1em;
	color: #ffffff;
}

.about-section-two .about-years h3{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff; 
	font-weight: 500;
}

.about-section-two .content-column .text-box{
	margin-bottom: 30px;
}

.about-section-two .content-column .text-box p{
	position: relative;
	margin-bottom: 20px;
}

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

.feature-block-three .inner-box{
	position: relative;
	padding-left: 65px;
}

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

.feature-block-three .icon-box .icon{
	display: block;
	font-size: 48px;
	line-height: 1em;
	color: #eea803;
	font-weight: 400;
}

.feature-block-three h4{
	font-size: 20px;
	line-height: 1.2em;
	color: #343a40;
	font-weight: 500;
	margin-bottom: 5px;
}

.feature-block-three h4 a{
	color: #343a40;
	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-three h4 a:hover{
	color: #0c242e;
}

.feature-block-three .text{
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
}

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

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

.about-section-two .image-column .inner-column:before{
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 500px;
	width: 400px;
	border: 20px solid #0c242e;
	content: "";
	transform: translateX(50px);
}

.about-section-two .image-column .image{
	position: relative;
	z-index: 9;
	padding: 50px;
	margin-bottom: 0;
	text-align: center;
}

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

.about-section-two .single-item-carousel{
	position: relative;
}

.about-section-two .single-item-carousel .owl-nav{
	display: none;
}

.about-section-two .single-item-carousel .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.about-section-two .single-item-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 12px;
	width: 12px;
	background-color: #0c242e;
	margin: 0 5px;
}

.about-section-two .single-item-carousel .owl-dot.active{
	background-color: #eea803;
}

/*** 

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

***/

.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0 20px;
	background-color: #0c242e;
}

.call-to-action .title-column,
.call-to-action .btn-column{
	position: relative;
	margin-bottom: 30px;
} 

.call-to-action .title-column .inner{
	position: relative;
	padding-left: 90px;
	min-height: 70px;
}

.call-to-action .icon-certificate{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	background-image: url(../images/icons/icon-certificate.png);
}

.call-to-action .title-column h4{
	position: relative;
	font-size: 28px;
	line-height: 35px;
	color: #ffffff;
	font-weight: 500;
	padding-top: 5px;
}

.call-to-action .title-column .text{
	position: relative;
	color: #ffffff;
}

.call-to-action .btn-column{
	position: relative;
	text-align: right;
}

.call-to-action .btn-column .inner{
	position: relative;
	padding: 10px 0;
	float: right;
}

.call-to-action .btn-column a{
	display: block;
	padding: 15px 30px;
}

/*** 

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

***/

.call-to-action-two{
	position: relative;
	padding: 120px 0;
	text-align: center;
	background-color: rgba(0,0,0,0.01);
}

.call-to-action-two:before{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/dotted-map.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .10;
    content: "";
}

.call-to-action-two.style-two{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}

.call-to-action-two.style-two:before{
	background-color: #000000;
	opacity: .45;
}

.call-to-action-two .content{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.call-to-action-two .title{
	position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1.2em;
    color: #0c242e;
    font-weight: 500;
    background-color: #ffffff;
    padding: 10px 25px;
    margin-bottom: 40px;
    box-shadow: 0 20px 30px rgba(0,0,0,.05);
    border-radius: 10px;
}

.call-to-action-two h2{
	position: relative;
	display: block;
	font-size: 42px;
	line-height: 1.3em;
	color: #495057;
	font-weight: 600;
	margin-bottom: 30px;
}

.call-to-action-two h2 span {
    font-weight: 300;
    display: block;
    margin-top: 10px;
    color: #eea803;
}

.call-to-action-two .number{
	position: relative;
	display: block;
	font-size: 32px;
	line-height: 1em;
	color: #ffbc00;
	font-weight: 600;
	margin-bottom: 30px;
}

.call-to-action-two .number a{
	color: #ffbc00;
}

/*** 

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

***/

.call-to-action-three{
	position: relative;
	padding: 120px 0;
	text-align: center;
}

.call-to-action-three:before{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.10);
    opacity: .80;
    content: "";
}

.call-to-action-three .content{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.call-to-action-three .title{
	position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1.2em;
    color: #0c242e;
    font-weight: 500;
    background-color: #ffffff;
    padding: 10px 25px;
    margin-bottom: 40px;
    box-shadow: 0 20px 30px rgba(0,0,0,.05);
    border-radius: 10px;
}

.call-to-action-three h2{
	position: relative;
	display: block;
	font-size: 42px;
	line-height: 1.3em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 30px;
}

.call-to-action-three h2 span {
    font-weight: 300;
    display: block;
    margin-top: 10px;
    color: #eea803;
}

.call-to-action-three .number{
	position: relative;
	display: block;
	font-size: 32px;
	line-height: 1em;
	color: #ffbc00;
	font-weight: 600;
	margin-bottom: 30px;
}

.call-to-action-three .number a{
	color: #ffbc00;
}

/*** 

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

***/

.services-section{
	    position: relative;
    padding: 10px 0px 0px 0px;
    background-color: rgb(255, 255, 255);
}

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

.service-block .inner-box{
	position: relative;
	padding: 50px 30px;
	text-align: center;
	background-color:#ffffff;
	border-radius: 20px;
	box-shadow: 0 0px 30px rgba(0,0,0,0.05);
	-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 .inner-box:before{
	position: absolute;
	left: -40px;
	top: -40px;
	height: 180px;
	width: 180px;
	content: "";
	border-radius: 50%;

}

.service-block .icon-box{
	position: relative;
	margin-bottom: 10px;
}

.service-block .icon-box .icon{
	position: relative;
	display: inline-block;
	height: 80px;
	width: 80px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  	-webkit-transition: all 400ms ease;
  	-moz-transition: all 400ms ease;
  	-ms-transition: all 400ms ease;
  	-o-transition: all 400ms ease;
  	transition: all 400ms ease;
}

.service-block .inner-box:hover .icon-box .icon{
}

.service-block h4{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 1.2em;
	color: #0c242e;
	font-weight: 500;
	margin-bottom: 10px;
}

.service-block h4 a{
	color: #0c242e;
	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 h4 a:hover{
	color: #222222;
}

.service-block .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #888888;
	font-weight: 400;
	cursor: default;
	margin-bottom: 5px;
}

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

.service-block .link-box a{
	font-size: 16px;
	line-height: 24px;
	color: #eea803;
	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 .link-box a span{
	font-size: 14px;
}

.service-block .link-box a:hover{
	color: #0c242e;
}

.service-block .service-img {
	width: 100%;
    position: relative;
}

.service-block .service-img img {
	width:100%;
}

.service-block .service-cnt {
	position: absolute;
    top: 0;
    text-align: center;
	height: 100%;
    background: #0c242ebf;
    margin-right: 15px;
    padding: 10px;
}

.service-block .service-cnt h5 {
	font-weight: 600;
    font-size: 20px;
    color: #eea803;
    padding: 20px 0px;
}

.service-block .service-cnt p {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
}

.service-block .service-cnt p a {
	background: #eea803;
    color: #fff;
    padding: 5px;
    display: block;
    width: 150px;
    margin: 0 auto;
    margin-top: 20px;
	
}

.service-block .service-cnt p a:hover {
	background:#fff;
	color:#eea803;
}

.service-block .service-cnt:hover{
	-webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
		 -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.icon-tyre-2{
	background-image: url(../images/icons/icon-tyre-2.png);
}

.icon-battery-2{
	background-image: url(../images/icons/icon-battery-2.png);
}

.icon-engine-2{
	background-image: url(../images/icons/icon-engine-2.png);
}

.icon-oil{
	background-image: url(../images/icons/icon-oil.png);
}

.icon-wrench{
	background-image: url(../images/icons/icon-wrench.png);
}

.icon-steering{
	background-image: url(../images/icons/icon-steering.png);
}

/*** 

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

***/

.services-section-two{
	position: relative;
	padding: 120px 0 60px;
	background-color: rgba(0,0,0,0.01);
}

.services-section-two .carousel-outer{
	position: relative;
	margin: 0 -15px;
}

.service-block-two{
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
}

.service-block-two .inner-box{
	position: relative;
	max-width: 350px;
	margin: 0 auto;
	padding: 30px 30px 30px;
	background-color:#ffffff;
	box-shadow: 0 0px 30px rgba(0,0,0,0.05);
	text-align: center;
	border-radius: 20px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	overflow: hidden;
}

.service-block-two .inner-box:before{
	position: absolute;
	left: 0;
	right: 0;
	top: -40px;
	height: 180px;
	width: 180px;
	content: "";
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 0px 30px rgba(0,0,0,0.05);
}

.service-block-two .inner-box:hover{
}

.service-block-two .icon-box{
	position: relative;
	display: inline-block;
	padding-bottom: 55px;
	margin-bottom: 20px;
}

.service-block-two .icon-box:before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color: #eea803;
	content: "";
	border-radius: 50%;
}

.service-block-two .icon-box .icon{
	position: relative;
	display: inline-block;
	height: 80px;
	width: 80px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  	-webkit-transition: all 400ms ease;
  	-moz-transition: all 400ms ease;
  	-ms-transition: all 400ms ease;
  	-o-transition: all 400ms ease;
  	transition: all 400ms ease;
}

.service-block-two .inner-box:hover .icon-box .icon{
}

.service-block-two h4{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 1.2em;
	color: #0c242e;
	font-weight: 500;
	margin-bottom: 10px;
}

.service-block-two h4 a{
	color: #0c242e;
	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 h4 a:hover{
	color: #222222;
}

.service-block-two .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #888888;
	font-weight: 400;
	cursor: default;
	margin-bottom: 15px;
}

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

.service-block-two .link-box .theme-btn{
	padding: 5px 10px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
}

/*** 

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

***/

.services-section-three{
	position: relative;
	padding: 120px 0 90px;
	background-color: rgba(0,0,0,0.01);
}

.services-section-three.alternate{
	background-color: #ffffff;
}

.services-section-three .sec-title{
	margin-bottom: 30px;
}

.services-section-three .sec-title{
	margin-bottom: 30px;
}

.services-section-three .carousel-outer{
	position: relative;
	margin: 0 -30px;
}

.service-block-three{
	position: relative;
	display: block;
	padding: 30px;
}

.service-block-three .inner-box{
	position: relative;
	max-width: 350px;
	margin: 0 auto;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
	padding: 15px;
	background-color: #ffffff;
}

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

.service-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #333333;
}

.service-block-three .image-box img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	opacity: .80;
	-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 .image img{
	transform: scale(1.1);
	opacity: 1;
}

.service-block-three .image-box .price{
	position: absolute;
	left: 0;
	top: 30px;
	font-size: 18px;
	padding: 5px 15px;
	padding-right: 20px;
	color: #ffffff;
	font-weight: 600;
	border-radius: 0 15px 15px 0;
	background-color: #0c242e;
	z-index: 2;
}

.service-block-three .lower-content{
	position: relative;
	text-align: center;
	padding: 30px 15px 15px;
}

.service-block-three .lower-content h3{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #eea803;
	font-weight: 500;
	margin-bottom: 10px;
}

.service-block-three .lower-content h3 a{
	display: inline-block;
	color: #eea803;
	-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 .lower-content h3 a:hover{
	color: #343a40;
}

.service-block-three .text{
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 15px;
}

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

.service-block-three .lower-content .link-box a {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 400;
}

.services-carousel .owl-nav{
	display: block;
}

.services-carousel .owl-nav{
    position: absolute;
    right: 0px;
    top: -120px;
    z-index: 99;
}

.services-carousel .owl-prev, 
.services-carousel .owl-next {
    position: absolute;
    height: 50px;
    width: 50px;
    right: 0;
    line-height: 46px;
    text-align: center;
    font-size: 24px;
	color: #000000; 
	background: #ffffff;
    border: 2px solid #000000;
	-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-carousel .owl-prev{
	left: -120px;
}

.services-carousel .owl-prev:hover, 
.services-carousel .owl-next:hover{
	background: #fff;
	color: #1e69b8;
	border-color: #1e69b8;
}


/*** 

====================================================================
		Service Detail
====================================================================

***/

.service-detail{
	position: relative;
	padding-left: 20px;
}

.service-detail .images-box{
	position: relative;
	margin: 0 -5px;
}

.service-detail .images-box .column{
	padding: 0 5px;
}

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

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

.service-detail .content-box{
	position: relative;
	padding: 20px 0 0;
}

.service-detail .content-box h2{
	position: relative;
	display: block;
	font-size: 32px;
	line-height: 1.2em;
	color: #343a40;
	font-weight: 500;
	margin-bottom: 20px;
}

.service-detail .content-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #343a40;
	font-weight: 500;
	margin-bottom: 20px;
}

.service-detail .content-box p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 26px;
	text-align: justify;
}

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

.service-detail .two-column .title{
	margin-bottom: 40px;
}

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

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

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

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

.service-detail .two-column .int-patient {
	margin-bottom: 25px;
}


.service-detail .prod-tabs{
	position:relative;
}

.service-detail .prod-tabs .tab-btns{
	position:relative;
	z-index:1;	
	border-bottom:1px solid #dddddd;
}

.service-detail .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin-right:5px;
	font-size:16px;
	color:#333333;
	background:#ffffff;
	text-transform:capitalize;
	font-weight:400;
	line-height:23px;
	cursor:pointer;
	border:1px solid #e5e5e5;
	border-bottom: 0;
	padding: 10px 25px;
	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;
}

.service-detail .prod-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	top: 0;
	left: 50%;
	width:0%;
	height:3px;
	background-color:#eea803;
	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;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover:before,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:before{
	width: 100%;
	left: 0;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover:after,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-3px;
	width:100%;
	height:5px;
	background-color:#ffffff;
	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;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn{
	color: #0c242e;
    background: #ffffff;
}

.service-detail .prod-tabs .tabs-content{
	position:relative;
	padding:25px 30px 45px;
	border:1px solid #dddddd;
}

.service-detail .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.service-detail .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.service-detail .prod-tabs .tabs-content .tab .content{
	position:relative;
}

.service-detail .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:16px;
	line-height: 26px;
	color:#666666;
	margin-bottom:0px;
}

/*Services Category*/

.services-categories{
	position:relative;
	margin-bottom: 50px;
	background-color: rgba(0,0,0,0.03);
}

.services-categories li{
	position:relative;
	border:1px solid #e7e7e7;
	border-bottom: 0;
	z-index: 9;
}

.services-categories li:last-child{
	border-bottom: 1px solid #e7e7e7;
}

.services-categories li:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #eea803;
    content: "";
    opacity: 0;
    visibility: hidden;
}

.services-categories li.active:before,
.services-categories li:hover:before{
	opacity: 1;
	visibility: visible;
	-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-categories li a{
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    padding: 10px 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;
}

.services-categories li.active a,
.services-categories li:hover a{
	color: #ffffff;
}

.services-categories li a:before{
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 12px;
    line-height: 30px;
	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;
}

.services-categories li.active a:before,
.services-categories li:hover a:before{
	color: #ffffff;
}

.services-categories li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #0c242e;
	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;
}

.services-categories li.active a:after,
.services-categories 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);
}

/*=== Brochures Box ===*/

.brochures-box{
	position: relative;
	margin-bottom: 50px;
}

.brochures-box .inner{
	position: relative;
	background-color: #0c242e;
	padding: 35px 30px 25px;
}

.brochures-box h4{
	display: block;
	font-size: 21px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 15px;
}

.brochures-box .text{
	font-size: 15px;
	line-height: 23px;
	color: #ffffff;
	margin-bottom: 20px;
}

.brochures-box .theme-btn{
	font-size: 14px;
	line-height: 20px;
	padding: 8px 20px;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.brochures-box .theme-btn i{
	margin-right: 3px;
}

/*Help Box*/

.help-box{
	position:relative;
	background-size:cover;
	padding:30px 25px;
}

.help-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(54,54,54,0.90);
}

.help-box > span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin-bottom: 10px;
}

.help-box h4{
	position:relative;
	color:#ffffff;
	font-size:21px;
	font-weight:700;
	line-height:1.2em;
	margin-bottom:15px;
}

.help-box p{
	position:relative;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	margin-bottom:20px;
}

.help-box .theme-btn{
	padding: 8px 30px;
	font-size: 14px;
	font-weight: 700;
}

/*** 

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

***/

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

.why-choose-us .image-column{
	position: relative;
	text-align: center;
}

.why-choose-us .image-column .inner-column{
	position: relative;
	padding-top: 50px;
	z-index: 2;
}

.why-choose-us .image-column .inner-column:before{
	position: absolute;
	right: 50px;
	top: 0;
	height: 500px;
	width: 250px;
	border: 15px solid #f1f1f2;
	content: "";
}

.why-choose-us .image-column .image{
	position:relative;
	margin-bottom: 0;
}

.why-choose-us .image-column img{
	position:relative;
	display: inline-block;
	border: 10px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.why-choose-us .image-column .image-3 img{
	position: absolute;
	right: 0;
	top: 150px;
	border: 5px solid #ffffff;
}

.why-choose-us .image-column .image-2 img{
	position: absolute;
	left: 0;
	bottom: 50px;
	border: 5px solid #ffffff;
}

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

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

.why-choose-us .content-column .sec-title{
	margin-bottom:20px;
}

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

.why-choose-us .content-column p{
	position:relative;
	display: block;
	color:#666666;
	font-size:16px;
	line-height:26px;
	margin-bottom:25px;
}

.why-choose-us .content-column .text-box h4{
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	padding: 10px 20px;
	font-size: 19px;
	line-height: 1.2em;
    font-weight: 400;
    color: #eea803;
    border: 1px solid #dddddd;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-left: 5px solid #0c242e;
    margin-bottom: 25px;
}

.feature-block-two{
	position: relative;
	margin-bottom: 30px;
	border: 2px solid #eda803;
    border-radius: 10px;
    box-shadow: 6px 6px 0 #193239;
    /*margin: 10px 15px 0;*/
    padding: 8px;
}

.feature-block-two .inner-box{
	position:relative;
	padding-left:50px;
	min-height: 50px;
	text-align: left;
}

.feature-block-two .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#081d26;
	line-height:50px;
	font-size:40px;
	height: 50px;
	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;
}

.feature-block-two h5{
	position: relative;
	display: block;
	font-size:18px;
	line-height: 1.2em;
	font-weight:500;
	color:#3f4d50;
	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;
}

.feature-block-two .text{
	font-size: 13px;
	line-height: 17px;
}

.progress-bars{
	position:relative;
	margin-bottom: 30px;
}

.bar-item{
	position:relative;
	margin-bottom:20px;
}

.bar-item:last-child{
	margin-bottom:0px;
}

.bar-item .skill-bar{
	position:relative;
	width:100%;
	height:5px;	
}

.bar-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:5px;
	background:#3f4d50;
}

.bar-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:5px;
	width:0px;
	border-bottom:5px solid #eea803;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.bar-item .skill-bar .bar-inner .bar:after{
	content:'';
	position:absolute;
	right:0px;
	top:-2.5px;
	width:10px;
	height:10px;
	background:#ffffff;
	border-radius:50%;	
}

.bar-item .skill-header{
	position:relative;
	line-height:24px;
	text-transform:capitalize;
	font-weight:500;
	font-size:18px;
	color:#3f4d50;
	margin-bottom:5px;
}

.bar-item .skill-header .skill-title{
	position:relative;
	float:left;
}

.bar-item .skill-percentage{
	position:absolute;
	right:0px;
	top:-30px;
	font-weight:500;
	line-height:24px;
	text-transform:capitalize;
	color: #3f4d50;
	font-size:18px;
}

/*** 

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

***/

.features-section {
	position: relative;
	padding: 30px 0 10px 0;
	overflow: hidden;
}

.feature-tabs .btn-column{
	position:relative;
	z-index:99;
}

.feature-tabs .btn-column .inner-column{
	position: relative;
}

.feature-tabs .tab-btns{
	position: relative;
}

.feature-tabs .tab-btns .tab-btn{
	position:relative;
	float: left;
	cursor: pointer;
	background:#ffffff;
	border: 1px solid #eeeeee;
	border-right: 0;
	padding: 10px 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;
}

.feature-tabs .tab-btns .tab-btn:last-child{
	border-right: 1px solid #dddddd;
}

.feature-tabs .tab-btns .tab-btn h3{
	position: relative;
	font-size: 24px;
	color: #333333;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 12px;
	-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-tabs .tab-btns .tab-btn p{
	position: relative;
	font-size: 16px;
	color: #666666;
	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;
}

.feature-tabs .tab-btns .tab-btn.active-btn{
    background-color: #eea803;
    color: #fff;
}

.feature-tabs .tabs-content{
	position:relative;
	background-color: rgba(0,0,0,0.01);
}

.feature-tabs .tabs-content .tab{
	position:relative;
	border-top:0px;
	display: none;
}

.feature-tabs .tabs-content .tab .inner-box{
	position: relative;
	padding: 20px;
	background:#fff;
	height: 230px;
overflow-y: scroll;   
}

.feature-tabs .tabs-content .tab.active-tab{
	display: block;
}

.feature-tabs .tabs-content .tab .image-box{
	position:relative;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition:transform 300ms ease;
	-moz-transition:transform 300ms ease;
	-ms-transition:transform 300ms ease;
	-o-transition:transform 300ms ease;
	transition:transform 300ms ease;
}

.feature-tabs .tabs-content .tab.active-tab .image-box{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.feature-tabs .tabs-content .tab.active-tab .image-box .rev-box {
	border: 1px solid #e0e0e0;
    margin: 10px 0px;
    border-radius: 6px;
}

.feature-tabs .tabs-content .tab.active-tab .image-box .rev-box img {
    border-radius: 6px;
}

.rev-sld {
	margin: 10px 0px;
}	


.section-title{ text-align:center; margin-bottom:10px;}
.section-title h2{ color: #fff; font-size: 30px; line-height: 40px; font-weight:600; position:relative; padding-bottom:0; margin-bottom:0;}
.section-title h2 span { color: rgba(255, 255, 255, 0.18); font-size: 47px; font-weight: 600; left: 0; position: absolute;  top: -15px; width: 100%; z-index: 10;}
.section-title .hrline{ width:80px; height:5px; background:#eea803; margin:0 auto;}

.review-wraper{ padding:30px 0 10px; background:#0b1a21; position:relative;}
.review-block{ margin:0 -15px;}
.review-1{ float:left; width:50%;}
.review-1-inner{ margin:0 15px;}
.review-1-img{ text-align:center; margin:0 0 0 0;}
.review-1-img img{ max-width:100%;}

.review-1-tab{}
.review-1-tab .tab-links.review-link{ margin:0; text-align:left; border:none;}
.review-1-tab .tab-links.review-link li { margin: 0; float:left;}
.review-1-tab .tab-links.review-link li a { border-radius: 0; font-size: 14px; text-transform: uppercase; color:#777777; background:#fff; border: 1px solid #eeeeee;padding:11px 23px;}
.review-1-tab .tab-links.review-link li a.current{ color:#fff; background:#eea803;}
.review-1-tab .tab-links.review-link li a i{ margin:0 0 0 0;}
.review-1-tab .tab-links.review-link li:last-child a i{ margin:0 5px 0 0;}
.review-1-tab .tab-links.review-link li a:hover{}

.review-1-tab .tab-content {background: #fff;height: 225px; overflow-y: scroll; padding:10px 20px 20px; position: relative; float: left}
.review-1-tab .tab-content img{ max-width:100%;}

.gog-rev-container{}
.review-box{}
.review-box-inner { padding: 5px 0; position: relative; border-bottom: 1px solid #e4e4e4;}
.review-box-img{}
.gog-profile { left: 0; max-width: 45px; position: absolute;}
.gog-profile.pi-profile { background: #ffeff7; border-radius: 100%; color: #000; font-weight: bold; height: 45px; line-height: 45px; text-align: center; width: 45px;}
.rev-facebook-box .gog-title.pi-title{ background-image:none;}
.rev-facebook-box .gog-title.si-title{ background-image:none;}
.gog-profile img{ max-width:100%; width:100%;}
.gog-profile-info { margin-bottom: 2px; padding: 3px 0 8px 60px;}
.gog-title { color: #000; font-weight: bold; line-height: 20px;}
.gog-rating { line-height: 16px;}
.gog-rating ul { display: inline-block;}
.gog-rating ul li { color: #eea803; display: inline-block; font-size: 9px;}
.gog-rating ul li i{}
.gog-date { display: inline-block; margin: 0 0 0 10px;}
.review-box-info{ line-height:17px; color:#333;}

.rev-facebook-box{}
.rev-facebook-box .gog-date { margin:0; font-size:12px;}
.rev-facebook-box  .review-box-info ul{ border-top:1px solid #e4e4e4; padding-top:9px; margin-top:9px;}
.rev-facebook-box  .review-box-info ul li{ display:inline-block;}
.rev-facebook-box  .review-box-info ul li a{ color: #929292;   font-size: 13px; font-weight: 700;  margin-right: 15px;}
.rev-facebook-box  .review-box-info ul li a:hover{ color:#333; text-decoration:none;}
.rev-facebook-box  .gog-title{  background-image: url(../images1/reviews/fb-icon.png); background-position: right top;  background-repeat: no-repeat;}


.feature-tabs .tabs-content .tab .price{
	position: absolute;
	top:30px;
	right: 30px;
	font-size: 16px;
	height: 50px;
	width: 50px;
	font-weight: 600;
	line-height: 50px;
	color: #ffffff;
	font-family: "Ubuntu", sans-serif;
	text-align: center;
	background-color: #3f4d50;
	border-radius: 50%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}

.feature-tabs .tabs-content .tab .text{
	position: relative;
	max-width: 500px;
	margin: 0 auto 20px;
}

.feature-tabs .tabs-content .tab .btn-box{
	position: relative;
}

.feature-tabs .tabs-content .tab .btn-box .theme-btn{
	padding: 10px 30px;
	line-height: 20px;
}

.features-section .tabs-column{
	position: relative;
}

.features-section .Features-column{
	position: relative;
}

.features-section .Features-column .inner-column{
	position: relative;
	padding-left: 40px;
	padding-top: 45px;
}

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

.feature-block-four .inner-box{
	position:relative;
	padding-left:100px;
	min-height: 90px;
}

.feature-block-four .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
	line-height:70px;
	font-size:30px;
	height: 80px;
	width: 80px;
	text-align: center;
	border-radius: 50%;
	background-color: #0c242e;
	border: 5px solid #ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	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;
}

.feature-block-four .inner-box:hover .icon{
	background-color: #fffffe;
	color: #0c242e;
}

.feature-block-four h5{
	position: relative;
	display: block;
	font-size:22px;
	line-height: 1.2em;
	font-weight:500;
	color:#3f4d50;
	margin-bottom: 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;
}

.feature-block-four .text{
	font-size: 16px;
	line-height: 26px;
}

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

.features-section .image-column .inner-column{
	position: relative;
	text-align: right;
	margin-top: 30px;
}

.features-section .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.features-section .image-column .image:before{
	position: absolute;
	left: 50px;
	bottom: 30px;
	width: 340px;
	height: 243px;
	background-image: url(../images/icons/shape-1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	z-index: 0;
}

.features-section .image-column .image img{
	position: relative;
}

.features-section .icon-circle-1{
	right: -380px;
    top: -150px;
}

.features-section .icon-circle-1:nth-child(2){
	top: auto;
	left: auto;
	right: -480px;
    bottom: 200px;
}

/***

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

***/

.fun-fact-section{
	position: relative;
	padding: 20px 0 10px;
	background-color: rgba(0,0,0,0.01);
}

.fun-fact-section.alternate{
	background-color: #ffffff;
}

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

].fun-fact-section .counter-column{
	position:relative;
	text-align: left;
	margin-bottom:10px;
}

.fun-fact-section .fact-counter .inner-column p{
	font-size: 15px;
    line-height: 25px;
    padding: 10px 0px 30px 0px;
}

.fun-fact-section .count-box{
	position: relative;
	font-size:80px;
	line-height: 1em;
	color:#eea803;
	font-weight:700;
	text-shadow: 5px 10px 30px rgba(0,0,0,0.10);
}

.fun-fact-section .count-box .icon{
	position: relative;
	display: inline-block;
	font-size:60px;
	color: #ffffff;
	margin-bottom: 20px;
	height: 120px;
	width: 120px;
	line-height: 120px;
	border-radius: 50%;
	font-weight: 400;
	background-color: #222222;
}

.fun-fact-section .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:80px;
	line-height: 1em;
	color:#eea803;
	font-weight:700;
	text-shadow: 10px 10px 10px rgba(0,0,0,0.10);
	margin-bottom: 20px;
}

.fun-fact-section .counter-title{
	position: relative;
	display: block;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	color:#15212f;
}

/***

====================================================================
		Luxury Section
====================================================================

***/

.luxury-section{
	background:url(../images/background/luxury-bg.jpg);
	position: relative;
	padding: 10px 0px;
	overflow: hidden;
}

.luxury-block {
	
}

.luxury-block .inner-box {
	background: #0c242e;
    padding: 20px;
}

.luxury-block .inner-box .gold-border {
    height: 4px;
    width: 150px;
    background: #eda703;
    margin: 15px 0px;
}

.luxury-block .inner-box h4 {
    color: #eea803;
    font-weight: 700;
    font-size: 34px;
}

.luxury-block .inner-box p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 14px;
	text-align: justify;
}


/***

====================================================================
		Team Section
====================================================================

***/

.stunning-team {
	background-image:url(../images/background/team-bg.jpg);
	background-size:cover;
	padding-top: 150px;
    background-repeat: no-repeat;
}

.team-quote {
	background:rgba(12, 36, 46,.85);
	padding:10px 50px;
	text-align:center;
}

.team-quote h1 {
	font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 6px 0px;
}

.team-quote p {
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    margin: 6px 0px;	
}

.no-padding {
	padding-left:0px;
	padding-right:0px;
}

.team-detail {
	background: rgba(0, 1, 2,.65);
    text-align: center;
    padding: 20px 0px;
    border-top: 1px solid #eea803;
}

.vert-bdr {
	border-left:1px solid #eea803;
	border-right:1px solid #eea803;
}

.team-detail:hover {
	color:#fff;
	background:#0c242e;
}

.team-detail h6 {
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 3px 0px;
    color: #fff;	
}

.team-detail h5 {
	font-size: 22px;
    font-weight: 700;
}



/***

====================================================================
		Footer Brands
====================================================================

***/

.footer-brands {
	padding:15px 0px;
}

.footer-brands img {
	margin:20px 0px;
}

/***

====================================================================
		Work Section
====================================================================

***/

.work-section{
	position: relative;
	padding: 120px 0 70px;
	overflow: hidden;
}

.work-section .icon-circle-1{
	left: -380px;
    top: -150px;
}

.work-section .icon-circle-1:nth-child(2){
	left: auto;
	right: -380px;
	top: auto;
	bottom: -150px;
}

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

.work-block .inner-box{
    position: relative;
    text-align: center;
    padding: 50px 25px 40px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    border-bottom: 5px solid #999999;
	transition: all 300ms ease;
}

.work-block .inner-box:hover{
	transform: translateY(30px);
}

.work-block .count{
    position: relative;
    display: inline-block;
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
    z-index: 2;
}

.work-block .count:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	background-color: #0c242e;
	content: "";
	z-index: -1;
	transform: rotate(45deg);
	border: 5px solid #ffffff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	transition: all 300ms ease;
}

.work-block .inner-box:hover .count:before{
	transform: rotate(315deg);
}

.work-block h4{
    position: relative;
    font-size: 20px;
    line-height: 1.2em;
    color: #eea803;
    font-weight: 500;
    margin-bottom: 10px;
}

.work-block .text{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #777777;
}

/*** 

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

***/

.video-section{
    position: relative;
    background-color: #0c242e;
    padding: 70px 0 70px;
    z-index: 9;
}

.video-section .content-box{
	position: relative;
	padding-left: 150px;
}

.video-section .content-box .text{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #e9ecef;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.video-section .content-box h2{
	display: block;
	font-size: 26px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
}

.video-section .play-now{
	position: absolute;
	left: 0;
	top: 5px;
}

.video-section .play-now .icon{
	height: 100px;
	width: 100px;
	line-height: 100px;
	background-color: #eea803;
	padding-left: 0;
	font-size: 50px;
}

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

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

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

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

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

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

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

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

.video-section .image-column .image-box{
	position: absolute;
	right: 0;
	top: 0;
}

.video-section .image-column .image-box .image{
    position: relative;
    margin-bottom: 0;
    top: -85px;
    transform: rotate(16deg);
}

/*** 

====================================================================
		Video Section Two
====================================================================

***/

.video-section-two{
    position: relative;
    padding: 120px 0;
    z-index: 9;
    background-color: rgba(0,0,0,0.01);
    background-color: rgba(54,54,54,0.01);
}

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

.video-section-two .content-box{
	position: relative;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.video-section-two .content-box h2{
	display: block;
	font-size: 44px;
	line-height: 1.4em;
	color: #495057;
	font-weight: 500;
	margin-bottom: 20px;
}

.video-section-two .content-box h2 span{
	color: #0c242e;
	font-weight: 300;
}


.video-section-two .content-box .text{
	position: relative;
    display: block;
    font-size: 20px;
    line-height: 26px;
    color: #495057;
    font-weight: 400;
    margin-bottom: 30px;
}

.video-section-two .content-box .theme-btn i{
	margin-right: 5px;
}


/*** 

====================================================================
		Team Section
====================================================================

***/

.team-section{
	padding: 105px 0;
	position: relative;
	background-color: rgba(0,0,0,.01);
}

.team-section .outer-box{
	margin: 0 -15px;
}

.team-carousel{
	position: relative;
}

.team-block{
	position: relative;
	padding: 15px;
}

.team-block .inner-box{
	position: relative;
	overflow: hidden;
	max-width: 350px;
	margin: 0 auto;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.team-block .image-box{
	position: relative;
	overflow: hidden;
}

.team-block .image-box figure{
	position: relative;
	margin-bottom: 0;
}

.team-block .image-box figure:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 2;
	background-color: rgba(0,0,0,0.30);
	-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-box figure:before{
	height: 0;
}

.team-block .image-box img{
	display: block;
	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;
}

.team-block .inner-box:hover .image-box img{
	transform: scale(1.1);
}

.team-block .lower-content{
	position: relative;
	padding: 25px 10px;
	text-align: center;
	background-color: #ffffff;
	border-bottom: 5px solid #125e74;
	border-radius: 0 0 10px 10px;
}

.team-block .lower-content:before{
	position: absolute;
	left: 0;
	top: -10px;
	height: 20px;
	width: 100%;
	transform: skewY(-4deg);
	content: "";
}

.team-block .lower-content:after{
	top: -60px;
	opacity: .80;
}

.team-block .lower-content .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #eea803;
	font-weight: 500;
	text-transform: capitalize;
	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;
}

.team-block .lower-content .name a{
	color: #eea803;
    -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 .lower-content .designation{
	display: block;
	font-size: 16px;
	color: #125e74;
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 10px;
}

.team-block .social-links{
	position: relative;
}

.team-block .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 3px;
}

.team-block .social-links li a{
	position: relative;
	display: block;
	font-size: 10px;
	color: #ffffff;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #125e74;
	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;
}

.team-block .social-links li a:hover{
	background-color: #eea803;
}

.team-carousel .owl-nav{
	display: none;
}

.team-carousel .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none;
}

.team-carousel .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	width:10px;
	height: 10px;
	margin:0 4px;
	border-radius: 10px;
	background-color: #dddddd;
	-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;
}

.team-carousel .owl-dots .owl-dot.active{
	width: 30px;
	background-color: #005cff;
}

.team-carousel .owl-dots .owl-dot:hover,
.team-carousel .owl-dots .owl-dot.active{
	background-color: #005cff;
}

.team-section .icon-shape-1{
	top: 100px;
	left: -500px;
}

/*** 

====================================================================
		Team Section Two
====================================================================

***/

.team-section-two{
	padding: 120px 0px 90px;
	position: relative;
	background-color: rgba(0,0,0,.01);
}

.team-section-two.bg-light{
	background-color: #ffffff !important;
}

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

.team-block-two .inner-box{
	position: relative;
	overflow: hidden;
	max-width: 350px;
	margin: 0 auto;
	border: 10px solid #ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.team-block-two .image-box{
	position: relative;
	overflow: hidden;
}

.team-block-two .image-box figure{
	position: relative;
	margin-bottom: 0;
}

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

.team-block-two .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 25px 10px;
	text-align: center;
	background-color: rgba(255,255,255,.99);
	box-shadow:inset 0 0 10px rgba(0,0,0,0.10);
	opacity: 0;
	-webkit-transform: scaleY(.2);
	-moz-transform: scaleY(.2);
	-ms-transform: scaleY(.2);
	-o-transform: scaleY(.2);
	transform: scaleY(.2);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 400ms ease;
}

.team-block-two .overlay-box:before{
	position: absolute;
	left: 0;
	top: -10px;
	height: 20px;
	width: 100%;
	transform: skewY(-4deg);
	content: "";
}

.team-block-two .overlay-box:after{
	top: -60px;
	opacity: .80;
}

.team-block-two .overlay-box .inner{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.team-block-two .inner-box:hover .overlay-box{
	opacity: 1;
	transform: scale(1);
}

.team-block-two .overlay-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #eea803;
	font-weight: 500;
	text-transform: capitalize;
	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;
}

.team-block-two .overlay-box .name a{
	color: #eea803;
    -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-two .overlay-box .designation{
	display: block;
	font-size: 16px;
	color: #125e74;
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 10px;
}

.team-block-two .social-links{
	position: relative;
}

.team-block-two .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 3px;
}

.team-block-two .social-links li a{
	position: relative;
	display: block;
	font-size: 10px;
	color: #ffffff;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #125e74;
	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;
}

.team-block-two .social-links li a:hover{
	background-color: #eea803;
}

/*** 

====================================================================
		Team Section Three
====================================================================

***/

.team-section-three{
	padding: 120px 0 70px;
	position: relative;
	background-color: rgba(0,0,0,.01);
}

.team-block-three{
	position: relative;
	margin-bottom: 50px;
}

.team-block-three .inner-box{
	position: relative;
	max-width: 350px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 65px;
}

.team-block-three .image-box{
	position: relative;
	overflow: hidden;
}

.team-block-three .image-box figure{
	position: relative;
	margin-bottom: 0;
	background-color: #000000;
}

.team-block-three .image-box img{
	display: block;
	height: auto;
	width: 100%;
	opacity: .80;
	-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-three .image-box img:hover{
	transform: scale(1.1);
	opacity: 1;
}

.team-block-three .lower-content{
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 0;
	margin: 0 auto;
	padding: 25px 10px;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.team-block-three .lower-content:after{
	top: -60px;
	opacity: .80;
}

.team-block-three .lower-content .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #eea803;
	font-weight: 500;
	text-transform: capitalize;
	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;
}

.team-block-three .lower-content .name a{
	color: #eea803;
    -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-three .lower-content .designation{
	display: block;
	font-size: 16px;
	color: #125e74;
	font-weight: 400;
	line-height: 1em;
}

.team-block-three .social-links{
	position: relative;
	display: block;
	transform: scaleY(0);
	transform-origin: bottom;
	height: 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;
}

.team-block-three .inner-box:hover .social-links{
	margin-top: 10px;
	transform: scale(1);
	height: 28px;
}

.team-block-three .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 3px;
}

.team-block-three .social-links li a{
	position: relative;
	display: block;
	font-size: 10px;
	color: #ffffff;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #125e74;
	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;
}

.team-block-three .social-links li a:hover{
	background-color: #eea803;
}

.team-carousel .owl-nav{
	display: none;
}

.team-carousel .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none;
}

.team-carousel .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	width:10px;
	height: 10px;
	margin:0 4px;
	border-radius: 10px;
	background-color: #dddddd;
	-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;
}

.team-carousel .owl-dots .owl-dot.active{
	width: 30px;
	background-color: #005cff;
}

.team-carousel .owl-dots .owl-dot:hover,
.team-carousel .owl-dots .owl-dot.active{
	background-color: #005cff;
}

/*** 

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

***/

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

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

.project-section .filters{
	margin-bottom:50px;
	text-align: center;
}

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

.project-section .filters li{
	position: relative;
    display: inline-block;
    line-height: 20px;
    padding: 7px 20px;
    cursor: pointer;
    color: #ffffff;
    border-radius: 8px;
    font-size: 14px;
    margin: 0 8px 15px;
    background-color: #0c242e;
    -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-section .filters .filter.active{
    color: #ffffff;
    background-color: #eea803;
    box-shadow: 0 0 20px rgba(0,0,0,0.20);
}

.project-section .filters .filter:hover{
    background-color: #eea803;
}

.project-section .project-block.mix{
	display: none;
}

.project-section .filter-list{
	position: relative;
	border-top: 10px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-left: 5px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.project-section .row{
	margin: 0 -5px;
}

.project-block{
	position: relative;
	padding: 0 5px;
	margin-bottom: 10px;
}

.project-block .inner-box{
	position: relative;
	max-width: 350px;
	margin: 0 auto;
}

.project-block.mix .inner-box{
	max-width: 100%;
}

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

.project-block .image-box .image{
	position: relative;
	margin: 0;
	background-color: #252525;
}

.project-block .image-box img{
	display: block;
	width: 100%;
	height: auto;
	opacity: .80;
	transition: all 300ms ease;
}

.project-block .image-box:hover img{
	opacity: 1;
}

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

.project-block .caption-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,.99);
	opacity: 0;
	transform: scale(.5);
	visibility: hidden;
	transition: all 400ms ease;
}

.project-block .image-box:hover .caption-box{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	box-shadow: inset 0 0 30px rgba(0,0,0,0.10);
}

.project-block .caption-box .inner{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
}

.project-block .caption-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1em;
	color: #0c242e;
	font-weight: 500;
	z-index: 9;
	margin-bottom: 10px;
}

.project-block .caption-box h3 a{
	color: #0c242e;
	-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 .caption-box h3 a:hover{
	color: #3f4d50;
}

.project-block .caption-box span{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #eea803;
	font-weight: 500;
	z-index: 9;
}

/*** 

====================================================================
		Project Section Two
====================================================================

***/

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

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

.project-section-two .project-block{
	padding: 10px 0;
}

.project-section-two .project-block .image-box{
	border: 5px solid #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

/*** 

====================================================================
		Project Detail
====================================================================

***/

.project-detail{
	background:url(../images/background/review-bg.jpg);
	position: relative;
	padding: 0px;
	z-index: 8;
}

.project-detail .upper-box{
	position: relative;
	margin-bottom: 10px;
} 

.project-detail .upper-box .image{
	position: relative;
	margin-bottom: 0;
}

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

.project-detail .single-item-carousel .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -50px;
}

.project-detail .single-item-carousel .owl-next,
.project-detail .single-item-carousel .owl-prev{
	position: absolute;
	left: 0;
	height: 70px;
	width: 30px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 18px;
	line-height:70px;
	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;
}

.project-detail .single-item-carousel .owl-next{
	left: auto;
	right: 0px;
}

.project-detail .single-item-carousel .owl-next:hover,
.project-detail .single-item-carousel .owl-prev:hover{
	background-color: rgba(255,255,255,.5);
	color: #000000;
}

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

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

/* Lower Content */

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

.project-detail .lower-content h2{
	position: relative;
    display: block;
    font-size: 32px;
    line-height: 1.2em;
    color: #343a40;
    font-weight: 500;
    margin-bottom: 20px;
}

.project-detail .lower-content h3{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #343a40;
    font-weight: 500;
    margin-bottom: 20px;
}

.project-detail .lower-content h4{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    color: #343a40;
    font-weight: 500;
    margin-bottom: 20px;
}

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

.project-detail .lower-content .list-style-one li{
    color: #777777;
    margin-bottom: 0;
}

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

.project-detail .info-column .inner-column{
	position: relative;
	margin-top: 50px;
	background-color: rgba(0,0,0,0.02);
	padding: 30px;
	border-radius: 30px;
	border: 5px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

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

.project-detail .project-info li{
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.project-detail .project-info li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 28px;
	color: #eea803;
}

.project-detail .project-info li strong{
	color: #252525;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.project-detail .project-info li p{
	font-size: 15px;
    line-height: 24px;
    color: #777777;
    font-weight: 400;
    margin-bottom: 0;
}

.project-detail .project-info li p a{
	color: #777777;
	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-detail .project-info li p a:hover{
	color: #eea803;
}

/* Load More Option */
.load-more-option{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}

.load-more-option li.prev a,
.load-more-option li.next a{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 20px;
	width: 80px;
	padding: 10px 10px;
	text-align: center;
	color: #ffffff;
	background-color: #0c242e;
	border-radius: 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;
}

.load-more-option li.prev a:hover,
.load-more-option li.next a:hover{
	box-shadow: 0 10px 10px rgba(0,0,0,0.05);
}

.load-more-option .load-more{
	position: relative;
	display: inline-block;
	font-size: 30px;
}

.load-more-option .load-more a{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 42px;
	color: #eea803;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.load-more-option .load-more a:hover{
	color: #000000;
}

/***

===================================================================
		Certificate Section
===================================================================

***/

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

.certificate-section.no-pd-btm{
	padding-bottom: 0;
}

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

.certificate-section .carousel-outer{
	position: relative;
	margin: 0 -30px;
}

.certificate-carousel{
	position: relative;
}

.certificate-carousel .slide-item{
	position: relative;
	padding: 30px;
}

.certificate-carousel .image-box{
	position: relative;
	max-width: 350px;
	margin: 0 auto;
}

.certificate-carousel .image-box .image{
	position: relative;
	margin-bottom: 0;
	border: 10px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.certificate-carousel .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.certificate-carousel .owl-nav{
	display: none;
}

.certificate-container {
	margin-top:20px;
	background:#fff;
	border-radius:8px;
	border:1px solid #e4e4e4;
	padding:20px;
}

.certificate-image {
	text-align:center;
}

.certificate-container h3 {
	font-weight:bold;
	font-size:22px;
	margin-top: 40px;
	margin-bottom:15px;
	color:#091f28;
}

.certificate-container p {
	font-family: 'Muli', sans-serif;
	text-align: justify;.certificate-container h3
}

.certi-dark {
padding:20px 30px;
background:#0c242e;

}

.certi-dark h3{
color:#ffb301!important;

}

.certi-dark p{
color:#f1f1f1 !important;
}
/*** 

====================================================================
		Pricing Section
====================================================================

***/

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

.pricing-section.style-two{
	background-color: rgba(54,54,54,.01);
}

.pricing-section .sec-title h2:before{
	opacity: .40;
}

.pricing-section .row{
	margin: 0 -30px;
}

.pricing-block{
	position: relative;
	padding: 0 30px;
	display: block;
	margin-bottom: 50px;
}

.pricing-block .inner-box{
	position: relative;
	background-color:#ffffff;
	padding: 45px 15px 50px;
	max-width: 360px;
	margin: 0 auto;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0px 40px rgba(8,0,0,.05);
	-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-block .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 235px;
	width: 100%;
	background-image: url(../images/icons/shape-1.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	transform: scaleY(-1);
	opacity: .05;
}

.pricing-block:nth-child(2) .inner-box:before{
	background-image: url(../images/icons/shape-2.png);
}

.pricing-block:nth-child(3) .inner-box:before{
	background-image: url(../images/icons/shape-3.png);
}

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

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

.pricing-block .title{
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 1.2em;
    color: #3f4d50;
    font-weight: 400;
    background: #fff;
    padding: 10px 20px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

.pricing-block .features{
	position: relative;
	margin-bottom: 20px;
}

.pricing-block .features li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #848484;
	font-weight: 400;
	padding: 8px 0;
	border-bottom: 2px dashed #e5e5e5;
}

.pricing-block .features li a{
	color: #848484;
}

.pricing-block .features li:last-child{
	border-bottom: 0;
}

.pricing-block .price{
	position: relative;
	display: block;
	font-size: 38px;
	color: #0c242e;
	font-weight: 700;
	margin-bottom: 20px;
}

.pricing-block .btn-box{
	position: relative;
}

.pricing-block .btn-box a{
	position: relative;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

/*** 

====================================================================
		Pricing Section Two
====================================================================

***/

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

.pricing-section-two.no-pd-top{
	padding-top: 0;
}

.pricing-section-two .sec-title h2:before{
	opacity: .40;
}

.pricing-section-two .row{
	margin: 0 -30px;
}

.pricing-block-two{
	position: relative;
	padding: 0 30px;
	display: block;
	margin-bottom: 50px;
}

.pricing-block-two .inner-box{
	position: relative;
	background-color:#ffffff;
	padding: 45px 15px 50px;
	max-width: 360px;
	margin: 0 auto;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0px 40px rgba(8,0,0,.05);
	-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-block-two .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 235px;
	width: 100%;
	background-image: url(../images/icons/shape-1.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	transform: scaleY(-1);
	opacity: .05;
}

.pricing-block-two:nth-child(2) .inner-box:before{
	background-image: url(../images/icons/shape-2.png);
}

.pricing-block-two:nth-child(3) .inner-box:before{
	background-image: url(../images/icons/shape-3.png);
}

.pricing-block-two .price{
	position: relative;
	display: block;
	font-size: 100px;
	line-height: 1em;
	color: #eea803;
	font-weight: 400;
	margin-bottom: 30px;
	text-shadow: 0 10px 10px rgba(0,0,0,0.10);
}

.pricing-block-two .title{
	position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 1.1em;
    color: #212639;
    font-weight: 400;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 10px 25px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.10);
}

.pricing-block-two .features{
	position: relative;
	margin-bottom: 30px;
}

.pricing-block-two .features li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #848484;
	font-weight: 400;
	padding: 8px 0;
	border-bottom: 2px dashed #e5e5e5;
}

.pricing-block-two .features li a{
	color: #848484;
}

.pricing-block-two .features li:last-child{
	border-bottom: 0;
}

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

.pricing-block-two .btn-box a{
	position: relative;
	padding: 10px 30px;
	line-height: 20px;
}

/*** 

====================================================================
		Products Section
====================================================================

***/

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

.products-section .carousel-outer{
	position: relative;
	margin: 0 -30px;
}

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

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

.product-block{
	position: relative;
	padding: 30px;
}

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

.product-block .image-box{
	position: relative;
	overflow: hidden;
	text-align: center;
}

.product-block .image{
	position: relative;
	background-color: rgba(0,0,0,0.05);
	margin-bottom: 0;
}

.product-block .image img{
	display: inline-block;
	max-width: 100%;
	width: auto;
    -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-block .inner-box:hover .image img{
	opacity: .80;
}

.product-block .btn-box{
	position: absolute;
	left: -60px;
	top: 50%;
	text-align: center;
	margin-top: -50px;
	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;
}

.product-block .inner-box:hover .btn-box{
	left: 20px;
	opacity: 1;
	visibility: visible;
}

.product-block .btn-box a{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 40px;
	color: #333333;
	background-color: #ffffff;
	height: 40px;
	width: 40px;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	text-align: center;
	border-radius: 50%;
	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-block .btn-box a:hover{
	background-color: #0c242e;
	color: #ffffff;
}

.product-block .content-box{
	position: relative;
	padding: 25px 15px;
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

.product-block .content-box{
	position: relative;
	text-align: center;
}

.product-block h5{
	position: relative;
    font-size: 20px;
    color: #0c242e;
	font-weight: 500;
    margin-bottom: 5px;
}

.product-block h5 a{
	display: inline-block;
    color: #0c242e;
	-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-block h5 a:hover{
	color: #495057;
}

.product-block .price{
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #212529;
	font-weight: 500;
}

.product-block .price del{
	font-size: 14px;
	line-height: 26px;
	margin-left: 10px;
	font-weight: 400;
	color: #eea803;
}

.products-section .owl-nav{
	position: absolute;
	right: 30px;
	top: -70px;
	text-align: right;
}

.products-section .owl-next,
.products-section .owl-prev{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	font-size: 18px;
	color: #3f4d50;
	border: 1px solid #3f4d50;
	transition: all 300ms ease;
}

.products-section .owl-next:hover,
.products-section .owl-prev:hover{
	background-color: #3f4d50;
	color: #ffffff;
}

.sidebar-page-container .our-shop .row{
	margin: 0 -15px;
}

.sidebar-page-container .our-shop .product-block{
	padding: 0 15px;
	margin-bottom: 60px;
}

/*+++

====================================================
		FAQ's Section
====================================================

===*/

.faq-section{
	position: relative;
	background-color:#f1f1f1;
	background-image:url(../images/background/faq-bg.png);
	background-repeat:no-repeat;
}

.faq-section h2 {
	margin:9px 0px;
}

.faq-section.style-two{
	padding: 100px 0 50px;
}

.faq-section.no-pd-top{
	padding-top: 0;
}

.faq-section.style-two .skill-column .inner-column{
	position: relative;
	padding-top: 50px;
}

.faq-section .content-column{
	position: relative;
	margin-bottom: 30px;
}

.faq-section .content-column .inner-column{
	padding-top: 20px;
}

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

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

.faq-section .image-column .float-text{
    position: absolute;
    left: 0;
    width: 100%;
    top: 45px;
    text-align: center;
    line-height: 1em;
    font-size: 90px;
    font-weight: 800;
	letter-spacing: -.01em;
 	color: black;
 	text-transform: uppercase;
	-webkit-text-fill-color: #ffffff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #d8d1d1;
	text-shadow: 0 10px 10px rgba(0,0,0,0.10);
	opacity: .50;
}

.faq-section .image-column .image{
	position: relative;
	margin-bottom: 0;
	top: 23px;
}

.faq-section .image-column .caption-box{
	position: absolute;
	left: 30px;
	right: 30px;
	margin: 0 auto;
	bottom: 50px;
	text-align: center;
	box-shadow: 0 0 30px rgba(0,0,0,0.10);
	background-color: rgba(255,255,255,1);
	padding: 15px 20px;
}

.faq-section .image-column .caption-box span{
	display: inline-block;
    color: #0c242e;
    font-weight: 500;
}

.faq-section .image-column .caption-box h4{
	font-size: 20px;
	line-height: 1.2em;
	color: #212529;
}

.faq-section .image-column .caption-box h4 a{
	color: #eea803;
	display: inline-block;
}

.faq-section .image-column .caption-box h4 a:hover{
	color: #eea803;
	text-decoration: underline;
}

/* Accordian Box */

.accordion-box{
	position:relative;
}

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

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

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	cursor:pointer;
	line-height:25px;
	color:#ffffff;
	font-weight:400;
	border-radius:4px;
	padding:6px 25px;
	padding-right: 50px;
	border: 1px solid #dddddd;
	background-color: #0c242e;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:25px;
	top: 10px;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
	text-align:center;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.accordion-box .block .acc-btn .icon-outer .icon{
	position: relative;
}

.accordion-box .block.active-block{
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.accordion-box .block .acc-btn.active .icon-outer{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-top: 0;
}

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

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

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

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

/*=== Skills ===*/

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

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

.skills{
	position: relative;
}

.skills .skill-item{
	position:relative;
	margin-bottom:20px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:10px;
	background-color:#e5e5e5;
	border-radius: 5px;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:10px;
	background:#e5e5e5;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:10px;
	width:0px;
	border-radius: 5px;
	-webkit-transition:all 3000ms ease;
	-moz-transition:all 3000ms ease;
	-ms-transition:all 3000ms ease;
	-o-transition:all 3000ms ease;
	transition:all 3000ms ease;
	background-color: #eea803;
}

.skills .skill-item .skill-header{
	position:relative;
	margin-bottom:12px;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
	float:left;
	font-size:18px;
	line-height:30px;
	color:#333333;
	font-weight:400;
}

.skills .skill-item .skill-header .skill-title .icon{
	position: relative;
	float: left;
	color: #0c242e;
	font-size: 20px;
	line-height: 30px;
	margin-right: 10px;
}

.skills .skill-item .skill-header .skill-percentage{
	float:right;
	font-size:18px;
	line-height:30px;
	color:#333333;
	font-weight:400;
}

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

.skill-section .text-column .text{
	position: relative;
	font-size:18px;
	font-weight:500;
	color:#222222;
	line-height:30px;
}

/*** 

====================================================================
		FAQ Form Section
====================================================================

***/

.faq-form-section{
	position: relative;
	padding: 120px 0 100px;
	background-color: #fafafa;
}

.faq-form-section .faq-form{
	position: relative;
}

.faq-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #222222;
    line-height: 28px;
    padding: 10px 25px;
    background-color: #ffffff;
    font-weight: 400;
    height: 50px;
    border: 1px solid #dddddd;
    -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 .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
    box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.faq-form .form-group textarea{
	height: 200px;
	resize: none;
	padding-top: 15px;
}

.faq-form .form-group button{
	margin-top: 10px;
}

/*** 

====================================================================
		Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	padding: 120px 0;
	overflow: hidden;
}

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

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

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

.contact-section .content-column .inner-column{
	position: relative;
	padding-top: 50px;
}

.contact-info-tabs{
	position: relative;
}

.contact-info-tabs .tab-buttons{
	position: relative;
}

.contact-info-tabs .tab-btn{
	position:relative;
	float: left;
	cursor: pointer;
	background:#ffffff;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding: 5px 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;
}

.contact-info-tabs .tab-btn:last-child{
	border-right: 1px solid #dddddd;
}

.contact-info-tabs .tab-btn:hover,
.contact-info-tabs .tab-btn.active-btn{
	color: #ffffff;
	background-color: #0c242e;
}

.contact-info-tabs .tabs-content{
	position: relative;
	background-color: rgba(0,0,0,0.01);
	border: 1px solid #dddddd;
	padding: 30px 30px;
}

.contact-info-tabs .tabs-content .tab{
	min-height: 155px;
}

.contact-info-tabs .tabs-content h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #3d4550;
	font-weight: 400;
	margin-bottom: 10px;
}

.contact-info-tabs .tabs-content h4 .icon{
	color: #6cbbd4;
	font-size: 20px;
	margin-right: 10px;
}

.contact-info-tabs .tabs-content h5{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #3f4161;
	font-weight: 500;
	margin-bottom: 20px;
}

.contact-info-tabs .tabs-content .text{
	font-size: 16px;
	line-height: 28px;
	color: #888888;
	max-width: 470px;
}

.contact-info-tabs .tabs-content .list-style-three{
	padding-left: 30px;
}

.contact-info-tabs .tabs-content .branch-list li:before{
	display: none;
}

.contact-info-tabs .tabs-content .branch-list li{
	padding-left: 0;
	margin-bottom: 10px;
}

.contact-info-tabs .tabs-content .branch-list li span{
	color: #eea803;
	margin-right: 10px;
}

.contact-info-tabs .tabs-content .branch-list li strong{
	font-weight: 500;
}

.contact-info-tabs .tabs-content .time-table{
	position: relative;
	padding-left: 30px;
	max-width: 250px;
}

.contact-info-tabs .tabs-content .time-table li span{
	position: relative;
	float: right;
	color: #3f4d50;
}

.contact-info-tabs .float-icon{
	position: absolute;
	display: inline-block;
	height: 150px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	right: 50px;
	top: 50%;
	margin-top: -75px;
}

.icon-gift{
	background-image: url(../images/icons/icon-gift.png);
}

.icon-clock{
	background-image: url(../images/icons/icon-clock.png);
}

.icon-map{
	background-image: url(../images/icons/icon-map.png);
}

.icon-support{
	background-image: url(../images/icons/icon-support.png);
}

.icon-tyre{
	background-image: url(../images/icons/icon-tyre.png);
}

.contact-form{
	position:relative;
}

.contact-form .float-icon{
    position: absolute;
    height: 325px;
    width: 325px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 30px;
    bottom: 0;
}

.contact-form .form-inner{
    position: relative;
    float: right;
    max-width: 400px;
    width: 100%;
    padding: 50px 30px 30px;
    background-color: #0c242e;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
}

.contact-form .form-inner:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 243px;
	background-image: url(../images/icons/shape-1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	opacity: .30;
}

.contact-form h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 25px;
	text-align: center;
}

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

.contact-form .form-group .icon{
	position: absolute;
	left: 20px;
	top: 10px;
	line-height: 33px;
	color: #777777;
	font-size:16px;
	z-index: 9;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group input[type="number"],
.contact-form .form-group input[type="date"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:33px;
	padding:10px 20px;
	height:52px;
	color:#777777;
	font-size:15px;
	border-radius: 10px;
	background-color:#ffffff;
	border:1px solid #aaaaaa;
	padding-left: 50px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus{
	border-color:#f70068;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:33px;
	padding:10px 20px;
	height: 120px;
	padding-left: 50px;
}

.contact-form button{
	display: block;
	cursor: pointer;
	line-height: 25px;
	font-size: 14px;
	padding: 10px 30px;
	width: 100%;
	text-align: center;
}

.form-container {
	background: #f1f1f1;
	padding:10px 0px;
}

.form-title {
    text-align: center;
    width: 100%;	
}

.form-title h5 {
	color: #eea803;
    font-size: 27px;
    font-weight: 600;	
    margin: 10px 0px;
}

.form-title .form-divider {
    height: 3px;
    width: 315px;
    background: #fff;
    display: block;
    margin: 0 auto;	
}

.form-title p {
	color:#fff;
	margin: 5px 0px;
}

.form-title h6 {
	font-family: 'Muli', sans-serif;
    font-size: 13px;
    margin: 12px 0px;
    color: #fff;
    line-height: 20px;
}

.form-area {
	background:#091f28;
	padding:10px 30px;
}

.color-2 {
	background:#01090c;
}

.form-area input, .form-area select {
	margin-bottom: 7px;
}

.form-bottom {
	
}

.form-bottom p {
	font-size: 13px;
    color: #8a9092;
    line-height: 18px;
    margin: 10px 0px;
}

/*============== Radio Form 01==============*/

.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.input-container {
    position: relative;
    height: 8rem;
    width: 7rem;
	margin: 0.5rem;
}

.radio-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #15303c;
	background:#091b22;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
}
	
.icon svg {
    fill: $primary-color;
    width: 3rem;
    height: 3rem;
}
	
.radio-tile-label {
    text-align: center;
    font-size: 12px;
    margin: .0rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    font-family: 'Muli', sans-serif;
}
  
.radio-button:checked + .radio-tile {
    background-color: #eea803;
    border: 2px solid #ffeab9;
    color: white;
	transform: scale(1.1, 1.1);
}      

.icon svg {
    fill: white;
    background-color: $primary-color;
}

.radio-tile-label {
    color: white;
    background-color: $primary-color;
}

/*============== Radio Form 02==============*/

.radio-tile-group-two {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.input-container-two {
    position: relative;
    height: 8rem;
    width: 7rem;
	margin: 0.5rem;
}

.radio-button-two {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-two {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #15303c;
	background:#091b22;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
}
	
.icon-two svg {
    fill: $primary-color;
    width: 3rem;
    height: 3rem;
}
	
.radio-tile-label-two {
    text-align: center;
    font-size: 12px;
    margin: .0rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    font-family: 'Muli', sans-serif;
}
  
.radio-button-two:checked + .radio-tile-two {
    background-color: #eea803;
    border: 2px solid #ffeab9;
    color: white;
	transform: scale(1.1, 1.1);
}      

.icon-two svg {
    fill: white;
    background-color: $primary-color;
}

.radio-tile-label-two {
    color: white;
    background-color: $primary-color;
}

/*============== Radio Form 03==============*/

.radio-tile-group-three {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.input-container-three {
    position: relative;
    height: 8rem;
    width: 7rem;
	margin: 0.5rem;
}

.radio-button-three {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-three {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #15303c;
	background:#091b22;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
}
	
.icon-three svg {
    fill: $primary-color;
    width: 3rem;
    height: 3rem;
}
	
.radio-tile-label-three {
    text-align: center;
    font-size: 12px;
    margin: .0rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    font-family: 'Muli', sans-serif;
}
  
.radio-button-three:checked + .radio-tile-three {
    background-color: #eea803;
    border: 2px solid #ffeab9;
    color: white;
	transform: scale(1.1, 1.1);
}      

.icon-three svg {
    fill: white;
    background-color: $primary-color;
}

.radio-tile-label-three {
    color: white;
    background-color: $primary-color;
}

/*============== Radio Form 04==============*/

.radio-tile-group-four {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.input-container-four {
    position: relative;
    height: 8rem;
    width: 7rem;
	margin: 0.5rem;
}

.radio-button-four {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-four {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #15303c;
	background:#091b22;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
}
	
.icon-four svg {
    fill: $primary-color;
    width: 3rem;
    height: 3rem;
}
	
.radio-tile-label-four {
    text-align: center;
    font-size: 12px;
    margin: .0rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    font-family: 'Muli', sans-serif;
}
  
.radio-button-four:checked + .radio-tile-four {
    background-color: #eea803;
    border: 2px solid #ffeab9;
    color: white;
	transform: scale(1.1, 1.1);
}      

.icon-four svg {
    fill: white;
    background-color: $primary-color;
}

.radio-tile-label-four {
    color: white;
    background-color: $primary-color;
}


/*============== Radio Form 05==============*/

.radio-tile-group-five {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.input-container-five {
    position: relative;
    height: 8rem;
    width: 7rem;
	margin: 0.5rem;
}

.radio-button-five {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-five {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #15303c;
	background:#091b22;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
}
	
.icon-five svg {
    fill: $primary-color;
    width: 3rem;
    height: 3rem;
}
	
.radio-tile-label-five {
    text-align: center;
    font-size: 12px;
    margin: .0rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    font-family: 'Muli', sans-serif;
}
  
.radio-button-five:checked + .radio-tile-five {
    background-color: #eea803;
    border: 2px solid #ffeab9;
    color: white;
	transform: scale(1.1, 1.1);
}      

.icon-five svg {
    fill: white;
    background-color: $primary-color;
}

.radio-tile-label-five {
    color: white;
    background-color: $primary-color;
}

/*============== Radio Form 06==============*/

.radio-tile-group-six {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.input-container-six {
    position: relative;
    height: 8rem;
    width: 7rem;
	margin: 0.5rem;
}

.radio-button-six {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-six {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #15303c;
	background:#091b22;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
}
	
.icon-six svg {
    fill: $primary-color;
    width: 3rem;
    height: 3rem;
}
	
.radio-tile-label-six {
    text-align: center;
    font-size: 12px;
    margin: .0rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: red;
    font-family: 'Muli', sans-serif;
}
  
.radio-button-six:checked + .radio-tile-six {
    background-color: #eea803;
    border: 2px solid #ffeab9;
    color: white;
	transform: scale(1.1, 1.1);
}      

.icon-six svg {
    fill: white;
    background-color: $primary-color;
}

.radio-tile-label-six {
    color: white;
    background-color: $primary-color;
}
    


/*** 

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

***/

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

.contact-section-two .inner-container{
	background: #f1f1f1;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

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

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

.contact-section-two .form-column .inner-column{
	position: relative;
}

.contact-form-two{
	position: relative;
	background-color: rgba(0,0,0,0.03);
	padding: 50px 40px;
}

.contact-form-two .title-box{
	position: relative;
	margin-bottom: 30px;
}

.contact-form-two .title-box h4{
	position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #eea803;
    margin-bottom: 10px;
    font-weight: 500;
}

.contact-form-two .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom:20px;	
}

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

.contact-form-two .form-group input[type=date], 
.contact-form-two .form-group input[type=datetime-local], 
.contact-form-two .form-group input[type=month], 
.contact-form-two .form-group input[type=time],
.contact-form-two .form-group input[type="text"],
.contact-form-two .form-group input[type="email"],
.contact-form-two .form-group input[type="tel"],
.contact-form-two .form-group input[type="url"],
.contact-form-two .form-group input[type="number"],
.contact-form-two .form-group textarea,
.contact-form-two .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    color: #999999;
    line-height: 20px;
    padding: 10px 20px;
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
    font-weight: 400;
    height: 50px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

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

.contact-form-two .form-group select{
	cursor:pointer;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.contact-form-two .form-group textarea{
	height: 150px;
	resize: none;
	padding: 15px 20px;
}

.contact-form-two .form-group button{
	text-transform: capitalize;
	padding: 10px 25px;
	line-height: 20px;
	font-size: 14px;
}

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

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

.contact-section-two .contact-info-outer{
	position: relative;
	padding: 50px 14px;
}

.contact-section-two .contact-info{
	position: relative;
}

.contact-section-two .contact-info li{
	position: relative;
    width: 100%;
    float: left;
    margin-bottom: 1px;
}

.contact-section-two .contact-info .listbdr {
	border-bottom: 1px solid #c9c9c9;
    margin: 10px 0px;
}

.contact-section-two .contact-info li p{
	display: block;
    font-size: 14px;
    line-height: 25px;
    color: #777777;
    font-weight: 400;
    width: 100%;
}

.contact-section-two .contact-info li strong{
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #0c242e;
	font-weight: 500;
}

.contact-section-two .contact-info li h6 {
	    color: #eea803;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 13px;
}
	

.contact-section-two .contact-info li .icon{
	float: left;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 7px;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    background-color: #eea803;
    color: #ffffff;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}


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

.contact-section-two .contact-info li a:hover{
	color: #eea803;
}

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

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

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

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

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

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

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

/*** 

====================================================================
		Map Section
====================================================================

***/

.map-section{
	position: relative;
	display: block;
}

.map-area{
	position:relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-section .map-canvas{
	height:540px;
	background-color: #f9f9f9;
}

/*** 

====================================================================
		Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	padding: 90px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: rgba(0,0,0,0.01);
}

.testimonial-section .outer-box{
	margin: 0 -30px;
}

.testimonial-carousel{
	position: relative;
}

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

.testimonial-block .inner-box{
	position: relative;
	background-color: #ffffff;
	padding: 40px 40px 35px;
	box-shadow: 0 0px 30px rgba(8,0,0,.05);
}

.testimonial-block .inner-box:before{
	position: absolute;
	right: 40px;
	top: 40px;
	font-size: 80px;
	line-height: 1em;
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #dddddd;
	opacity: .30;
}

.testimonial-block .info-box{
	position: relative;
    min-height: 110px;
    padding-left: 95px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}

.testimonial-block .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	border: 5px solid #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
	overflow: hidden;
}

.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: #343a40;
	font-weight: 400;
}

.testimonial-block .info-box .vehicle{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #0c242e;
	font-weight: 400;
}

.testimonial-block .info-box .rating{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 15px;
	color: #e0a14f;
	font-weight: 900;
}

.testimonial-block .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #999999;
	font-weight: 400;
}

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

.testimonial-carousel .owl-dots{
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	text-align: center;
	display: none;
}

.testimonial-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin: 0 4px;
	background: #7b7b7b padding-box content-box;
	border: 2px solid transparent;
	border-radius: 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;
}

.testimonial-carousel .owl-dot:hover,
.testimonial-carousel .owl-dot.active{
	border-color: #d3994c;
	background-color: transparent;
}

/*** 

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

***/

.testimonial-section-two{
	position:relative;
	padding: 70px 0;
	background-color: rgba(0,0,0,0.01);
}

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

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

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

.testimonial-block-two .inner-box{
	position:relative;
	text-align:center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.testimonial-block-two .inner-box .image{
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.testimonial-block-two .inner-box .text{
	position:relative;
	color:#999999;
	font-size:20px;
	line-height:1.6em;
	max-width:800px;
	margin:0 auto;
	margin-top:30px;
}

.testimonial-block-two .inner-box h3{
	position:relative;
	color:#3f4d50;
	font-size:22px;
	line-height:1.7em;
	margin-top:20px;
}

.testimonial-block-two .inner-box .vehicle{
	position:relative;
	color:#0c242e;
	font-size:16px;
	line-height:1.4em;
}

/*** 

====================================================================
		News Section
====================================================================

***/

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

.news-block{
	position:relative;
}

.news-block .inner-box{
	position:relative;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

.news-block .inner-box .image{
	position:relative;
	display:block;
	background:#222222;
	overflow:hidden;
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.news-block .inner-box:hover .image a img{
	opacity:0.7;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.news-block .lower-content{
	position:relative;
	padding:10px 25px 10px;
	z-index:1;
}

.news-block .post-info{
	position: relative;
	margin-bottom: 10px;
}

.news-block .post-info li{
	position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 14px;
	color:#343a40;
    line-height: 20px;
}

.news-block .post-info li span{
	display: inline-block;
    color: #eea803;
    margin-right: 3px;
}

.news-block .post-info li:last-child{
	margin-right: 0;
}

.news-block .lower-content h3{
	position:relative;
	font-weight:600;
	font-size:21px;
	color:#0c242e;
	line-height:1.4em;
	margin-bottom:4px;
}

.news-block .lower-content h3 a{
	position:relative;
    color: #0c242e;
	-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;
}

.news-block .lower-content h3 a:hover{
	color:#eea803;
}

.news-block .lower-content .text{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}

.news-block .lower-content .read-more{
	position: relative;
	display: inline-block;
	line-height: 20px;
	font-size: 16px;
	color: #eea803;
	font-weight:500;
	-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;
}

.news-block .lower-content .read-more:hover{
	color:#343a40;
}

.news-section .styled-pagination{
	margin-top: 20px;
	margin-bottom: 50px;
}

/*** 

====================================================================
		Blog Sidebar
====================================================================

***/

.blog-sidebar{
	position: relative;
}

.blog-sidebar .news-block{
	margin-bottom: 60px;
}

.blog-sidebar .news-block .lower-content .text{
	font-size: 16px;
	line-height: 26px;
}

.blog-sidebar .news-block .lower-content h3{
	font-size: 24px;
}


/*** 

====================================================================
				Blog Single
====================================================================

***/

.blog-single{
	position: relative;
}

.blog-single .news-block{
	margin-bottom: 60px;
}

.blog-single .news-block .lower-content h3{
	font-size: 24px;
}

.blog-single .news-block .lower-content p{
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
}

.blog-single .news-block .lower-content p a{
	color: #eea803;
	display: inline-block;
}

.blog-single .news-block .lower-content p a:hover{
	text-decoration: underline;
}

.blog-single .news-block .inner-box .image{
	margin-bottom: 30px;
}

.blog-single blockquote{
	position: relative;
	border-left: 5px solid #eea803;
	background-color: rgba(0,0,0,0.02);
	font-size: 16px;
	line-height: 1.8em;
	padding: 25px 40px;
	font-family: 'Muli', sans-serif;
	margin: 35px 30px 35px;
}

.blog-single blockquote:before{
	position: absolute;
	right: 25px;
	bottom: 25px;
	font-size: 50px;
	line-height: 1em;
	content: "\f10d";
	color: #dddddd;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	opacity: .30;
}

.blog-single blockquote cite{
	display: block;
	font-style: normal;
	text-align: right;
	margin-top: 10px;
	font-size: 14px;
}

.blog-single blockquote cite strong{
	font-weight: 400;
	color: #0c242e;
}

/*post share options*/

.blog-single .post-share-options{
	position:relative;
	margin-bottom: 20px;
}

.blog-single .post-share-options .tags{
	position: relative;
	margin-bottom: 20px;
}

.blog-single .post-share-options .tags li{
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}

.blog-single .post-share-options .tags a{
	position:relative;
	display: block;
	font-size:16px;
	font-weight:400;
	line-height: 25px;
	padding: 5px 15px;
	color:#777777;
	background-color: #ffffff;	
	border: 1px solid #aaaaaa;
	border-radius: 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;
}

.blog-single .post-share-options .tags a:hover{
	color: #ffffff;
	background-color: #343a40;
}

.blog-single .post-share-options .social-icon{
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}

.blog-single .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
}

.blog-single .post-share-options .social-icon li a{
	display: inline-block;
	font-size: 16px;
	line-height: 25px;
	color: #777777;
	padding: 5px 8px;
	border-radius: 5px;
	margin-left: 5PX;
	border: 1px solid #aaaaaa;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-single .post-share-options .social-icon li a:hover{
	color: #ffffff;
	background-color: #343a40;
}

/*Author Box*/

.author-box{
	position:relative;
	padding: 30px 30px;
	background-color: #f5f5f5;
	margin-bottom: 70px;
}

.author-box .inner-box{
	position:relative;
	padding-left: 160px;
	min-height: 140px;
	padding-top: 15px;
}

.author-box .thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 140px;
	width: 140px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    border: 3px solid #fff;
}

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

.author-box .name{
	position: relative;
	font-size: 20px;
	line-height: 28px;
	color: #3f4d50;
	font-weight: 500;
	margin-bottom: 10px;
}

.author-box .text{
	position: relative;
	float: right;
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 10px;
}

.author-box .social-icon{
	position: relative;
	z-index: 9;
}

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

.author-box .social-icon li a{
	position:relative;
	display: block;
	text-align: center;
	font-size:14px;
	font-weight:400;
	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;
}

.author-box .social-icon li a:hover{
	color: #eea803;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin: 0 10px 10px 0;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:50px;
	font-size:18px;
	height:50px;
	width:50px;
	color:#848484;
	font-weight:600;
	text-align:center;
	background:#ffffff;
	border-radius: 5px;
	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:#0c242e;
	background-color:#0c242e;
	box-shadow: 0 5px 10px rgba(0,0,0,0.10);
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:150px 0px 150px;
}

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

.error-section .error-title{
	position:relative;
	font-size:280px;
	color:#0c242e;
	font-weight:500;
	line-height:.7em;
	margin-bottom: 70px;
	text-shadow: 0 10px 20px rgba(0,0,0,0.20);
	z-index: 9;
}

.error-section .error-title span{
	position: relative;
	color: #eea803;
	display: inline-block;
	height: 200px;
	width: 200px;
	background-image: url(../images/icons/icon-cogs-1.png);
	background-size: 100%;
	opacity: .80;
	margin: 0 -0px;
	border-radius: 50%;
	animation: rotate_two 100s alternate;
}

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

.error-section h2{
    font-size: 40px;
    line-height: 1em;
    color: #212529;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700;
}

.error-section .text{
	font-size:24px;
	line-height: 1.2em;
	color:#222222;
	margin-bottom:35px;
}

.error-section .theme-btn{
	border-radius:5px;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	margin: 0 3px;
}

/*** 

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

***/

.clients-section{
	position:relative;
	background-color: #fff;
}

.clients-section .sponsors-outer{
	position:relative;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	padding: 10px 0;
	margin-bottom: 0;
}

.clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.clients-section .sponsors-outer .image-box:hover 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);
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	z-index: 1;
}

.newsletter-section:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	background-color: #3f4d50;
	content: "";
	z-index: -1;
}

.newsletter-section .inner-container{
    background-color: #0c242e;
    padding: 50px 50px 10px;
    box-shadow: 0 0 30px rgba(0,0,0,0.10);
}

.newsletter-section .title-column{
	position: relative;
	margin-bottom: 40px;
}

.newsletter-section .title-column .inner-column{
	position: relative;
	padding-left: 70px;
}

.newsletter-section .title-column .icon-box{
	position: absolute;
	left: 0;
	top: 8px;
}

.newsletter-section .title-column .icon-box .icon{
	font-size: 50px;
	line-height: 1em;
	color: #ffc107;
	font-weight: 400;
}

.newsletter-section .title-column h2{
	position:relative;
	font-size:30px;
	color:#ffffff;
	line-height:1.3em;
	font-weight:700;
}

.newsletter-section .title-column .text{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

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

.newsletter-section .form-column .inner-column{
	position: relative;
	padding-left: 78px;
}

/*Subscribe Form*/

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:60px;
	background-color: #ffffff;
	border-radius: 3px;
}

.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:20px;
	height:60px;
	font-size:16px;
	color:#555555;
	font-weight: 300;
	background:#ffffff;
	padding:10px 25px 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;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .submit-btn{
	position:absolute;
	right:0px;
	top:0px;
	height: 60px;
	width: 60px;
	color:#ffffff;
	font-size:18px;
	cursor:pointer;
	border-radius: 3px;
	background-color:#eea803;
	text-transform:uppercase;
}

.subscribe-form .form-group input[type="submit"]:hover,
.subscribe-form .submit-btn:hover{
	color: #eea803;
	background-color: #ffffff;
}

.newsletter-section.style-two{
	position: relative;
}

.newsletter-section.style-two .inner-container{
	position: relative;
	border-radius: 20px;
}

.newsletter-section.style-two:before{
	background-color: #ffffff
}

/*** 

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

***/


.footer-wraper{ background:#091f28; padding:15px 0 15px;}
.footer-block{ margin:0 -15px;}
.footer-1{ float:left; width:25%;}
.footer-column{ padding:0 15px;}
.footer-logo{ max-width:178px; margin-bottom:25px;}
.footer-logo img{ max-width:100%;}
.footer-column .text{ color: #777777; font-size: 14px; line-height: 19px; margin-bottom: 20px; position: relative; text-align: justify;}
.footer-content{}
.footer-content ul{}
.footer-content ul h4{ color:#eea803;font-size: 14px; font-weight: bold;}
.footer-content ul h4 a:hover {color:#eea803}
.footer-content ul li{ color: #cacaca; font-size: 14px; font-weight: 400;line-height: 24px; margin-bottom: 10px; padding-left: 30px; position: relative;}
.footer-content ul li span{color: #eea803; font-size: 15px; left: 0; line-height: 24px; position: absolute; top: 0;}
.footer-content ul li a{ color: #cacaca; position: relative; transition: all 0.3s ease 0s; overflow:hidden;}
.footer-content ul li a:hover{ text-decoration:none; color:#eea803;}


.footer-2{ float:left; width:75%;}
.footer-2-inner{ margin:0 5px;}
.footer-2-inner h2, .footer-1 h2{ border-bottom: 1px solid #fff; color: #e6a405; font-size: 24px; font-weight: 600; line-height: 20px; position: relative; margin:0 10px 15px 10px; padding-bottom:15px;}
.footer-2-info{}
.footer-2-info ul{ float:left; width:33.33%;}
.footer-2-info ul li{ border-bottom: 1px solid #22414e;  font-size: 14px; font-weight: 400; line-height: 24px; padding: 0 0 10px; position: relative; margin:0 16px 5px 10px;}
.footer-2-info ul li a{ color: #bfbfbf;}
.footer-2-info ul li a:hover{ text-decoration:none; color:#eea803;}
.footer-2-info ul.list:nth-child(2) { padding-left: 3px;}
.footer-2-info ul.list:nth-child(3) { padding-left: 3px;}
.footer-2-info ul li:last-child{ border-bottom:none;}


.main-footer{
	position:relative;
	background-color:#091f28;
}

.main-footer .widgets-section{
	position:relative;
	padding:15px 0px 10px;
}

.main-footer .widgets-outer{
	position: relative;
}

.main-footer .man-image{
	position: absolute;
    right: -50px;
    top: 70px;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:10px;
}

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

.main-footer .logo-widget .logo{
	margin-bottom:25px;
}

.main-footer .logo-widget .logo img{
	display: inline-block;
	vertical-align: bottom;
}

.main-footer .logo-widget .logo span{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	color: #cccccc;
	font-weight: 700;
	bottom: -3px;
}

.main-footer .logo-widget .text{
	position: relative;
	font-size: 14px;
    line-height: 19px;
	color: #777777;
	margin-bottom: 20px;
    text-align: justify;
}

.main-footer .logo-widget .copyright{
	position: relative;
    font-size: 12px;
    color: #777777;
    line-height: 20px;
}

.main-footer .logo-widget .copyright a{
	color: #eea803;
}

.main-footer .logo-widget .copyright a:hover{
	text-decoration: underline;
}

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:24px;
	font-weight:600;
	color:#e6a405;
	line-height: 20px;
	margin-bottom: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}

.bottom-sitemap ul {
	float: right;
}

.bottom-sitemap ul li {
    float: left;
    margin: 10px 20px 0px 20px;	
}

.bottom-sitemap ul li a {
	color:#fff;
	font-size:12px;
    font-weight: 500;
    letter-spacing: 5px;
}

.bottom-sitemap ul li a:hover {
	color:#ffb301;
}

.bottom-sitemap ul li:first-child { 
	margin-left:0px;
}

.bottom-sitemap ul li:last-child {
	border:none;
}

.sub-footer {
	
}

.sub-footer p {
	margin:10px 0px;
	font-size:14px;
}

.sub-footer p a {
	color:#eea803;
}

.sub-footer ul {
	
}

.sub-footer ul li {
	float: left;
    margin: 7px 5px;
}

.sub-footer ul li a {
	
}

/*Social Icon Two*/

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

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

.social-icon-two li a{
	position:relative;
	font-size:14px;
	color:#777777;
	line-height: 34px;
	height: 35px;
	width: 35px;
	border-radius: 50px;
	border: 1px solid #777777;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-two li a:hover{
	color:#ffffff;
	background-color: #0c242e;
	border: 1px solid #0c242e;
}

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

.main-footer .list{
	position: relative;
}

.main-footer .list li{
	position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #22414e;
}

.main-footer .list li:last-child {
	border:none;
}

/*.main-footer .list li:before{
	position: absolute;
	top: 9px;
	left: 0px;
	height: 6px;
	width: 6px;
	content: "";
	background-color: #eea803;
	border-radius: 6px;
}*/

.main-footer .list li a{
	position:relative;
	color: #bfbfbf;
	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;
}

.main-footer .list li a:hover{
	color: #eea803;
}

.main-footer .contact-widget{
	position: relative;
	padding-left: 30px;
}

.main-footer .contact-info-list{
	position:relative;
	margin-bottom: 20px;
}

.main-footer .contact-info-list li{
	position:relative;
	padding-left: 30px;
	font-size: 14px;
	line-height: 24px;
	color: #cacaca;
	font-weight: 400;
	margin-bottom:12px;
}

.main-footer .contact-info-list li span{
	position: absolute;
	left: 0;
	top: 0px;
	color: #eea803;
	line-height: 24px;
	font-size: 15px;
}

.main-footer .contact-info-list li a{
	position:relative;
	color: #cacaca;
	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;
}

.main-footer .contact-info-list li a:hover{
	color:#eea803;
}

/*** 

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

***/

.main-footer.style-two{
	position: relative;
	background-color: #3f4d50;
}

.main-footer.style-two .logo-widget .copyright,
.main-footer.style-two .social-icon-two li a,
.main-footer.style-two .contact-info-list li,
.main-footer.style-two .contact-info-list li a,
.main-footer.style-two .list li a,
.main-footer.style-two .logo-widget .text{
	color: #dddddd;
}

.main-footer.style-two .logo-widget .copyright,
.main-footer.style-two .logo-widget .copyright a,
.main-footer.style-two .social-icon-two li a:hover,
.main-footer.style-two .footer-column .widget-title,
.main-footer.style-two .contact-info-list li a:hover,
.main-footer.style-two .list li a:hover{
	color: #ffffff;
}

.main-footer.style-two .contact-info-list li span{
	color: #17a2b8;
}

.main-footer.style-two .social-icon-two li a{
	border-color: #eeeeee;
}

.main-footer.style-two .list li:before{
	background-color: #eea803;
}

/*** 

====================================================================
			Coming Soon
====================================================================

***/

.coming-soon{
	position: relative;
	overflow-y: auto;
	min-height: 100vh;
}

.coming-soon .content{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.coming-soon .content .content-inner{
	position: relative;
	padding: 200px 0 150px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .logo{
	position: relative;
	margin-bottom: 30px;
}

.coming-soon .timer{
	position: relative;
	display: inline-block;
}

.coming-soon .cs-countdown{
	position:relative;
	text-align: center;
}

.coming-soon .cs-countdown div{
	position: relative;
	display: inline-block;
	font-size: 54px;
	line-height: 1.2em;
	color: #fefefe;
	width: 80px;
	font-weight: 600;
	border-radius: 50%;
	text-shadow: 0 10px 10px rgba(0,0,0,0.50);
	margin: 0 30px 40px;
}

.coming-soon .cs-countdown div:before{
	position: absolute;
	right: -40px;
	top: 20px;
	font-size: 34px;
	line-height: 1em;
	color: #ffffff;
	content: ':';
}

.coming-soon .cs-countdown div:last-child:before{
	display: none;
}

.coming-soon .cs-countdown h6{
	position:relative;
	display: block;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: transparent;
	border-radius: 50%;
	color: #fefefe;
	text-shadow: 0 5px 10px rgba(0,0,0,0.50);
}

.coming-soon h1{
    position: relative;
    color: #ffffff;
    font-size: 54px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 30px;
    text-shadow: 0px 10px 10px rgba(0,0,0,0.50);
}

.coming-soon .content .text{
	position:relative;
	font-size:18px;
	font-weight:400;
	line-height: 26px;
	color:#ffffff;
    text-shadow: 0px 5px 5px rgba(0,0,0,0.50);
	margin-bottom: 30px;
}

.coming-soon .emailed-form .form-group{
	position:relative;
	display:block;
	max-width:500px;
	margin:0 auto;
	width:100%;
	margin-bottom:35px;
	box-shadow: 0 10px 10px rgba(0,0,0,.30);
	border-radius: 50px;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	height:50px;
	font-size:15px;
	color:#222222;
	overflow:hidden;
	padding:15px 30px 15px;
	background:#ffffff;
	border-radius:50px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
	position:absolute;
	right:35px;
	top:10px;
	line-height:30px;
	font-size:18px;
	color: #0c242e;
	font-weight:400;
	background-color:transparent;
	cursor: pointer;
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{
	color: #f20487;
}

.coming-soon .social-icon-two li a{
	border-color: #eeeeee;
	color: #fefefe;
	box-shadow: 0 5px 10px rgba(0,0,0,0.50);
}

.coming-soon .social-icon-two li a:hover{
	box-shadow: none;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:20px 0px 10px;
	background:#f1f1f1;
}

.sidebar-page-container .our-shop,
.sidebar-page-container .blog-single,
.sidebar-page-container .blog-sidebar{
	padding-right: 20px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:10px;
}

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

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

/* Sidebar Title */
.sidebar-title{
	position: relative;
	margin-bottom: 25px;
}

.sidebar-title h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #343a40;
	font-weight: 500;
}

/*Search Box Widget*/

.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;
	padding:10px 50px 10px 25px;
	border: 1px solid #dddddd;
	background-color: rgba(0,0,0,0.01);
	display:block;
	font-size:16px;
	line-height:28px;
	width:100%;
	height:60px;
	color:#777777;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right: 0px;
	top: 0;
	height:60px;
	width:60px;
	display:block;
	font-size:16px;
	color:#333333;
	line-height:100%;
	font-weight:normal;
	background-color: transparent;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar .search-box .form-group button:hover{
	color: #eea803;
}

/* Category List */
.category-list{
	position: relative;
	display: block;
}

.category-list li{
	position: relative;
	margin-bottom: 5px;
	border-bottom: 0;
}

.category-list li:last-child{

}

.category-list li a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #666666;
	font-weight: 400;
	line-height: 30px;
	padding: 10px 20px;
	padding-left: 45px;
	background-color: rgba(0,0,0,0.01);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a:before{
	position: absolute;
	top: 0;
	left: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #1e69b8;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a span{
	float: right;
	font-size: 14px;
	color: #333333;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a:hover{
	color: #ffffff;
	background: #0c242e;
}

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

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

/*Post Widget*/

/*=== Latest News ===*/

.sidebar .latest-news{
	position: relative;
}

.latest-news .post{
	position: relative;
	padding-left: 110px;
	margin-bottom: 20px;
	min-height: 75px;
}

.latest-news .post:last-child{
	margin-bottom: 0;
}

.latest-news .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 70px;
	width: 85px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.05);
}

.latest-news .post-thumb a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: .80;
	content: "";
	background-color: #0c242e;
	z-index: 1;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(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;
}

.latest-news .post:hover .post-thumb a:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.latest-news .post-thumb a:after{
	position: absolute;
	height: 20px;
	width: 20px;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    z-index: 9;
    color: #ffffff;
    font-weight: 900;
    content: "\f0c1";
	font-family: "Font Awesome 5 Free";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(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;
}

.latest-news .post:hover .post-thumb a:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.latest-news .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .post h5{
	position: relative;
	font-size: 16px;
	line-height: 1.4em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 5px;
}

.latest-news .post h5 a{
	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;
}

.latest-news .post:hover h5 a{
	color: #0c242e;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #eea803;
	font-weight: 400;
}

.latest-news .post .price{
	font-size: 16px;
	line-height: 20px;
	color: #777777;
	font-weight: 400;
}

.latest-news .post .rating{
	position: relative;
}

.latest-news .post .rating .fa {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: orange;
}	


/*Popular Tags*/

.sidebar .popular-tags{
	position: relative;
}

.sidebar .popular-tags li{
	position: relative;
	display: inline-block;
	margin:0px 5px 8px 0px;
}

.sidebar .popular-tags a{
	position:relative;
	display:block;
	color:#555555;
	text-align:center;
	font-size:16px;
	line-height: 20px;
	padding: 5px 20px;
	background:none;
	font-weight:400;
	border:1px solid #e5e5e5;
	background-color: rgba(0,0,0,.02);
	text-transform:capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	border-color:#eea803;
	background-color:#eea803;
	color:#ffffff;	
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 40px;
}

.group-title h3{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #3f4d50;
	font-weight: 500;
}

.comments-area{
	position:relative;
	margin-bottom: 70px;
}

.comments-area .comment-box{
	position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.comments-area .comment-box.reply-comment{
	margin-left: 100px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 100px;
	padding-top: 5px;
	padding-left: 100px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	margin-bottom: 10px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:18px;
	line-height:1.2em;
	font-weight:500;
	color:#3f4d50;
	margin-bottom: 3px;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

.comments-area .comment-box .text{
	font-size: 16px;
	line-height: 26px;
	color:#777777;
	font-weight: 400;
}

.comments-area .comment-box .rating{
	position: relative;
	display: block;
	font-size: 12px;
	color:#ffc107;
	line-height: 20px;
	margin-bottom: 5px;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 14px;
	line-height: 15px;
	color: #ffffff;
	padding: 5px 10px;
	font-weight: 400;
	background-color: #0c242e;
	border-radius: 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;
}

.comments-area .comment-box .reply-btn:hover{
	box-shadow: 0 10px 10px rgba(0,0,0,0.10);
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
 	position: relative;
}

.comment-form .form-group{
	position:relative;
	margin-bottom: 20px;
}

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

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 15px;
    color: #777777;
    line-height: 23px;
    font-weight: 400;
    padding: 10px 22px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#0c242e;
}

.comment-form .form-group textarea{
	height: 150px;
	resize: none;
}

.comment-form .form-group input[type="submit"],
.comment-form .form-group button{
	padding: 10px 25px;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
}

/*** 

====================================================================
		Product Details
====================================================================

***/

.product-details{
	position: relative;
}

.product-details .basic-details{
	position:relative;
	margin-bottom:20px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:20px;
}

.product-details .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
	background-color:#f7f7f7;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:16px;
}

.product-details .basic-details .details-header h4{
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	color:#3f4d50;
	margin:5px 0px 10px;
}

.product-details .basic-details .details-header h4 a{
	color:#333333;	
}

.product-details .basic-details .details-header .rating{
	font-size:14px;
	color:#ffc107;
	margin-bottom:15px;
	display:inline-block;
}

.product-details .basic-details .details-header .reviews{
	position:relative;
	display:inline-block;
	color:#777777;
	font-weight:400;
	margin-left:15px;
}

.product-details .basic-details .details-header .rating .fa{
	display:inline-block;
}

.product-details .basic-details .details-header .rating .txt{
	font-size:14px;
	padding-left:10px;
	color:#777777;	
}

.product-details .basic-details .details-header .item-price{
	font-size:20px;
	font-weight:600;
	color:#3f4d50;
	line-height:24px;
	font-family: "Ubuntu", sans-serif;
}

.product-details .basic-details .details-header .item-price del{
	color: #999999;
	margin-left: 10px;
	font-weight:400;
}

.product-details .basic-details .prod-info{
	margin-bottom:15px;
	line-height:1.6em;
	font-size:13px;	
}

.product-details .basic-details .prod-info strong{
	font-weight:700;
	color:#111111;	
}

.product-details .basic-details .text{
	margin-bottom:25px;
	color:#777777;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;	
}

.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:10px 15px !important;
	height:46px !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:11px 10px;
	background:#f4f5f6;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:0px;	
	font-weight: 900;
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:left;
	width:85px;
	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;
	padding:10px 15px !important;
	height:50px !important;
	box-shadow:none !important;	
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:12px 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{
	margin-left: 10px;
	border-radius: 0;
}

/*** 

====================================================================
		Product Tabs
====================================================================

***/

.shop-single .product-details .prod-tabs{
	position:relative;
}

.shop-single .product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
	margin-bottom:40px;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin-right:10px;
	font-size:16px;
	background:#ffffff;
	color:#0c242e;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
	border-radius:0px;
	padding:10px 30px;
	margin-bottom: 10px;
	transition:all 500ms ease;
	font-family: 'Playfair Display', serif;
	border: 1px solid #0c242e;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
	background-color: #0c242e;
	color: #ffffff;
}

.shop-single .product-details .prod-tabs .tabs-content{
	position:relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content{
	position:relative;
	padding: 30px 30px;
	border: 1px solid #cccccc;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:25px;
	color:#797979;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{
	margin-bottom:0px;
}

.prod-tabs .tabs-content .tab .title{
	position:relative;
	color:#3f4d50;
	font-size:24px;
	font-weight:500;
	margin-bottom:30px;
	font-family: 'Playfair Display', serif;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
	margin-top:50px;
}

.shop-comment-form h2{
	position:relative;
	color:#3f4d50;
	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;
	float: left;
	margin-right: 30px;
	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:12px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a:hover{
	color:orange;
}

.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 20px;
	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:#eea803;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:15px 20px;
	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:14px;
	line-height: 30px;
	padding:10px 40px;
	margin-top:10px;
	text-transform:uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
	border-color:#f06529;	
}

/*** 

====================================================================
		Cart Section
====================================================================

***/

.cart-section{
	position:relative;
	padding:120px 0px 80px;
}

.cart-outer{
	position:relative;	
}

.checkout-page .cart-outer{
	margin-bottom:40px;	
}

.cart-outer .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
	margin-bottom: 50px;
}

.cart-outer .cart-table{
	width:100%;
	min-width:900px;	
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:13px;
	background:#fafafa;
	color:#222222;
	border:1px solid #dddddd;
}

.cart-table thead tr th{
	line-height:24px;
	padding:15px 25px;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #dddddd;
}

.cart-table thead tr th .fa{
	font-size:18px;	
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 25px 30px;
}

.cart-table tbody tr .qty{
	width:200px;
}

.cart-table tbody tr .qty .item-quantity{
	max-width: 100px;
	margin: 0 auto;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#ffffff;	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:relative;
	width:140px;
	margin: 0 auto;
	text-align: center;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:inline-block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-size:14px;
	color:#444444;
	font-weight:400;
	line-height:90px;
}

.cart-table tbody tr .prod-column .author{
	font-size:13px;
	color:#333333;
	margin-bottom:0px;
}

.cart-table tbody tr .sub-total{
	font-weight: 500;
	color:#222222;
	font-size:16px;
}

.cart-table tbody tr .sub-total.price{
	font-weight: 500;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:14px;
	color:#222222;
	line-height:30px;
	font-weight:500;
	-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-btn .fa{
	position:relative;
	font-size:18px;
	line-height:30px;
}

.cart-table tbody tr .remove-btn:hover{
	color:#eea803;
}

.cart-table tbody tr{
	border-bottom:1px solid #dddddd;	
}

.cart-table tbody tr td{
	vertical-align:middle;
	color:#797979;
	font-size:17px;
	text-align:center;
	font-weight: 500;
	border-left:1px solid #dddddd;
	font-family: "Ubuntu", sans-serif;
}

.cart-table tbody tr td.total{
	font-size:18px;
	color:#333333;
}

.cart-table tbody tr td:last-child{
	border-right:1px solid #dddddd;
	text-align:center;
}

.cart-table tbody tr td .prod-title{
	position:relative;
	font-size:16px;
	color:#222222;
	font-weight: 500;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;	
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#223555;
	border-radius:50%;
}

.cart-section .cart-options{
	position:relative;
	padding:30px 30px 10px;
	border:1px solid #dddddd;
	margin-bottom:50px;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .cart-options .cart-btn{
	padding:14px 36px;
    line-height: 20px;
	font-size:14px;
	color:#ffffff;
	font-weight:700;
	text-transform:capitalize;
	background-color:#eea803;
	border: 1px solid transparent;
	font-family: 'Playfair Display', serif;
	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;
}

.cart-section .cart-options .cart-btn:hover{
	background-color:#ffffff;
	color: #222222;
	border: 1px solid #222222;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:20px;	
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:28px;
	padding:10px 25px;
	border:1px solid #dddddd;
	width:225px;
	height:50px;
	background:#ffffff;
}

.cart-section .coupon-btn{
    padding:14px 25px;
    line-height: 24px;
	font-size:14px;
	color:#ffffff;
	font-weight:700;
	line-height: 20px;
	text-transform:capitalize;
	background-color:#eea803;
	border: 1px solid transparent;
	font-family: 'Playfair Display', serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.cart-section .coupon-btn:hover{
	background-color:#ffffff;
	color: #222222;
	border: 1px solid #222222;
}

.cart-section .cart-options .btn-style-one{
	top:-7px;
	padding-left:32px;
	padding-right:32px;
}

.cart-section .totals-table{
	position:relative;
	margin-bottom:20px;
	border:1px solid #dddddd;
}

.cart-section .totals-table li{
	line-height:24px;
	padding:18px 30px;
	border-bottom:1px solid #dddddd;	
}

.cart-section .totals-table li:first-child{
	background-color:#fafafa;
	padding:18px 45px;
}

.cart-section .totals-table li h3{
	position:relative;
	font-weight:600;
	color:#333333;
	font-size:18px;
}

.cart-section .totals-table li:last-child{
	border-bottom:none;
	padding:40px 40px 50px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:30px;
	width:50%;
	color:#222222;
	font-size:16px;
	font-weight:600;
	text-transform:capitalize;
	font-family: 'Playfair Display', serif;
}

.cart-section .totals-table li .col:last-child{
	text-align:right;	
	border-left: 1px solid #dddddd;
	font-weight: 500;
}

.cart-section .totals-table .total .price{
	color:#222222;
	font-weight:600;
}

.cart-section .totals-table .proceed-btn{
    padding:14px 25px;
    line-height: 24px;
	font-size:14px;
	color:#ffffff;
	font-weight:700;
	line-height: 20px;
	text-transform:capitalize;
	background-color:#eea803;
	border: 1px solid transparent;
	font-family: 'Playfair Display', serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.cart-section .totals-table .proceed-btn:hover{
	background-color:#ffffff;
	color: #222222;
	border: 1px solid #222222;
}

.shipping-block{
	position:relative;
}

.shipping-block .inner-box{
	position:relative;
	padding:40px 30px 20px;
	border:1px solid #dddddd;
	margin-bottom:50px;
}

.shipping-block .inner-box h3{
	position:relative;
	color:#333333;
	font-size:24px;
	font-weight:700;
	margin-bottom:4px;
	text-transform:capitalize;
}

.shipping-block .inner-box h4{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:400;
	margin-bottom:22px;
	text-transform:capitalize;
}

.shipping-form{
	position:relative;
}

.shipping-form .row{
	position:relative;
	margin:0px -10px;
}

.shipping-form .form-group{
	position:relative;
	margin-bottom:20px;
	padding:0px 10px;
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:50px;
	font-size:16px;
	border:1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus{
	border-color:#eea803;
}

.shipping-form button{
    padding:14px 25px;
    line-height: 24px;
	font-size:14px;
	color:#ffffff;
	font-weight:700;
	line-height: 20px;
	text-transform:capitalize;
	background-color:#eea803;
	border: 1px solid transparent;
	font-family: 'Playfair Display', serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shipping-form button:hover{
	background-color:#ffffff;
	color: #222222;
	border: 1px solid #222222;
}

/*====================================================================
		CheckOut Section
====================================================================*/

.checkout-page{
	position:relative;
	padding:120px 0px 90px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:30px;
}

.checkout-page .default-links li{
	line-height:20px;
	padding:15px 25px;
	font-size:16px;
	font-weight: 400;
	color:#222222;
	background-color :#ffffff;
	border:1px solid #dddddd;
	margin-bottom: 30px;
}

.checkout-page .default-links li .far{
	position:relative;
	display: inline-block;
	font-size:14px;
	line-height: 20px;
	color:#eea803;
	margin-right:20px;
}

.checkout-page .default-links li a{
	color:#eea803;
	font-size: 16px;
	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;
}

.checkout-page .default-links li a:hover{
	color: #eea803;
	text-decoration: underline;
}	

.checkout-page .sec-title{
	margin-bottom: 20px;
} 

.checkout-page .sec-title h3{
	font-size: 24px;
	line-height: 1.2em;
	color: #0c242e;
	font-weight: 400;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.checkout-form{
	position:relative;
	margin-bottom: 50px;
}

.checkout-form .column{
	position: relative;
	margin-bottom: 40px;
}

.checkout-form .column .inner-column{
	position: relative;
	padding: 30px 30px;
	border:1px solid #dddddd;
}

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

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:capitalize;
	color:#222222;	
	font-size:15px;
	font-weight:500;
	margin-bottom:10px;
}

.checkout-form .form-group .field-label span{
	position: relative;
	font-size: 16px;
	color: #222222;
	display: block;
	font-weight: 600;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:15px;
	color: #009fe9;
}

.checkout-form .form-group .text{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height: 24px;
}

.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;
	font-size: 16px;
	line-height:20px;
	color: #777777;
	padding:14px 22px;
	height:50px;
	border:1px solid #e0e0e0;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.checkout-form select{
	cursor:pointer;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.checkout-form textarea{
	resize:none;
	height:160px !important;	
	padding-left: 30px;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color: #eea803;
}

.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:normal;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#333333;
}

.checkout-page .lower-content{
	margin-top:30px;
}

.checkout-page .lower-content .order-column{
	margin-bottom:40px;
}

.checkout-page .lower-content .column h2{
	position:relative;
	color:#222222;
	font-size:24px;
	margin-bottom:30px;
	padding-bottom:12px;
}

.checkout-page .lower-content .column h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:40px;
	height:2px;
	background-color:#fa9928;
}

/*Coupon Box*/

.coupon-box{
	position:relative;
	padding:25px 25px;
	margin-bottom:25px;
	background-color:#f5f5f5;
}

.coupon-form{
	position:relative;
}

.coupon-form .form-group{
	position:relative;
	margin-bottom:0px;
}

.coupon-form .form-group input[type="text"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:44px;
	font-size:14px;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.coupon-form .form-group input[type="text"]:focus{
	border-color: #eea803;
}

.coupon-form button{
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	padding:8px 26px;
	text-transform:capitalize;
}

.order-box{
	position:relative;
	padding: 30px 30px;
	margin-bottom: 50px;
	font-family: "Ubuntu", sans-serif;
	border:1px solid #dddddd;
}

.order-box .sec-title{
	margin-bottom: 25px;
}

.order-box .sec-title h3{
	border-bottom: 0;
	padding-bottom: 0;
}

.order-box .title-box{
	position:relative;
	padding:15px 15px;
	font-weight: 500;
	color: #ffffff;
	background-color :#222222;
}

.order-box .title-box .col{
	position:relative;
	width:50%;
	float:left;
	color:#ffffff;
	font-size: 16px;
	line-height: 25px;
}

.order-box ul{
	position:relative;
}

.order-box ul li{
	position:relative;
	padding: 25px 30px;
	font-size: 16px;
	font-weight: 500;
	color: #777777;
	line-height: 30px;
	border-bottom:1px solid #cccccc;
}

.order-box ul li strong{
	color:#222222;
	font-weight: 500;
	font-size:16px;
}

.order-box ul li span{
	padding: 0 15px;
	width:50%;
	float:right;
	color:#eea803;
	font-size:16px;
}

.order-box ul li span.free{
	color:#777777;
}

.order-box ul li:last-child{
	border-bottom: 0;
}

.payment-box{
	position:relative;
	padding: 30px 50px;
	border:1px solid #dddddd;
	margin-bottom: 50px;
}

.payment-box .upper-box{
	position:relative;
	border-bottom:1px solid #b7b7b7;
}

.payment-options{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;	
}

.payment-box .payment-options li{
	position:relative;
	margin-bottom:15px;	
}

.payment-box .payment-options li .radio-option{
	position:relative;		
}

.payment-box .payment-options li .radio-option label{
	position:relative;
	display:block;
	padding-left:30px;
	font-weight: 500;
	text-transform:capitalize;
	color:#222222;
	cursor:pointer;
	font-size:16px;
}

.payment-box .payment-options li .radio-option label strong{
	font-weight: 400;
}

.payment-box .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:7px;	
}

.payment-box .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	line-height:1.8em;
	padding:15px 20px;
	margin-top:20px;
	background-color :#eea803;
}

.payment-box .payment-options li .radio-option input:checked + label .small-text{
	display:block;
}

.payment-box .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 #eea803;
}

.payment-box .payment-options li .radio-option label img{
	position:relative;
	display:block;
	max-width:100%;
	padding-left:30px;	
	margin-top:20px;
}

.payment-box .payment-options li .radio-option .what-paypall{
	position:relative;
	display:block;
	color:#0c242e;
	font-size:16px;
	font-weight:400;
	margin-left:120px;
	margin-top:10px;
}

.payment-box .lower-box{
	position:relative;
	padding: 30px 0 0;
	text-align: right;
}

.payment-box .lower-box .theme-btn{
	padding: 13px 32px;
	font-weight: 400;
	margin-right: 0;
}

/*** 

====================================================================
		Login Section
====================================================================

***/

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

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

.login-section h2{
	position:relative;
	color:#6c757d;
	font-size:28px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:25px;
}

.login-form{
	position:relative;
	margin-bottom:40px;
	padding:30px 40px 25px;
	background-color: rgba(0,0,0,0.02);
	max-width: 500px;
	margin: 0 auto;
	border-radius: 0 0 10px 10px;
}

.login-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.login-form .form-group label{
	position:relative;
	top:-1px;
	color:#999999;
	font-weight:400;
	font-size:16px;
}

.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: #777777;
	font-size:16px;
	border:1px solid #dddddd;
	background-color: #ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.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:#eea803;
}

.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;
	width: 100%;
}

.login-form .psw{
	position:relative;
	color:#999999;
	font-size:16px;
	transition: all 300ms ease;
}

.login-form .psw:hover{
	text-decoration: underline;
}

/***

==================================================================
		Right To Left Style
==================================================================

***/

.rtl{
	direction: rtl;
	text-align: right;
}

.rtl .cart-table tbody tr .qty .item-quantity,
.rtl .styled-pagination,
.rtl .owl-carousel{
	direction: ltr !important;
}

.rtl .main-header .main-menu,
.rtl .contact-info-tabs .tab-btn,
.rtl .main-menu .navigation > li,
.rtl .main-header .header-top .social-icon-one,
.rtl .skills .skill-item .skill-header .skill-title,
.rtl .feature-tabs .tab-btns .tab-btn,
.rtl .product-details .basic-details .item-quantity,
.rtl .main-header .top-left{
	float: right;
}

.rtl .contact-form .form-inner,
.rtl .header-style-two .nav-outer,
.rtl .header-style-three .nav-outer,
.rtl .skills .skill-item .skill-header .skill-percentage,
.rtl .call-to-action .btn-column .inner,
.rtl .main-header .header-top .btn-box,
.rtl .main-header .outer-box,
.rtl .main-header .top-right{
	float: left;
}

.rtl .feature-block-four .icon,
.rtl .author-box .thumb,
.rtl .latest-news .post-thumb,
.rtl .project-detail .project-info li .icon,
.rtl .payment-box .payment-options li .radio-option input[type="radio"],
.rtl .comments-area .comment-box .author-thumb,
.rtl .feature-block-two .icon,
.rtl .testimonial-block .info-box .thumb,
.rtl .list-style-one li:before,
.rtl .newsletter-section .title-column .icon-box,
.rtl .skills .skill-item .skill-bar .bar-inner .bar,
.rtl .list-style-three li:before,
.rtl .main-footer .contact-info-list li span,
.rtl .main-footer .list li:before,
.rtl .call-to-action .icon-certificate,
.rtl .video-section .play-now,
.rtl .main-menu .navigation > li > ul,
.rtl .main-header .info-box .icon-box,
.rtl .sec-title h2:after{
	left: auto;
	right: 0;
}

.rtl .about-us .image-column .image-2,
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn,
.rtl .comments-area .comment-box .reply-btn,
.rtl .sidebar .search-box .form-group button,
.rtl .subscribe-form .form-group input[type="submit"], 
.rtl .subscribe-form .submit-btn,
.rtl .video-section .image-column .image-box{
	right: auto;
	left: 0;
}

.rtl .main-menu .navigation > li > ul > li > ul{
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: 30px;
}

.rtl .devider:before{
	display: none;
}

.rtl .text-center .devider:before,
.rtl .devider:after{
	display: block;
}

.rtl .fixed-header .sticky-header .logo,
.rtl .header-style-two .logo-outer,
.rtl .header-style-three .logo-outer
{
	float: right !important;
}

.rtl .main-header .upper-right,
.rtl .fixed-header .sticky-header .nav-outer{
	float: left !important;
}

.rtl .main-header .search-box-outer .dropdown-menu{
	right: auto !important;
	left: 0 !important;
}

.rtl .mobile-menu .nav-logo,
.rtl .about-us.style-two .image-column .image,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
	text-align: right;
}

.rtl .features-section .image-column .inner-column{
	text-align: left;
}

.rtl .main-header .header-top .btn-box{
	margin-left: 0;
	margin-right: 20px;
}

.rtl .main-header .info-box{
	padding-left: 0;
	padding-right: 65px;
	text-align: right;
}

.rtl .about-us .about-years{
	padding-left: 0;
	padding-right: 190px;
}

.rtl .about-us .about-years:before{
	left: auto;
	right: 170px;
}

.rtl .about-us .about-years span{
	left: auto;
	right: 0;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .about-us .image-column .float-text{
	right: auto;
	left: -160px;
}

.rtl .service-block .inner-box{
	padding-left: 30px;
	padding-right: 150px;
}

.rtl .service-block .icon-box{
	left: auto;
	right: 20px;
}

.rtl .service-block .inner-box:before{
	left: auto;
	right: -40px;
}

.rtl .call-to-action .title-column .inner{
	padding-left: 0;
	padding-right: 90px;
}

.rtl .feature-tabs .tabs-content .tab .price{
	right: auto;
	left: 30px;
}

.rtl .video-section .content-box{
	padding-left: 0;
	padding-right: 130px;
}

.rtl .video-section .image-column .image-box{
	transform: scaleX(-1);
}

.rtl .skills .skill-item .skill-header .skill-title .icon{
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

.rtl .testimonial-block .info-box{
	padding-left: 0;
	padding-right: 95px;
}

.rtl .testimonial-block .inner-box:before{
	right: auto;
	left: 40px;
}

.rtl .news-block .post-info li{
	margin-right: 0;
	margin-left: 10px;
}

.rtl .news-block .post-info li span{
	margin-right: 0;
	margin-left: 3px;
}

.rtl .main-footer .man-image{
	right: auto;
	left: -50px;
}

.rtl .main-footer .contact-info-list li{
	padding-left: 0;
	padding-right: 30px;
}

.rtl .main-footer .list li{
	padding-left: 0;
	padding-right: 20px;
}

.rtl .social-icon-two li{
	margin-right: 0;
	margin-left: 10px;
}

.rtl .header-style-two .search-box-outer{
	margin-left: 0;
	margin-right: 40px;
}

.rtl .main-menu .navigation > li{
	margin-right: 0;
	margin-left: 50px;
}

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

.rtl .main-header .cart-btn{
	float: right;
	margin-left: 25px;
	margin-right: 0;
}

.rtl .banner-section-two .images-outer{
	right: auto;
	left: 0;
	transform: scaleX(-1);
}

.rtl .banner-section-two .icon-cogs-2{
	left: auto;
	right: -320px;
}

.rtl .sticky-header .main-menu .navigation > li{
	margin-left: 0;
	margin-right: 40px;
}

.rtl .list-style-one li{
	padding-left: 0;
	padding-right: 25px;
}

.rtl .list-style-one li:before{
	transform: scaleX(-1);
}

.rtl .about-us.style-two .image-column .inner-column:before{
	right: auto;
	left: 80px;
}

.rtl .about-us.style-two .image-column .image-2{
	right: auto;
	left: 30px;
}

.rtl .why-choose-us .image-column .inner-column:before{
	right: auto;
	left: 50px;
}

.rtl .contact-form .float-icon{
	left: auto;
	right: 30px;
}

.rtl .contact-info-tabs .float-icon{
	right: auto;
	left: 50px;
}

.rtl .contact-info-tabs .tabs-content h4 .icon{
	margin-right: 0;
	margin-left: 10px;
}

.rtl .list-style-three li{
	padding-left: 0;
	padding-right: 20px;
}

.rtl .contact-info-tabs .tabs-content .branch-list li span{
	margin-right: 0;
	margin-left: 10px;
}

.rtl .contact-info-tabs .tabs-content .branch-list li{
	padding-right: 0;
}

.rtl .contact-info-tabs .tabs-content .time-table,
.rtl .contact-info-tabs .tabs-content .list-style-three{
	padding-left: 0;
	padding-right: 30px;
}

.rtl .contact-form .form-group .icon{
	left: auto;
	right: 20px;
}

.rtl .contact-form .form-group input[type="text"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group input[type="url"],
.rtl .contact-form .form-group input[type="number"],
.rtl .contact-form .form-group input[type="date"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group textarea,
.rtl .contact-form .form-group select{
	padding-left: 20px;
	padding-right: 50px;
}

.rtl .newsletter-section .title-column .inner-column{
	padding-left: 0;
	padding-right: 70px;
}

.rtl .subscribe-form .form-group{
	padding-right: 0;
	padding-left: 60px;
}

.rtl .header-style-three .nav-outer .cart-btn{
	float: right;
	margin-left: 25px;
	margin-right: 0;
}

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

.rtl .feature-block-three .inner-box{
	padding-left: 0;
	padding-right: 65px;
}

.rtl .feature-block-three .icon-box{
	left: auto;
	right: 0;
}

.rtl .about-section-two .image-column .inner-column:before{
	transform: translateX(-50px);
}

.rtl .products-section .owl-nav{
	right: auto;
	left: 30px;
}

.rtl .page-breadcrumb li:first-child::after{
	display: none;
}

.rtl .page-breadcrumb li:last-child::after{
	display: block;
}

.rtl .page-breadcrumb li:last-child,
.rtl .page-breadcrumb li{
	margin-right:10px;
	padding-right:15px;
}

.rtl .page-breadcrumb li:first-child{
	padding-right:0px;
	margin-right:0px;
}

.rtl .newsletter-section .form-column .inner-column{
	padding-left: 0;
	padding-right: 70px;
}

.rtl .coming-soon .emailed-form .form-group input[type="submit"], 
.rtl .coming-soon .emailed-form button{
	right: auto;
	left: 25px;
}

.rtl .feature-block-two .inner-box{
	padding-left: 0;
	padding-right: 60px;
}

.rtl .service-detail .prod-tabs .tab-btns .tab-btn{
	float: right;
	margin-left: 5px;
	margin-right: 0;
}

.rtl .project-detail .project-info li{
	padding-left: 0;
	padding-right: 30px;
}

.rtl .project-detail .text-column .inner-column{
	padding-right: 0;
	padding-left: 30px;
}

.rtl .category-list li a{
	padding-left: 20px;
	padding-right: 45px;
}

.rtl .category-list li a:before{
	left: auto;
	right: 20px;
	transform: scaleX(-1);
}

.rtl .category-list li a span{
	float: left;
}

.rtl .latest-news .post{
	padding-left: 0;
	padding-right: 110px;
}

.rtl .sidebar .popular-tags li{
	margin-right: 0;
	margin-left: 5px;
}

.rtl .sidebar-page-container .our-shop, 
.rtl .sidebar-page-container .blog-single, 
.rtl .sidebar-page-container .blog-sidebar{
	padding-right: 0;
	padding-left: 20px;
}

.rtl .author-box .inner-box{
	padding-left: 0;
	padding-right: 160px;
}

.rtl .comments-area .comment{
	padding-left: 0;
	padding-right: 100px;
}

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .shop-comment-form .rating-box .text{
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.rtl .checkout-page .default-links li .far{
	margin-right: 0;
	margin-left: 20px;
}

.rtl .checkout-form select{
	background-position: 5% center;
}

.rtl .payment-box .payment-options li .radio-option label{
	padding-left: 0;
	padding-right: 30px;
}

.rtl .payment-box .payment-options li .radio-option label .small-text:before{
	left: auto;
	right: 30px;
}

.rtl .payment-box .payment-options li .radio-option .what-paypall{
	margin-left: 0;
	margin-right: 120px;
}

.rtl .comments-area .comment-box.reply-comment{
	margin-left: 0;
	margin-right: 100px;
}

.rtl .mobile-menu .close-btn{
	right: auto;
	left: 20px;
}

.rtl .product-details .basic-details .item-quantity{
	margin-right: 15px;
	margin-left: 25px;
	direction: ltr;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
	right: auto;
	left: 0;
	transform: scaleX(-1);
}

.rtl .coming-soon .cs-countdown div:before{
	display: block;
}

.rtl .coming-soon .cs-countdown div:first-child:before{
	display: none;
}

.rtl .feature-block-four .inner-box{
	padding-left: 0;
	padding-right: 110px;
}

/*** 

====================================================================
	Box Layout
====================================================================

***/

.box-layout .page-wrapper{
	max-width: 1280px;
	margin: 0 auto;
	background-color: #ffffff;
	overflow: hidden;
	box-shadow: 0 0 50px rgba(0,0,0,0.10);
}

.box-layout{
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
	background-image: url(../images/background/boxed-bg/1.png);
}

.box-layout .sticky-header{
	max-width: 1280px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.box-layout .fixed-footer{
	position: absolute;
}

.box-layout .coming-soon{
	position: relative;
}

.box-layout .coming-soon .content{
	position: relative;
}

/****************************
FORM ERROR
*******************************/

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    font-size: 13px;
    color: #ff0000;
}
.iti {
    position: relative;
    display: block;
}
.iti__country {
    padding: 5px 10px;
    outline: 0;
    line-height: 24px;
}

/* ------------------------------------
        02. Team Grid Styles
---------------------------------------*/
.services-grid-style {
}



.services-grid-style .grid-style img {
    width: 100%;
}
.services-grid-style .grid-style .team-item-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.services-grid-style .grid-style .team-item-wrap {
    text-decoration: none;
}
.services-grid-style .grid-style .team-item-wrap .services-img {
    position: relative;
}
.services-grid-style .grid-style .team-item-wrap .services-img img {
    width: 100%;
}
.services-grid-style .grid-style .team-item-wrap .services-img .normal-text {
    position: absolute;
    left: 0px;
    bottom: 10px;
}
.services-grid-style .grid-style .team-item-wrap .services-img .normal-text .team-name {
    background: #fab81c;
    margin-bottom: 0;
    padding: 3px 5px;
    display: block;
}
.services-grid-style .grid-style .team-item-wrap .services-img .normal-text .team-name {
    color: #000;
    position: relative;
    margin-bottom: -9px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    z-index: 111;
}
.services-grid-style .grid-style .team-item-wrap .services-img .normal-text .team-name:hover {
    color: #fab81c;
}
.services-grid-style .grid-style .team-item-wrap .services-img .normal-text .subtitle {
    background: #333;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 10px 20px;
    display: block;
}
.services-grid-style .grid-style .team-item-wrap .team-content {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    top: 10%;
    left: 0;
    text-align: center;
    z-index: 11;
    padding: 30px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}
.services-grid-style .grid-style .team-item-wrap .team-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0);
    z-index: -1;
    transition: .5s;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table {
    display: table;
    height: 100%;
    width: 100%;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell .team-name {
    margin-bottom: 3px;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell .team-name{
    margin-bottom: 5px;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell .team-name:hover {
    color: #fab81c;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell .team-title {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    border: none;
    color: #22b8f2;
    position: relative;
    z-index: 111;
}
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
	color: #ffffff;
	font-weight:600;
	
}
.services-grid-style .grid-style .team-item-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 32px;
    width: 32px;
    background: transparent;
    border-top: 3px solid;
    border-top-color: currentcolor;
    border-left: 3px solid;
    border-left-color: currentcolor;
    transition: all 0.2s;
    z-index: 11;
}
.services-grid-style .grid-style .team-item-wrap:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    height: 32px;
    width: 32px;
    background: transparent;
    border-right: 3px solid;
    border-right-color: currentcolor;
    border-bottom: 3px solid;
    border-bottom-color: currentcolor;
    transition: 0.5s;
}
.services-grid-style .grid-style .team-item-wrap:before,
.services-grid-style .grid-style .team-item-wrap:after {
    border-color: #fab81c;
}
.services-grid-style .grid-style .team-item-wrap:hover:before {
    width: 0px;
    height: 0px;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    border-right: none;
    z-index: 100;
    top: -3px;
}
.services-grid-style .grid-style .team-item-wrap:hover:before {
    border-left: 52px solid #fab81c;
}
.services-grid-style .grid-style .team-item-wrap:hover:after {
    width: 0px;
    height: 0px;
    border-top: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: none;
    z-index: 100;
}
.services-grid-style .grid-style .team-item-wrap:hover:after {
    border-right: 50px solid #fab81c;
}
.services-grid-style .grid-style .team-item-wrap:hover .team-content {
    opacity: 1;
    top: 0;
}
.services-grid-style .grid-style .team-item-wrap:hover .services-img .normal-text {
    opacity: 0;
    visibility: hidden;
}
.box-l{ width:37%; height:auto; float:left; margin:0 3% 0 0; }
.box-r{ width:60%; height:auto; float:left;}



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

.services-grid-style .grid-style .team-item-wrap .team-content {
  
    padding: 10px;
   
}
.services-grid-style .grid-style .team-item-wrap:hover:before {
    border-left: 20px solid #fab81c;
	border-bottom: 20px solid transparent;
}
.services-grid-style .grid-style .team-item-wrap:hover:after {
    border-right: 20px solid #fab81c;
	border-top: 20px solid transparent;
}
   
	.services-grid-style .grid-style .team-item-wrap .services-img .normal-text .team-name {
    
    padding: 4px 5px;
  font-size: 11px;
	font-weight:500;
    line-height: 16px;
}
	
	.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell .team-name {
    
 font-size: 12px;
}
	
.services-grid-style .grid-style .team-item-wrap .team-content .display-table .display-table-cell p {
   
	font-size: 10px;
    line-height: 12px;
    margin: 0;
    font-weight: 400;
}

}


 .error-msg{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
            .success-msg{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
            .info{font-size:11px;line-height: 20px;color: #f00;}
            .captchaRefresh{color:#FFF;}
			
			
			/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

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

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

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

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

.mobile-menu .navigation li > ul > li > a {
	color:#fff;
}

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

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

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

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

.lt-tab {
	display: none;
}


/* css ravi start */

#callme-1 { bottom: 65px; position: fixed; right: 20px; z-index: 100;}
#callme-2 { bottom: 15px;position: fixed; right: 20px; z-index: 100;}
.mobilemode{ display:none;}

/* css rakesh start */
.new-milestones {overflow: auto;  background: #000406;  border-top: 1px solid #eea803;  border-bottom: 1px solid #eea803;}
.mile-detail { border-left:1px solid #eea803; border-right:1px solid #eea803; margin:0px 0px; padding:15px; overflow: auto; }
.mile-text-box {float: left;    text-align: center;    width: 75%; }
.mile-detail p {color:#fff;font-size:17px;}
.mile-detail h4 { padding-bottom: 5px; font-weight: 600; font-size: 26px; color: #eea803;}
.mile-detail font {font-size:33px;}
.mile-detail h4 span {font-size:14px; }
.mile-icon {height:60px; width:60px; float:left; margin-right: 15px;}
.ft-n-bdr { border:none;}
.f-no-pad {padding:0px;}
/*New Design css*/

.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}
.close:not(:disabled):not(.disabled){cursor:pointer}
button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;pointer-events:none; border-radius: 5px; margin: 50px 10px;}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem; background:#ffb301; position:relative; padding:10px 0;}
.modal-header h2 { color: #fff; display: inline-block; font-size: 19px; font-weight: normal; text-align: center; text-transform: uppercase; padding: 0 20px; letter-spacing: 1px;}
.modal-header .close { background: none; color: #fff; float: right; font-size: 25px; line-height: 35px;
  position: absolute; right: 10px; top: 0; z-index: 10; opacity:1; font-weight:normal;}
.modal-title{line-height:1.5; color: #1c1c1c; font-size: 23px; font-weight: 600; margin-top:10px; }
.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:55px 30px 30px; text-align:center;}
.modal-body p span{ margin-bottom:5px; display:inline-block;}
.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}

.modal-footer>:not(:first-child){margin-left:.25rem}
.modal-footer>:not(:last-child){margin-right:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){
	.modal-dialog{max-width:700px;margin:1.75rem auto}
	.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
	.modal-sm{max-width:300px}
}
@media (min-width:992px){.modal-lg{max-width:800px}}
.modal-body{}
.modal-body iframe{ width:100%; height:350px;}
.modal-body .namecol{ width:100%; margin-bottom:10px;}
.modal-body .namecol input, .modal-body .namecol.textcol textarea{ padding:8px 10px;}

.modal-body.modalpopupForm{ padding:30px 10px 10px;}
.modal-body.modalpopupForm img{ max-width:100%;}
.modal-body.modalpopupForm h3{ text-align:left; font-weight:normal; margin-bottom:20px; font-size:18px;}
.callBtn_us{}
.callBtn_us h2{ }
.pop-name{ margin-bottom:20px;}
.pop-name input { border: 1px solid #d4d0ba; border-radius: 5px; padding: 10px; width: 100%;}
.pop-name-sub{ text-align:left;}

/*===================================  End Popup Css  ================================================*/

.modalpopupForm{}
.modalpopupForm .form-group{ margin-bottom:15px; padding:0 10px; float:left; width:100%;}
.modalpopupForm .form-group input{ border:2px solid #d0d0d0; background:#fff; border-radius:5px; height:45px;}
.modalpopupForm .form-group .btnsubmit { background: #ffb301; border: medium none; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-family: "Playfair Display",serif; font-size: 14px; font-weight: bold; letter-spacing: 1px; padding: 12px 30px; text-transform: uppercase;}

.modalpopupForm .form-group .caplabel{ float:left; width:100%; text-align:left;}
.modalpopupForm .form-group .capvalue{ float:right; width:30%;}
.modalpopupForm .form-group .capinput{ float:left; width:70%;}
.modalpopupForm .form-group .info { color: #f00; font-size: 11px; line-height: 20px;}

/* css ravi end */

.mobilemode{ display:none;}



/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
/* css ravi start */
	
	.sub-footer { padding-bottom: 35px;}
	
	.desktopmode{ display:none;}
	.mobilemode { background: #0c242e;
background: -moz-linear-gradient(top, #0c242e 1%, #001118 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0c242e 1%,#001118 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0c242e 1%,#001118 100%); bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); display: block; height: 44px;  position: fixed; width: 100%; text-align:center; padding-top:6px; z-index:200;}
	.mobcall1 { display: inline-block; padding:2px 15px 2px 10px; vertical-align: middle; margin: 0 0 0 0; border-right:1px solid #ffb301;}
	.mobcall1 a { color: #ffb301; font-size: 14px; font-weight: bold; text-transform: uppercase;}
	.mobcall1 a:hover{ text-decoration:none;}
	.mobcall2{ display:inline-block; padding:0 10px; border-right:1px solid #ffb301;}
	.mobcall2 a{}
	.mobcall3{ display:inline-block; padding:0 10px;}
	.mobcall3 a{}
	.mobposition{ position:relative;}
	.mobposition:before{  }
	
	/* css ravi end */
	
}
@media screen and (max-width:320px)
{

	
	/* css ravi start */
	.modalpopupForm .form-group .capvalue{ width:33%;}
	.modalpopupForm .form-group .capinput { width: 66%;}
	/* css ravi end */	
}

@media screen and (max-width:580px) {
	.review-block { margin: 0;}
	.review-1-inner { margin: 0;}
}

@media screen and (max-width:767px) {
	.review-1-img { margin: 0; text-align: center; display: none}
	.review-1 {    width: 86%;}
}

  
@media screen and (max-width: 766px) and (min-width: 320px) {
	.new-milestones {padding:15px 0px;}
.mile-detail {
	border: 1px solid #eea803;
    margin: 10px 0px;
}
.mile-text-box {
	width:70%;
}
}