/* Generate - Factory and Industries HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style two / Style three / Sticky Header
5. Hidden Sidebar 
6. Page Title
7. Main Slider
8. Banner Section
9. Welcome Section
10. About Section
11. About Company
12. Video Section / Two
13. Services Section / Two / Three
14. Service Detail Section
15. History and Testimonial
16. Fun Fact Section / Two
17. Projects Section / Two / Three / Four
18. Project Details
19. FAQ Section
20. Call Back Section
21. Features Section
22. Testimonial Section
23. Team Section
24. News Section / TWo / Three
25. Blog Detail
26. Styled Pagination
27. Subscribe Section
28. Clients Section
29. Contact Section
30. Contact Info Section
31. Contact Page Section
32. Contact Map Section
33. Main Footer / Two / Three
34. Sidebar Page Container
35. Comment Area
36. Comment Form
36. Shop Item
36. PrOduct Detail
36. Product Tabs
40. CheckOut Section
41. Cart Section
41. Login Section

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

/*** 

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

 ***/

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


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

/*** 

====================================================================
		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: 'Roboto', sans-serif;
}

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

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

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

textarea{
	overflow:hidden;	
	resize: none;
}

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

p,.text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	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;
}

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

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

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

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

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #2259C6;
	-webkit-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
}

.btn-style-one:hover{
	color: #ffffff;
	-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#222222;
	padding: 13px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
	border:2px solid #2259C6;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-two:hover{
	color: #ffffff;
	border:2px solid #2259C6;
	-webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}

/*Btn Style Three*/
.btn-style-three{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 13px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #222222;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-three:hover{
	color: #ffffff;
	-webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 13px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #222222;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-four:hover{
	color: #2259C6;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*Btn Style Five*/

.btn-style-five{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #2259C6;
}

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

/*Btn Style Six*/

.btn-style-six{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#222222;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
}

.btn-style-six:hover{
	color: #ffffff;
	background-color: #2259C6;
}

/*Btn Style Seven*/

.btn-style-seven{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#222222;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
}

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

/*Btn Style c*/

.btn-style-eight{
	position:relative;
	font-size:16px;
	line-height:26px;
	color:#2259C6;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	border:2px solid #2259C6;
	background-color: #ffffff;
}

.btn-style-eight:hover{
	color: #ffffff;
	background-color: #2259C6;
}

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

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

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

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

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

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

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

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

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

/*** 

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

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#1b1a1c;
	display:none;
	border-radius: 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;		
}

.scroll-to-top .fa{
	font-weight:900;	
}

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

/*** 

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

***/

.main-header{
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	z-index: 9999;
}

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

.main-header .header-top .inner-container{
	position: relative;
	padding: 0 40px;
}

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

.main-header .top-left ul{
	position: relative;
	padding: 14px 0;
}

.main-header .top-left ul li{
	position: relative;
	display:inline-block;
	padding-left: 45px;
	font-size: 14px;
	line-height: 24px;
	color: #dddddd;
	font-weight: 400;
	margin-right: 33px;
}

.main-header .top-left ul li a{
	color: #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;
}

.main-header .top-left ul li a:hover{
	color: #2259C6;
}

.main-header .top-left ul li i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	line-height: 25px;
	color: #2259C6;
}

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

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

.main-header .top-right .top-links li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #dddddd;
	font-weight: 400;
	margin-left: 25px;
}

.main-header .top-right .top-links li a{
	color: #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;
}

.main-header .top-right .top-links li a:hover{
	color: #2259C6;
}

.main-header .top-right .social-icon-one{
	position: relative;
	float: right;
	margin-left: 55px;
	padding: 15px 0;
}

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

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

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

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	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;
}

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

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

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

.main-header .header-lower .inner-container{
	position: relative;
	padding: 0 40px;
}

.main-header .header-lower .main-box{
	position: relative;
	padding-left: 260px;
}

.main-header .header-lower .logo-box{
	position: absolute;
	left: 0;
	top: 0;
}

.main-header .header-lower .logo{
	position: relative;
	padding: 10px 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;

}
@media screen and (min-width: 768px){

	.main-header .header-lower .logo{
		line-height: 60px;
	}

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

	width:auto;

	height: auto;
	z-index:35;
}

.main-header .header-lower .nav-outer{
	position: relative;
	float: left;
	width: 100%;
	border-left: 1px solid #cccccc;
}

.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-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

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

.navbar-toggler{
	border: 0 !important;
}

.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;
	margin-left: 45px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

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

.main-menu .navigation > li.dropdown > a:after{
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position:absolute;
	right:0px;
	top: 25px;
	color:#222222;
	line-height:30px;
	font-size:14px;
	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;
}

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

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

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

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

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:220px;
	padding:0px 0px;
	z-index:100;
	background-color: #222222;
	border-top:2px solid #2259C6;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:top;
	-ms-transform-origin:top;
	-moz-transform-origin:top;
	transform-origin:top;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

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

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

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

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

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:-2px;
	width:220px;
	padding:0px;
	z-index:100;
	display:none;
	background-color: #222222;
	border-top:2px solid #2259C6;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:top;
	-ms-transform-origin:top;
	-moz-transform-origin:top;
	transform-origin:top;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

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

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

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

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

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

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-moz-transform:scaleY(1);
	transform:scaleY(1);
	visibility:visible;
	opacity:1;	
}

.main-menu .navbar-collapse > ul 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:30px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

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

/*search box btn*/

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

.main-header .search-box-btn{
	position: relative;
	height: 80px;
	width: 80px;
    cursor: pointer;
    background: none;
    font-size: 18px;
    color: #222222;
	outline: none;
	border-left: 1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

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

.main-header .search-box-outer .dropdown-menu{
	top:100% !important;
	right: 0 !important;
	left:auto !important;
	padding:0px;
	width:280px;	
	border-radius:0px;
	border-top:3px solid #25262c;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	-ms-transform: translate3d(0px, 0px, 0px) !important;
	-moz-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

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

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

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

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

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

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

.main-header .cart-btn a{
	position: relative;
	display: block;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	border-left: 1px solid #cccccc;
	font-size: 25px;
	color: #222222;
	z-index: 9;
}

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

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

.main-header .call-btn a{
	position: relative;
	display: block;
	font-size: 16px;
	padding: 25px 60px;
	min-height:80px;
	border-radius: 0;
}

/*** 

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

***/

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

.header-style-two .header-upper{
	position:relative;
	z-index:5;
	z-index: 99999;
	background-image: url(../images/icons/pattern.png);
	background-repeat: repeat;
	background-position: right;
}

.header-style-two .header-upper .inner-container{
	position: relative;
	background-color: #222222;
	padding-right: 40px;
}

.header-style-two .header-upper .inner-container:before{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #222222;
	height: 100%;
	width: 1000%;
	content: "";
}

.header-style-two .header-upper .logo-outer{
	position:relative;
	float: left;
	z-index:25;
}

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

.header-style-two .logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.header-style-two .header-upper .upper-right{
	position:relative;
	float: right;
	padding-top: 30px;
}

.header-style-two .info-box{
	position:relative;
	float:left;
	padding-left: 55px;
	margin-left: 40px;
	min-height:40px;
}

.header-style-two .info-box .icon-box{
	position:absolute;
	left:0px;
	top: 0;
	line-height: 40px;
	text-align: center;
	font-size: 34px;
	color: #2259C6;
	font-weight: 400;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-two .info-box li{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	font-weight:400;
}

.header-style-two .info-box li span{
	position:relative;
	display: block;
	font-size: 12px;
	color: #bbbbbb;
	font-weight:400;
	line-height: 15px;
	margin-bottom: 5px;
}

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

.header-style-two .header-lower{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	min-height: auto;
	z-index: 99999;
	background-color: transparent;
}

.header-style-two .header-lower .main-box{
	padding: 0;	
	background-color: #2259C6;
}

.header-style-two .header-lower .main-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #2259C6;
	content: "";
}

.header-style-two .header-lower .nav-outer{
	float: left;
	width: 100%;
	padding-left: 80px;
	border: 0;
}

.header-style-two .header-lower .nav-toggler{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.header-style-two .header-lower .nav-toggler .nav-btn{
	height: 50px;
	width: 50px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	background-color: #222222;
	cursor: pointer;
}

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

.header-style-two .main-menu .navigation > li > a{
	color: #ffffff !important;
	text-transform: uppercase; 
    padding: 10px 0;
}

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

.header-style-two .header-lower .social-icon-three{
	position: relative;
	float: left;
}

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

.social-icon-three li{
	position: relative;
	float: left;
	margin-left: 10px;
}

.social-icon-three li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	width: 35px;
	text-align: center;
	color: #222222;
	padding: 10px 0;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	color: #ffffff;
	background-color: #222222;
}

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

.header-style-two .search-box-btn{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #2259C6;
	font-weight: 400;
	padding: 10px 0;
	width: 50px;
	background-color: #ffffff;
	text-align: center;
	height: auto;
	border:0;
	border-radius: 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;
}

.header-style-two .search-box-btn:hover{
	background-color: #222222;
	color: #ffffff;
}

.header-style-two .search-box-outer .dropdown-menu{
}

/*** 

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

***/

.header-style-three{
    position: absolute;
    width: 100%;
    z-index: 999999;
	transition: all 300ms ease;
}

.header-style-three .header-lower{
	position: relative;
	background-color: transparent;
	transition: all 300ms ease;
}

.header-style-three .header-lower .main-box,
.header-style-three .header-lower .inner-container{
	padding: 0;
}

.header-style-three .header-lower .logo-box{
	position: relative;
	float: left;
	background-color: white!important;
}

.header-style-three .header-lower .logo{
	padding: 20px 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;
}

.header-style-three .header-lower .nav-outer{
	float: right;
	width: auto;
	border: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;
}

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

.header-style-three .main-menu .navigation > li:before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0px;
	height: 0px;
	width: 2px;
	background-color: #2259C6;
	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;
}

.header-style-three .main-menu .navigation > li:hover:before,
.header-style-three .main-menu .navigation > li.current:before{
	height: 30px;
}

.header-style-three .main-menu .navigation > li > a{
	color: #ffffff;
	text-transform: uppercase; 
    padding: 35px 0;
}

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

.header-style-three .header-lower .nav-outer .outer-box{
	position: relative;
	padding-left: 20px;
	padding-top: 25px;
}

.header-style-three .call-btn{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding: 10px 90px 10px 80px; 
	background-color: #2259C6;
	border-radius: 25px 0 0 25px;
}

.header-style-three .call-btn i{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: #222222;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
}

.header-style-three.fixed-header .header-lower{
	background-color: rgba(0,0,0,0.90);
	z-index:999;
	opacity:1;
	visibility:visible;
	position: relative;
}

/*** 

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

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
}

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

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

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

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

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

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

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

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

/***

====================================================================
	Hidden Sidebar style
====================================================================

***/


.hidden-bar{
	position: fixed;
    right: -500px;
    top: 0px;
    max-width: 100%;
	height:100%;
	overflow-y:auto;
    z-index: 99999;
    opacity: 0;
	background-color: #222222;
    visibility: hidden;
    -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;
}

.side-content-visible .hidden-bar{
	right:0px;
	opacity:1;
	visibility:visible;
}

.hidden-bar .inner-box{
	position:relative;
	background-color: #222222;
	padding:55px 30px 50px;
}

.hidden-bar .inner-box .cross-icon{
	position:absolute;
	right:30px;
	top:30px;
	cursor:pointer;
	color:#ffffff;
	font-size:20px;
}

.hidden-bar .inner-box h2{
	position:relative;
	font-size:28px;
	font-weight:500;
	line-height:1.2em;
	color:#ffffff;
	margin-bottom:20px;
}

/*Appointment Form*/

.hidden-bar .appointment-form{
	position:relative;
}

.hidden-bar .appointment-form .form-group{
	position:relative;
	margin-bottom:15px;
}

.hidden-bar .appointment-form input[type="text"],
.hidden-bar .appointment-form input[type="email"],
.hidden-bar .appointment-form textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:23px;
	padding:10px 25px;
	height:45px;
	color:#ffffff;
	font-size:16px;
	border:1px solid rgba(255,255,255,0.10);
	background:none;
	transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
}

.hidden-bar .appointment-form input::placeholder,
.hidden-bar .appointment-form textarea::placeholder{
	color:#bdbdbd;
}

.hidden-bar .appointment-form input:focus,
.hidden-bar .appointment-form textarea:focus{
	border-color: #ffffff;
}

.hidden-bar .appointment-form textarea{
	height:135px;
	resize:none;
}

.hidden-bar .appointment-form .form-group button{
	margin-top:10px;
	display: block;
	width: 100%;
	border-radius: 0;
	font-weight: 500;
}

.contact-info-box{
	position:relative;
	padding-top:20px;
}

.contact-info-box .info-list{
	position:relative;
	padding-bottom:18px;
	margin-bottom:25px;
}

.contact-info-box .info-list li{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	margin-bottom:5px;
}

.contact-info-box .info-list:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:1px;
	background-color:#ffffff;
}

.contact-info-box .social-list{
	position:relative;
}

.contact-info-box .social-list li{
	position:relative;
	width:50%;
	float:left;
	margin-bottom:6px;
	display:inline-block;
}

.contact-info-box .social-list li a{
	position:relative;
	font-size:15px;
	font-weight:500;
	color:rgba(255,255,255,0.50);
	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;
}

.contact-info-box .social-list li a:hover{
	color:rgba(255,255,255,0.80);
}

.form-back-drop{
	position:fixed;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0,0,0,0.70);
	visibility:hidden;
	z-index:99999;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.side-content-visible .form-back-drop{
	opacity:1;
	visibility:visible;
}

.mCSB_inside>.mCSB_container{
	margin-right: 0;
}

/*** 

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

***/

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

.sec-title .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.sec-title h2{
	display: block;
	font-size:38px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	font-weight: bold;
	padding-bottom: 25px;
}

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

.sec-title .text{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-top: 30px; 
}

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

.sec-title.light .title{
	color: #dddddd;
}

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

/*** 

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

***/

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

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

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

.page-title h1{
	position:relative;
	float: left;
	font-size:60px;
	color:#ffffff;
	line-height: 60px;
	font-weight: 500;
}

.page-title h1:before{
	position: absolute;
	right: -30px;
	top: 0;
	font-size: 60px;
	line-height: 60px;
	color: #2259C6;
	font-weight: 500;
	content: ".";
}

.page-title .bread-crumb {
	position: relative;
	float: right;
	padding: 15px 0;
}

.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #2259C6;
	font-weight: 400;
	text-transform: capitalize;
	cursor: default;
	padding-right:  15px;
	margin-right: 5px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: 3px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	content: "|";
}

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

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

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

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

/*** 

====================================================================
			Main Slider
====================================================================

***/

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

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

.main-slider .tp-dottedoverlay{
	background:rgba(37,37,37,0.55);
}

.main-slider .left-border{
	position: relative;
	display: block;
	height: 207px;
	width: 2px;
	background-color: #ffffff;
}

.main-slider h2{
	font-size:72px;
	line-height:96px;
	color: #ffffff;
	font-weight:500;
	font-family: "Rubik", sans-serif;
}

.main-slider h2 span{
	color: #2259C6;
}

.main-slider .text{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
}

.main-slider .btn-box{
	position: relative;
}

.main-slider .btn-box a{
	margin-right: 30px;
	padding: 15px 40px;
}

.main-slider .project-box{
	position: relative;
}

.main-slider .project-box .inner-box{
	position: relative;
	background-color: #f5f5f5;
	text-align: center;
	padding: 50px 50px;
	border-radius: 10px;
	width: 100%;
}

.main-slider .project-box .icon{
	position: relative;
	display: block;
	font-size: 110px;
	line-height: 1em;
	color: #2259C6;
	margin-bottom: 25px;
}

.main-slider .project-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 35px;
}

.main-slider .project-box .link{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider .project-box .link i{
	color: #2259C6;
	margin-left: 5px;
}

.main-slider .project-box .link:hover{
	color: #2259C6;
}

.main-slider .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #2259C6;
	font-weight: 700;
	text-transform: uppercase; 
}

.main-slider.style-two .tp-dottedoverlay{
	background:rgba(34,34,34,0.50);
}

.main-slider.style-two h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
}

.main-slider.style-two .text{
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
}

.main-slider.style-two .btn-box{
	position: relative;
}

.main-slider.style-two .btn-box .theme-btn{
	padding: 10px 35px;
	padding-right: 88px;
}

.main-slider.style-two .btn-box .theme-btn i{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background-color: #ffffff;
	text-align: center;
	color: #222222;
	line-height: 50px;
	border-radius: 0 50px 50px 0;
}

/*** 

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

***/

.banner-section{
	position: relative;
}

.banner-carousel{
 	position: relative;
}

.banner-carousel .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 230px 0 270px;
}

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

.banner-carousel .content-box{
	position: relative;
	padding: 100px 100px;
	padding-right: 0;
}

.banner-carousel .content-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 250px;
	border:20px solid #2259C6;
	opacity: 0.50;
	content: "";
}

.banner-carousel h2{
	position: relative;
	font-size: 54px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(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-carousel .active h2{
	opacity: 1;
	visibility: visible;
	-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-carousel .link-box{
	position: relative;
}

.banner-carousel .link-box .link{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	-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-carousel .link-box .link:hover{
	color: #2259C6;
}

.banner-carousel .link-box .link i{
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	margin-left: 5px;
}

.banner-section .float-text{
    position: absolute;
    right: -60px;
    bottom: 350px;
    font-size: 18px;
    line-height: 30px;
    padding: 25px 0;
    display: block;
    color: #ffffff;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    letter-spacing: 0.50em;
    text-transform: uppercase;
    z-index: 9;
}

.banner-section .left-bar{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100px;
	background-color: #222222;
	z-index: 99;
}

.banner-section .social-icon{
	position: absolute;
	left: 0;
	bottom: 70px;
}

.banner-section .social-icon li{
	position: relative;
	display: block;
	width: 100px;
	margin-bottom: 32px;
	text-align: center;
}

.banner-section .social-icon li a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	color: #dddddd;
	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;
}

.banner-section .social-icon li a:hover{
	color: #2259C6;
}

.banner-carousel .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
	max-width: 1170px;
	margin: 0 auto;
    z-index: 99;
}

.banner-carousel .owl-prev, 
.banner-carousel .owl-next{
	position: relative;
	display: inline-block;
	line-height: 24px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Rubik", sans-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;
}

.banner-carousel .owl-next{
	margin-left: 20px;
}

.banner-carousel .owl-prev:hover, 
.banner-carousel .owl-next:hover{
	color: #2259C6;
}

.banner-carousel .owl-dots {
	position: absolute;
	bottom: 0;
	right: 80px;
	width: 80px;
	height: 140px;
	padding: 0 15px;
	text-align: right;
	border-radius: 40px 40px 0 0;
	background-color: #2259C6;
	counter-reset: slides-num;
}

.banner-carousel .owl-dots:after {
	content:"0" counter(slides-num);
	display: inline-block;
	line-height: 70px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: middle;
	color: #ffffff;
	font-family: "Rubik", sans-serif;
}

.banner-carousel .owl-dot {
	display: inline-block;
	counter-increment: slides-num;
}

.banner-carousel .owl-dot span {
 	display: none;
}

.banner-carousel .owl-dot.active:before {
	content:"0" counter(slides-num) "/";
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 50px;
	color: #222222;
	position: absolute;
	font-weight: 700;
	left: 14px;
	top: 10px;
	font-family: "Rubik", sans-serif;
	width: 30px;
}

/*** 

====================================================================
			Welcome Section
====================================================================

***/

.welcome-section{
	position: relative;
	padding: 60px 0;
	background-color: #f5f5f5;
}

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

.welcome-section .title-column .inner-column{
	position: relative;
	text-align: right;
	padding-right: 30px;
	border-right: 1px solid #dddddd;
}

.welcome-section .title-column h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 42px;
	color: #2259C6;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.welcome-section .title-column h2 span{
	color: #222222;
	text-transform: uppercase;
}

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

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

.welcome-section .text-column .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
}

/*** 

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

***/

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

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

.about-section .image-column .inner-column{
	position: relative;
	margin-right: -100px;
	padding-right: 100px;
	text-align: right;
}

.about-section .image-column .inner-column:before{
	position: absolute;
	left: 0;
	top:100px;
	height: 530px;
	width: 700px;
	border:13px solid #2259C6;
	content: "";
	z-index: 1;
}

.about-section .image-column .title-box{
	position: absolute;
	top: 345px;
	left: 70px;
	width: 100%;
	text-align: left;
	z-index: 9;
}

.about-section .image-column .title-box h2{
	position: relative;
	display: block;
	font-size: 72px;
	line-height: 1em;
	color: #2259C6;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
}

.about-section .image-column .title-box .sub-title{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-top: 10px;
}

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

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

.about-section .image-column img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.about-section .content-column{
	position: relative;
	z-index: 9;
}

.about-section .content-column .inner-column{
	position: relative;
	padding-top: 175px;
}

.about-section .content-column .content-box{
	position: relative;
	padding: 75px 70px 74px;
	background-color: #ffffff;
}

.about-section .content-column .content-box .sec-title{
	margin-bottom: 35px;
}

.about-section .content-column .content-box .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 45px;
}

.about-section .content-column .content-box .link-box{
	position: relative;
}

.about-section .content-column .content-box .link-box a{
	line-height: 20px;
	font-weight: 700;
}

/*** 

====================================================================
			About Company
====================================================================

***/

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

.about-company:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	opacity: 0.93;
}

.about-company .content-box{
	position: relative;
	text-align: center;
	max-width: 715px;
	margin: 0 auto;
}

.about-company .image-box{
	position: relative;
	margin-bottom: 25px;
}

.about-company .image-box .image{ 
	position: relative;
	margin-bottom: 0;
}

.about-company .image-box .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
} 

.about-company h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.about-company h3 a{
	color: #222222;
}

.about-company .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 30px;
}

/*** 

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

***/

.video-section{
	position: relative;
	transform: translateY(-50%);
	z-index: 99;
}

.video-section .content-box{
	position: relative;
	background-image: url(../images/icons/video-bg.jpg);
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
	border:4px solid #ffffff;
	box-shadow: 0 0 35px rgba(0,0,0,.25);
	max-width: 970px;
	margin: 0 auto;
}

.video-section .content-box .inner-box{
	position: relative;
	padding: 35px 45px;
	padding-right: 220px;
}

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

.video-section .title-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #2259C6;
	font-weight: 500;
	margin-bottom: 11px;
}

.video-section .title-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
}

.video-section .title-box .text span{
	color: #2259C6;
}

.video-section .btn-box{
	position: relative;
	float: right;
	padding-top: 15px;
}

.video-section .btn-box a{
	padding: 10px 35px;
	line-height: 20px;
}

.video-section .video-box{
	position: absolute;
	right: 0;
	top: 0;
}

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

.video-section .video-box .image{
	position: relative;
	display: block;
	max-width: 140px;
	background-color: #2259C6;
}

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

.video-section .video-box a{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 145px;
	font-size: 28px;
	color: #ffffff;
}

/*** 

====================================================================
			Video Section Two
====================================================================

***/

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

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

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

.video-section-two .inner-container{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.video-section-two .video-box{
	max-width: 670px;
	width: 100%;
	height: auto;
	margin-bottom: 70px;
}

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

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

.video-box .image:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #2259C6;
	content: "";
	opacity: 0.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;
}

.video-box:hover .image:before{
	opacity: 0.30;
}

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

.play-now {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	-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: absolute;
    left: 50%;
    top: 50%;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    padding-left: 5px;
    background-color: #ffffff;
    color: #222222;
    z-index: 1;
    font-size: 19px;
    display: block;
    -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 5px 10px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .3);
    box-shadow: 0 5px 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);}
}

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

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

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

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

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

/*** 

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

***/

.services-section{
	position: relative;
	padding: 100px 0 0;
}

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

.services-carousel{
	position: relative;
	padding-bottom: 120px;
}

.service-block{
	position: relative;
}

.service-block .inner-box{
	position: relative;
	padding-top: 20px;
	background-color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.service-block .inner-box:hover{
	padding-top: 0;
}

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

.service-block .image-box figure{
	position: relative;
	margin-bottom: 0;
}

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

.service-block .lower-content{
	position: relative;
	padding: 0 20px;
	z-index: 9;
}

.service-block .lower-content .inner{
	position: relative;
	width: 100%;
	padding: 30px 30px;
	background-color: #ffffff;
	top: -45px;
	-webkit-box-shadow: 0 0 24px rgba(0,0,0,0.09);
	-moz-box-shadow: 0 0 24px rgba(0,0,0,0.09);
	-ms-box-shadow: 0 0 24px rgba(0,0,0,0.09);
	-o-box-shadow: 0 0 24px rgba(0,0,0,0.09);
	box-shadow: 0 0 24px rgba(0,0,0,0.09);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border-bottom: 2px solid transparent;
}

.service-block .inner-box:hover .lower-content  .inner{
	border-bottom: 2px solid #2259C6;
}

.service-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.service-block .lower-content h3 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;
}

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

.service-block .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 15px;
}

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

.service-block .lower-content .link-box a{
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Rubik", sans-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;
}

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

.service-block .lower-content .link-box a i{
	color: #2259C6;
}

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

.services-carousel .owl-next,
.services-carousel .owl-prev{
	position: absolute;
	left: -110px;
	bottom: 0;
	height: 40px;
	width: 40px;
	background-color: #2259C6;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-carousel .owl-next{
	left: auto;
	right: -110px;
}

.services-carousel .owl-next:hover,
.services-carousel .owl-prev:hover{
	background-color: #222222;
	color: #2259C6;
}

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

.services-carousel .owl-dot{
	position: relative;
	display: inline-block;
	width: 8px;
	height: 25px;
	bottom: -0px;
	background-color: #e1e1e1;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-carousel .owl-dot:hover{
	background-color: #2259C6;
}

.services-carousel .owl-dot.active{
	background-color: #2259C6;
	height: 40px;
	bottom: -8px;
}

.services-section.alternate{
	padding: 100px 0;
}

.services-section.alternate .service-block{
	margin-bottom: 20px;
}

.services-section.alternate .styled-pagination{
	margin-top: 20px;
}

/*** 

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

***/

.services-section-two{
	position: relative;
	padding-top: 30px;
}

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

.services-section-two .single-item-carousel{
	position: relative;
	padding-top: 60px;
}

.services-section-two .slide-item{
	position: relative;
	border:2px dashed #d7d7d7;
	padding: 60px 40px 10px;
}

.services-section-two .slide-item .column{
	position: relative;
}

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

.serivce-block-two .inner-box{
	position: relative;
	padding-left: 80px;
}

.serivce-block-two .icon-box{
	position: absolute;
	left: 0;
	top: 0;
}

.serivce-block-two .icon-box .icon{
	display: block;
	font-size: 50px;
	line-height: 1em;
	color: #2259C6;
	font-weight: 400;
}

.serivce-block-two h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

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

.serivce-block-two h3 a:hover{
	color: #2259C6;
}

.serivce-block-two .text{
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 10px;
}

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

.serivce-block-two .link-box a{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #222222;
	font-family: "Rubik", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.serivce-block-two .link-box a i{
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #2259C6;
}

.serivce-block-two .link-box a:hover{
	color: #2259C6;
}

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

.services-section-two .title-column .inner-column{
	position: relative;
}

.services-section-two .title-column .title-box{
	position: relative;
	padding: 70px 50px 50px;
}

.services-section-two .title-column .title-box .title{
	color: #2259C6;
}

.services-section-two .title-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.80;
	content: '';
}

.services-section-two .title-box .text{
	position: relative;
	display: block;
}

.services-section-two .title-box .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

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

.services-section-two .owl-dots{
	position: absolute;
	left: 0;
	top: 20px;
}

.services-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 4px;
	background-color: #000000;
	border: 5px solid #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}

.services-section-two .owl-dot.active,
.services-section-two .owl-dot:hover{
	border: 5px solid #ffffff;
	background-color: #2259C6;
}

.services-section-two .owl-dot:before{
	position: absolute;
	height: 20px;
	width: 20px;
	left: -5px;
	top: -5px;
	content: '';
	border: 1px solid #152545;
	opacity: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}

.services-section-two .owl-dot.active:before,
.services-section-two .owl-dot:hover:before{
	opacity: 1;

}

/*** 

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

***/

.services-section-three{
	position: relative;
	padding: 100px 0 60px;
}

.service-block-three{
	position: relative;
	margin-bottom: 40px;
	border-right: 1px solid #dddddd;
}

.service-block-three:last-child{
	border-right: 0;
}

.service-block-three .inner-box{
	position: relative;
	text-align: center;
	padding: 0 30px;
}

.service-block-three .icon{
	position: relative;
	display: block;
	font-size: 50px;
	line-height: 1em;
	color: #bbbbbb;
	margin-bottom: 25px;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}

.service-block-three .inner-box:hover .icon{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	color: #2259C6;
}

.service-block-three h3{
	position: relative;
	display: block;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.2em;
	color: #222222;

	margin-bottom: 20px;
}

.service-block-three h3 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;
}

.service-block-three h3 a:hover{
	color: #2259C6;
}

.service-block-three .text{
	position: relative;
	display: block;
	font-size:20px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

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

.service-block-three .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.2em;
	color: #2259C6;
	font-weight: 500;
	font-family: "Rubik", sans-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;
}

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

/*** 

====================================================================
		Service Detail Section
====================================================================

***/

.service-detail-section{
	position: relative;
	padding: 100px 0 60px;
}

.service-detail{
	position: relative;
}

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

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

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

.service-detail .lower-content h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #020202;
	font-weight: 500;
	margin-bottom: 25px;
}

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

.service-detail .lower-content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 28px;
}

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

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

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

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

.service-detail .two-column .info-column{
	position: relative;
	padding-top: 10px;
}

.service-detail .two-column .list-style-two li{
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

.service-detail .work-process-tabs .tab-btns .tab-btn{
	margin-right: 10px;
    font-size: 17px;
    line-height: 20px;
    padding: 10px 13px 8px;
    font-weight: 600;
    text-transform: uppercase;
    color: #777777;
}

.service-detail .work-process-tabs .tab-btns .tab-btn.active-btn{
	color: #ffffff;
}

.service-detail .tabs-column{
	margin-bottom: 30px;
}

.service-detail .tabs-column .inner-column{
	padding-right: 20px;
}

.service-detail .image-column .inner-column{
	margin-left: -20px;
}

/*=======================
	Service Tabs Style
=======================*/

.service-info-tabs{
	position:relative;
	margin-bottom: 30px;
}

.service-tabs .tab-btns{
	position:relative;
	z-index:1;	
}

.service-tabs .tab-btns .tab-btn{
	position:relative;
	float:left;
	top: 2px;
	margin-right:5px;
	font-size:16px;
	line-height:30px;
	color:#333333;
	font-weight:500;
	cursor:pointer;
	text-transform:capitalize;
	background-color: #ebebeb;
	border:2px solid #dddddd;
	padding:10px 25px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: "Rubik", sans-serif;
}

.service-tabs .tab-btns .tab-btn:hover:after,
.service-tabs .tab-btns .tab-btn.active-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-3px;
	width:100%;
	height:5px;
	background-color:#ffffff;
	border-bottom: 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-tabs .tab-btns .tab-btn:hover,
.service-tabs .tab-btns .tab-btn.active-btn{
	color:#2259C6;
	border-color:#dddddd;
	background:#ffffff;
}

.service-tabs .tabs-content{
	position:relative;
	padding:20px 30px 20px;
	border:2px solid #dddddd;
}

.service-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

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

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

.service-tabs .tabs-content .tab .content .thumb img{
	display: block;
	width: 100%;
}

.service-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:14px;
	line-height:30px;
	color:#777777;
	margin-bottom:0px;
}

/*Services Category*/

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

.services-list li{
	position:relative;
	overflow: hidden;
	margin-bottom: 10px;
}

.services-list li a{
	position:relative;
	font-size:14px;
	font-weight:500;
	color:#222222;
	line-height: 30px;
	padding: 15px 25px;
	display:block;
	font-family:"Rubik", sans-serif;
	border:1px solid #dddddd;
	border-radius: 0 30px 30px 0;
	overflow: hidden;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services-list li a:before{
	position:absolute;
	content: "\f101";
	right: 25px;
	top: 15px;
	font-size: 14px;
	color: #2259C6;
	line-height: 30px;
	font-weight: 900;
	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-list li.active a,
.services-list li:hover a{
	color: #ffffff;
}

.services-list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 0;
	content: "";
	background-color: #222222;
	z-index: -1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services-list li.active a:after,
.services-list li:hover a:after{
	width: 101%;
	border-left: 4px solid #2259C6;
}

/*Brochure links*/
.services-sidebar .links-box{
	position: relative;
}

.services-sidebar .links-box h4{
	display: block;
	font-size: 22px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 40px;
}

.services-sidebar .brochure-link{
	position: relative;
	margin-bottom:10px;
}

.services-sidebar .brochure-link a{
	position:relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding: 15px 30px;
	padding-left: 35px;
	background-color: #eeeeee;
	border-radius: 0 30px 30px 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.services-sidebar .brochure-link a i{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	margin-right: 25px;
	-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;
}

.services-sidebar .brochure-link a:hover i{
	color: #ffffff;
}

.services-sidebar .brochure-link a:hover{
	background-color: #2259C6;
	color: #ffffff;
}

/*brochure Box*/

.brochure-box{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	padding:45px 40px 45px;
	margin-bottom: 50px;
}

.brochure-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222222;
	opacity: 0.90;
	content: "";
}

.brochure-box > span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #2259C6;
	margin-bottom: 10px;
}

.brochure-box h4{
	position:relative;
	font-size:24px;
	line-height:1.2em;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.brochure-box p{
	position:relative;
	font-size:14px;
	line-height:28px;
	color:#cccccc;
	font-weight: 400;
	margin-bottom:25px;
}

.brochure-box .theme-btn{
	position: relative;
	padding: 10px 35px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #ffffff;
	border-radius: 30px;
	border: 1px solid #dddddd;
	background-color: transparent;
}

.brochure-box .theme-btn:hover{
	background-color: #2259C6;
	border-color: #2259C6;
}

/***

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

***/

.work-section{
	position: relative;
	padding: 100px 0;
}

.tabs-box{
	position: relative;
}

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

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

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

.work-section .tabs-column .inner-column{
	padding-top: 65px;
}

.work-process-tabs{
	position: relative;
}

.work-process-tabs .tab-btns{
	position: relative;
}

.work-process-tabs .tab-btns .tab-btn{
	position: relative;
	float: left;
	font-size: 24px;

	padding: 10px 25px 8px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222222;
	background-color: #ffffff;
	cursor: pointer;
	border-bottom: 2px solid #ebebeb;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.work-process-tabs .tab-btns .tab-btn.active-btn{
	background-color: #2259C6;
	border-bottom: 2px solid #2259C6;
}

.work-process-tabs .tab{
	position: relative;
	padding-top: 45px;
}

.work-process-tabs .tab .content{
	position: relative;
}

.work-process-tabs .tab .content .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #777777;
	max-width: 570px;
	font-weight: 400;
	margin-bottom: 35px;
}

.work-process-tabs .tab .content ul{
	max-width: 360px;
}

.work-process-tabs .tab .content ul li{
	position: relative;
	float: left;
	width: 50%;
}

.work-section{
	position: relative;	
}

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

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

.work-section .image-column .image-box{
	position: relative;
}

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

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

/*** 

====================================================================
				History and Testimonial
====================================================================

***/

.history-and-testimonial{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 0;
}

.history-and-testimonial:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 185px;
	width: 100%;
	background-color: #ffffff;
	z-index: 1;
	content: "";
}

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

.history-block .inner-box{
	position: relative;
	text-align: center;
	padding: 0 30px;
}

.history-block .history{
	position: relative;
	display: inline-block;
	height: 120px;
	width: 120px;
	border: 1px solid #dddddd;
	border-radius: 50%;
	padding: 15px;
	margin-bottom: 45px;
}

.history-block .history:before{
	position: absolute;
	top: 60px;
	left: 100%;
	width: 280px;
	height: 1px;
	background-color: #999999;
	content: "";
}

.history-block:last-child .history:after,
.history-block:last-child .history:before{
	display: none;
}

.history-block .history:after{
	position: absolute;
	top: 53px;
	right: -140px;
	width: 14px;
	height: 14px;
	background-color: #2259C6;
	content: "";
	border-radius: 50%;
}

.history-block .history span{
	position: relative;
	display: inline-block;
	height: 90px;
	width: 90px;
	background-color: #2259C6;
	line-height: 90px;
	border-radius: 50%;
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.history-block .inner-box:hover .history span{
	background-color: #ffffff;
	color: #2259C6;
}

.history-block h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 25px;
	font-family: "Rubik", sans-serif;
}

.history-block h3 a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.history-block h3 a:hover{
	color: #2259C6;
}

.history-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #cccccc;
	font-weight: 400;
}

.testimonial-area{
	position: relative;
	padding-top: 25px;
}

.testimonial-area .outer-box{
	position: relative;
	max-width: 1030px;
	padding: 50px 0;
	background-color: #ffffff;
	border: 1px solid #2259C6;
	z-index: 9;
	border-radius: 25px;
	margin: 0 auto;
}

.testimonial-area .outer-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/bg-map-2.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}

.testimonial-area .single-item-carousel{
	position: relative;
}

.testimonial-block-two{
	position: relative;
	max-width: 660px;
	margin: 0 auto;
}

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

.testimonial-block-two .thumb{
	position: relative;
	display: inline-block;
	height: 100px;
	width: 100px;
	margin-bottom: 30px;
}

.testimonial-block-two .thumb img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.testimonial-block-two .thumb .icon{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-color: #2259C6;
	color: #222222;
	font-size: 12px;
	line-height: 28px;	
	margin: 0 auto;
}

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

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

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

.testimonial-block-two .info .designation{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	color: #2259C6;
}

.testimonial-area .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.testimonial-area .owl-next,
.testimonial-area .owl-prev{
	position: absolute;
	top: -25px;
	left:-25px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #2259C6;
	font-size: 24px;
	line-height: 48px;
	color: #222222;
	font-weight: 400;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-area .owl-next{
	left: auto;
	right: -25px;
}

.testimonial-area .owl-next:hover,
.testimonial-area .owl-prev:hover{
	background-color: #2259C6;
	color: #ffffff;
}

/***

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

***/

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

.fun-fact-section:before{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 742px;
	height: 476px;
	background-image: url(../images/icons/bg-1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
}

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

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

.fun-fact-section .count-box{
	position: relative;
}

.fun-fact-section .count-box .icon{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 1em;
	color: #aaaaaa;
	margin-bottom: 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;
}

.fun-fact-section .count-box:hover .icon{
	color: #2259C6;
}

.fun-fact-section .count-box .count-text{
	position:relative;
	display: block;
	font-size:48px;
	line-height: 1.2em;
	font-weight:700;
	color:#2259C6;
	margin-bottom: 18px;
}

.fun-fact-section .count-box .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height: 1.2em;
	font-weight:500;
	color:#222222;
	margin-bottom: 15px;
}

.fun-fact-section .count-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
}

/***

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

***/

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

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

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

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

.fun-fact-section-two .count-box{
	position: relative;
	padding-left: 100px;
	font-size:36px;
	line-height: 42px;
	font-weight:700;
	color:#2259C6;
}

.fun-fact-section-two .count-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 65px;
	line-height: 1em;
	color: #000000;
	margin-bottom: 30px;
	font-weight: 400;
}

.fun-fact-section-two .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:36px;
	line-height: 42px;
	font-weight:700;
	color:#2259C6;
}

.fun-fact-section-two .count-box .counter-title{
	position: relative;
	display: block;
	font-size:16px;
	line-height:28px;
	font-weight:400;
	color:#777777;
	margin-bottom: 15px;
}

.fun-fact-section-two .count-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
}

/*** 

====================================================================
			Projects Section
====================================================================

***/

.projects-section{
	position: relative;
	background-color: #222222;
	width:100%;
}

.projects-section .outer-container{
	position: relative;
	width:100%;
}

.projects-section .title-box{
	position: absolute;
	left: 0;
	top: 90px;
	width:50%;
}

.projects-section .sec-title{
	position:relative;
	float:right;
	width:100%;
	max-width:600px;
	padding:0px 15px;
}

.projects-section .carousel-box{
	position:relative;
	float:right;
	width:50%;	
}

.projects-section .carousel-box .carousel-container{
	position:relative;
	display:block;
	margin-left:-600px;
	padding-left:15px;
}

.projects-carousel{
	position: relative;
}

.project-block{
	position: relative;
	padding-left: 370px;
}

.project-block .image-box{
	position:relative;
	display:block;
	width:100%;
	height:650px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;	
}

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

.project-block .image-box .image img{
	position:relative;
	display:block;
	width:100%;	
}

.project-block .info-box{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
	width: 370px;
	padding: 70px 50px 50px;
}

.project-block .info-box:before{
	position: absolute;
	top: 50%;
	right: -29px;
	margin-top: -30px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #ffffff;
	content: "";
	z-index: 9;
}

.project-block .info-box .slide-info{
	position:relative;
	display:inline-block;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #777777;
	font-size:18px;
	font-family: 'Rubik', sans-serif;
	font-weight:500;	
}

.project-block .info-box .slide-info .current{
	font-size:30px;	
}

.project-block .info-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #777777;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	margin-bottom: 20px;
}

.project-block .info-box h4 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-block .info-box h4 a:hover{
	color: #2259C6;
}

.project-block .text{
	position: relative;
	display: block;
	margin-bottom: 35px;
}

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

.project-block .btn-box a{
	display: inline-block;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	min-width: 120px;
	margin-right: 5px;
}

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

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

.projects-section .owl-nav{
	position:absolute;
	right:2px;
	bottom:2px;	
}

.projects-section .owl-nav .owl-prev,
.projects-section .owl-nav .owl-next{
	position:relative;
	float:left;
	width:52px;
	height:52px;
	line-height:52px;
	margin:0px 0px 0px 2px;
	padding:0px;
	text-align:center;
	color:#222222;
	background:#ffffff;
	font-size:20px;
	font-weight:400;	
}

.projects-section .owl-nav .owl-prev:hover,
.projects-section .owl-nav .owl-next:hover{
	color:#ffffff;
	background:#222222;	
}


/*** 

====================================================================
			Project Section Two
====================================================================

***/

.projects-section-two{
	position: relative;
	background-color: #222222;
}

.projects-section-two .inner-container{
	position: relative;
}

.projects-section-two .title-column{
	position: relative;
	float: left;
	left: 0;
	top: 0;
	height: 100%;
	width: 30%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.projects-section-two .title-column:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #2259C6;
	content: "";
	opacity: 0.90;
}

.projects-section-two .title-column .inner-column{
	position: relative;
	max-width: 350px;
	margin: 0 auto;
	padding: 100px 15px;
}

.projects-section-two .title-column .title{
	color: #ffffff;
}

.projects-section-two .title-column .sec-title h2:before{
	background-color: #ffffff;
}

.projects-section-two .title-column .text{
	position: relative;
}

.projects-section-two .title-column .text p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 30px;
}

.projects-section-two .title-column .btn-box{
	position: relative;
}

.projects-section-two .title-column .btn-box a{
	font-weight: 700;
}

.projects-section-two .carousel-column{
	position: relative;
	float: left;
	width: 70%;
}

.projects-section-two .carousel-column .inner-column{
	position: relative;
	padding: 80px 50px 40px;
}

.projects-section-two .projects-carousel-two{
	position: relative;
	padding-bottom: 60px;
}

.project-block-two{
	position: relative;
	padding-top: 20px;
}

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

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

.project-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.project-block-two .overlay-box{
	position: absolute;
	left: 0;
	top: -20px;
	height: 100%;
	width: 100%;
}

.project-block-two .overlay-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 60%;
	background: #2259C6 padding-box content-box;
	padding: 0 20px 0;
	opacity: 0;
	content: "";
	transition: all 300ms ease;
}

.project-block-two .image-box:hover .overlay-box:before{
	width: 100%;
	opacity: 0.90;
}

.project-block-two .overlay-box .title-box{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	padding-left: 50px;
	opacity: 0;
}

.project-block-two .image-box:hover .overlay-box .title-box{
	top: 25px;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.project-block-two .overlay-box .title-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

.project-block-two .overlay-box .title-box h4 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;
}

.project-block-two .overlay-box .title-box h4 a:hover{
	color: #ffffff;
}

.project-block-two .overlay-box .title-box span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	text-transform: uppercase;
}

.project-block-two .overlay-box .btn-box{
	position: absolute;
	left: 20px;
	bottom: 30px;
	opacity: 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;
}

.project-block-two .image-box:hover .overlay-box .btn-box{
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.project-block-two .overlay-box .btn-box .theme-btn{
	border-radius: 0 30px 30px 0;
	padding: 10px 22px;
	line-height: 20px;
	font-size: 14px;
}

.projects-carousel-two .owl-nav{
	display: none;
}

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

.projects-carousel-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #777777;
	margin: 0 4px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects-carousel-two .owl-dot:hover,
.projects-carousel-two .owl-dot.active{
	background-color: #2259C6;
}

/*** 

====================================================================
			Project Section Three
====================================================================

***/

.projects-section-three{
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0;
}

.projects-section-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	opacity: 0.93;
}

.projects-section-three .title-column{
	position: relative;
}

.projects-section-three .title-column .inner-column{
	position: relative;
}

.projects-section-three .sec-title{
	position: relative;
}

.projects-tabs{
	position: relative;
}

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

.projects-tabs .tab-btns .tab-btn{
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 28px;
	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;
}

.projects-tabs .tab-btns .tab-btn.active-btn{
	color: #2259C6;
}

.projects-tabs .link-box{
	position: relative;
}

.projects-tabs .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #2259C6;
	font-weight: 400;
	margin-top: 28px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.projects-tabs .link-box a:hover{
	color: #222222;
}

.projects-section-three .content-column{
	position: relative;
}

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

.projects-area{
	position: relative;
	margin: 0 -15px;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.projects-area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #222222;
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

.projects-area .project-block-two{
	max-width: 300px;
	width: 100%;
	float: left;
	padding: 0 15px;
    padding-top: 20px;
    margin-bottom: 30px;
}

/*** 

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

***/

.projects-section-four{
	position: relative;
	padding: 100px 0 100px;
}

.mixitup-gallery .filters{
 	margin-bottom:60px;
 	text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
 	display: inline-block;
}

.mixitup-gallery .filters li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #777777;
	font-weight: 500;
	cursor: pointer;
 	text-transform: capitalize;
 	padding: 0 20px;
 	font-family: "Rubik", sans-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;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	color: #2259C6;
}

.project-block-two.mix{
	display: none;
}

.projects-section-four .project-block-two{
	margin-bottom: 30px;
}

.projects-section-four .project-block-two .image-box .image img{
	border-radius: 10px;
}

.projects-section-four .styled-pagination{
	margin-top: 70px;
}

/*** 

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

***/

.project-details-section{
	position:relative;
	padding:100px 0px 50px;	
}

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

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

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

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

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

.project-detail h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #020202;
	font-weight: 500;
	margin-bottom: 30px;
}

.project-detail h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #020202;
	font-weight: 500;
	margin-bottom: 30px;
}

.project-detail p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

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

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

.project-detail .info-list{
	position: relative;
	border: 2px solid #dddddd;
	padding: 40px 35px 35px;
	font-family: "Rubik", sans-serif;
}

.project-detail .info-list li{
	position:relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 24px;
	padding-left: 60px;
}

.project-detail .info-list li strong{
	position:relative;
	display: block;
	font-size:16px;
	color: #020202;
	line-height: 24px;
	font-weight: 500;
}

.project-detail .info-list li .iocn{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	line-height: 24px;
	color: #bbbbbb;
}

.project-detail .info-list li:last-child{
	margin-bottom: 0;
}

.project-detail .two-column{
	position: relative;
	margin-bottom: 10px;
}

.project-detail .two-column .image{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

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

.post-controls{
	position:relative;
	padding:30px 0px;
	text-align:center;
	border-top:1px solid #d0d0d0;
}

.post-controls .theme-btn{
	position:relative;
	display:block;
	padding: 10px 35px;
	min-width: 140px;
}

/*=== Related Projects ===*/
.related-projects{
	position: relative;
	padding-bottom: 100px;
}

/*** 

====================================================================
			FAQ Section
====================================================================

***/

.faq-section{
	position: relative;
	padding: 100px 0;
}

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

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

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

.faq-section .title-column .image{
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.faq-section .title-column .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

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

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

.faq-section .accordion-box{
	position: relative;
}

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

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:28px;
	color:#222222;
	font-weight:400;
	cursor:pointer;
	padding:15px 25px 15px;
	padding-right: 50px;
	border:1px solid #cccccc;
	font-family: "Rubik", sans-serif;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
	margin-bottom: 0;
	background-color: #ff9326;
	color:#ffffff;
	border: 1px solid transparent;
}

.accordion-box .block .icon{
	position:absolute;
	right: 15px;
	top:15px;
	height: 30px;
	width: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #ff9326;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	opacity:1;
	z-index: 1;
	color: #222222;
	font-size: 16px;
	content: "\f056";
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
	background-color: #ffffff;
}

.accordion-box .block .content{
	position:relative;
	padding: 25px 25px 20px;
	padding-right: 40px;
	background: #ffffff;
	border:1px solid #cccccc;
	border-top: 0;
}

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

.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #777777;
}

/*** 

====================================================================
			Call Back Section
====================================================================

***/

.call-back-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding:95px 0 0px;
}

.call-back-section:before{
	position:absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 30%;
	background-image: url(../images/icons/pattern.png);
	content: '';
	background-repeat: repeat;
	background-position: center;
}

.call-back-section .form-column{
	position: relative;
}
 
.call-back-section .sec-title{
	margin-bottom: 50px;
}

.call-back-section .form-group{
	position:relative;
	margin-bottom:30px;	
}

.request-form .form-group input[type="text"],
.request-form .form-group input[type="email"],
.request-form .form-group input[type="url"],
.request-form .form-group textarea,
.request-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #bbbbbb;
    line-height: 20px;
    padding: 15px 28px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    font-weight: 400;
    border-radius: 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.request-form .form-group input:focus,
.request-form .form-group select:focus,
.request-form .form-group textarea:focus{
	border-color:#2259C6;
}

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

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

.call-back-section .image-column{
	position: relative;
}

.call-back-section .image-column .inner-column{
	position: relative;
	padding-top: 55px;
}

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

.call-back-section .image-column .image img{
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/*** 

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

***/

.features-section{
	position: relative;
}

.features-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern.jpg);
	background-repeat: repeat;
	background-position: center;
	content: "";
}

.features-section .inner-container{
	position: relative;
}

.features-section .image-column{
	position: relative;
	float: left;
	width: 45.6%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 190px;
}

.features-section .image-column .inner-column{
	position: relative;
	float: right;
	max-width: 500px;
	width: 100%;
}

.features-section .image-column .content-box{
	position: relative;
	float: left;
	max-width: 400px;
	width: 100%;
	padding: 40px 15px;
	padding-right: 60px;
}

.features-section .image-column .content-box:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #2259C6;
	opacity: 0.80;
	content: "";
}

.features-section .image-column .sec-title{
	margin-bottom: 25px;
}

.features-section .image-column .sec-title h2{
	color: #222222;
}

.features-section .image-column .sec-title h2:before{
	background-color: #ffffff;
}

.features-section .image-column .text{
	position: relative;
	color: #ffffff;
	display: block;
}

.features-section .features-column{
	position: relative;
	float: right;
	width: 54.4%;
	padding-top: 100px;
	z-index: 1;
}

.features-section .features-column .inner-column{
	position: relative;
	padding: 95px 100px 40px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 35px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 35px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 35px rgba(0,0,0,0.25);
	box-shadow: 0 0 35px rgba(0,0,0,0.25);
}

.features-section .features-column .sec-title{
	position: relative;
	margin-bottom: 45px;
}

.features-section .features-column .text{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

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

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

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

.feature-block .icon-box .icon{
	position: relative;
	font-size: 52px;
	line-height: 1em;
	color: #bbbbbb;
}

.feature-block h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 5px;
}	

.feature-block h4 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;
}

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

.feature-block .inner-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	margin-bottom: 0;
}

/*** 

====================================================================
			Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	padding: 95px 0 100px;
}

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

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

.testimonial-section .testimonial-column .inner-column{
	position: relative;
	padding-left: 100px;
	padding-top: 25px;
}

.testimonial-section .testimonial-column .inner-column:before{
	position: absolute;
	left: 0;
	top: 55px;
	height: 570px;
	width: 770px;
	background-image: url(../images/icons/pattern.png);
	background-repeat: repeat;
	background-position: center;
	content: "";
}

.testimonial-block{
	position: relative;
}

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

.testimonial-block .icon{
	position: relative;
	display: block;
	font-size: 72px;
	color: #2259C6;
	margin-bottom: 120px;
} 

.testimonial-block .text{
	position: relative;
	font-size: 20px;
	line-height: 2em;
	color: #555555;
	font-weight: 400;
	margin-bottom: 45px;
}

.testimonial-block .rating{
	position: relative;
	font-size: 18px;
	line-height: 2em;
	color: #2259C6;
	font-weight: 400;
	margin-bottom: 5px;
}

.testimonial-block .info-box{
	position: relative;
	padding-right: 100px;
	padding-top: 40px;
	min-height: 100px;
}

.testimonial-block .info-box .thumb{
	position: absolute;
	right: 0;
	top: 0;
	height: 100px;
	width: 100px;
}

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

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

.testimonial-block .info-box .designation{
	font-size: 18px;
	line-height: 36px;
	color: #777777;
	font-weight: 700;
}

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

.testimonial-section .image-column .inner-column{
	position: relative;
	padding-left: 70px;
}

.testimonial-section .image-column .image-box{
	position: relative;
}

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

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

.testimonial-section .image-column .caption-box .inner-box{
	position: relative;
	overflow: hidden; 
	padding: 28px 28px;
}

.testimonial-section .image-column .caption-box{
	position: absolute;
	left: 60px;
	bottom: 100px;
	background-color: #ffffff;
	max-width: 200px;
	width: 100%;
}

.testimonial-section .image-column .caption-box .inner-box:before{
	position: absolute;
	right: -12px;
	bottom: -15px;
	height: 112px;
	width: 100px;
	background-image: url(../images/icons/icon-globe.png);
	content: '';
}

.testimonial-section .image-column .caption-box:after{
	position: absolute;
	left: 20px;
	bottom: -15px;
	border-left: 9px solid transparent; 
	border-right: 9px solid transparent; 
	border-top: 15px solid #ffffff;
	content: "";
}

.testimonial-section .image-column .caption-box h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1em;
	color: #222222;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	margin-bottom: 10px;
}

.testimonial-section .image-column .caption-box span{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #777777;
	font-weight: 700;
}

.testimonial-section .owl-nav{
	position: absolute;
	top: 110px;
	right: 0px;
} 

.testimonial-section .owl-next,
.testimonial-section .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #222222;
	text-align: center;
	border:1px solid #222222;;
	background-color: #ffffff;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-next:hover,
.testimonial-section .owl-prev:hover{
	color: #2259C6;
	border-color: #2259C6;
}

/*** 

====================================================================
				team Section
====================================================================

***/

.team-section{
	position: relative;
	padding-top: 50px;
}

.team-tabs{
	position: relative;
}

.team-tabs .thumbs-column{
	order: 12;
}

.team-tabs .team-thumb{
	position: relative;
	margin:0 -15px;
}

.team-tabs .team-thumb .tab-btn{
	position: relative;
	float: left;
	width: 50%;
	padding: 0 15px;
	cursor: pointer;
}

.team-tabs .team-thumb .image-box{
	position: relative;
	display: block;
}

.team-tabs .team-thumb .image-box figure{
	position: relative;
	margin-bottom: 0;
}

.team-tabs .team-thumb .image-box img{
	width: 100%;
	height: auto;
}

.team-tabs .team-thumb .name{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #777777;
	font-weight: 700;
	padding: 10px 0;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-tabs .team-thumb .tab-btn:hover .name,
.team-tabs .team-thumb .active-btn .name{
	color: #2259C6;
}

.team-tabs .info-column{
	position: relative;
	z-index: 9;
}

.team-tabs .info-column:after{
	position: absolute;
	right: 15px;
	top: 0;
	height: 490px;
	width: 1000%;
	background-color: #f1f1f1;
	content: "";
	z-index: 1;
}

.team-tabs .info-column:before{
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	width: 1000%;
	background-image: url(../images/icons/pattern.png);
	background-repeat: repeat;
	content: "";
}

.team-tabs .team-info{
	position: relative;
	z-index: 99;
}

.team-info .image-column .inner-column{ 
	position: relative;
}

.team-info .image-column img{
	display: block;
	width: 100%;
} 

.team-info .content-column .inner-column{
	position: relative;
	padding: 95px 15px 30px;
}

.team-tabs .tabs-content .tab{
	display: none;
}

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

.team-info .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}	

.team-info .name{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500; 
	padding-bottom: 35px;
	margin-bottom: 45px;
}

.team-info .name 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;
}

.team-info .name a:hover{
	color: #00aeef;
}

.team-info .name:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 70px;
	background-color: #2259C6;
	content: "";
}

.team-info .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

.team-info .social-links{
	position: relative;
}

.team-info .social-links li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #777777;
	margin-right: 20px;
}

.team-info .social-links li a{
	display: block;
	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;
}

.team-info .social-links li a:hover{
	color: #2259C6;
}

/*** 

====================================================================
		News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 95px 0 60px;
}

.news-block{
	position: relative;
	margin-bottom: 40px;
}

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

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

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

.news-block .image-box .icon-box{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	background-color: #252525;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .image-box:hover .icon-box{
	background-color: #2259C6;
}

.news-block .image-box .owl-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -45px;
}

.news-block .image-box .owl-nav .owl-next,
.news-block .image-box .owl-nav .owl-prev{
	position: absolute;
	width: 25px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 17px;
	color: #ffffff;
	font-weight: 400;
	background-color: rgba(0,0,0,.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;
}

.news-block .image-box .owl-nav .owl-next{
	left: auto;
	right: 0;
}

.news-block .image-box .owl-nav .owl-next:hover,
.news-block .image-box .owl-nav .owl-prev:hover{
	color: #222222;
	background-color: rgba(255,255,255,0.80);
}

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

.news-block .lower-content{
	position: relative;
	padding: 24px 0 24px;
}

.news-block .lower-content .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	font-weight: 700;
	margin-bottom: 15px;
}

.news-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.news-block .lower-content h3 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;
}

.news-block .lower-content h3 a:hover{
	color: #2259C6;
}

.news-block .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 25px;
}

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

.news-block .lower-content .link-box a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #2259C6;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content .link-box a:hover{
	color: #222222;
}

.news-block .lower-content .link-box a i{
	margin-left: 5px;
}

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

.news-section .form-column .inner-column{
	position: relative;
	padding: 50px 40px 55px;
	background-color: #2259C6;
}

.news-section .form-column .inner-column:before{
    position: absolute;
    left: 2px;
    display: block;
    bottom: 45px;
    content: "\f1e1";
    font-family: 'Flaticon';
    font-size: 130px;
    color: #000000;
	opacity: 0.10; 
}

.subscribe-form{
	position: relative;
	text-align: center;
	margin-bottom: 75px;
}

.subscribe-form h3{
	position: relative;
	font-size: 30px;
	line-height: 42px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 55px;
}

.subscribe-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"],	
.subscribe-form .form-group textarea,
.subscribe-form .form-group select{
	position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #777777;
    font-weight: 400;
    padding: 16px 20px;
    width: 100%;
    height: 52px;
    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;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
    padding: 15px 30px;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top:30px;
    border-radius: 0;
}

.news-section .form-column .call-us{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
}

/***

====================================================================
			News Section Two
====================================================================

***/

.news-section-two{
	position: relative;
	padding: 100px 0;
}

.news-section-two .inner-container{
	position: relative;
}

.news-section-two .title-column{
	position: relative;
	float: left;
	width: 50%;
}

.news-section-two .title-column .inner-column{
	position: relative;
	float: right;
	max-width: 600px;
	padding: 60px 15px;
	padding-right:200px;
	width: 100%;
}

.news-section-two .title-column .content-box{
	max-width: 370px;
	width: 100%;
}

.news-section-two .title-column .text{
	position: relative;
	margin-bottom: 40px;
}

.news-section-two .title-column .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 28px;
}

.news-section-two .title-column .btn-box{
	position: relative;
}

.news-section-two .blocks-column{
	position: relative;
	float: right;
	width: 50%;
}

.news-section-two .blocks-column .inner-column{
	position: relative;
	display:block;
	margin-left:-100px;
}

.news-block-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 30px;
}

.news-block-two .inner-box{
	position: relative;
	padding: 60px 60px;
}

.news-block-two .inner-box:before,
.news-block-two .inner-box:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	background-color: #ffffff;
	opacity: 0.90;
	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;
}

.news-block-two .inner-box:after{
	top: auto;
	bottom: 0;
}

.news-block-two .inner-box:hover:before,
.news-block-two .inner-box:hover:after{
	height: 0;
}

.news-block-two .inner-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 25px;
}

.news-block-two .inner-box h4 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.news-block-two .inner-box .info{
	position: relative;
	z-index: 1;
}

.news-block-two .inner-box .info li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	font-weight: 400;
	padding-right: 15px;
	margin-right: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box .info li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	content: "|";
}

.news-block-two .inner-box .info li:last-child:before{
	display: none;
}

.news-block-two .inner-box:hover .info li{
	color: #ffffff;
}

/***

====================================================================
			News Section Three
====================================================================

***/

.news-section-three{
	position: relative;
	padding: 120px 0 80px;
}

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

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

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

.news-block-three .single-item-carousel{
	position: relative;
}

.news-block-three .image-box .owl-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -60px;
}

.news-block-three .image-box .owl-nav .owl-next,
.news-block-three .image-box .owl-nav .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	font-size: 18px;
	color: #222222;
	font-weight: 400;
	background-color: rgba(255,255,255,.70);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .image-box .owl-nav .owl-next{
	left: auto;
	right: 0;
}

.news-block-three .image-box .owl-nav .owl-next:hover,
.news-block-three .image-box .owl-nav .owl-prev:hover{
	background-color: rgba(0,0,0,.70);
	color: #ffffff;
}

.news-block-three .image-box .icon-box{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	background-color: #252525;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .image-box:hover .icon-box{
	background-color: #2259C6;
	color: #252525;
}

.news-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

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

.news-block-three .inner-box:hover .image-box .image img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-three .lower-content{
	position: relative;
	padding: 15px 0 0;
}

.news-block-three .lower-content .info{
	position: relative;
	margin-bottom: 25px;
	border-bottom: 1px solid #dddddd;
}

.news-block-three .lower-content .info li{
	position: relative;
	float: left;
	margin-right: 17px;
	padding-right: 17px;
	font-size: 14px;
	line-height: 50px;
	color: #777777;
	font-weight: 400;
}

.news-block-three .lower-content .info li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 50px;
	color: #777777;
	content: "|";
}

.news-block-three .lower-content .info li:last-child:before{
	display: none;
}

.news-block-three .lower-content .info li i{
	position: relative;
	display: inline-block;
	color: #777777;
	margin-right: 7px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .lower-content .info li a{
	position: relative;
	display: inline-block;
	color: #777777;
	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;
}

.news-block-three .lower-content .info li:hover  i,
.news-block-three .lower-content .info li a:hover{
	color: #2259C6;
}

.news-block-three .lower-content h4{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

.news-block-three .lower-content h4 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;
}

.news-block-three .lower-content h4 a:hover{
	color: #2259C6;
}

.news-block-three .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
}

.news-block-three .lower-content .link-box{
	position: relative;
	margin-top: 34px;
}

.news-block-three .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #2259C6;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block-three .lower-content .link-box a:hover{
	color: #222222;
}

.news-block-three .blockquote{
	position: relative;
	display: block;
	border: 1px solid #d7d7d7;
	padding: 80px 50px 30px;
	margin-top: 100px;
}

.news-block-three .blockquote .icon{
	position: absolute;
	left: 70px;
	top: -50px;
	height: 100px;
	width: 100px;
	background-color: #f6f6f6;
	line-height: 100px;
	text-align: center;
	font-size: 60px;
	color: #bbbbbb;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.news-block-three .blockquote h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 60px;
	color: #777777;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}

.news-block-three .blockquote h2 span{
	color: #2259C6;
	text-transform: uppercase;
}

.news-block-three .blockquote .author{
	position: absolute;
	right: 70px;
	line-height: 25px;
	color: #ffffff;
	font-size: 14px;
	background-color: #222222;
	padding: 0 15px;
	bottom: -12px;
}

.blog-default{
	position: relative;
}

.blog-default .styled-pagination{
	margin-top: 80px;
}

/*** 

====================================================================
			Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .news-block-three{
	position: relative;
}

.blog-detail .news-block-three h5{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.blog-detail .news-block-three p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

.blog-detail .post-images{
	position: relative;
	margin-bottom: 10px;
}

.blog-detail .post-images .row{
	margin: 0 -5px;
}

.blog-detail .post-images .row .columnn{
	padding: 0 5px;
}

.blog-detail .post-images .image{
	margin-bottom: 10px;
}

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

/*post share options*/

.blog-detail .post-share-options{
	position:relative;
	border: 1px solid #dddddd;
	margin-bottom: 60px;
}

.blog-detail .post-share-options .icon{
	position:relative;
	float: left;
	height: 48px;
	width: 50px;
	background-color: #ebebeb;
	text-align: center;
	font-size:18px;
	color:#222222;
	line-height: 48px;
}

.blog-detail .post-share-options .tags{
	position: relative;
	float: left;
	padding: 8px 25px;
}

.blog-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	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;
}

.blog-detail .post-share-options .tags a:hover{
	color: #2259C6;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
	float: left;
	padding: 10px 13px;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	float: left;
	margin: 0 13px;
}

.blog-detail .post-share-options .social-icon li a{
	position:relative;
	display: block;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	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;
}

.blog-detail .post-share-options .social-icon li a:hover{
	color: #2259C6;
}

/*Author Box*/

.author-box{
	position:relative;
	padding: 50px 50px;
	border: 1px solid #dddddd;
	margin-bottom: 55px;
	border-radius: 20px;
}

.author-box .inner-box{
	position:relative;
	padding-left: 190px;
	min-height: 150px;
	padding-top: 10px;
}

.author-box .thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}

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

.author-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 5px;
}

.author-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 18px;
}

.author-box .social-icon{
	position: relative;
}

.author-box .social-icon li{
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.author-box .social-icon li a{
	position:relative;
	display: block;
	font-size:14px;
	font-weight:400;
	line-height: 30px;
	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;
}

.author-box .social-icon li a:hover{
	color: #2259C6;
}

/* post-controls */
.blog-detail .post-controls{
	position: relative;
	text-align: left;
	padding: 35px 35px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 50px;
}

.blog-detail .post-controls .inner{
	position: relative;
}

.blog-detail .post-controls:before{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	border-right: 1px solid #dddddd;
	content: "";
}

.blog-detail .post-controls .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
}

.blog-detail .post-controls h5{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 500;
	max-width: 230px;
}

.blog-detail .post-controls h5 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-controls h5 a:hover{
	color: #2259C6;
}

.blog-detail .post-controls .prev-post{
	position: relative;
	float: left;
	width: 50%;
}

.blog-detail .post-controls .next-post{
	position: relative;
	float: right;
	width: 50%;
	text-align: right;
}

/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	display: inline-block;
	text-align: center;
	border: 1px solid #ebebeb;
	padding: 9px 0;
	background: rgb(255,255,255); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0;
	font-family: "Rubik", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:30px;
	width: 30px;
	text-align: center;
	line-height:30px;
	font-weight:400;
	font-size:13px;
	color:#222222;
	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;
}

.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#ffffff;	
	background:#2259C6;
}

.styled-pagination li.next-post a{
	width: 120px;
	padding: 0 15px;
	border-radius: 0;
	color: #020202;
	background-color: transparent !important;
	margin-left: 70px;
	text-align: right;
}

.styled-pagination li.prev-post a{
	width: 120px;
	padding: 0 15px;
	border-radius: 0;
	color: #020202;
	margin-right: 70px;
	background-color: transparent !important;
	text-align: left;
}

.styled-pagination li.prev-post a span,
.styled-pagination li.next-post a span{
	margin: 0 5px;
	display: inline-block;
}

.styled-pagination li.prev-post a:hover,
.styled-pagination li.next-post a:hover{
	color: #2259C6;
}

/***

====================================================================
			Subscribe Section
====================================================================

***/

.subscribe-section{
	position: relative;
}

.subscribe-section .outer-container{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	max-width: 1720px;
	margin: 0 auto;
}

.subscribe-section .outer-container:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222222;
	opacity: 0.60;
	content: "";
}

.subscribe-section .content-box{
	position: relative;
	padding: 90px 0;
}

.subscribe-section h3{
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 30px;
}

.subscribe-form-two{
	position: relative;
	max-width: 770px;
	margin-bottom: 20px;
}

.subscribe-form-two .form-group{
	position:relative;
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="email"],	
.subscribe-form-two .form-group textarea,
.subscribe-form-two .form-group select{
	position: relative;
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #777777;
    font-weight: 400;
    padding: 15px 50px;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    border-radius: 30px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two button{
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	padding: 15px 50px;
	font-weight: 700;
	border-radius: 0 30px 30px 0;
}

.subscribe-section .content-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

/*** 

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

***/

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

.clients-section.style-two{
	background-color: #f5f5f5;
}

.clients-section .sponsors-outer{
	position: relative;
}

.clients-section .slide-item{
	position: relative;
}

.clients-section .image-box{
	position: relative;
	margin: 0;
	text-align: center;
}

.clients-section .image-box img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	filter: -webkit-grayscale(1);
	filter: -moz-grayscale(1);
	filter: -ms-grayscale(1);
	filter: -o-grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .image-box:hover img{
	filter: -webkit-grayscale(0);
	filter: -moz-grayscale(0);
	filter: -ms-grayscale(0);
	filter: -o-grayscale(0);
	filter: grayscale(0);
}

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

/*** 

====================================================================
		Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	padding: 0 0 100px;
}

.contact-section .inner-container{
	position: relative;
}

.contact-section .form-column{
	position: relative;
	padding-top: 100px;
	max-width: 670px;
}

.contact-section .form-column .inner-column{
	position: relative;
}

.contact-form{
 	position: relative;
 	z-index: 1;
 	padding-right: 40px;
 	margin-bottom: 40px;
}

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

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

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #bbbbbb;
    font-weight: 400;
    height: 60px;
    padding: 15px 30px;
    background-color: transparent;
    border: 1px solid #dddddd;
    border-radius: 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;
}

.contact-form ::-webkit-input-placeholder{color: #999999;;}
.contact-form ::-moz-input-placeholder{color: #999999;;}
.contact-form ::-ms-input-placeholder{color: #999999;;}

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

.contact-form .form-group textarea{
	height: 200px;
	margin-bottom: 10px;
	border-radius: 15px;
	resize: none;
}

.contact-form .form-group input[type=submit],
.contact-form .form-group button{
	text-transform: capitalize;
	padding: 15px 45px;
	line-height: 26px;
}

.contact-section .contact-info{
	position: relative;
}

.contact-section .contact-info ul{
	position: relative;
	float: left;
	width: 33.33333%;
	margin-bottom: 20px;
}

.contact-section .contact-info ul li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
}

.contact-section .contact-info ul li strong{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 15px;
	font-family: "Rubik", sans-serif;
}

.contact-section .contact-info ul li a{
	display: inline-block;
	color: #777777;
	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;
}

.contact-section .contact-info ul li a:hover{
	color: #2259C6;
}

.contact-section .map-column{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 370px;
	background-color: #222222;
}

.contact-section .map-column .map-canvas{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-canvas{
	height:425px;
}

/*** 

====================================================================
		Contact Info Section
====================================================================

***/

.contact-info-section{
	position: relative;
}

.contact-info-section:before{
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 185px;
	width: 100%;
	background-image: url(../images/icons/contact-curve.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
}

.contact-info-section .inner-container{
	position: relative;
	padding: 65px 70px 20px;
	border:2px solid #777777;
	background-color: #ffffff;
	border-radius: 10px;
}

.contact-info-block{
	position: relative;
	margin-bottom: 40px;
}

.contact-info-block .inner-box{
	position: relative;
	padding-left: 85px;
	margin-left: 20px;
}

.contact-info-block .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 60px;
	line-height: 1em;
	color: #bbbbbb;
	-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-block .inner-box:hover .icon{
	color: #2259C6;
}

.contact-info-block h4{
	position: relative;
	display: block;
	font-size: 20px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 15px;
}

.contact-info-block p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
}

.contact-info-block p 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-info-block p a:hover{
	color: #2259C6;
}

/***

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

***/

.contact-page-section{
	position: relative;
	padding: 100px 0 60px;
}

.contact-page-section .inner-container{
	position: relative;
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
}

.contact-page-section .text{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 40px;
}

.contact-form-two{
 	position: relative;
 	z-index: 1;
 	padding-right: 40px;
 	margin-bottom: 40px;
}

.contact-form-two .form-group{
	position:relative;
	text-align: left;
	margin-bottom:30px;
}

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

.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 textarea,
.contact-form-two .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #777777;
    font-weight: 400;
    height: 50px;
    padding: 10px 30px;
    background-color: transparent;
    border: 1px solid #dddddd;
    border-radius: 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;
}

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

.contact-form-two .form-group textarea{
	height: 190px;
	margin-bottom: 10px;
	border-radius: 15px;
	resize: none;
}

.contact-form-two .form-group input[type=submit],
.contact-form-two .form-group button{
	text-transform: capitalize;
	padding: 10px 35px;
}


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

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
}

.contact-map-section .map-outer{
	position: relative;
	height: 500px;
} 

.contact-map-section .map-canvas{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1920px;
}

/***

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

***/

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

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/footer-bg.png);
	background-repeat: repeat;
	background-position: center;
	content: "";
}

.main-footer .footer-upper{
	position:relative;
	padding: 100px 0 130px;
}

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

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

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:20px;
	font-weight:500;
	color:#ffffff;
	line-height: 30px;
	padding-bottom: 10px;
	margin-bottom:50px;
}

.main-footer .footer-column .widget-title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 60px;
	background-color: #dddddd;
	content: '';
}

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

.main-footer .logo{
	position:relative;	
	margin-bottom: 30px;
}

.main-footer .footer-logo figure{
	margin: 0;
}

.main-footer .footer-logo img{
	display:block;
	max-width:100%;	
}

.main-footer .about-widget .text{
	position: relative;
	margin-bottom: 40px;
}

.main-footer .about-widget .text p{
	font-size: 14px;
	line-height: 30px;
	color: #bbbbbb;
	font-weight: 400;
	margin-bottom: 30px;
}

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

.social-icon-two .title{
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 700;
}

.social-icon-two li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #bbbbbb;
	margin-right: 20px;
}

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

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

/*Recent Posts*/

.recent-posts{
	position: relative;
}

.recent-posts .post{
	position: relative;
	min-height: 90px;
	padding-left: 120px;
	margin-bottom: 30px;
}

.recent-posts .post:last-child{
	margin-bottom: 0;
}

.recent-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 90px;
	overflow: hidden;
}

.recent-posts .post .thumb a{
	display: block;
}

.recent-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.recent-posts .post h4{
	position: relative;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 8px;
}

.recent-posts .post h4 a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.recent-posts .post h4 a:hover{
	color: #2259C6;
}

.recent-posts .post .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #bbbbbb;
}

/*=== Services Widget ====*/

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

.main-footer .services-widget .widget-content .widget-title{
	margin-bottom: 20px;
}

.serivce-list{
	position: relative;
	top: -10px;
	margin-bottom: 15px;
}

.serivce-list li{
	position: relative;
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
	border-left: 1px solid #555555;
	padding-left: 20px;
}

.serivce-list li:before{
	position: absolute;
	left: 0;
	top: 19px;
	width: 10px;
	height: 2px;
	background-color: #555555;
	content: ""; 
}

.serivce-list li a{
	display: block;
	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;
}

.serivce-list li a:hover{
	color: #2259C6;
}

/*=== ===*/

.user-links{
	position: relative;
	margin-bottom: 30px;
}

.user-links li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 20px;
	margin-right: 15px;
}

.user-links li:before{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
    content: "\f105";
}

.user-links li a{
	display: block;
	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;
}

.user-links li a:hover{
	color: #2259C6;
}

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

.main-footer .footer-bottom{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.main-footer .footer-bottom .inner-container{
	position: relative;
	background-color: #000000;
	border-radius: 20px 20px 0 0;
	padding: 0 40px;
}

.main-footer .footer-bottom .inner-container:before{
	position: absolute;
	left: 50px;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #000000;
	content: "";
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	float: left;
	padding:25px 0;
}

.main-footer .footer-bottom .copyright-text p{
	position: relative;
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright-text a:hover{
	color: #2259C6;
}

.main-footer .footer-bottom .footer-nav{
	position: relative;
	float: right;
}

.main-footer .footer-bottom .footer-nav ul{
	position: relative;
	padding:25px 0;
}

.main-footer .footer-bottom .footer-nav ul li{
	position: relative;
	float: left;
	padding-left: 25px;
	margin-left: 25px;
}

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

.main-footer .footer-bottom .footer-nav ul li a{
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	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;
}

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

.main-footer .footer-bottom .footer-nav ul li a:hover{
	color: #2259C6;
}

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

/***

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

***/

.main-footer.style-two{
	position: relative;
}

.main-footer.style-two:before{
	display: none;
}

.main-footer.style-two .footer-upper{
	padding: 100px 0 60px;	
}

.main-footer.style-two .widget-title{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	padding-bottom: 0;
}

.main-footer.style-two .widget-title:before{
	display: none;
}

.main-footer.style-two .about-widget{
	max-width: 370px;
}

.main-footer.style-two .logo{
	margin-bottom: 40px;
}

.main-footer.style-two .links-widget{
	position: relative;
	float: left;
	padding: 0 15px;
	width: 33.333333%;
}

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

.footer-links li{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.footer-links li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	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;
}

.footer-links li a:hover{
	color: #2259C6;
}

.main-footer.style-two .footer-bottom{
	position: relative;
	background-color: #000000;
	z-index: 9;
}

.main-footer.style-two.alternate .footer-bottom{
	background-color: #222222;
}

.social-icon-four{
	position: relative;
	float: left;
	background-color: #2259C6;
	margin-top: -25px;
	border-radius: 30px;
}

.social-icon-four:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 1000%;
	background-color: #2259C6;
	content: "";
	border-radius: 30px;
}

.social-icon-four li{
	position: relative;
	float: left;
	margin-right: 30px;
}

.social-icon-four li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height:30px;
	padding: 10px 0;
	color: #222222;
	font-weight: 400;
	border-radius: 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;
}

.social-icon-four li a:hover{
	color: #ffffff;
}

.main-footer.style-two .copyright-text{
	position: relative;
	float: left;
	width: 100%;
	padding: 35px 0;
}

.main-footer.style-two .copyright-text p{
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	line-height: 25px;
}

.main-footer.style-two .copyright-text a{
	color: #2259C6;
}

.main-footer.style-two .copyright-text a:hover{
	text-decoration: underline;
}

.main-footer.style-two .scroll-to-top{
	position: absolute;
	right: 15px;
	top: -25px;
	height: 50px;
	width: auto;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 65px 15px 25px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	color:#ffffff;
	background:#2259C6;
	display:none;
	border-radius: 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;		
}

.main-footer.style-two .scroll-to-top:hover{
	background:#ffffff;
	color: #2259C6;
}

.main-footer.style-two .scroll-to-top .icon{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	cursor:pointer;
	color:#222222;
	background:#ffffff;
	border-radius: 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;	
}

.main-footer.style-two .scroll-to-top:hover .icon{
	background-color: #2259C6;
	color: #ffffff;
}

.main-footer.style-two  .footer-nav{
	position: relative;
	float: right;
	margin-top: 25px;
	padding:35px 0;
}

.main-footer.style-two .footer-nav li{
	position: relative;
	display: inline-block;
	padding-left: 25px;
	margin-left: 25px;
}

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

.main-footer.style-two .footer-nav a{
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	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;
}

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

.main-footer.style-two .footer-nav li a:hover{
	color: #2259C6;
}

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

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	overflow: hidden;
	padding: 100px 0 50px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

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

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

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 35px;
}

.sidebar-page-container .sidebar-title h2{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	text-transform: capitalize;
}

.sidebar-page-container .sidebar-title h2:before{
	position: absolute;
	right: -35px;
	bottom: 5px;
	height: 2px;
	width: 25px;
	background-color: #2259C6;
	content: "";
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#777777;
	line-height:28px;
	padding:15px 25px;
	padding-right: 60px;
	height:60px;
	width:100%;
	border:1px solid #aaaaaa;
	background-color: #ffffff;
	border-radius: 60px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#2259C6;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:18px;
	background-color: #2259C6;
	color:#ffffff;
	font-weight:normal;
	border-radius: 0 30px 30px 0;
}

/*=== Categories ===*/

.cat-list{
	position:relative;
	border :1px dashed #bbbbbb;
	padding: 0 25px;
}

.cat-list li{
	position:relative;
}

.cat-list li a{
	position:relative;
	font-size:14px;
	color:#777777;
	line-height: 20px;
	font-weight:400;
	padding: 25px 0;
	display:block;
	border-bottom :1px dashed #bbbbbb;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.cat-list li a span{
	float: right;
}

.cat-list li:last-child a{
	border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
	color: #222222;
}

.cat-list li.active a span,
.cat-list li:hover a span{
	color: #2259C6;
}

/*=== Latest News ===*/
.latest-news{
	position: relative;
	padding-bottom: 30px;
}

.latest-news .recent-post-carousel{
	position: relative;
	padding-bottom: 50px;
}

.latest-news .recent-post{
	position: relative;
}

.latest-news .recent-post .image-box{
	position: relative;
	display: block;
}

.latest-news .recent-post .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .recent-post .lower-content{
	position: relative;
	padding: 30px 40px 30px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	text-align: center;
}

.latest-news .recent-post .info{
	position: relative;
	margin-bottom: 10px;
}

.latest-news .recent-post .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	padding-right: 17px;
	margin-right: 17px;
}

.latest-news .recent-post .info li:before{
	position: absolute;
	right: -4px;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	content: "|";
}

.latest-news .recent-post .info li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.latest-news .recent-post .info li:last-child:before{
	display: none;
}

.latest-news .recent-post .info li a{
	display: inline-block;
	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;
}

.latest-news .recent-post .info li a:hover{
	color: #2259C6;
}

.latest-news .recent-post h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

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

.latest-news .recent-post:hover h3 a{
	color: #2259C6;
}

.latest-news .recent-post-carousel .owl-nav{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.latest-news .recent-post-carousel .owl-next,
.latest-news .recent-post-carousel .owl-prev{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding: 15px 0;
	background-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 .recent-post-carousel .owl-next{
	left: auto;
	right: 0;
}

.latest-news .recent-post-carousel .owl-prev i{
	margin-right: 10px;
}

.latest-news .recent-post-carousel .owl-next i{
	margin-left: 10px;
}

.latest-news .recent-post-carousel .owl-next:hover,
.latest-news .recent-post-carousel .owl-prev:hover{
	background-color: #2259C6;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 14px;
    color: #777777;
    line-height: 20px;
    padding: 10px 25px;
    font-weight: 400;
    text-align: center;
    border-radius: 50px;
    background-color: #f5f5f5;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #222222;
	color: #ffffff;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 30px;
}

.group-title h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
}

.comments-area{
	position:relative;
	margin-bottom:65px;
}

.comments-box{
	position: relative;
	border: 1px solid #dddddd;
	border-radius: 10px;
}

.comments-area .comment-box{
	position:relative;
	padding: 50px 50px;
	border-bottom: 1px solid #dddddd;
}

.comments-area .comment-box.reply-comment{
	padding-left: 95px;
}

.comments-area .comment-box:last-child{
	border-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 100px;
	padding-left: 130px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 100px;
	width: 100px;
	border-radius: 50px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	display:block;
	width:100%;
	height: auto;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:18px;
	line-height:30px;
	font-weight:500;
	color:#020202;
	font-family: "Rubik", sans-serif;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #bbbbbb;
	font-weight: 400;
	margin-left: 35px;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 30px;
	color:#777777;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 30px;
	color: #ff9d42;
	font-weight: 500;
	font-family: "Rubik", sans-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;
}

.comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.sidebar-page-container .comment-form{
 	position: relative;
}

.comment-form .group-title{
	margin-bottom: 40px;
}

.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="url"],
.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: 14px;
    color: #777777;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 30px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 50px;
    -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:#2259C6;
}

.comment-form .form-group textarea{
	height: 270px;
	resize: none;
	padding-top: 25px;
	border-radius: 20px;
}

.comment-form button{
	color: #ffffff;
	text-transform:capitalize;
	margin-top: 10px;
	padding: 15px 35px;
	line-height: 20px;
}

/*** 

====================================================================
		Shop Item
====================================================================

 ***/

.shop-item{
	position:relative;
	margin-bottom:60px;
}

.shop-item .inner-box{
	position:relative;
	display:block;
}

.shop-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	background-color:#f8f8f8;
}

.shop-item .inner-box .image .btn-box{
	position:absolute;
	content:'';
	left: 50%;
	top: 50%;
	margin-top: -33px;
	margin-left: -33px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.shop-item .inner-box:hover .image .btn-box{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.shop-item .inner-box .image .btn-box a{
	position: relative;
	display: block;
	height: 65px;
	width: 65px;
	font-size: 18px;
	line-height: 65px;
	color: #ffffff;
	font-weight: 400;
	background-color: #2259C6;
	border-radius: 50%;
	-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;
}

.shop-item .inner-box .image .btn-box a:hover{
	background-color: #ffffff;
	color: #2259C6;
}

.shop-item .inner-box .image img{
	width:100%;
	display:inline-block;
}

.shop-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	padding:20px 0px 0px;
}

.shop-item .inner-box .lower-content h3{
	position:relative;
	font-size:20px;
	color: #222222;
	font-weight:500;
	margin-bottom:10px;
	text-transform: uppercase;
}

.shop-item .inner-box .lower-content h3 a{
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.shop-item .inner-box .lower-content h3 a:hover{
	color:#2259C6;
}

.shop-item .inner-box .lower-content .price{
	position:relative;
	color:#2259C6;
	font-size:16px;
	font-weight:400;
	margin-bottom: 15px;
}

.shop-item .inner-box .lower-content .price .discount{
	position:relative;
	color:#777777;
	margin-right:8px;
	text-decoration:line-through;
}

.shop-item .inner-box .lower-content .link-box{
	position: relative;
}

.shop-item .inner-box .lower-content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	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;
}

.shop-item .inner-box .lower-content .link-box a:hover{
	color: #2259C6;
}

.shop-item .inner-box .lower-content .link-box a span{
	margin-right: 2px;
	font-size: 14px;
}

.shop-item .inner-box .lower-content .rating .fa{
	position:relative;
	display:inline-block;
	font-size:13px;
	color:#2259C6;
}

.shop-item .inner-box .lower-content .rating .fa.light{
	color: #cac7c7;
}

/*=====================================
			Shop Sidebar
======================================*/

.shop-sidebar{
	position: relative;
}

.shop-sidebar .search-box .form-group input[type="text"],
.shop-sidebar .search-box .form-group input[type="search"]{
	height: 50px;
	padding: 14px 30px;
	line-height: 30px;
}

.shop-sidebar .search-box .form-group input[type="submint"],
.shop-sidebar .search-box .form-group button{
	height: 50px;
	line-height: 50px;
	width: 50px;
	font-size: 16px;
}

.shop-cat-list{
	position:relative;
}

.shop-cat-list li{
	position:relative;
	margin-bottom:1px;
	font-family: "Rubik", sans-serif;
}

.shop-cat-list li a{
	position:relative;
	padding:20px 28px;
	display:block;
	font-size:14px;
	font-weight:400;
	color:#777777;
	line-height: 30px;
	padding-left:50px;
	background-color:#eeeeee;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.shop-cat-list li a:before{
	position:absolute;
	content:'\f0da';
	left:30px;
	top:15px;
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
}

.shop-cat-list li a span{
	float:right;
	font-size: 16px;
}

.shop-cat-list li.active a,
.shop-cat-list li a:hover{
	color:#ffffff;
	background-color:#333333;
}

.shop-cat-list li.active a:before,
.shop-cat-list li a:hover:before{
	color: #2259C6;
}

/*Sidebar Range slider */

.range-slider-one{
	position:relative;
	min-height:48px;
    padding-top: 10px;
    overflow: hidden;
	margin-top:-20px;
}

.range-slider-one .title{
	position:relative;
	float:left;
	color:#222222;
	font-size:16px;
	font-weight:400;
	margin-top:8px;
}

.range-slider-one .title:before{
	position:absolute;
	content:'$';
	right:-14px;
	top:0px;
	color:#848484;
	font-size:16px;
	font-weight:400;
}

.range-slider-one .input{
	float:right;
    left: 8px;
	max-width:75px;
	padding-left:8px;
	margin-top:8px;
    position: relative;
}

.range-slider-one .input input{
	background:none;
	color:#777777;
	font-size:16px;
	font-weight:400;
	width:auto;
	text-align:left;	
}

.range-slider-one .ui-widget.ui-widget-content{
	height:3px;
	border:none;
	margin-bottom:35px;
	background:#e5e5e5;	
}

.range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:3px;
	background:#333333;	
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
	top:-3px;
	width:10px;
	height:10px;
	background:#fbb200;
	cursor:pointer;
	border-color:#fbb200;
}

.range-slider-one .theme-btn{
	padding:10px 34px;
	line-height: 20px;
	font-size:15px;
	font-weight:500;
	text-transform:capitalize;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post{
	position:relative;
	padding:0px 0px;
	padding-left:90px;
	margin-bottom:20px;
}

.sidebar .related-posts .post:last-child{
	margin-bottom:0px;
	border:0px;
	min-height:inherit;
}

.sidebar .related-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:70px;
}

.sidebar .related-posts .post .post-thumb img{
	display:block;
	width:100%;	
}

.sidebar .related-posts .post h4{
	top:-2px;
	font-size:16px;
	font-weight:500;
	color:#333333;
	text-transform:capitalize;
}

.sidebar .related-posts .post h4 a{
	color:#333333;
	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 .related-posts .post a,
.sidebar .related-posts .post a:hover{
	color:#2259C6;
}

.sidebar .related-posts .post .price{
	font-size:16px;
	letter-spacing:1px;
	font-weight:400;
	color:#777777;
}

.sidebar .related-posts .post .rating{
	margin-bottom:1px;	
	line-height:1em;
}

.sidebar .related-posts .post .rating .fa{
	position:relative;
	display:inline-block;
	font-size:12px;
	line-height:26px;
	color:#2259C6;
}

/*** 

====================================================================
		PrOduct Detail 
====================================================================

 ***/

.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{
	position: relative;
	margin-bottom: 0;
}

.product-details .image-column .image-box:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1000%;
	width: 100%;
	background-color: #ededed;
	content: "";
}

.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:500;
	margin:5px 0px 20px;
	line-height:1.4em;
	color:#333333;
}

.product-details .basic-details .details-header h4 a{
	color:#333333;	
}

.product-details .basic-details .details-header .rating{
	font-size:13px;
	color:#ffb200;
	margin-bottom:15px;
	display:inline-block;
}

.product-details .basic-details .details-header .reviews{
	position:relative;
	display:inline-block;
	color:#777777;
	font-weight:500;
	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;
	line-height: 28px;
	padding-left:10px;
	color:#777777;	
}

.product-details .basic-details .details-header .item-price{
	font-size:18px;
	font-weight:500;
	color:#2259C6;
	line-height:24px;
}

.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{
	font-size:14px;
	line-height: 28px;
	padding-left:10px;
	color:#777777;	
	margin-bottom:30px;
}

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

.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:6px;	
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:left;
	width:85px;
	margin-bottom:25px;
	margin-right:20px;	
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-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;	
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
	font-size: 10px;
}

.product-details .basic-details .add-to-cart{
	margin-left: 25px;
	padding: 10px 35px;
}

/*** 

====================================================================
		Product Tabs Style
====================================================================

***/

.product-info-tabs{
	position:relative;
}
.shop-single .product-details .prod-tabs{
	position:relative;
}

.shop-single .product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
	margin-bottom:35px;
}

.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:#eeeeee;
	color:#000000;
	border-radius: 50px;
	text-transform:uppercase;
	font-weight:500;
	line-height:30px;
	cursor:pointer;
	padding:15px 40px;
	margin-bottom: 15px;
	transition:all 500ms ease;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#2259C6;
}

.product-info-tabs .tabs-content .tab .title {
    position: relative;
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 35px;
}

.product-info-tabs .prod-tabs .tabs-container .tab p,
.product-info-tabs .prod-tabs .tabs-container .tab h2,
.product-info-tabs .prod-tabs .tabs-container .tab h3,
.product-info-tabs .prod-tabs .tabs-container .tab h4,
.product-info-tabs .prod-tabs .tabs-container .tab h5,
.product-info-tabs .prod-tabs .tabs-container .tab h6{
	margin-bottom:15px;	
}

.product-info-tabs .prod-tabs .tabs-container .tab h3{
	font-size:24px;
	font-weight:500;
	text-transform:uppercase;
	color:#333333;
	margin-bottom:15px;
}

.product-info-tabs .prod-tabs .tabs-container .tab h4{
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	color:#222222;
	margin-bottom:15px;
}

.product-info-tabs .prod-tabs #prod-description{
	position: relative;
	padding: 30px 30px;
	margin-bottom: 110px;
}

.product-info-tabs .prod-tabs #prod-description p{
	position: relative;
	font-size: 16px;
	line-height: 28px;
	color: #777777;
}

.product-info-tabs .prod-tabs .reviews-container{
	position:relative;	
}

.product-info-tabs .prod-tabs .reviews-container .review-box{
	position:relative;
	margin-bottom:20px;
	min-height:110px;
}

.product-info-tabs .prod-tabs .reviews-container .review-box.reply{
	margin-left: 100px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-thumb{
	position:absolute;
	left:20px;
	top:20px;
	width:70px;
	height:70px;
	margin-bottom:20px;
	background:#ffffff;
	z-index: 99;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-thumb img{
	display:block;
	width:70px;
	height:70px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-content{
	position:relative;
	padding:20px;
	padding-left: 120px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.product-info-tabs .prod-tabs .reviews-container .rating{
	color:#2259C6;
	font-size:11px;
	line-height: 15px;
	margin-bottom: 8px;
}

.product-info-tabs .prod-tabs .reviews-container .rating .fa{
	display: inline-block;
	margin-right:2px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-info{
	margin-top: -5px;
	letter-spacing:1px;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 500;
	margin-bottom: 8px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-info span{
	display: inline-block;
	color: #152545;
	font-size:16px;
	margin-right: 25px;
	font-weight: 500;
}

.product-info-tabs .prod-tabs .reviews-container .rev-text{
	position: relative;
}

.product-info-tabs .prod-tabs .reviews-container .rev-text p{
	font-size:13px;
	color: #666666;
	line-height: 24px;
	margin: 0;
}

.product-info-tabs .prod-tabs .add-review{
	position:relative;
	margin:30px 0px 0px;
	font-size:14px;
}

.product-info-tabs .prod-tabs .add-review .rating{
	position:relative;
	padding-top:8px;	
}

.product-info-tabs .prod-tabs .add-review .rating .rate-box{
	position:relative;
	display:inline-block;
	margin-right:10px;
	font-size:14px;
	color:#555555;	
}

.product-info-tabs .prod-tabs .add-review .rating .rate-box:hover,
.product-info-tabs .prod-tabs .add-review .rating .rate-box:focus,
.product-info-tabs .prod-tabs .add-review .rating .rate-box:active{
	color:#2259C6;
}

.product-info-tabs .prod-tabs .add-review label{
	position:relative;
	display:block;
	font-size:14px;
	margin-bottom:5px;
	font-weight:400;
	color:#303030;	
}

.product-info-tabs .prod-tabs .add-review h3{
	margin-bottom:20px;	
}

.product-info-tabs .prod-tabs .add-review .form-group{
	position:relative;
	margin-bottom:20px;	
}

.product-info-tabs .prod-tabs .add-review .form-group input[type="text"],
.product-info-tabs .prod-tabs .add-review .form-group input[type="password"],
.product-info-tabs .prod-tabs .add-review .form-group input[type="tel"],
.product-info-tabs .prod-tabs .add-review .form-group input[type="email"],
.product-info-tabs .prod-tabs .add-review .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:9px 15px;
	color:#222222;
	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;
}

.product-info-tabs .prod-tabs .add-review .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:8px 15px;
	color:#222222;
	border:1px solid #e0e0e0;
	height:150px;
	resize:none;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.product-info-tabs .prod-tabs .add-review .form-group textarea:focus,
.product-info-tabs .prod-tabs .add-review .form-group input:focus,
.product-info-tabs .prod-tabs .add-review .form-group select:focus{
	border-color: #2259C6;
}

.product-info-tabs .prod-tabs .add-review .form-group button{
	font-weight: 500;
	padding: 22px 35px;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
	margin-top:60px;
}

.shop-comment-form h2{
	position:relative;
	color:#252525;
	font-size:24px;
	font-weight:500;
	margin-bottom:10px !important;
}

.shop-comment-form .mail-text{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
}

.shop-comment-form .mail-text span{
	color: #2259C6;
}

.shop-comment-form .group-title{
	margin-bottom:20px;
}

.shop-comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
	position:relative;
	font-size:16px;
	font-weight: 400;
	color:#222222;
	margin-bottom:15px;
}

.shop-comment-form .rating-box .rating{
	position:relative;
	display:inline-block;
}

.shop-comment-form .rating-box .rating .fa{
	position:relative;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a{
	position:relative;
	color:#2259C6;
	font-size:12px;
	display:inline-block;
	margin-right:3px;
}

.shop-comment-form .rating-box .rating a:hover{
	color:#222222;
}

.shop-comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .form-group label{
	position:relative;
	color:#333333;
	font-size:14px;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #dddddd;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
	border-color:#2259C6;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #dddddd;
	height:120px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button{
	position:relative;
	padding: 10px 30px;
	line-height: 30px;
}

/*====================================================================
		CheckOut Section
====================================================================*/

.checkout-page{
	position:relative;
	padding:100px 0px 60px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:50px;	
}

.checkout-page .default-links li{
	line-height:25px;
	padding:25px 25px;
	font-size:16px;
	font-weight: 400;
	color:#666666;
	background-color :#eeeeee;
	margin-bottom: 40px;
}

.checkout-page .default-links li .fa{
	position:relative;
	font-size:20px;
	line-height: 25px;
	color:#222222;
	margin-right:20px;
}

.checkout-page .default-links li a{
	color:#2259C6;
	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: #222222;
}	

.checkout-page .sec-title{
	margin-bottom: 20px;
} 

.checkout-page .sec-title h3{
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 400;
}

.checkout-form{
	position:relative;
	margin-bottom: 50px;
}

.checkout-form .column{
	padding-right: 30px;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom: 13px;
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:capitalize;
	color:#777777;	
	font-size:15px;
	font-weight:400;
	margin-bottom:10px;
	font-family: "Roboto", sans-serif;
}

.checkout-form .form-group .field-label span{
	position: relative;
	font-size: 16px;
	color: #222222;
	display: block;
	font-weight: 400;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:15px;
	color: #009fe9;
}

.checkout-form .form-group label{
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 400;
}

.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:26px;
	color: #777777;
	padding:12px 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:60px !important;	
	padding-left: 30px;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color: #2259C6;
}

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

.coupon-form button{
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	padding:8px 26px;
	text-transform:capitalize;
}

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

.order-box .sec-title{
	margin-bottom: 25px;
}

.order-box .sec-title h2{
	font-size: 28px;
	padding-bottom: 0;
}

.order-box .sec-title h2:before{
	display: none;
}

.order-box .title-box{
	position:relative;
	padding:15px 15px;
	font-weight: 400;
	color: #ffffff;
	background-color :#333333;
}

.order-box .title-box .col{
	position:relative;
	width:50%;
	float:left;
	color:#ffffff;
	font-size: 16px;
	line-height: 25px;
	font-family: "Rubik", sans-serif;
	font-weight: 500;
}

.order-box ul{
	position:relative;
}

.order-box ul li{
	position:relative;
	padding: 25px 30px;
	font-size: 16px;
	font-weight: 400;
	color: #777777;
	line-height: 30px;
	border-bottom:1px solid #cccccc;
}

.order-box ul li strong{
	color:#222222;
	font-weight: 400;
	font-size:16px;
}

.order-box ul li span{
	width:50%;
	float:right;
	color:#2259C6;
	font-size:16px;
}

.order-box ul li span.free{
	color:#777777;
}

.order-box ul li:last-child{
	border-bottom: 0;
}

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

.payment-box .upper-box{
	position:relative;
	padding:15px 35px;
	background-color:#f5f5f5;
	border-bottom:1px solid #b7b7b7;
}

.payment-options{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;	
}

.payment-box .payment-options li{
	position:relative;
	margin-bottom:10px;	
}

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

.payment-box .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
}

.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:#777777;
	line-height:1.8em;
	padding:15px 20px;
	margin-top:20px;
	background-color :#dcdcdc;
	margin-left: -30px;
}

.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 !important;
	border-right: 10px solid transparent !important;
	border-bottom: 8px solid #dcdcdc;
}

.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:#777777;
	font-size:16px;
	font-weight:700;
	margin-left:120px;
	margin-top:10px;
}

.payment-box .lower-box{
	position:relative;
	background-color: #f5f5f5;
	padding: 30px 35px;
}

.payment-box .lower-box .theme-btn{
	padding: 15px 30px;
	line-height: 20px;
	font-weight: 500;
	margin-right: 0;
	text-transform: capitalize;
	font-family: "Rubik";
}

/*** 

====================================================================
				Cart Section
====================================================================

***/

.cart-section{
	position:relative;
	padding:100px 0px 60px;
}

.cart-outer{
	position:relative;	
}

.checkout-page .cart-outer{
	margin-bottom:40px;	
}

.cart-outer .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
	margin-bottom: 40px;
}

.cart-outer .cart-table{
	width:100%;
	min-width:900px;	
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:16px;
	background:#222222;
	color:#ffffff;
	border:1px solid #cccccc;
}

.cart-table thead tr th{
	line-height:24px;
	padding:15px 25px;
	font-weight:500;
	font-size:16px;
	color: #ffffff;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #cccccc;
	font-family: "Rubik", sans-serif;
}

.cart-table thead tr th .fa{
	font-size:18px;	
}

.cart-table tbody tr td{
	line-height:24px;
	padding:25px 25px 35px;
}

.cart-table tbody tr .qty{
	width:150px;
	padding: 0 50px;
}

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

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display: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:400;
	color:#222222;
	font-size:16px;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:14px;
	color:#1c1c1c;
	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:#ff9f14;
}

.cart-table tbody tr{
	border-bottom:1px solid #cccccc;	
}

.cart-table tbody tr td{
	vertical-align:middle;
	color:#797979;
	font-size:17px;
	text-align:center;
	border-left:1px solid #cccccc;
}

.cart-table tbody tr td.prod-column{
	padding-left:48px;
	width: 290px;
}

.cart-table tbody tr td.total{
	font-size:18px;
	color:#333333;
}

.cart-table tbody tr td:last-child{
	border-right:1px solid #ebebeb;
	text-align:center;
}

.cart-table tbody tr td .prod-title{
	position:relative;
	font-size:16px;
	color:#222222;
	font-weight:400;
}

.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;
	margin-bottom:30px;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:30px;	
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:20px;
	padding:14px 30px;
	border:1px solid #cccccc;
	width:225px;
	background:#ffffff;
	font-size: 14px;
	border-radius: 50px;
	color: #777777;
}

.cart-section .cart-options .cart-btn,
.cart-section .coupon-btn{
	font-weight: 500;
	color: #ffffff;
	margin-right: 0;
	line-height: 20px;
	padding: 14px 35px;
	text-transform: capitalize;
}

.cart-section .totals-table{
	position:relative;
	margin-bottom:20px;
	border:1px solid #cccccc;
}

.cart-section .totals-table li{
	line-height:24px;
	padding:18px 30px;
	border-bottom:1px solid #cccccc;	
}

.cart-section .totals-table li:first-child{
	background-color: #dddddd;
}

.cart-section .totals-table li h3{
	position:relative;
	font-weight:500;
	color:#36404b;
	font-size:18px;
}

.cart-section .totals-table li:last-child{
	border-bottom:none;
	padding:40px 20px 50px;
	text-align: right;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	color: #222222;
	width:50%;
	font-size:16px;
	font-weight: 500;
	padding: 0;
	text-transform:capitalize;
}

.cart-section .totals-table .col:last-child{
	text-align: right;
	color:#ff9f14;
	font-weight: 400;
}

.cart-section .totals-table .proceed-btn{
	text-transform: capitalize;
	font-weight: 500;
	line-height: 20px;
	padding: 14px 35px;
	margin-right: 0;
}

.shipping-block{
	position:relative;
	margin-bottom:40px;
}

.shipping-block .inner-box{
	position:relative;
	display:block;
	padding:25px 27px 10px;
	border:1px solid #cccccc;
}

.shipping-block .inner-box h3{
	position:relative;
	font-size:24px;
	color:#222222;
	font-weight:500;
	margin-bottom:10px;
	text-transform:capitalize;
}

.shipping-block .inner-box h4{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight: 500;
	text-transform:capitalize;
	margin-bottom:20px;
	font-family: "Rubik", sans-serif;
}

.shipping-form{
	position:relative;
}

.shipping-form .row{
	margin: 0 -10px;
}

.shipping-form .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom:20px;
}

.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%;
	height:45px;
	line-height:23px;
	padding:10px 20px;
	font-size:14px;
	color: #777777;
	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;
}

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

.shipping-form button{
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
	text-transform:capitalize;
	margin-top: 5px;
}

/*** 

====================================================================
		Login Section
====================================================================

***/

.login-section{
	position:relative;
	padding:100px 0px 60px;
}

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

.login-section .sec-title h2{
	font-size: 36px;
	padding-bottom: 0;
}

.login-section .sec-title h2:before{
	display: none;
}

.login-form{
	position:relative;
	background-color: #f9f9f9;
	padding: 35px 45px 30px;
	margin-bottom: 50px;
}

.login-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.login-form .form-group .theme-btn{
	margin-right: 0;
}

.login-form .form-group:nth-child(2){
	margin-bottom:20px;
}

.login-form .form-group label{
	position:relative;
	color:#666666;
	font-weight:400;
	font-size:14px;
	line-height: 24px;
	cursor:pointer;
	margin-bottom: 10px;
}

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

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

.login-form button{
	margin-top:35px;
	font-weight: 500;
	text-transform: uppercase;
}

.login-form .form-group.remember label{
	display: block;
	margin: 0;
	font-size: 16px;
	color: #666666;
	font-weight: 400;
	text-transform: capitalize;
}

.login-form .psw{
	position:absolute;
	color:#666666;
	font-size:16px;
	min-width: 200px;
	margin-top: 15px;
}

.login-form .psw:hover{
	text-decoration:underline;	
}

.login-form ::-webkit-input-placeholder{color: #bbbbbb;}
.login-form ::-moz-input-placeholder{color: #bbbbbb;}
.login-form ::-ms-input-placeholder{color: #bbbbbb;}
.logo img{
	width:auto;
	height: auto;

}