/* Motor Expert - Auto Repair & Service HTML Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three / Four
5. Main Slider
6. About Us
7. Fun Fact Section / Two
8. Feature Section
9. Services Section
10. Services Section Two
11. Service Detail
12. Why Us Section
13. Gallery Section
14. Project Section
15. Project Detail Section
16. Video And Faq's
17. News Section
18. Team Section
19. Testimonial Section / Two
20. Testimonial And BLog
21. Blog Detail
22. Styled Pagination
23. Team Page Section
24. Pricing Section
25. Appointment Form Section
26. Appointment Page Style
27. Contact Section
28. Contact Map Section
29. Contact Info Section
30. Clients Section
31. Main Footer
32. Sidebar Page Container
33. Error Page
34. Shop Page Section
35. Shop Details
36. CheckOut Section
37. Cart Section
38. Login Section
39. coming Soon

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

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

/*
	font-family: 'Roboto', sans-serif;
	font-family: 'Rubik', sans-serif;
*/

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

/***

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

 ***/

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

/***

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

 ***/

body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;

}

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

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

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

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	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;
	overflow: hidden;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

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

.pull-left{
	float:left;
}

.pull-right{
	float:right;
}

/*List Style One*/

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

.list-style-one li{
	position:relative;
	font-size:14px;
	line-height: 22px;
	font-weight:400;
	padding-left:40px;
	color:#666666;
	margin-bottom: 20px;
}

.list-style-one li:before{
	position:absolute;
	content:'\f00c';
	left:0px;
	top:3px;
	color:#fb4848;
	font-size:15px;
	font-weight: 900;
	line-height: 22px;
	font-family: 'Font Awesome 5 Free';
}

/*List Style Two*/

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

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

.list-style-two li .icon{
	position:absolute;
	left:0px;
	top:3px;
	width:40px;
	color:#fb4848;
	font-size:42px;
	line-height:1em;
	text-align:center;
}

.list-style-two li strong{
	font-size:20px;
	color:#36404b;
	font-weight:700;
	display:block;
}

/* List Style Three */

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

.list-style-three li{
	position:relative;
	font-size:14px;
	line-height: 22px;
	font-weight:400;
	padding-left:20px;
	color:#666666;
	margin-bottom: 20px;
}

.list-style-three li:before{
	position:absolute;
	content:'\f101';
	left:0px;
	top:-2px;
	color:#1c62b7;
	font-size:13px;
	font-weight: 900;
	line-height: 22px;
	font-family: 'Font Awesome 5 Free';
}

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

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:14px;
	color:#ffffff;
	padding:15px 30px;
	line-height:20px;
	font-weight:700;
	background:#fb4848;
	text-transform:uppercase;
}

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

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:16px;
	color:#ffffff;
	padding:17px 35px;
	line-height:16px;
	font-weight:700;
	background:#222222;
	text-transform:uppercase;
}

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

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:15px;
	color:#ffffff;
	padding:13px 30px;
	line-height:20px;
	font-weight:400;
	background:#222222;
	border:2px solid #222222;
	text-transform:capitalize;
}

.btn-style-three:hover{
	color:#36404b;
	background:#ffffff;
	border-color:#222222;
}

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	font-size:15px;
	color:#fb4848;
	padding:13px 30px;
	line-height:20px;
	font-weight:400;
	background:#ffffff;
	border:2px solid #ffffff;
	text-transform:capitalize;
}

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

/*=== Btn style Five*/

.btn-style-five{
	position:relative;
	font-size:14px;
	color:#ffffff;
	padding:13px 30px;
	line-height:20px;
	font-weight:700;
	background:#fb4848;
	border:2px solid transparent;
	text-transform:uppercase;
}

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

.theme_color{
	color:#fb4848;
}

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

.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-size:120px;
	background-image:url(../images/logo.jpg);
}

/***

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

***/

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

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

/***

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

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

/*=== Header Top ===*/

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

.main-header .header-top .inner-container{
	position: relative;
}

.main-header .header-top .top-left{
	position:relative;
	float:left;
	margin-left: 330px;
	padding-left: 30px;
}

.main-header .header-top .top-left:before{
	position: absolute;
	left: 0;
	bottom:0;
	height: 50px;
	width: 1000%;
	left: -1000%;
	content: "";
	z-index: 9;
	background-color: #ffffff;
	-webkit-transform: skewX(40deg);
	-moz-transform: skewX(40deg);
	-ms-transform: skewX(40deg);
	-o-transform: skewX(40deg);
	transform: skewX(40deg);
}

.main-header .header-top .top-left ul li{
	position:relative;
	float: left;
	margin-left:30px;
	font-size:14px;
	line-height: 30px;
	color:#ffffff;
	padding:10px 0px;
	font-weight:400;
}

.main-header .header-top .top-left ul li a{
	color:#ffffff;
	font-weight:400;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

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

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

/*Social Icon One*/

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

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

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

.social-icon-one li a span{
	display: inline-block;
}

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

.main-header .header-top .call-btn{
	float: left;
	margin-left: 45px;
}

.main-header .header-top .call-btn a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 30px;
	color: #ffffff;
	font-weight: 700;
	background: #222222;
	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-header .header-top .call-btn a:hover{
	background: #ffffff;
	color: #36404b;
}

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

.main-header .header-upper{
	position:relative;
	z-index:5;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .logo-outer{
	position:relative;
	padding:8px 0px 0px;
	z-index:25;
	float:left;
}

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

.main-header .header-upper .upper-right{
	position:relative;
	padding: 20px 0 0px;
}

.main-header .info-box{
	position:relative;
	float:left;
	min-height:50px;
	padding-left:60px;
	font-size:14px;
	color:#777777;
	line-height: 24px;
	margin-left:60px;
	margin-bottom: 20px;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:5px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	vertical-align: top;
}

.main-header .info-box .icon-box span{
	color:#000000;
	font-size:34px;
	line-height: 1em;
}

.main-header .info-box li{
	position:relative;
	line-height:22px;
	color:#444444;
	font-size:14px;
	font-weight:400;
	margin-bottom: 3px;
}

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

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

.main-header .info-box strong{
	position:relative;
	font-weight:500;
	color:#36404b;
	font-size:14px;
	font-family: "Rubik", sans-serif;
}

.main-header .header-lower{
	position:relative;
	top:0px;
	width:100%;
	z-index:5;
	background-color:#222222;
}

/*=== Main Menu ===*/

.main-header .nav-outer{
	position:relative;
	margin-left: 330px;
	padding-left: 40px;
}

.main-header .nav-outer:before{
	position: absolute;
	left: 0;
	bottom:0;
	height: 52px;
	width: 1000%;
	left: -1000%;
	content: "";
	z-index: 9;
	background-color: #ffffff;
	-webkit-transform: skewX(-40deg);
	-moz-transform: skewX(-40deg);
	-ms-transform: skewX(-40deg);
	-o-transform: skewX(-40deg);
	transform: skewX(-40deg);
}

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

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

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:5px;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-header .sticky-header .main-menu .navigation > li{
	margin:0px;
	border:0px;
	padding:0;
}

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

.main-header .sticky-header .main-menu .navigation > li > a{
	color:#181818;
	padding:15px 15px !important;
	line-height:30px;
	font-size:16px;
	font-weight:500;
	min-height:0px;
	background:none;
	border:0px;
	margin-right:0px;
	text-transform:capitalize;
}

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

.header-style-three .main-menu{
	float:right;
}

.header-style-two .main-menu .navigation > li.current > a, .header-style-three .main-menu .navigation > li.current > a {
   border-bottom: 0px;
}

.header-style-three .main-menu .navigation > li.current > a {
   background-color: transparent;
}

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

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

.main-menu .navigation > li:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:250px;
	padding:0px 0px;
	z-index:100;
	background:#2b2b2b;
	border-top:2px solid #fb4848;
	-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:500;
	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:#fb4848;
}

.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:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
	font-weight: 900;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:-2px;
	width:250px;
	padding:0px;
	z-index:100;
	display:none;
	background:#2b2b2b;
	border-top:2px solid #fb4848;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-ms-transform-origin:left;
	-moz-transform-origin:left;
	transform-origin:left;
	-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:500;
	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:#fb4848;
}

.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:scaleX(1);
	-ms-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);
	visibility:visible;
	opacity:1;
	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 .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;
}

.search-box-outer{
	position: relative;
    float: right;
    color: #ffffff;
    margin-left: 30px;
    padding: 10px 0px;
}

.main-header .search-box-btn{
	position:relative;
	display:block;
	width: 30px;
	text-align: center;
	font-size:12px;
	line-height: 20px;
	color: #d9d9d9;
	padding:4px 5px;
	margin:0px;
	cursor:pointer;
	background:none;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn:after{
	display:none;
}

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

.header-style-two.main-header .search-box-btn:hover{
	color:#ffffff !important;
}
.main-header  .dropdown-menu{
	top:38px;
	right: 0;
	border-top:3px solid #fb4848;
	padding:0px;
	width:280px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}

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

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

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

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

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

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

.main-header .search-panel .search-btn:hover{
	color:#fb4848;

}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:-1;
}

.sticky-header .logo{
	padding:5px 0px 2px;
	float:left;
}

.sticky-header .right-col{
	float:right;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	background-color:#ffffff;
	-webkit-box-shadow: 0 0 20px rgba(51,51,51,.1);
	-moz-box-shadow: 0 0 20px rgba(51,51,51,.1);
	-ms-box-shadow: 0 0 20px rgba(51,51,51,.1);
	-o-box-shadow: 0 0 20px rgba(51,51,51,.1);
	box-shadow: 0 0 20px rgba(51,51,51,.1);
}

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

/*======================================
			 Header Style Two
========================================*/

.header-style-two{
	background-color: #222222;
}

.header-style-two .outer-container{
	position: relative;
	padding-left: 270px;
}

.header-style-two .logo-outer{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	padding:35px 0px;
	width: auto;
}

.header-style-two .header-top{
	position: relative;
	width: 100%;
}

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

.header-style-two .header-top .social-icon-one{
	padding: 0;
	margin-left: 40px;
}

.header-style-two .header-top .top-left ul li{
	margin-left: 20px;
}

.header-style-two .header-top .top-left ul li:hover a{
	color: #36404b;
}

.header-style-two .header-top .top-left{
	margin-left: 0;
	padding-left: 0;
}

.header-style-two .header-top .top-left:before{
	display: none;
}

.header-style-two .nav-outer:before{
	display: none;
}

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

.header-style-two .header-top .top-right p{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.header-style-two .header-top .top-right p i{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	margin-right: 15px;
}

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

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

.header-style-two .dropdown-menu{
	top: 36px;
}

.header-style-two .search-box-btn:hover{
	color: #36404b;
}

.header-style-two .header-upper{
	background-color: #222222;
}

.header-style-two .nav-outer{
	padding-left:40px;
	margin-left: 0;
	background-color: #ffffff;
}

.header-style-two .main-menu:before{
	position: absolute;
	left: 270px;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: "";
}

.header-style-two .main-menu .navigation > li{
	padding:35px 15px;
	margin-right: 4px;
	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;
}

.header-style-two .main-menu .navigation > li > a{
	padding:0px 0px 0px 0px;
	color:#36404b;
	font-size:15px;
	line-height: 30px;
	margin-right:0px;
	font-weight:600;
	text-transform:capitalize;
	background: none;
}

.header-style-two .header-upper .main-menu .navigation > li.current,
.header-style-two .header-upper .main-menu .navigation > li:hover{
	background-color: #dddddd;
}

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

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

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

.main-header .cart-btn a{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 40px;
	color: #181818;
}

.main-header .cart-btn .count{
	position: absolute;
	right: -11px;
	top: 0;
	height: 22px;
	width: 22px;
	line-height: 22px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-weight: 400;
	background-color: #fb4848;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.header-style-two .header-upper .call-btn{
	position: relative;
	float: left;
	padding: 30px 0;
	margin-left: 40px;
}

.header-style-two .header-upper .call-btn a{
	padding: 12px 30px;
	font-size: 12px;
}

/*======================================
			 Header Style Three
========================================*/

.header-style-three{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: transparent;
	z-index: 999;
}

.header-style-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222222;
	opacity: .30;
	content: "";
	z-index: -1;
}

.header-style-three .header-lower{
	background-color: transparent;
}

.header-style-three .header-top{
	background-color: #222222 !important;
}

.header-style-three .header-top .top-left{
	margin-left: 0;
	padding-left: 0;
}

.header-style-three .header-top .top-left ul li:last-child:after,
.header-style-three .header-top .top-left:before{
	display: none;
}

.header-style-three .header-top .top-left ul li{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding: 20px 0;
	margin-left: 0;
	padding-right: 20px;
	margin-right: 20px;
}

.header-style-three .header-top .top-left ul li a{
	color: #999999;
	-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-top .top-left ul li i{
	color: #fb4848;
	margin-left: 10px;
}

.header-style-three .header-top .top-left ul li a:hover{
	color: #ffffff;
}

.header-style-three .header-top .top-left ul li:after{
	position: absolute;
	right: 0;
	top: 23px;
	height: 14px;
	width: 1px;
	background-color: #c0c2c4;
	content: "";
}

.header-style-three .header-top .top-right{
	position: relative;
	padding: 20px 0;
}

.header-style-three .header-top .top-right p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
}

.header-style-three .header-top .top-right p i{
	display: inline-block;
	margin-right: 10px;
	color: #fb4848;
}

.header-style-three .nav-outer{
	padding-left: 0;
	margin-left: 0;
	float: right;
}

.header-style-three .logo-box{
	position: relative;
	float: left;
	padding: 32px 0;
}

.header-style-three .nav-outer:before{
	display: none;
}

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

.header-style-three .main-menu .navigation > li > a{
	font-weight: 600;
	padding: 15px 0;
	font-size: 16px;
}

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

.header-style-three .cart-btn{
	position: relative;
	float: left;
	padding: 46px 0 47px;
}

.header-style-three .cart-btn a{
	color: #ffffff;
	font-size: 25px;
}

.header-style-three  .search-box-btn{
	border:0;
	font-size: 16px;
	padding: 0;
	color: #ffffff;
}

.header-style-three .dropdown-outer{
    padding: 57px 0;
    float: left;
    margin-left: 40px;
}

.main-header .dropdown-menu{
	right:0px !important;
	top: 38px !important;
	left:auto !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.header-style-three .dropdown-menu{
	top: 130px !important;
}

button:focus{
	box-shadow:none;
	outline:none;
}

/*======================================
			 Header Style Four
========================================*/

.header-style-four{
	position: relative;
	background-color: #ffffff;
	z-index: 999;
}

.header-style-four .header-lower{
	background-color: transparent;
}

.header-style-four .header-top{
	background-color: #222222 !important;
}

.header-style-four .header-top .top-left{
	margin-left: 0;
	padding-left: 0;
}

.header-style-four .header-top .top-left ul li:last-child:after,
.header-style-four .header-top .top-left:before{
	display: none;
}

.header-style-four .header-top .top-left ul li{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding: 20px 0;
	margin-left: 0;
	padding-right: 20px;
	margin-right: 20px;
}

.header-style-four .header-top .top-left ul li a{
	color: #999999;
	-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-four .header-top .top-left ul li i{
	color: #fb4848;
	margin-left: 10px;
}

.header-style-four .header-top .top-left ul li a:hover{
	color: #ffffff;
}

.header-style-four .header-top .top-left ul li:after{
	position: absolute;
	right: 0;
	top: 23px;
	height: 14px;
	width: 1px;
	background-color: #c0c2c4;
	content: "";
}

.header-style-four .header-top .top-right{
	position: relative;
	padding: 20px 0;
}

.header-style-four .header-top .top-right p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
}

.header-style-four .header-top .top-right p i{
	display: inline-block;
	margin-right: 10px;
	color: #fb4848;
}

.header-style-four .nav-outer{
	padding-left: 0;
	margin-left: 0;
	float: right;
}

.header-style-four .logo-box{
	position: relative;
	float: left;
	padding: 37px 0;
}

.header-style-four .nav-outer:before{
	display: none;
}

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

.header-style-four .main-menu .navigation > li > a{
	font-weight: 600;
	padding: 15px 0;
	font-size: 16px;
	color: #36404b;
}

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

.header-style-four .main-menu .navigation > li.current > a, .header-style-three .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li.current > a {
   background-color: transparent;
}

.main-menu .navigation > li.current > a {
   color: #ffffff;
}

.header-style-four .outer-box{
	position: relative;
	float: right;
}

.header-style-four .cart-btn{
	position: relative;
	float: left;
	padding: 46px 0 47px;
}

.header-style-four .cart-btn a{
	color: #36404b;
	font-size: 25px;
}

.header-style-four  .search-box-btn{
	border:0;
	font-size: 16px;
	padding: 0;
	color: #36404b;
}

.header-style-four .dropdown-outer{
    padding: 57px 0;
    float: left;
    margin-left: 40px;
}

.header-style-four .dropdown-menu{
	top: 132px !important;
}

/***

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

***/

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

.sec-title h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	text-transform: uppercase;
}

.sec-title h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	text-transform: uppercase;
}

.sec-title .separator{
	position: relative;
	display: inline-block;
	font-size: 32px;
	line-height: 40px;
	height: 40px;
	width: 50px;
	color: #fb4848;
	margin:25px 115px 0;
}

.sec-title .separator span{
	position: relative;
	display: block;
	text-align: center;
}

.sec-title .separator:before{
	position: absolute;
	right: 100%;
	top: 18px;
	content: "";
	background: #d9d9d9 padding-box content-box ;
	padding: 2px 0 2px 28px;
	border-top: 1px solid #d9d9d9;
	width: 115px;
	height: 6px;
}

.sec-title.text-center h2{
	text-align:center !important;
}

.sec-title.text-center .separator:after{
	position: absolute;
	left: 100%;
	top: 18px;
	content: "";
	background: #d9d9d9 padding-box content-box ;
	padding: 2px 28px 2px 0; ;
	border-top: 1px solid #d9d9d9;
	width: 115px;
	height: 6px;
}

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

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

.sec-title.light .separator:after,
.sec-title.light .separator:before{
	background-color: #787878;
	border-color: #787878;
}

/***

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

***/

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

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

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

.page-title h1{
	position:relative;
	float: left;
	font-size:30px;
	color:#ffffff;
	line-height: 50px;
	font-weight: 500;
	text-transform:uppercase;
}

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

.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #fb4848;
	font-weight: 400;
	cursor: default;
	padding-right:  10px;
	margin-right: 10px;
}

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

.page-title .bread-crumb li:last-child{
	margin-right: 0;
	padding-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:#fb4848;
}

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

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

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

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	right: 0;
	margin: auto;
	width:100%;
	max-width: 1170px;
	background-color: #2b2b2b;
	border-top: 2px solid #1c63b8;
    padding: 45px 40px 30px 45px;
    top: 100%;
	z-index:100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

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

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

.main-menu .navigation > li .mega-menu-bar h3{
	position:relative;
	color:#ffffff;
	text-align: left;
	font-size:20px;
	font-weight:500;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

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

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column{
	position:relative;
	margin-bottom:10px;
}

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

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	text-align: left;
	line-height:20px;
	font-weight:400;
	font-size:14px;
	color:#fff;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Rubik', sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
	color:#ffffff;
	background:#1c63b8;
}

/***

====================================================================
	Main Slider One
====================================================================

***/

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

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

.main-slider .tp-dottedoverlay{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.main-slider h4{
	font-size:24px;
	color:#ffffff;
	font-weight:400;
	line-height:1.2em;
	font-family: 'Roboto', sans-serif;
}

.main-slider h2{
	font-size:42px;
	color:#ffffff;
	font-weight:500;
	line-height:1.2em;
	text-transform: uppercase;
}

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

.main-slider .theme-btn{
	display: inline-block;
	padding: 15px 40px;
}

.main-slider .theme-btn:hover{
	background: #ffffff;
}

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

/***

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

***/

.about-us{
	position: relative;
	padding: 100px 0 80px;
}

.about-us .content-column{
	position: relative;
	margin-bottom: 40px;
}

.about-us .content-column h2{
	position: relative;
	font-size: 30px;
	color: #36404b;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.2em;
	top: -5px;
	margin-bottom: 10px;
}

.about-us .content-column h4{
	position: relative;
	display: block;
	font-size: 24px;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 20px;
}

.about-us .content-column .primary-text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #fb4848;
	border-left: 1px solid #222222;
	padding-left: 30px;
	margin-bottom: 20px;
}

.about-us .content-column .text{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 20px;
}

.about-us .content-column .list-style-one li{
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 30px;
	margin: 0;
	padding-left: 35px;
}

.about-us .content-column .list-style-one li:before{
	color: #1c63b8;
}

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

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

.about-us .image-column .image-box a{
	display: block;
}

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

.about-us .image-column .column h3{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 20px;
}

.about-us .image-column .column h3 a{
	color: #36404b;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-us .image-column .column h3 a:hover{
	color: #fb4848;
}

.about-us .image-column .column p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 15px;
}

.about-us .image-column .column .read-more{
	position: relative;
	font-size: 14px;
	color: #fb4848;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-us .image-column .column .read-more:hover{
	color: #36404b;
}

/***

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

***/

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

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

.fun-fact-section .count-box{
	position: relative;
	margin-bottom: 30px;
}

.fun-fact-section .count-box .inner-box{
	position: relative;
	display: block;
	border: 2px solid #fb4848;
}

.fun-fact-section .count-box .inner-box:after{
	display: table;
	clear: both;
}

.fun-fact-section .count-box .icon-box{
	position: relative;
	float: left;
	height: 55px;
	width: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	margin-right: 5px;
}

.fun-fact-section .count-box .count-text{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	padding: 15px 0;
	color: #ffffff;
}

.fun-fact-section .count-box .counter-title{
	position: relative;
	display: block;
}

.fun-fact-section .count-box .counter-title h5{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: #ffffff;
	padding: 6px  25px 6px 13px;
	text-transform: uppercase;
	background-color: #fb4848;
	min-width: 145px;
}

.fun-fact-section .count-box .counter-title h5:before{
	position: absolute;
	right: -15px;
	top: 0;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 42px solid #fb4848;
	border-right: 15px solid transparent;
}

/***

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

***/

.fun-fact-two{
	position: relative;
	padding: 120px 0 70px;
}

.fun-fact-two.no-pd-top{
	padding-top: 0;
}

.fun-fact-two .count-box{
	position: relative;
	margin-bottom: 50px;
}

.fun-fact-two .count-box .inner-box{
	position: relative;
	background-color: #f8f8f8;
	padding: 35px 35px;
	min-height: 250px;
	-webkit-box-shadow: 6px 12px 10px 0 rgba(0,0,0,.17);
	-moz-box-shadow: 6px 12px 10px 0 rgba(0,0,0,.17);
	-ms-box-shadow: 6px 12px 10px 0 rgba(0,0,0,.17);
	-o-box-shadow: 6px 12px 10px 0 rgba(0,0,0,.17);
	box-shadow: 6px 12px 10px 0 rgba(0,0,0,.17);
}

.fun-fact-two .count-box .icon{
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	font-size: 130px;
	line-height: 1em;
	color: #e2e2e2;
	font-weight: 400;
}

.fun-fact-two .count-box .count-text{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1em;
	color: #fb4848;
	font-weight: 700;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.fun-fact-two .count-box .count-text:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 60px;
	background-color: #222222;
	content: "";
}

.fun-fact-two .count-box .counter-title h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #fb4848;
	font-weight: 500;
}

/*=== Three ===*/

.fun-fact-two .count-box:nth-child(4n + 2) .inner-box{
	background-color: #222222;
}

.fun-fact-two .count-box:nth-child(4n + 2) .counter-title h3,
.fun-fact-two .count-box:nth-child(4n + 2) .count-text{
	color: #ffffff;
}

.fun-fact-two .count-box:nth-child(4n + 2) .count-text:before{
	background-color: #fb4848;
}

.fun-fact-two .count-box:nth-child(4n + 2) .icon{
	color: rgba(255,255,255,.10);
}

/*=== Three ===*/

.fun-fact-two .count-box:nth-child(4n + 3) .inner-box{
	background-color: #dddddd;
}

.fun-fact-two .count-box:nth-child(4n + 3) .counter-title h3,
.fun-fact-two .count-box:nth-child(4n + 3) .count-text{
	color: #36404b;
}

.fun-fact-two .count-box:nth-child(4n + 3) .count-text:before{
	background-color: #fb4848;
}

.fun-fact-two .count-box:nth-child(4n + 3) .icon{
	color: rgba(0,0,0,.10);
}

/*=== Four ===*/

.fun-fact-two .count-box:nth-child(4n + 4) .inner-box{
	background-color: #fb4848;
}

.fun-fact-two .count-box:nth-child(4n + 4) .counter-title h3,
.fun-fact-two .count-box:nth-child(4n + 4) .count-text{
	color: #ffffff;
}

.fun-fact-two .count-box:nth-child(4n + 4) .icon{
	color: rgba(0,0,0,.10);
}

/***

====================================================================
						Feature Section
====================================================================

***/

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

.features-carousel{
	position: relative;
	display: block;
}

.feature-section .title-box{
	position: relative;
	display: block;
	padding-bottom: 35px;
	margin-bottom: 55px;
}

.feature-section .title-box:before,
.feature-section .title-box:after{
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #aaaaaa;
	content: "";
	left: 0;
	bottom: 0;
}

.feature-section .title-box:before{
	bottom: 5px;
}

.feature-section .title-box h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	text-transform: uppercase;
}

.feature-block{
	position: relative;
}

.feature-block .inner-box{
	position: relative;
	background-color: #ffffff;
	-webkit-border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-ms-border-radius: 0 15px 0 0;
	-o-border-radius: 0 15px 0 0;
	border-radius: 0 15px 0 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;
	overflow: hidden;
}

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

.feature-block .image-box a{
	display: block;
}

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

.feature-block .image-box .price{
	position: absolute;
	left: 0;
	top: 0;
	height: 45px;
	width: 60px;
	font-size: 24px;
	line-height: 45px;
	color: #ffffff;
	font-weight: 700;
	background-color: #fb4848;
	text-align: center;
}

.feature-block .image-box .price sup{
	font-size: 14px;
}

.feature-block .lower-content{
	position: relative;
	background-color: #ffffff;
	text-align: center;
	padding: 28px 15px;
	border: 1px dashed #aaaaaa;
}

.feature-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.feature-block .lower-content h3 a{
	color: #36404b;
	-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 .lower-content h3 a:hover{
	color: #fb4848;
}

.feature-block .lower-content .read-more{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	font-weight: 400;
	padding: 10px 20px;
	border: 1px solid #dddddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .lower-content .read-more i{
	color: inherit;
	margin-right: 5px;
}

.feature-block .lower-content .read-more:hover{
	color: #ffffff;
	background-color: #fb4848;
}

.features-carousel .owl-nav{
    position: absolute;
    right: -35px;
    top: -115px;
    z-index: 99;
}

.features-carousel .owl-prev{
    position: relative;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
	color: #222222;
	display:inline-block;
	background: #ffffff;
	border: 1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.features-carousel .owl-next {
    position: relative;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
	color: #222222;
	background: #ffffff;
	display:inline-block;
	border: 1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.features-carousel .owl-prev{
	left: -80px;
}

.features-carousel .owl-prev:hover,
.features-carousel .owl-next:hover{
	color: #fb4848;
}

/***

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

***/

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

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

.service-block{
	position: relative;
}

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

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

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

.service-block .image-box .title{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding:20px 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;
}

.service-block .inner-box:hover .image-box .title{
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.service-block .image-box .title:before{
	position: absolute;
	left: 0;
	border-bottom: 65px solid rgba(54,64,75, .9);
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	height: 0;
	width: 100%;
	content: "";
	bottom: 0;
}

.service-block .image-box .title h4{
	position: relative;
	font-size: 18px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 500;
}

.service-block .caption-box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background-color: rgba(251,72,72, .80);
	padding: 36px 30px;
	transition: all 500ms ease;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.service-block .inner-box:hover .caption-box{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.service-block .caption-box .title-box{
	position: relative;
	margin-bottom: 15px;
	padding: 17.5px 0;
	padding-left: 80px;
}

.service-block .caption-box .title-box h4{
	font-size: 18px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 500;
}

.service-block .caption-box .title-box 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;
}

.service-block .caption-box .title-box h4 a:hover{
	color: #36404b;
}

.service-block .caption-box .title-box .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 42px;
	color: #ffffff;
}

.service-block .caption-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

.service-block .caption-box .read-more{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
}

.service-block .caption-box .read-more:hover{
	text-decoration: underline;
}

.service-block .caption-box .read-more i{
	margin-left: 10px;
}

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

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

.services-carousel .owl-dots .owl-dot{
	position:relative;
	width:30px;
	margin:0 4px;
	padding: 5px 0;
	display:inline-block;
	border-bottom: 2px solid #2e3760;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.services-carousel .owl-dots .owl-dot.active,
.services-carousel .owl-dots .owl-dot:hover{
	border-bottom: 4px solid #222222;
}

.services-section.alternate{
	padding: 0;
	z-index: 99;
}

.services-section.alternate .services-carousel{
	margin-top: -195px;
}

.services-page-section{
	padding: 120px 0;
}

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

.services-page-section .styled-pagination{
	display: block;
	margin-top: 90px;
}

/***

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

***/

.services-section-two{
	position: relative;
	padding: 100px 0 100px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
}

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

.service-block-two{
	position: relative;
	display: block;
	margin-bottom: 70px;
}

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

.service-block-two .icon-box{
	position: relative;
	line-height: 1em;
	text-align: left;
	font-size: 60px;
	color: #aaaaaa;
	margin-bottom: 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two:hover .icon-box{
	color: #fb4848;
}

.service-block-two h3{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 20px;
}

.service-block-two h3 a{
	color: #36404b;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two h3 a:hover{
	color: #fb4848;
}

.service-block-two p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 25px;
}

.service-block-two .read-more{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height:30px;
	color: #fb4848;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .read-more:hover{
	text-decoration: underline;
}

.service-list{
	position: relative;
}

.services-list .service{
	position: relative;
	min-height: 70px;
	margin-bottom: 30px;
}

.services-list .service .inner-box{
	position: relative;
	padding-left: 100px;
	min-height: 70px;
}

.services-list .service .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	line-height: 66px;
	border: 2px solid #aaaaaa;
	color: #aaaaaa;
	font-size: 40px;
	text-align: center;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-list .service:hover .icon-box{
	border-color: #fb4848;
	background-color: #fb4848;
	color: #ffffff;
}

.services-list .service h3{
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #36404b;
	font-weight: 500;
	padding-top: 5px;
	margin-bottom: 5px;
}

.services-list .service h3 a{
	color: #36404b;
	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;
}

.services-list .service:hover h3 a{
	color: #fb4848;
}

/***

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

***/

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

.service-detail{
	position: relative;
}

.service-detail-slider{
	position: relative;
	margin-bottom: 40px;
}

.service-detail-slider .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	height: 120px;
	width: 100%;
	margin-top: -60px;
}

.service-detail-slider .owl-prev,
.service-detail-slider .owl-next{
	position: absolute;
	left: 0px;
	top: 0;
	height: 120px;
	width: 30px;
	color: #ffffff;
	background: rgba(255,255,255,.20);
	line-height: 30px;
	padding:45px 0;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	z-index: 1;
}

.service-detail-slider .owl-next{
	right: 0px;
	left: auto;
}

.service-detail h2{
	position: relative;
	font-size: 30px;
	line-height: 1.3em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.service-detail h3{
	position: relative;
	font-size: 24px;
	line-height: 1.3em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 30px;
}

.service-detail p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 30px;
}

.service-detail blockquote{
	position: relative;
	display: block;
	font-size: 14px;
	color: #666666;
	font-weight: 400;
	padding: 40px 40px 30px;
	line-height: 30px;
	background-color: #f3f3f3;
	border: 0;
	margin-bottom: 60px;
}

.service-detail blockquote cite{
	position: relative;
	display: block;
	text-align: right;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2em;
	color: #fb4848;
	font-weight: 500;
	margin-top: 12px;
	font-family: "Rubik", sans-serif;
}

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

.service-detail .two-column .info-column{
	position: relative;
	margin-bottom: 60px;
}

.service-detail ul{
	position: relative;
	display: block;
}

.service-detail ul li{
	position: relative;
	padding-left: 30px;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 20px;
}

.service-detail ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
	color: #fb4848;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f00c" ;
}

.service-detail ul li a{
	color: #666666;
}

.service-detail .two-column .video-column{
	position: relative;
	display: block;
	margin-bottom: 70px;
}

.service-detail .video-column{
	position: relative;
	margin-bottom: 20px;
}

.service-detail .video-column .inner-column{
	position: relative;
}

.service-detail .video-column .image{
	position: relative;
	padding: 20px 20px;
	z-index: 9;
}

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

.service-detail .video-column .image:before{
	position: absolute;
	top: 0;
	left: 0;
	height: 260px;
	width: 310px;
	background-color: #ebebeb;
	content: "";
	z-index: -1;
}

.service-detail .video-column .image:after{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 260px;
	width: 310px;
	content: "";
	border: 2px solid #ebebeb;
	z-index: -1;
}

.service-detail .video-column .image .link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(34,34,34,.50)  padding-box content-box;
	padding: 20px 20px;
}

.service-detail .video-column .image .link span{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 65px;
	width: 65px;
	text-align: center;
	line-height: 63px;
	border: 3px solid #ffffff;
	font-size: 26px;
	color: #ffffff;
	margin-left: -40px;
	margin-top: -40px;
	padding-left: 5px;
	background-color: #fb4848;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.service-detail .video-column .image:hover .link span{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.service-detail .video-column .image .link span:after{
	position: absolute;
    height: 75px;
    width: 75px;
    left: -8px;
    top: -8px;
	border:7px solid rgba(255,255,255,.50);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.pricing-feature .sec-title{
	margin-bottom: 40px;
}

/*=== Feature Pricing Table ===*/

.pricing-feature{
	position: relative;
	display: block;
	background-color: #ffffff;
	margin-bottom: 40px;
}

.pricing-feature .table-outer{
	position:relative;
	width:100%;
}

.pricing-feature .feature-table{
	position:relative;
	width: 100%;
	min-width:870px;
}

.pricing-feature .feature-table thead{
    position: relative;
    width: 100%;
    background: #222222;
}

.pricing-feature .feature-table thead tr td{
	position: relative;
	font-size: 16px;
	color: #ffffff;
	font-weight:500;
    line-height: 30px;
	padding:15px 18px;
    text-transform: capitalize;
    font-family: "Rubik", sans-serif;
}

.pricing-feature .feature-table thead tr td:first-child{
	padding-left:40px;
}

.pricing-feature .feature-table tbody{
	border:1px solid #e8e8e8;
	border-top: 0;
}

.pricing-feature .table-outer tbody tr:nth-child(2n + 2){
	background-color:#eeeeee;
}

.pricing-feature .table-outer tbody tr td:first-child{
	padding-left:40px;
	font-weight: 700;
}

.pricing-feature .table-outer tbody tr td{
	color:#333333;
	font-size:14px;
	line-height: 30px;
	font-weight:400;
	text-align:left;
	padding:15px 18px;
}

/*Services Category*/

.service-cat-list{
	position:relative;
	margin-bottom: 45px;
}

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

.service-cat-list li a{
	position:relative;
	color:#333333;
	font-size:16px;
	line-height: 30px;
	font-weight:400;
	padding:14px 45px 14px 30px;
	display:block;
	background-color:#f3f3f3;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.service-cat-list li a:before{
	position:absolute;
	content:'\f105';
	right: 45px;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	font-weight: 600;
	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;
}

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

.service-cat-list li.active a,
.service-cat-list li a:hover{
	color: #ffffff;
	background-color: #fb4848;
}

/*Brochure Box*/

.brochures {
	position: relative;
}

.brochures h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.brochure-box{
	position:relative;
}

.brochure-box .image-box{
	position:relative;
	margin-bottom: 40px;
}

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

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

.brochure-box .link-box a{
	display: block;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 30px;
	padding: 19px 35px;
	border:1px solid #cccccc;
	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;
}

.brochure-box .link-box a:hover{
	color: #ffffff;
	border-color: #222222;
	background-color: #222222;
}

.brochure-box .link-box a span{
	color: #fb4848;
	font-weight: 400;
	margin-right: 20px;
}

/***

====================================================================
				Why Us Section
====================================================================

***/

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

.why-us-section .feature-tabs{
	position: relative;
}

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

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

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

.feature-tabs .tab-btn{
	position: relative;
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 48px 40px;
	padding-left: 200px;
	border:1px solid transparent;
	cursor: pointer;
}

.feature-tabs .tab-btn .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 120px;
	background-color: #e2e2e2;
	padding: 20px 0;
	padding-right: 80px;
	text-align: right;
}

.feature-tabs .tab-btn .icon-box:before{
	position: absolute;
    right: -60px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 190px solid #e2e2e2;
    border-right: 60px solid transparent;
}

.feature-tabs .tab-btn .icon-box span{
	position: absolute;
	top: 50%;
	font-size: 72px;
	line-height: 80px;
	margin-top: -40px;
	height: 80px;
}

.feature-tabs .tab-btn h3{
	position: relative;
	font-size: 20px;
	line-height: 28px;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 10px;
}

.feature-tabs .tab-btn p{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
}

.feature-tabs .tab-btn.active-btn{
	border:1px solid #fb4848;
	background-color:#fb4848;
}

.feature-tabs .tab-btn.active-btn .icon-box:before{
	border-bottom-color: #ffffff;
}

.feature-tabs .tab-btn.active-btn .icon-box{
	background-color: #ffffff;
}

.feature-tabs .tab-btn.active-btn p,
.feature-tabs .tab-btn.active-btn h3{
	color: #ffffff;
}

.feature-tabs .tabs-content{
	position: relative;
}

.feature-tabs .tabs-content .inner-box{
	position: relative;
	padding-top: 25px;
	padding-left: 20px;
}

.feature-tabs .tabs-content .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #fb4848;
	margin-bottom: 10px;
}

.feature-tabs .tabs-content h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 30px;
}

.feature-tabs .tabs-content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 35px;
}

.feature-tabs .tabs-content ul{
	margin-bottom: 40px;
}

.feature-tabs .tabs-content ul li{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-bottom: 10px;
	padding-left: 40px;
}

.feature-tabs .tabs-content ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	font-size: 14px;
	color: #fb4848;
	font-weight: 900;
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
}

.feature-tabs .tabs-content .theme-btn:hover{
	background-color: #222222;
}

/***

====================================================================
				Gallery Section
====================================================================

***/

.gallery-section{
	position: relative;
	padding: 115px 0 175px;
}

.mixitup-gallery .filters{
 	margin-bottom:70px;
 	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: 18px;
	color: #222222;
	font-weight: 500;
	padding:10px 20px;
	border: 1px solid transparent;
	cursor: pointer;
 	background: #ffffff;
 	margin-right: 5px;
 	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;
	font-family: 'Rubik', sans-serif;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	color: #fb4848;
	border: 1px solid #dddddd;
}

.gallery-item{
	position: relative;
	margin-bottom: 30px;
}

.gallery-item.mix{
	display: none;
}

.gallery-item .image-box{
	position: relative;
}

.gallery-item .image-box .image{
	position: relative;
}

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

.gallery-item .slide-item .image-box .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.gallery-item .image-box .overlay-box:before{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 0%;
	width: 0%;
	background-color: #222222;
	opacity: .80;
	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;
}

.gallery-item:hover .image-box .overlay-box:before{
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.gallery-item .icon-box{
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gallery-item .icon-box .link{
	position: relative;
	display: inline-block;
	margin-left: 15px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.gallery-item .icon-box .icon{
	height: 40px;
	width: 40px;
	font-size: 14px;
	color: #ffffff;
	line-height: 38px;
	border: 1px solid #ffffff;
	background-color: transparent;
	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;
}

.gallery-item .icon-box .link:hover .icon{
	background-color: #fb4848;
	border: 1px solid #fb4848;
}

.gallery-item:hover .icon-box > .link{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(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;
}

.gallery-item .icon-box h3{
	position: relative;
	display: block;
	margin-top: 40px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 5px;
	opacity: 0;
	visibility: hidden;
	font-family: "Roboto", 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;
}

.gallery-item .icon-box 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;
}

.gallery-item .icon-box h3 a:hover{
	color: #fb4848;
}

.gallery-item:hover h3{
	visibility: visible;
	opacity: 1;
	transition-delay: 300ms;
}

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

.gallery-section .btn-box .theme-btn{
	margin-top: 50px;
}

/***

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

***/

.project-section{
	position: relative;
	background-color: #f5f5f5;
	padding-top: 115px;
}

.project-tab .tab-btns{
	position: relative;
	text-align: center;
	margin-bottom: 65px;
}

.project-tab .tab-btns .tab-btn{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #36404b;
	font-weight: 500;
	cursor: pointer;
 	margin: 0 20px;
 	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;
	font-family: 'Rubik', sans-serif;
}

.project-tab .tab-btns .tab-btn.active-btn,
.project-tab .tab-btns .tab-btn:hover{
	color: #fb4848;
}

.project-tab .tabs-content .gallery-item{
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	margin-bottom: 5px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.project-tab .tabs-content .active-tab .gallery-item{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/***

====================================================================
				Project Detail Section
====================================================================

***/

.project-detail{
	position: relative;
	padding: 120px 0 150px;
}

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

.project-detail .upper-box .image-column{
	position: relative;
	margin-bottom: 40px;
}

.project-detail .upper-box .image-box{
	position: relative;
}

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

/*=== Price List ===*/

.project-detail .price-column{
	position: relative;
	margin-bottom: 40px;
}

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

.project-detail .price-list li{
	position: relative;
	font-size: 14px;
	color: #333333;
	font-weight: 400;
	line-height: 24px;
	padding: 15px 20px;
	min-width: 370px;
	width: 100%;
}

.project-detail .price-list li:nth-child(odd){
	background-color: #f5f5f5;
}

.project-detail .price-list li span{
	min-width: 150px;
	text-align:left;
	float: right;
	color: #666666;
}

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

.project-detail h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 30px;
}

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

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

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

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

.project-detail .two-column .image-column a{
	display: block;
}

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

.project-detail .check-list{
	position: relative;
	display: block;
}

.project-detail .check-list li{
	position: relative;
	padding-left: 30px;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 25px;
}

.project-detail .check-list li:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
	color: #fb4848;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f00c" ;
}

.project-detail .check-list li a{
	color: #666666;
}

/*=== Info List ===*/

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

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

.project-info .info{
	position: relative;
	font-size: 16px;
	color: #777777;
	font-weight: 400;
	line-height: 20px;
	padding: 14px 20px;
	padding-left: 75px;
	border: 1px solid #bbbbbb;
	margin-right: 30px;
	width: 100%;
}

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

.project-info .info a:hover{
	color: #fb4848;
}

.project-info .info strong{
	position: relative;
	font-weight: 700;
	color: #fb4848;
	margin-right: 15px;
}

.project-info .info .icon {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 50px;
    height: 51px;
    color: #ffffff;
    bottom: -1px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    background-color: #222222;
}

.project-info .social-icons{
	position: relative;
	padding: 10px 0;
}

.project-info .social-icons .follow{
	position:relative;
	font-size:20px;
	font-weight:500;
	color:#fb4848;
	font-family: "Rubik", sans-serif;
}

.project-info .social-icons a{
	color:#36404b;
	font-size:18px;
	margin-left:17px;
	line-height: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-info .social-icons a:hover{
    color: #fb4848;
}

/***

====================================================================
					Video And Faq's
====================================================================

***/

.video-and-faqs{
	position: relative;
	padding: 105px 0 100px;
}

.video-and-faqs .video-column{
	position: relative;
	margin-bottom: 20px;
}

.video-and-faqs .video-column .inner-column{
	position: relative;
}

.video-and-faqs .video-column .image{
	position: relative;
	padding: 25px 25px;
	z-index: 9;
}

.video-and-faqs .video-column .image img{
	display: block;
	width: 100%;
}

.video-and-faqs .video-column .image:before{
	position: absolute;
	top: 0;
	left: 0;
	height: 320px;
	width: 370px;
	background-color: #ebebeb;
	content: "";
	z-index: -1;
}

.video-and-faqs .video-column .image:after{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 320px;
	width: 370px;
	content: "";
	border: 2px solid #ebebeb;
	z-index: -1;
}

.video-and-faqs .video-column .image .link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(34,34,34,.50)  padding-box content-box;
	padding: 25px 25px;
}

.video-and-faqs .video-column .image .link span{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 74px;
	border: 3px solid #ffffff;
	font-size: 34px;
	color: #ffffff;
	margin-left: -40px;
	margin-top: -40px;
	padding-left: 5px;
	background-color: #fb4848;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.video-and-faqs .video-column .image:hover .link span{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.video-and-faqs .video-column .image .link span:after{
	position: absolute;
	height: 96px;
	width: 96px;
	left: -11px;
	top: -11px;
	content:"";
	border:8px solid rgba(255,255,255,.50);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.video-and-faqs .faq-column .inner-column{
	position: relative;
	padding-left: 25px;
}

.video-and-faqs .faq-column .sec-title{
	margin-bottom: 20px;
	top: -10px;
}

/*===================================\
		Accordion Style
====================================*/

.accordion-box{
	position:relative;
}

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

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:25px;
	color:#36404b;
	font-weight: 500;
	cursor:pointer;
	overflow:hidden;
	z-index:1;
	padding: 20px 15px 19px 45px;
	border-bottom: 1px solid #eeeeee;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.accordion-box .block .acc-btn .icon{
	position: absolute;
	left: 0;
	top: 20px;
	height: 26px;
	width: 26px;
	line-height: 26px;
	font-size: 12px;
	color: #fb4848;
	border-radius: 50%;
	border: 1px solid #eeeeee;
	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;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f068";
}

.accordion-box .block .acc-btn.active{
	color: #fb4848;
	border-bottom: 0;
	padding-bottom: 10px;
}

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

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

.accordion-box .block .content{
	position:relative;
	padding: 0 20px 10px;
	min-height: 115px;
	padding-left: 45px;
	border-bottom: 1px solid #eeeeee;
}

.accordion-box .block .content p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}

/***

====================================================================
				Subscribe Section
====================================================================

***/

.subscribe-section{
	position: relative;
	margin: -75px 0;
	z-index: 9;
}

.subscribe-section .inner-container{
	position: relative;
	background-color: #fb4848;
	outline: 2px solid rgba(255,255,255,.33);
	outline-offset: -22px;
	padding: 50px 70px;
}

.subscribe-section h3{
	position: relative;
	float:left;
	padding: 10px 0;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Rubik", sans-serif;
}

.subscribe-section .call-btn{
	position: relative;
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding: 14px 35px;
	border: 1px solid #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;
}

.subscribe-section .call-btn:hover{
	background-color: #ffffff;
	color: #fb4848;
}

/***

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

***/

.news-section{
	position: relative;
	padding: 170px 0 100px;
	background-color: #222222;
	background-repeat: no-repeat;
	background-position: center;
}

.news-section .title-box{
	position: relative;
	display: block;
	padding-bottom: 35px;
	margin-bottom: 55px;
}

.news-section .title-box:before,
.news-section .title-box:after{
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #dddddd;
	content: "";
	left: 0;
	bottom: 0;
}

.news-section .title-box:before{
	bottom: 5px;
}

.news-section .title-box h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
}

.news-block{
	position: relative;
}

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

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

.news-block .image-box .label{
	position: absolute;
	left: 30px;
	top: 0;
	width: 70px;
	padding: 0;
	text-align: center;
	font-family: "Rubik", sans-serif;
}

.news-block .label .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #36404b;
	font-weight: 600;
	background-color: #f2f2f2;
	height: 60px;
	width: 100%;
	padding: 10px 0;
	text-transform: uppercase;
}

.news-block .label .date span{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1em;
	color: #36404b;
	font-weight: 600;
}

.news-block .label .likes{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
	color: #ffffff;
	font-weight: 500;
	background-color: #fb4848;
}

.news-block .label .likes i{
	margin-right: 3px;
}

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

.news-block .image-box a{
	display: block;
}

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

.news-block .content-box{
	position: absolute;
	top: 50%;
	width: 330px;
	right: 0;
	background-color: #ffffff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 30px 20px 25px 30px;
}

.news-block .content-box h3{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 10px;
}

.news-block .content-box h3 a{
	color:#36404b;
	-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 .content-box h3 a:hover{
	color: #fb4848;
}

.news-block .content-box .info{
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.news-block .content-box .info li{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	color: #222222;
	font-weight: 500;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #222222;
}

.news-block .content-box .info li:last-child{
	margin-right: 0;
	border-right: 0;
	padding-right: 0;
}

.news-block .content-box .info li 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 .content-box .info li a:hover{
	color: #fb4848;
}

.news-block .content-box .info li i{
	display: inline-block;
	margin-right: 10px;
}

.news-block .content-box p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 15px;
}

.news-block .content-box .read-more{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #fb4848;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box .read-more:hover{
	color: #222222;
}

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

.news-carousel .owl-nav{
    position: absolute;
    right: 20px;
    top: -115px;
    z-index: 99;
}

.news-carousel .owl-prev,
.news-carousel .owl-next {
    position: absolute;
    height: 35px;
    width: 35px;
    right: 0;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
	color: #222222;
	background: #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;
}

.news-carousel .owl-prev{
	left: -80px;
}

.news-carousel .owl-prev:hover,
.news-carousel .owl-next:hover{
	background-color: #fb4848;
	color: #ffffff;
}

/***

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

***/

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

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

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

.team-block .image-box:before{
	position: absolute;
	left: 0;
	top: 100px;
	height: 100%;
	width: 100%;
	border: 6px solid #fb4848;
	border-bottom: 6px solid transparent;
	content:'';
	z-index: -1;
	-webkit-transform: skewY(10deg);
	-moz-transform: skewY(10deg);
	-ms-transform: skewY(10deg);
	-o-transform: skewY(10deg);
	transform: skewY(10deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .image-box:before{

	-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	-ms-transform: skew(0deg);
	-o-transform: skew(0deg);
	transform: skew(0deg);
}


.team-block .image-box{
	position: relative;
	display: block;
	overflow: hidden;
}

.team-block .image-box img{
	max-width: 100%;
	height: auto;
}

.team-block .social-icon{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #fb4848;
	width: 50px;
	padding: 10px 0;
}

.team-block .social-icon li{
	display: block;
	text-align: center;
}

.team-block .social-icon li a{
	display: block;
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .social-icon li a:hover{
	color: #36404b;
}

.team-block .info-box{
	position: relative;
	display: block;
	text-align: center;
	border-left: 6px solid #fb4848;
	border-right: 6px solid #fb4848;
	background-color: #222222;
}

.team-block .info-box .inner-box{
	position: relative;
	padding: 20px 0;
	display: block;
	background-color: #222222;
	bottom: -5px;
}

.team-block .info-box .name{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	line-height: 1.2em;
	text-transform: uppercase;
}

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

.team-block .info-box .name a:hover{
	color: #fb4848;
}

.team-block .info-box .designation{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
}

/*============================
	Team Block Last Child 2
=============================*/

.team-block:nth-child(3n + 2) .image-box:before{
	top: 130px;
	transform: skewY(0deg);
}

.team-block:nth-child(3n + 2) .social-icon{
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: inline-block;
	max-width: 180px;
	width: 100%;
}

.team-block:nth-child(3n + 2) .social-icon li{
	display: inline-block;
	padding: 0 8px;
}

.team-block:nth-child(3n + 2) .image-box:before{
	top: 130px;
	transform: skewY(0deg);
}

.team-block:nth-child(3n + 2) .social-icon{
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: inline-block;
	max-width: 180px;
	width: 100%;
}

.team-block:nth-child(3n + 2) .social-icon li{
	display: inline-block;
	padding: 0 8px;
}

/*============================
	Team Block Last Child 3
=============================*/

.team-block:nth-child(3n + 3) .image-box:before{
	top: 100px;
	transform: skewY(-10deg);
}

.team-block:nth-child(3n + 3) .social-icon{
	bottom: 0;
	left: auto;
	right: 0;
}

/***

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

***/

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

.testimonial-section .testimonial-carousel{
	position: relative;
	padding-bottom: 105px;
}

.testimonial-block{
	position: relative;
	display: block;
	padding: 25px 50px;
	background-color: #222222;
	max-width: 445px;
	width: 100%;
	text-align: right;
}

.testimonial-block:before{
	position: absolute;
	left:35px;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	-o-transform: skewX(20deg);
	transform: skewX(20deg);
	content: "";
	border-right: 7px solid #fb4848;
	background-color: #222222;
}

.testimonial-block .thumb{
	position: absolute;
	height: 90px;
	width: 90px;
	right: 0;
	top: 30px;
	margin-right: -75px;
	border: 3px solid #fb4848;
}

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

.testimonial-block p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 10px;
}

.testimonial-block .name{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
}

.testimonial-block .designation{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #f14848;
	text-transform: capitalize;
}

.testimonial-block .icon{
	position: absolute;
	left: 0;
	bottom: 0;
	height:35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #fb4848;
	color: #ffffff;
	padding-left: 10px;
}

.testimonial-block .icon:before{
	display: inline-block;
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}

.testimonial-block .icon:after{
	position: absolute;
	right: -17px;
	width: 0;
	height: 0;
	border-bottom: 35px solid #fb4848;
	border-right: 17px solid transparent;
	content: "";
}

.testimonial-block.even{
	float: right;
	text-align: left;
}

.testimonial-block.even:before{
	left: auto;
	right:35px;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	transform: skewX(-20deg);
	border-left: 7px solid #fb4848;
	border-right: 0;
}

.testimonial-block.even .thumb{
	right: auto;
	left: 0;
	margin-left: -75px;
}

.testimonial-block.even .icon{
	position: absolute;
	left: auto;
	right: 0;
	text-align: center;
	padding-left: 0px;
	padding-right: 10px;
}

.testimonial-block.even .icon:before{
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.testimonial-block.even .icon:after{
	position: absolute;
	left: -17px;
	right: auto;
	width: 0;
	height: 0;
	border-right: 0;
	border-bottom: 35px solid #fb4848;
	border-left: 17px solid transparent;
	content: "";
}

.testimonial-carousel .owl-nav{
    position: absolute;
    bottom: 0;
    z-index: 99;
    text-align: center;
    width: 100%;
}

.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 35px;
    margin: 0 5px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
	color: #222222;
	background: #ffffff;
	border: 1px solid #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;
}

.testimonial-carousel .owl-prev:hover,
.testimonial-carousel .owl-next:hover{
	background-color: #fb4848;
	border-color: #fb4848;
	color: #ffffff;
}

/***

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

***/

.testi-sec-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 110px 0 120px;
}

.testi-sec-two .auto-container{
	position: relative;
}

.testi-sec-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ffffff;
	opacity: .93;
	content: "";
}

.testimonial-carousel-two{
	position: relative;
	max-width: 870px;
}

.testimonial-block-two{
	position: relative;
	padding-left: 320px;
	min-height: 290px;
}

.testimonial-block-two .image-box{
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 10px;
	z-index: 99;
}

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

.testimonial-block-two .image-box:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	width: 80px;
	background-color: #222222;
	content: "";
	z-index: -1;
}

.testimonial-block-two .image-box:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 80px;
	width: 80px;
	background-color: #fb4848;
	content: "";
	z-index: -1;
}

.testimonial-block-two .info-box{
	position: relative;
	padding-top: 10px;
	margin-bottom: 30px;
}

.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #2e3760;
	font-weight: 500;
}

.testimonial-block-two .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	color: #666666;
	font-weight: 400;
}

.testimonial-block-two .info-box .rating{
	position: absolute;
	right: 0;
	top: 35px;
}

.testimonial-block-two .info-box .rating i{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #fb4848;
	font-weight: 900;
}

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

.testimonial-block-two .text i{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #cccccc;
}

.testimonial-block-two .text p{
	position: relative;
	display: inline;
	font-size: 15px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
}

.testimonial-carousel-two .owl-nav{
	display: block;
}

.testimonial-carousel-two .owl-nav{
    position: absolute;
    left: 320px;
    bottom: 50px;
    width: 75px;
    z-index: 99;
}

.testimonial-carousel-two .owl-nav:before{
	position: absolute;
	left: 50%;
	top: 0;
	content: "/";
	font-size: 24px;
	line-height: 30px;
	color: #fb4848;
	font-weight: 600;
	display: inline-block;
	margin-left: -4px;
}

.testimonial-carousel-two .owl-prev,
.testimonial-carousel-two .owl-next {
    position: absolute;
    height: 30px;
    width: 30px;
    left: 0;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
	color: #36404b;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-carousel-two .owl-next{
	right: 0px;
	left: auto;
}

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

.testi-sec-two .side-img{
	position: absolute;
    left: 0;
    max-width: 1170px;
    margin: 0 auto;
    right: 0;
    bottom: 0;

}

.testi-sec-two .side-img img{
    position: relative;
    left: 100%;
    margin-left: -270px;
    bottom: -60px;
}

/***

====================================================================
			Testimonial And BLog
====================================================================

***/

.testimonial-and-blog{
	position: relative;
	padding: 115px 0 80px;
}

.testimonial-and-blog .testimonial-column{
	position: relative;
	margin-bottom: 40px;
}

.testimonial-carousel-three{
	position: relative;
	padding:50px 40px 30px;
	background-color: #f2f2f2;
}
.testimonial-block-three.testimonials_two{
	position: relative;
	padding:50px 40px 30px;
	background-color: #f2f2f2;
}
.testimonial-block-three{
	position: relative;
	padding:0px;
	background: none;
}

.testimonial-block-three .info-box{
	position: relative;
	padding-left: 90px;
	min-height: 70px;
	margin-bottom: 50px;
	padding-top: 8px;
}

.testimonial-block-three .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
}

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

.testimonial-block-three .info-box .name{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #2e3760;
	font-weight: 500;
}

.testimonial-block-three .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
}

.testimonial-block-three .text{
	position: relative;
	display: block;
	margin-bottom: 50px;
}

.testimonial-block-three .text i{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #cccccc;
}

.testimonial-block-three .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 34px;
	color: #666666;
	font-weight: 400;
}

.testimonial-block-three .rating{
	position: relative;
	display: block;
	text-align: right;
	padding: 10px 0;
}

.testimonial-block-three .rating span{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #fb4848;
}

.testimonial-carousel-three .owl-nav{
	display: none;
}

.testimonial-carousel-three .owl-dots{
	position: absolute;
    left: 0;
    bottom: 30px;
    width: 130px;
    background-color: #222222;
    text-align: center;
    padding: 6px 0 7px;
    padding-left: 20px;
}

.testimonial-carousel-three .owl-dots:before{
	position: absolute;
    right: -20px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 40px solid #222222;
    border-right: 20px solid transparent;
}

.testimonial-carousel-three .owl-dots .owl-dot{
	position:relative;
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 7px;
	border:1px solid #cbcbcb;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.testimonial-carousel-three .owl-dots .owl-dot.active,
.testimonial-carousel-three .owl-dots .owl-dot:hover{
	border:1px solid #eeeeee;
	background-color: #fb4848;
}

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

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

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

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

.news-block-two .image-box a{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .image-box a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222222;
	opacity: .60;
	content: "";

}

.news-block-two .inner-box:hover .image-box a{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.plus-icon{
	height: 50px;
	width: 50px;
	background-image: url(../images/icons/plus.png);
	background-position: center;
	background-repeat: no-repeat;
}

.news-block-two .image-box a .plus-icon{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	margin-left: -25px;
}

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

.news-block-two .lower-content .info-box{
	position: relative;
	display: block;
	background-color: #f2f2f2;
	padding: 20px 20px;
	margin-bottom: 40px;
}

.news-block-two .info-box li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	font-weight: 400;
	padding-right: 11px;
	margin-right: 10px;
}

.news-block-two .info-box li 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-two .info-box li a:hover{
	color: #fb4848;
}

.news-block-two .info-box li:before{
	position: absolute;
	right: 0;
	top: 3px;
	height: 14px;
	width: 1px;
	background-color: #4f4f4f;
	content: "";
}

.news-block-two .info-box li:last-child:before{
	display: none;
}

.news-block-two .info-box li:last-child{
	margin-right: 0;
	padding-right: 0;
}

.news-block-two .info-box li i{
	margin-right: 10px;
	font-weight: 400;
}

.news-block-two .lower-content .content{
	position:relative;
	padding-left: 100px;
}

.news-block-two .content h3{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 30px;
	top: -5px;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 15px;
}

.news-block-two .content h3 a{
	color: #36404b;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .content h3 a:hover{
	color: #fb4848;
}

.news-block-two .content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 27px;
}

.news-block-two .content .read-more{
	position: relative;
	display: inline-block;
	font-size:  14px;
	line-height: 20px;
	color: #36404b;
	font-weight: 500;
	padding: 10px 25px;
	border:1px solid #cbcbcb;
	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;
}

.news-block-two .content .read-more:hover{
	color: #fb4848;
}

.news-block-two .date-and-like{
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	z-index: 99;
	text-align: center;
}

.news-block-two .date-and-like .date{
	position: relative;
	display: block;
	background-color: #f2f2f2;
    padding-top: 9px;
    padding-bottom: 7px;
}

.news-block-two .date-and-like .date h4{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
}

.news-block-two .date-and-like .date span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Rubik", sans-serif;
}

.news-block-two .date-and-like .like{
	position: relative;
	background-color: #fb4848;
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
}

.news-block-two .date-and-like .like span{
	margin-right: 7px;
	font-size: 14px;
	font-weight: 400;
}

.blog-list .news-block-two{
	margin-bottom: 60px;
}

.blog-list .news-block-two .content h3{
	margin-bottom: 10px;
}

.blog-list .news-block-two .content p{
	font-weight: 500;
}

.blog-list .styled-pagination{
	margin-top: 100px;
}

/***

====================================================================
				Blog Detail
====================================================================

***/

.blog-detail .news-block-two{
	margin-bottom: 20px;
}

.blog-detail .news-block-two .date-and-like{
	left: 30px;
	top: 0;
}

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

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

.blog-detail blockquote{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	text-align: center;
	font-style: italic;
	border: 1px solid #fb4848;
	margin-bottom: 30px;
	padding: 29px 20px;
	font-family: "Roboto", sans-serif;
}

.blog-detail .post-share-options{
	position: relative;
	display: block;
	padding: 20px 0;
	border-top: 1px solid #dddddd;
}

.blog-detail .post-share-options .social-links{
	position: relative;
	float: left;
}

.post-share-options h4{
	position: relative;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fb4848;
	display: inline-block;
	margin-right: 10px;
}

.post-share-options .social-links ul{
	position: relative;
	display: inline-block;
}

.post-share-options .social-links li{
	position: relative;
	display: inline-block;
	margin-left: 20px;
}

.post-share-options .social-links li a{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 20px;
	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;
}

.post-share-options .social-links li a:hover{
	color: #fb4848;
}

.post-share-options .next-prev{
	position: relative;
	float: right;
}

.post-share-options .next-prev a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #222222;
	padding-right: 20px;
	margin-right: 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;
}

.post-share-options .next-prev a:last-child{
	padding-right: 0;
	margin-right: 0;
}

.post-share-options .next-prev a:last-child:before{
	display: none;
}

.post-share-options .next-prev a:before{
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 15px;
	background-color: #1c63b8;
	content: "";
}

.post-share-options .next-prev a:hover{
	color: #fb4848;
}

.post-share-options .next-prev .prev i{
	margin-right: 10px;
}

.post-share-options .next-prev .next i{
	margin-left: 10px;
}

/***

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position: relative;
}

.styled-pagination ul{
	position:relative;
	display: inline-block;
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin-right: 15px;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:20px;
	padding:9px 5px 7px;
	font-size:16px;
	background:#ffffff;
	color:#36404b;
	font-weight:500;
	border:2px solid #dddddd;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#fb4848;
	border:2px solid #fb4848;
}

.styled-pagination li a.next,
.styled-pagination li a.prev{
	background: #222222;
	color: #ffffff;
	border:2px solid #222222;
}

.styled-pagination li a.next:hover,
.styled-pagination li a.prev:hover{
	background: #fb4848;
	color: #ffffff;
	border:2px solid #fb4848;
}


/***

==================================================================
				Team Page Section
==================================================================

***/

.team-page-section{
	position: relative;
	padding: 120px 0 160px;
}

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

.team-block-two .inner-box{
	position: relative;
	overflow: hidden;
}

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

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

.team-block-two .image-box:after {
    height: 100%;
    content: "";
    display: block;
    right: -100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    background-color: #222222;
}

.team-block-two .inner-box:hover .image-box:after {
    right: 50%;
    opacity: .70;
}

.team-block-two .image-box:before {
    height: 100%;
    content: "";
    display: block;
    left: -100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    background-color: #222222;
}

.team-block-two .inner-box:hover .image-box:before {
    left: 50%;
    opacity: .70;
}

.team-block-two .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	top: 50%;
	z-index: 99;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.team-block-two .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.team-block-two .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 7px;

}

.team-block-two .social-links li a{
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
	height: 40px;
	width: 40px;
	text-align: center;
	border:1px solid #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;
}

.team-block-two .social-links li a:hover{
	background-color: #fb4848;
}

.team-block-two .overlay-box .designation{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 30px;
}

.team-block-two .caption-box{
	position: relative;
	background-color: #222222;
	padding: 20px 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-block-two .caption-box .name{
	position: relative;
	display: block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
}

.team-block-two .caption-box .name a{
	color: #ffffff;
}

.team-block-two .inner-box:hover .caption-box{
	background-color: #fb4848;
}

/***

====================================================================
				Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	padding: 115px 0 80px;
}

.pricing-table{
	position: relative;
	margin-bottom: 50px;
}

.pricing-table .inner-box{
	position: relative;
	padding: 45px 0 50px;
	border: 2px solid #dddddd;
	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;
}

.pricing-table.tagged .inner-box,
.pricing-table .inner-box:hover{
	border-color: #fb4848;
}

.pricing-table .title{
	position: relative;
	padding-bottom: 35px;
}

.pricing-table .title h3{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	color: #fb4848;
	font-weight: 500;
	text-transform: uppercase;
}

.pricing-table .title p{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-top: 8px;
}

.pricing-table .title .category{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding: 0 10px;
	background-color: #222222;
	text-transform: uppercase;
}

.pricing-table .title .category:before{
	position: absolute;
    left: -17px;
    width: 0;
    height: 0;
    border-bottom: 30px solid #222222;
    border-left: 17px solid transparent;
    content: "";
}

.pricing-table .table-content{
	position: relative;
	margin-bottom: 40px;
}

.pricing-table ul{
	display: block;
}

.pricing-table ul li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	font-weight: 400;
	padding: 20px 0 19px;
	cursor: default;
	border-bottom: 2px solid #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;
}

.pricing-table ul li:first-child{
	border-top: 1px solid #f5f5f5;
}

.pricing-table ul li:hover{
	background-color: #f5f5f5;
}

.pricing-table .price{
	position: relative;
	margin-bottom: 35px;
}

.pricing-table .price h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 10px;
}

.pricing-table .price span{
	position: relative;
	display: block;
	font-size: 20px;
	color: #fb4848;
	font-weight: 400;
}

.pricing-table .table-footer{
	position: relative;
}

.pricing-table .theme-btn{
	text-transform: capitalize;
	padding: 17px 50px;
}

/***

====================================================================
				Appointment Form Section
====================================================================

***/

.appointment-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.appointment-section .auto-container{
	position: relative;
}

.appointment-section .form-column .inenr-column{
	position: relative;
	display: block;
	padding: 110px 0 100px;
}

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

.appointment-form{
	position: relative;
}

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

.appointment-form .form-group .icon{
	position: absolute;
	display: inline-block;
	right: 35px;
	top: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #999999;
}

.appointment-form .ui-selectmenu-button.ui-button,
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    font-weight: 400;
    padding: 14px 20px;
    border: 1px solid #cccccc;
    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;
}

.appointment-form .form-group input:focus,
.appointment-form .form-group select:focus,
.appointment-form .form-group textarea:focus{
	border-color:#fb4848;
}

.appointment-form .form-group textarea{
	height: 130px;
	resize: none;
}

.appointment-form .form-group input[type="submit"],
.appointment-form button{
    position: relative;
    padding: 15px 50px;
    margin-top: 10px;
	text-transform: uppercase;
}

.appointment-form .form-group input[type="submit"]:hover,
.appointment-form button:hover{
	opacity: .85;
	color: #ffffff;
	background-color: #222222;
}

.appointment-form .ui-button .ui-icon{
	background:none;
	position:relative;
	top:0px;
	text-indent: 0;
	height: 22px;
}

.appointment-form .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	position:absolute;
	font-weight: 900;
	right:0px;
	top:0px;
	width:14px;
	font-size:14px;
	display:block;
	color:#999999;
	text-align:center;
	z-index:5;
}

.ui-menu .ui-menu-item{
	font-size:14px;
	font-weight: 400;
	color: #333333;
	border-bottom:1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child{
	border:none;
}

.ui-menu .ui-menu-item-wrapper{
	position: relative;
    display: block;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

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

.appointment-section .image-column .inner-column{
	position: absolute;
	left: 15px;
	bottom: 0;
	width: 100%;
}

.appointment-section .image-column .inner-column .image{
	margin-right: -90px;
}

.appointment-section .image-column img{
	width: 100%;
	height: auto;
}

/***

====================================================================
			Appointment Page Style
====================================================================

***/

.appointment-page{
	position: relative;
	padding: 100px 0 160px;
}

.appointment-page .sec-title p{
	position: relative;
	font-size: 18px;
	line-height: 36px;
	color: #36404b;
	font-weight: 400;
	margin-top: 30px;
}

.appointment-page .title{
	position: relative;
	margin-bottom: 30px;
}

.appointment-page .title h3{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
}

.service-form{
	position: relative;
	display: block;
}

.services-needed .check-box label,
.service-form .ui-selectmenu-button.ui-button,
.service-form input,
.service-form select,
.service-form textarea{
	position: relative;
	display: block;
	height: 50px;
	width: 100%;
	padding: 9px 20px;
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	color: #aaaaaa;
	background: #ffffff;
	border: 1px solid #dddddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.vehicle-detail .form-group{
	position: relative;
	margin-bottom: 70px;
}

.service-form .form-group input:focus,
.service-form .form-group textarea:focus{
	border-color: #fb4848;
}

.service-form .ui-button .ui-icon{
	background:none;
	position:absolute;
	right: 0;
	top: 0;
	height: 48px;
	width: 48px;
	line-height: 48px;
	text-align: center;
	text-indent: 0;
	background: #dddddd;
}

.service-form  .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f107";
	position:absolute;
	color:#333333;
	width: 46px;
	left: 0;
	top: 0;
	height: 46px;
}

/*=================================
	Range slider
=================================*/

.vehicle-year-slider .range-slider-one{
    position: relative;
    min-height: 50px;
    overflow: hidden;
    max-width: 400px;
}

.vehicle-year-slider{
    margin-top: 20px;
	position: relative;
	float: left;
	min-width: 270px;
	background: #dddddd;
	border: 0;
}

.vehicle-detail .range-slider-one .input{
	float:right;
	max-width:75px;
    position: relative;
}

.vehicle-detail .range-slider-one .input input{
	background:none;
	color:#222222;
	font-size:16px;
	font-weight:400;
	width:75px;
	padding: 10px 15px;
	text-align: center;
}

.vehicle-detail .range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height: 10px;
	background-color :#333333;
}

.vehicle-detail .range-slider-one .ui-state-default,
.vehicle-detail .range-slider-one .ui-widget-content .ui-state-default{
	top:-10px;
	width:30px;
	height:30px;
	cursor:pointer;
	background-color :#ffffff;
	border: 2px solid #333333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.vehicle-detail .range-slider-one .ui-state-default:before{
	position: absolute;
	left: 5px;
	top: 5px;
	height: 16px;
	width: 16px;
	background: #fb4848;
	content: "";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

/*=================================
	Services Needed
=================================*/

.services-needed{
	position: relative;
	margin-bottom: 40px;
}

.services-needed .form-group{
	position: relative;
	margin-bottom: 30px;
}

.services-needed .check-box label{
	position: relative;
	display: block;
	height: 50px;
	width: 100%;
	line-height: 28px;
	padding: 10px 10px;
	padding-left: 80px;
	background: #ffffff;
	font-size: 14px;
	font-weight: 400;
	color: #aaaaaa;
	border: 1px solid #bbbbbb;
	cursor: pointer;
	margin-bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.check-box input[type="checkbox"]:checked + label{
	border-color: #fb4848;
}

.check-box label:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 48px;
	width: 48px;
	background: #ffffff;
	content: "";
	border-right: 1px solid #dddddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.check-box label:after {
	position: absolute;
	content: '\f00c'; /*checked*/
	left: 13px;
	top: 0;
	height: 48px;
	line-height: 48px;
	max-width: 0;
	font-size: 20px;
	color: #ffffff;
	opacity: 0.5;
	overflow: hidden;
	font-weight: 900;
	background: transparent;
	font-family: "Font Awesome 5 Free";
	text-align: center;
	-webkit-transition: max-width 500ms ease;
	-moz-transition: max-width 500ms ease;
	-ms-transition: max-width 500ms ease;
	-o-transition: max-width 500ms ease;
	transition: max-width 500ms ease;
}

.check-box input[type="checkbox"] {
	display: none;
}

.check-box input[type="checkbox"]:checked + label:before{
	border-color: #fb4848;
	background: #fb4848;
}

.check-box input[type="checkbox"]:checked + label:after {
	max-width: 20px;
	opacity: 1;
}

.appointment-page .contact-form {
	padding-bottom: 0;
}

.appointment-page .contact-form .form-group{
	margin-bottom: 30px;
}

.appointment-page .contact-form input{
    line-height: 26px;
    padding: 8px 20px;
    height: 50px;
    font-size: 14px;
    color: #aaaaaa;
}

.appointment-page .contact-form textarea{
	margin-bottom: 10px;
}

.appointment-page .contact-form button{
	width: auto;
	text-transform: uppercase;
	font-weight: 600;
}

/***

====================================================================
				Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	padding-top: 115px;
}

.contact-form{
 	position: relative;
 	padding-bottom: 55px;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.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: 20px;
    color: #bbbbbb;
    font-weight: 400;
    padding: 19px 20px;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#fb4848;
}

.contact-form .form-group textarea{
	height: 240px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form button{
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 50px;
    display: block;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #fb4848;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input[type="submit"]:hover,
.contact-form button:hover{
	background-color: #222222;
}

.contact-info{
	position: relative;
	padding-bottom: 50px;
}

.contact-info .image-column{
	position: relative;
	text-align: center;
}

.contact-info .image-column img{
	max-width: 100%;
	height: auto;
}

.contact-info .info-column{
	position: relative;
}

.contact-info .info-column h3{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #36404b;
	font-weight: 500;
	margin-bottom:50px;
}

.contact-info ul{
	position: relative;
	display: block;
}

.contact-info ul li{
	position: relative;
	display: block;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding-left: 100px;
}

.contact-info ul li a{
	color: #666666;
	-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 ul li a:hover{
	color: #fb4848;
}

.contact-info ul li strong{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #fb4848;
	font-weight: 500;
}

.contact-info ul li p > span{
	display: inline-block;
	font-size: 16px;
	color: #fb4848;
}

.contact-info ul li .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	display: inline-block;
	font-size: 28px;
	color: #6a6a6a;
	text-align: center;
	border:1px solid #6a6a6a;
	-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;
}

.contact-info ul li:hover .icon{
	color: #fb4848;
	border-color: #fb4848;
}

/***

====================================================================
	Contact Map Section
====================================================================

 ***/

.map-section{
	position:relative;
}

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

.map-canvas{
	height:400px;
}

/***

====================================================================
				Contact Info Section
====================================================================

***/

.contact-info-section{
	position: relative;
	padding: 65px 0 15px;
	background-color: #fb4848;
}

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

.contact-info-block .inner-box{
	position: relative;
	padding-top: 15px;
	padding-left: 120px;
	min-height: 90px;
}

.contact-info-block .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 90px;
	color: #ffffff;
	border:2px solid #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	font-size: 38px;
	line-height: 90px;
	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;
}

.contact-info-block p{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.contact-info-block p 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;
}

.contact-info-block:hover .icon{
	background-color: #222222;
	border-color: #222222;
}

/***

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

***/

.clients-section{
	position:relative;
}

.clients-section.alternate{
	background-color: #f2f2f2;
}

.clients-section .sponsors-outer{
	position:relative;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	padding: 40px 0;
}

.clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.clients-section .sponsors-outer .image-box:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/***

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

***/

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

.call-to-action .inner-container{
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
}

.call-to-action .title-box{
	position: relative;
	float: left;
	max-width: 680px;
}

.call-to-action .title-box h3{
	position: relative;
	font-size: 20px;
	line-height: 2em;
	color: #36404b;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}

.call-to-action .title-box h3 span{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 24px;
	color: #fb4848;
	text-transform: uppercase;
	font-family: "Rubik", sans-serif;
}

.call-to-action .btn-box{
	position: relative;
	float: right;
	padding: 15px 0;
}

.call-to-action .btn-box a{
	position: relative;
}

.call-to-action .btn-box .theme-btn:hover{
	background-color: #222222;
	color: #ffffff;
}

.call-to-action.style-two{
	background-color: #222222;
	padding: 50px 0;
}

.call-to-action.style-two .title-box{
	padding: 10px 0;
	max-width: 900px;
}

.call-to-action.style-two .title-box p{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.call-to-action.style-two .btn-box {
	padding: 0;
}

.call-to-action.style-two .btn-box .theme-btn{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.call-to-action.style-two .btn-box .theme-btn:hover{
	background-color: #ffffff;
	color: #fb4848;
}

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	color:#ffffff;
}

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color:#222222;
	opacity: .9;
	content: "";
}

.main-footer .widgets-section{
	position:relative;
	padding:95px 0px 80px;
}

.main-footer.alternate .widgets-section{
	padding-top: 180px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:30px;
}

.main-footer .footer-logo{
	position:relative;
	margin-bottom: 25px;
}

.main-footer .footer-logo img{
	display:block;
	max-width:100%;
}

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:18px;
	font-weight:500;
	color:#ffffff;
	text-transform:capitalize;
	margin-bottom: 35px;
	padding-bottom: 15px;
}

.main-footer .footer-column .widget-title:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 60px;
	background-color: #aaaaaa;
	content: "";
}

.main-footer .about-widget .text{
	font-size: 14px;
	line-height: 24px;
	color: #aaaaaa;
	font-weight: 400;
	margin-bottom: 30px;
}

.main-footer .about-widget h4{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
}

.main-footer .about-widget .social-icon{
	position: relative;
	display: inline-block;
}

.main-footer .about-widget .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.main-footer .about-widget .social-icon li a{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	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 .about-widget .social-icon li a:hover{
	color: #fb4848;
}

.main-footer .services-list{
	position: relative;
}

.main-footer .services-list li{
	position: relative;
	margin-bottom: 14px;
}

.main-footer .services-list li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding-left: 35px;
	color: #aaaaaa;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .services-list li a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
  	content: "\f101";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	line-height: 20px;
	color: #aaaaaa;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .services-list li a:hover:before,
.main-footer .services-list li a:hover{
	color: #fb4848;
}

/*=== Gallery Widget ===*/

.main-footer .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px 4px;
}

.main-footer .gallery-widget .image{
	position:relative;
	float:left;
	width: 33.3333333%;
	padding-right: 4px;
	padding-left: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

.main-footer .gallery-widget .image img{
	display:block;
	width:100%;
}

.main-footer .gallery-widget .image a{
	position: relative;
	display: block;
}

.main-footer .gallery-widget .image a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	line-height: 85px;
	font-size: 16px;
	color: #ffffff;
	content: "";
	background-color: #fb4848;
	opacity: .80;
	text-align: center;
	z-index: 9;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/*=== News Widget ===*/

.news-widget{
	position: relative;
}

.news-widget .post{
	position: relative;
	top: -8px;
	margin-bottom: 20px;
}

.news-widget .post h4{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

.news-widget .post h4 a{
	display: inline-block;
	color: #aaaaaa;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-widget .post h4 a:hover{
	color: #ffffff;
}

.news-widget .post .date{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #fb4848;
	font-weight: 400;
}

.news-widget .post .date i{
	display: inline-block;
	margin-right: 10px;
}

/*=== Footer Bottom ===*/

.footer-bottom{
	position: relative;
	display: block;
	background-color: rgba(255,255,255,.10);
}

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

.footer-bottom .copyright-text p{
	padding: 30px 0;
	font-size : 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
}

.footer-bottom .copyright-text a{
	color: #ffffff;
	display: inline-block;
}

.footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	padding: 120px 0 150px;
}

.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: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #36404b;
	text-transform: uppercase;
	font-weight: 500;
}

/*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:#aaaaaa;
	line-height:28px;
	padding:10px 25px;
	padding-right: 60px;
	height:50px;
	width:100%;
	border:1px solid #eeeeee;
	background-color: #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#fb4848;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	line-height: 50px;
	text-align:center;
	display:block;
	font-size:16px;
	color:#fb4848;
	background:none;
	font-weight:normal;
}

/*=== Categories ===*/

.category-list{
	position: relative;
	display: block;
}

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

.category-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	color: #666666;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 0;
	padding-left: 40px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a:before{
	position: absolute;
	left: 20px;
	height: 50px;
	top: 0;
	line-height: 48px;
	font-size: 14px;
	color: #fb4848;
	content: "\f105";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a span{
	float: right;
	font-size: 14px;
	margin-right: 20px;
	color: #333333;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.category-list li a:hover{
	color: #fb4848;
	background: #eeeeee;
}

/*=== Latest News ===*/

.latest-news .post{
	position: relative;
	padding-left: 100px;
	margin-bottom: 30px;
	min-height: 70px;
}

.latest-news .post-thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 85px;
	margin-bottom: 20px;
}

.latest-news .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .post h3{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #36404b;
	font-weight: 500;
	top: 0px;
	margin-bottom: 2px;
}

.latest-news .post h3 a{
	color: #36404b;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.latest-news .post:hover h3 a{
	color: #fb4848;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
}

.latest-news .post .post-info span{
	position: relative;
	margin-right: 10px;
	font-size: 16px;
	color: #aaaaaa;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
	margin-right: -10px;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.tag-list li a{
	position: relative;
    display: block;
    font-size: 13px;
    color: #666666;
    line-height: 15px;
    padding: 9px 18px;
    text-align: center;
    border: 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;
}

.tag-list li a:hover{
	background-color: #fb4848;
	border-color: #fb4848;
	color: #ffffff;
}

/***

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .group-title{
	position: relative;
	display: block;
	margin-bottom: 50px;
}

.sidebar-page-container .group-title h2{
	color: #36404b;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 500;
	text-transform: uppercase;
}

.sidebar-page-container .comments-area{
	position:relative;
	margin-bottom:20px;
	margin-top:60px;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	background-color: #f7f7f7;
	margin-bottom: 70px;
}

.sidebar-page-container .comments-area .comment-box.reply-comment{
	margin-left:80px;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	min-width: 120px;
	padding:30px 30px 30px 180px;
}

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

.sidebar-page-container .comments-area .comment .comment-reply{
	position:relative;
	font-size: 14px;
	line-height: 20px;
	color: #fb4848;
	font-weight: 400;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:30px;
	top:30px;
	width:120px;
	overflow:hidden;
	margin-bottom:20px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	position: relative;
	display: block;
}

.sidebar-page-container .comments-area .comment-info h4{
	color:#36404b;
	line-height:28px;
	font-size:14px;
	font-weight:500;
	font-family: "Rubik", sans-serif;
	display: inline-block;
}

.sidebar-page-container .comments-area .comment-info span{
	display: inline-block;
	font-weight:400;
	font-size:12px;
	line-height: 28px;
	color:#36404b;
	margin-left:15px;
}

.sidebar-page-container .comments-area .comment-box .text{
	color:#777777;
	font-size:14px;
    margin-top:5px;
    line-height: 28px;
    font-weight: 500;
	margin-bottom:5px;
}

/***

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form{
	position:relative;
	margin-top: 100px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form input,
.comment-form select,
.comment-form textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:14px;
	color: #aaaaaa;
	font-weight:400;
	line-height:20px;
	padding:14px 22px;
	background-color:#ffffff;
	border:1px solid #dddddd;
	-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 textarea{
	height: 190px;
	resize: none;
	padding: 18px 22px;
	margin-bottom: 20px;
}

.comment-form .form-group input:focus,
.comment-form .form-group textarea:focus{
	border-color:#fb4848;
}

.comment-form button{
	position:relative;
	padding: 8px 30px;
	font-weight: 600;
	font-size: 14px;
	line-height: 30px;
}

/***

====================================================================
				Error Page
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:150px 0px 210px;
	background-position: left center;
	background-repeat: no-repeat;
}

.error-section .error-image{
	position: relative;
	text-align:center;
	margin-bottom: 30px;
}

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

.error-section h2{
	position:relative;
	color:#bbbbbb;
	font-size:72px;
	font-weight:500;
	line-height:1.2em;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.error-section h2 .dark{
	color: #36404b;
}

.error-section p{
	font-size:24px;
	color:#777777;
	font-weight:400;
	line-height: 1.2em;
	margin-bottom:90px;
}

.error-section .theme-btn{
	text-transform: uppercase;
	font-weight: 700;
	padding: 14px 45px;
	line-height: 20px;
	margin: 0 15px 20px;
}

/***

====================================================================
		Shop Page Section
====================================================================

***/

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

.shop-upper-box .items-label{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #aaaaaa;
	padding: 10px 0;
}

.sort-by .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	height:50px;
	width:100%;
	min-width: 270px;
	line-height:28px;
	text-align: left;
	padding:10px 20px;
	font-size: 14px;
	border: 1px solid #eeeeee;
	color: #aaaaaa;
	font-weight: 400;
	text-transform:capitalize;
	background:#ffffff;
}

.sort-by .ui-button .ui-icon{
	background:none;
	position:relative;
	top:0px;
	text-indent:0px;
	color:#fb4848;
}

.sort-by .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top:4px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#aaaaaa;
	line-height:20px;
	font-size:16px;
	text-align:center;
	z-index:5;
}

.shop-item {
	position: relative;
	margin-bottom: 65px;
}

.shop-item .inner-box{
	position: relative;
}

.shop-item .image{
	position: relative;
}

.shop-item .image img{
	display: block;
	width: 100%;
}

.shop-item .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background: rgba(255,255,255,.80);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.shop-item:hover .overlay-box{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.shop-item .overlay-box .icon-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
	text-align: center;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

}

.shop-item:hover .overlay-box .icon-box{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.shop-item .overlay-box .cart-btn{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 25px;
	background-color: #222222;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.shop-item .overlay-box .cart-btn i{
	margin-right: 10px;
}

.shop-item .overlay-box .cart-btn:hover{
	background-color: #fb4848;
}

.shop-item .lower-content{
	position: relative;
	padding: 30px 0px 0;
	text-align: center;
}

.shop-item .lower-content h3{
	position: relative;
	font-size: 20px;
	color: #36404b;
	line-height: 1.2em;
	font-weight: 500;
	text-transform: uppercase;
	top: -5px;
	margin-bottom: 10px;
}

.shop-item .lower-content h3 a{
	color: #36404b;
	-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 .lower-content h3 a:hover{
	color: #fb4848;
}

.shop-item .lower-content .price{
	position: relative;
	display: block;
	font-size: 16px;
	color: #36404b;
	line-height: 25px;
	margin-bottom: 15px;
}

.shop-item .lower-content .rating {
	position: relative;
	font-size: 13px;
	line-height: 20px;
	color: #fb4848;
	font-weight: 900;
}

.shop-item .lower-content .price{
	font-size: 16px;
	line-height: 20px;
	color: #36404b;
	font-weight: 500;
	margin-bottom: 20px;
}

.shop-item .lower-content .price del{
	color: #888888;
	text-decoration: line-through;
	margin-right: 10px;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
	margin-top:50px;
}

.shop-comment-form h2{
	position:relative;
	color:#36404b;
	font-size:30px;
	font-weight:500;
	margin-bottom:10px !important;
	text-transform:uppercase;
}

.shop-comment-form .mail-text{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
}

.shop-comment-form .group-title{
	margin-bottom:20px;
}

.shop-comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
	position:relative;
	font-size:16px;
	color:#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:#333333;
	font-size:14px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a:hover{
	color:#fb4848;
}

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

.shop-comment-form .form-group label{
	position:relative;
	color:#333333;
	font-size:16px;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #dddddd;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
	border-color:#fb4848;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #dddddd;
	height:120px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button{
	position:relative;
	font-weight:400;
	padding: 23px 45px;
	margin-top: 10px;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
	border-color:#f06529;
}

/*Sidebar Range slider */

.sidebar-widget .range-slider-one{
	position:relative;
	min-height:48px;
}

.sidebar-widget .range-slider-one .title{
	position:relative;
	float:left;
	color:#333333;
	font-size:15px;
	font-weight:400;
	margin-top:8px;
}

.sidebar-widget .range-slider-one .title:before{
	position:absolute;
	content:'$';
	right:-14px;
	top:0px;
	color:#333333;
	font-size:15px;
	font-weight:400;
}

.sidebar-widget .range-slider-one .input{
	float:right;
    left: 8px;
	max-width:75px;
	padding-left:8px;
	margin-top:8px;
    position: relative;
}

.sidebar-widget .range-slider-one .input input{
	background:none;
	color:#777777;
	font-size:18px;
	font-weight:400;
	width:auto;
	text-align:left;
}

.sidebar-widget .range-slider-one .ui-widget.ui-widget-content{
	height:3px;
	border:none;
	margin-bottom:45px;
	background:#cccccc;
}

.sidebar-widget .range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:4px;
	background:#222222;
}

.sidebar-widget .range-slider-one .ui-state-default,
.sidebar-widget .range-slider-one .ui-widget-content .ui-state-default{
	top:-5px;
	width:15px;
	height:15px;
	z-index: 99;
	background:#fb4848;
	cursor:pointer;
	border:0;
}

.sidebar-widget .range-slider-one .theme-btn{
	padding: 12px 30px;
	font-weight: 500;
	text-transform: capitalize;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post{
	position:relative;
	padding-left:90px;
	min-height:70px;
	margin-bottom:25px;
}

.sidebar .related-posts .post:last-child{
	margin-bottom:0px;
}

.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:18px;
	line-height: 1.2em;
	font-weight:500;
	color:#36404b;
	text-transform:capitalize;
}

.sidebar .related-posts .post h4 a{
	color:#36404b;
	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:hover{
	color:#fb4848;
}

.sidebar .related-posts .rating{
	position: relative;
}

.sidebar .related-posts .rating span{
	position:relative;
	display:inline-block;
	font-size:12px;
	line-height:15px;
	color:#fb4848;
}

.sidebar .related-posts .price{
	position:relative;
	font-size:16px;
	color:#777777;
	font-weight:400;
}

/***

====================================================================
			Shop Details
====================================================================

***/

.shop-single{
	position:relative;
	padding: 120px 0 150px;
}

.product-details .basic-details{
	position:relative;
	margin-bottom: 65px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:20px;
}

.product-details .info-column{
	position:relative;
}

.product-details .info-column .inner-column{
	position: relative;
}

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

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:35px;
	margin-top: 15px;
}

.product-details .basic-details .details-header h4{
	font-size:24px;
	font-weight:500;
	color:#36404b;
	line-height:1.2em;
	margin-bottom:15px;
}

.product-details .basic-details .details-header h4 a{
	color:#36404b;
}

.product-details .basic-details .item-price{
	position: relative;
	font-size:18px;
	font-weight:400;
	color:#36404b;
	line-height:24px;
	letter-spacing:	1px;
	display: block;
	margin-bottom: 10px;
}

.product-details .basic-details .item-price del{
	color: #888888;
}

.product-details .basic-details .rating{
	display: inline-block;
	font-size:16px;
	color:#fb4848;
	margin-right: 15px;
}

.product-details .basic-details .rating .fa{
	display:inline-block;
}

.product-details .basic-details .text{
	font-size:14px;
	line-height:30px;
	color:#777777;
	margin-bottom: 35px;
}

.product-details .basic-details .theme-btn{
	padding: 17px 45px;
	font-weight: 500;
}

.product-details .basic-details .item-quantity{
	position: relative;
	float: left;
	margin-right: 22px;
	max-width: 150px;
	border: 1px solid #777777;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
	line-height:28px;
	width: 100px;
	padding:10px 15px !important;
	height:50px !important;
	box-shadow:none !important;
	border-right:1px solid #777777;
	text-align: center;
	font-size: 20px;
	color: #666666;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
	background:none;
	border: 0;
	margin-right: 10px;
	color: #777777;
	text-align: center;

}

.bootstrap-touchspin .input-group-btn-vertical{
	width: 50px;
	display:none;
	text-align: center;
	border:1px solid #777777;
	border-left: 0;
}

.bootstrap-touchspin .input-group-btn-vertical i{
    left: 0;
    width: 100%;
}

/***

====================================================================
	Product Tabs Style
====================================================================

***/

.product-info-tabs{
	position:relative;
	margin-bottom:50px;
}

.product-info-tabs .prod-tabs{
	position:relative;
}

.product-info-tabs .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn{
	position:relative;
	float:left;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	font-weight: 500;
	padding: 20px 30px;
	text-transform: uppercase;
	border:1px solid #dddddd;
	margin-bottom: -1px;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn{
	background:#eeeeee;
}

.product-info-tabs .prod-tabs .tabs-container{
	position:relative;
}

.product-info-tabs .prod-tabs .tabs-container .tab{
	position:relative;
	padding:30px 30px;
	display:none;
	border:1px solid #dddddd;
}

.product-info-tabs .prod-tabs .tabs-container .tab.active-tab{
	display:block;
}

.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:30px;
	font-weight:500;
	text-transform:uppercase;
	color:#36404b;
	margin-bottom:15px;
}

.product-info-tabs .prod-tabs .tabs-container .tab h4{
	font-size:14px;
	font-weight:600;
	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;
	padding-left: 30px;
}

.product-info-tabs .prod-tabs .reviews-container .review-box{
	position:relative;
	margin-bottom:30px;
	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:-35px;
	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:15px;
	padding-left: 65px;
	border:1px solid #e0e0e0;
	background:#ffffff;
}

.product-info-tabs .prod-tabs .reviews-container .rating{
	color:#fb4848;
	font-size:14px;
	margin-bottom: 2px;
}

.product-info-tabs .prod-tabs .reviews-container .rating .fa{
	display: inline-block;
}

.product-info-tabs .prod-tabs .reviews-container .rev-info{
	font-size:16px;
	letter-spacing:1px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
}

.product-info-tabs .prod-tabs .reviews-container .rev-info span{
	display: inline-block;
	color: #36404b;
	margin-right: 25px;
	font-weight: 500;
	font-family: "Rubik", sans-serif;
}

.product-info-tabs .prod-tabs .reviews-container .rev-text{
	font-size:14px;
	color: #888888;
	line-height: 24px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-text p{
	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:#fb4848;
}

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

.product-info-tabs .prod-tabs .add-review .form-group button{
	font-weight: 500;
	padding: 22px 35px;
}

/*====================================================================
				CheckOut Section
====================================================================*/

.checkout-page{
	position:relative;
	padding:120px 0px 150px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:50px;
}

.checkout-page .default-links li{
	line-height:25px;
	padding:25px 25px;
	font-size:16px;
	color:#ffffff;
	background-color :#222222;
	margin-bottom: 40px;
}

.checkout-page .default-links li .fa{
	position:relative;
	font-size:24px;
	line-height: 25px;
	color:#fb4848;
	margin-right:20px;
}

.checkout-page .default-links li a{
	color:#fb4848;
	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: #ffffff;
}

.checkout-page .sec-title{
	margin-bottom: 20px;
}

.checkout-form{
	position:relative;
	margin-bottom: 50px;
}

.checkout-form .column{
	padding-right: 30px;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom: 15px;
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:capitalize;
	color:#222222;
	font-size:15px;
	font-weight:400;
	margin-bottom:10px;
}

.checkout-form .form-group .field-label span{
	position: relative;
	font-size: 16px;
	color: #fb4848;
	display: block;
	font-weight: 500;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:15px;
}

.checkout-form .form-group .text{
	position:relative;
	color:#bbbbbb;
	font-size:15px;
	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: #b2dd4c;
}

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

.coupon-form button{
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	padding:8px 26px;
	text-transform:capitalize;
}

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

.order-box .sec-title{
	margin-bottom: 25px;
}

.order-box .sec-title h2{
	font-size: 28px;
}

.order-box .title-box{
	position:relative;
	padding:15px 30px;
	font-weight: 500;
	color: #ffffff;
	background-color :#fb4848;
}

.order-box .title-box .col{
	position:relative;
	width:50%;
	float:left;
	color:#ffffff;
	font-size: 16px;
	line-height: 25px;
}

.order-box ul{
	position:relative;
}

.order-box ul li{
	position:relative;
	padding: 25px 30px;
	font-size: 16px;
	line-height: 30px;
	border-bottom:1px solid #cccccc;
}

.order-box ul li strong{
	color:#222222;
	font-weight: 500;
	font-size:16px;
}

.order-box ul li span{
	width:50%;
	float:right;
	color:#fb4848;
	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:15px;
}

.payment-box .payment-options li .radio-option{
	position:relative;
}

.payment-box .payment-options li .radio-option label{
	position:relative;
	display:block;
	padding-left:30px;
	font-weight: 400;
	text-transform:capitalize;
	letter-spacing:1px;
	color:#222222;
	cursor:pointer;
	font-size:18px;
}

.payment-box .payment-options li .radio-option label strong{
	font-weight: 400;
}

.payment-box .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top: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:#ffffff;
	line-height:1.8em;
	padding:15px 20px;
	margin-top:20px;
	background-color :#222222;
}

.payment-box .payment-options li .radio-option input:checked + label .small-text{
	display:block;
}

.payment-box .payment-options li .radio-option label .small-text:before{
	position:absolute;
	content:'';
	left:30px;
	top:-8px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #222222;
}

.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: 13px 25px;
	font-weight: 400;
}

/***

====================================================================
				Shopping Cart Section
====================================================================

***/

.cart-section{
	position:relative;
	padding:120px 0px 150px;
}

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

.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:#797979;
	font-size:17px;
}

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

.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:#333333;
	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 20px;
	border:1px solid #cccccc;
	width:225px;
	background:#ffffff;
	font-size: 14px;
	color: #777777;
}

.cart-section .cart-options .cart-btn,
.cart-section .coupon-btn{
	font-weight: 500;
	text-transform: capitalize;
	padding: 13px 45px;
}

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

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	width:50%;
	color:#36404b;
	font-size:16px;
	text-transform:capitalize;
}

.cart-section .totals-table .proceed-btn{
	text-transform: capitalize;
	font-weight: 500;
	padding: 13px 50px;
}

.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:#36404b;
	font-weight:500;
	margin-bottom:5px;
	text-transform:capitalize;
}

.shipping-block .inner-box h4{
	position:relative;
	color:#fb4848;
	font-size:14px;
	font-weight: 400;
	text-transform:capitalize;
	margin-bottom:20px;
}

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

.shipping-form button{
	margin-top:0px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
	text-transform:capitalize;
	margin-top: 5px;
}

/***

====================================================================
	Login Section
====================================================================

***/

.login-section{
	position:relative;
	padding:120px 0px 150px;
}

.login-section h2{
	position:relative;
	font-size:30px;
	color:#36404b;
	font-weight:500;
	line-height:1.2em;
	margin-bottom:30px;
	text-transform:uppercase;
}

.login-form{
	position:relative;
	background-color: #f5f5f5;
	padding: 35px 45px 30px;
	margin-bottom: 50px;
}

.login-form .pull-left{
	float:left;
}

.login-form .pull-right{
	float:right;
}

.login-form .form-group{
	position:relative;
	margin-bottom:15px;
}

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

.login-form button{
	margin-top:35px;
	font-size: 16px;
	padding: 15px 45px;
}

.login-form .form-group.remember label{
	display: block;
	margin: 0;
	font-size: 16px;
	color: #666666;
	text-transform: capitalize;
}

.login-form .psw{
	position:absolute;
	color:#666666;
	font-size:16px;
	min-width: 150px;
	margin-top: 20px;
}

.login-form .psw:hover{
	text-decoration:underline;
}

/***

====================================================================
			coming Soon
====================================================================

***/

.coming-soon{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 200px 0;
	text-align: center;
}

.coming-soon:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #222222;
	opacity: .30;
	content: '';
}

.coming-soon .inner-container{
	position: relative;
	padding: 0 15px;
	max-width: 1230px;
	margin: 0 auto;
}

.coming-soon .title{
	position: relative;
	display: block;
	margin-bottom: 120px;
}

.coming-soon .title h2{
	position: relative;
	font-size: 80px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

.coming-soon .title p{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

.timer{
	position: relative;
}

.cs-countdown{
	position: relative;
	margin-bottom: 140px;
}

.cs-countdown div{
	position: relative;
	display: inline-block;
	height: 225px;
	width: 225px;
	text-align: center;
	margin: 0 35px;
}

.cs-countdown div:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	border:3px solid #ffffff;
	border-radius: 20px;
}

.cs-countdown span{
	position: relative;
	display: block;
	font-size: 100px;
	color: #ffffff;
	line-height: 225px;
	text-align: center;
}

.cs-countdown h6{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
}

.coming-soon .subscribe-form{
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 120px;
}

.coming-soon .subscribe-form p{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 60px;
}

.coming-soon .subscribe-form .form-group{
	position: relative;
	max-width: 810px;
	margin: 0 auto;
}

.coming-soon .subscribe-form input,
.coming-soon .subscribe-form select,
.coming-soon .subscribe-form textarea{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding: 26px 40px;
	padding-right: 125px;
	border:3px solid #ffffff;
	width: 100%;
	z-index: 1;
	background-color: transparent;

}

.coming-soon .subscribe-form button{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 120px;
	text-align: center;
	border-left: 3px solid #ffffff;
	font-size: 36px;
	color: #ffffff;
	line-height: 90px;
	background-color: transparent;
	z-index: 9;
}

.coming-soon .copyright{
	position: relative;
}

.coming-soon .copyright p{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.coming-soon .copyright p a{
	display: inline-block;
	color: #ffffff;
}

.coming-soon .copyright p a:hover{
	text-decoration: underline;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;
}

.header-style-three .search-box-btn, .header-style-four .search-box-btn {
  border: 0px !important;
}


/***

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

***/

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

.faq-section .prod-tabs{
	position:relative;
	padding:0px 70px;
}

.faq-section .prod-tabs .tab-btns{
	position:relative;
	margin-bottom:40px;
	padding:0px 20px;
	border:1px solid #f2f2f2;
	border-top-color:#1c63b8;
}

.faq-section .prod-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:16px;
	color:#222222;
	font-weight:400;
	cursor:pointer;
	line-height:1.6em;
	padding:10px 0px 10px 0px;
	transition:all 500ms ease;
	text-transform:capitalize;
	border-bottom:1px solid #f2f2f2;
}

.faq-section .prod-tabs .tab-btns .tab-btn:last-child{
	border:none;
}

.faq-section .prod-tabs .tab-btns .tab-btn span{
	position:relative;
	display:block;
	font-size:16px;
	color:#020e28;
	font-weight:400;
	cursor:pointer;
	line-height:1.6em;
	padding:5px 15px 5px 30px;
	transition:all 500ms ease;
	text-transform:capitalize;
	font-family: 'Poppins', sans-serif;
}

.faq-section .prod-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:11px;
	top:23px;
	width:8px;
	height:8px;
	background-color:#e6e6e6;
	border:1px solid #f2f2f2;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.faq-section .prod-tabs .tab-btns .tab-btn:hover:before,
.faq-section .prod-tabs .tab-btns .tab-btn.active-btn:before{
	z-index:1;
	background-color:#1c63b8;
	border-color:rgba(245,91,20,0.20);
}

.faq-section .prod-tabs .tab-btns .tab-btn.active-btn span,
.faq-section .prod-tabs .tab-btns .tab-btn:hover span{
	color:#1c63b8;
}

.faq-section .prod-tabs .tabs-content{
	position:relative;
}

.faq-section .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.faq-section .prod-tabs .tabs-content .tab.active-tab{
	display:block;
}



/***

====================================================================
	Team Single Section
====================================================================

***/

.team-single-section{
	position:relative;
	padding:50px 0px 70px;
}

.team-single-section .team-detail{
	position:relative;
	margin-bottom:30px;
}

.team-single-section .team-detail .content-column{
	position:relative;
}

.team-single-section .team-detail .content-column .inner-box{
	position:relative;
	padding-top:50px;
}

.team-single-section .team-detail .content-column .inner-box h2{
	position:relative;
	color:#222222;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase;
}

.team-single-section .team-detail .content-column .inner-box .title{
	position:relative;
	color:#777777;
	font-size:18px;
	margin-bottom:30px;
	padding-bottom:15px;
	text-transform:uppercase;
}

.team-single-section .team-detail .content-column .inner-box .title:after{
	position:absolute;
	left:0px;
	bottom:0px;
	content:'';
	width:30px;
	height:1px;
	background-color:#1c63b8;
}

.team-single-section .content-column .inner-box .social-icon-two li{
	display:inline-block;
	margin-right:5px;
}

/*Skill Box*/

.skills-box{
	position:relative;
	margin-top:30px;
}

.skills-box h3{
	position:relative;
	color:#222222;
	font-size:15px;
	font-weight:700;
	padding-bottom:12px;
	margin-bottom:30px;
	text-transform:uppercase;
}

.skills-box h3:before{
	position:absolute;
	left:0px;
	bottom:0px;
	content:'';
	width:30px;
	height:1px;
	background-color:#1c63b8;
}

/***

====================================================================
	Progress Levels Section
====================================================================

 ***/

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

.normal-section .column .progress-levels{
	padding-left:15px;
}

.progress-levels .progress-box{
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	padding-right: 160px;
	padding-top: 4px;
    padding-bottom: 4px;
}

.progress-levels .progress-box:last-child{
	margin-bottom:0px;
}

.progress-levels .progress-box .box-title{
    position: absolute;
    font-size: 15px;
    color: #777777;
    font-weight: 400;
    top: -4px;
    right: 0px;
	text-transform:capitalize;
}

.progress-levels .progress-box .bar{
	 position:relative;
	 height:12px;
}

.progress-levels .progress-box .bar .bar-innner{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:12px;
	border-radius:5px;
	background-color:#f4f4f4;
}

.progress-levels .progress-box .bar .bar-fill{
	position:absolute;
	left:-100%;
	top:0px;
	width:0px;
	height:12px;
	background:#1c63b8;
	border-radius:5px;
	-moz-transition:all 2000ms ease 300ms;
	-webkit-transition:all 2000ms ease 300ms;
	-ms-transition:all 2000ms ease 300ms;
	-o-transition:all 2000ms ease 300ms;
	transition:all 2000ms ease 300ms;
}

.progress-levels .progress-box.animated .bar .bar-fill{
	left:0px;
}

.progress-levels .progress-box.animated .percent{
	opacity:1;
}

.team-single-section .team-detail .image-column{
	position:relative;
}

.team-single-section .team-detail .image-column .image{
	position:relative;
	text-align:center;
}

.team-single-section .team-detail .text{
	position:relative;
	margin-top:30px;
}

.team-single-section .team-detail .text p{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:20px;
}

.team-single-section .team-detail .text p:last-child{
	margin-bottom:0px;
}

.team-detail .social-icon-three li{
	position:relative;
	display:inline-block;
	margin-right: 18px;
}
.team-detail .social-icon-three li a{
	position: relative;
    font-size: 18px;
    color: #1c63b8;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

/* New Home Page */

/***

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

***/

.main-header-bar{
	position:fixed;
	left:0px;
	top:0px;
	z-index:999;
	width:100px;
	height:100%;
	background:#222222;
}

.main-header-bar .header-bar-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#222222;
}

.main-header-bar .header-bar-inner .outer-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#222222;
	z-index:5;
}

.main-header-bar .bar-logo{
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	padding:0px 0px;
	text-align:center;
}

.main-header-bar .social-links{
	position:absolute;
	left:0px;
	bottom:30px;
	width:100%;
	padding:0px 20px;
	text-align:center;
}

.main-header-bar .social-links:before{
	position:absolute;
	content:'';
	left:50%;
	top:-60px;
	width:1px;
	height:50px;
	background-color:rgba(255,255,255,0.10);
}

.main-header-bar .social-links li{
	position:relative;
	display:block;
	margin-top:10px;
	line-height:30px;
}

.main-header-bar .social-links li a{
	position:relative;
	display:block;
	width:40px;
	height:40px;
	margin:0 auto;
	font-size:15px;
	line-height:39px;
	color:#ffffff;
	border:1px solid rgba(255,255,255,0.10);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header-bar .social-links li a span{
	position:relative;
	z-index:1;
}

.main-header-bar .social-links li a:hover{
	color:#ffffff;
	border-radius:50px;
}

.main-header-bar .nav-toggler{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-30px;
	width:100%;
}

.main-header-bar .nav-toggler .toggler-btn{
	position:relative;
	display:block;
	background:none;
	width:34px;
	height:20px;
	margin:0 auto;
	cursor:pointer;
}

.main-header-bar .nav-toggler .toggler-btn:focus{
	box-shadow:none;
	outline:none;
}

/* .main-header-bar .nav-toggler .toggler-btn.active{
	-webkit-transform:rotate(90deg) scaleX(0.6);
	-ms-transform:rotate(90deg) scaleX(0.6);
	-o-transform:rotate(90deg) scaleX(0.6);
	-moz-transform:rotate(90deg) scaleX(0.6);
	transform:rotate(90deg) scaleX(0.6);
} */

.main-header-bar .nav-toggler .toggler-btn .bar{
	position:relative;
	display:block;
	height:3px;
	border-radius:3px;
	background:#1c63b8;
	margin-bottom:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

/* .main-header-bar .nav-toggler .toggler-btn .bar:first-child{
	-webkit-transform-origin:right top;
	-ms-transform-origin:right top;
	-moz-transform-origin:right top;
	-o-transform-origin:right top;
	transform-origin:right top;
}

.main-header-bar .nav-toggler .toggler-btn.active .bar:nth-child(2){
	opacity:0;
}*/

/* .main-header-bar .nav-toggler .toggler-btn.active .bar:first-child{
	-webkit-transform:rotate(-30deg);
	-ms-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	transform:rotate(-30deg);
}

.main-header-bar .nav-toggler .toggler-btn.active .bar:last-child{
	-webkit-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	transform:rotate(30deg);
}

.main-header-bar .nav-toggler .toggler-btn .bar:last-child{
	margin-bottom:0px;
	-webkit-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	-moz-transform-origin:right bottom;
	-o-transform-origin:right bottom;
	transform-origin:right bottom;
}*/

.main-nav-outer{
	position:absolute;
	left:-360px;
	top:0px;
	width:360px;
	height:100%;
	background:#2c2c2c;
	overflow:hidden;
	display:none !important;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fixed-header .main-nav-outer,
.inner-page-header .main-nav-outer{
	background:rgba(44,44,44,1);
}

.main-nav-outer.now-visible{
	left:100%;
}

.main-nav-outer .main-logo-box{
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	text-align:center;
	z-index:1;
}

.main-nav-outer .copyright-text-box{
	position:absolute;
	left:0px;
	bottom:15px;
	line-height:24px;
	font-size:12px;
	color:#b0b0b0;
	width:100%;
	text-align:center;
	z-index:1;
}

.main-nav-outer .main-nav-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	background:url(../images/background/pattern-3.png) repeat;
}

.main-nav-outer .main-nav-box .main-nav{
	position:relative;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}

.main-nav-outer .main-nav-box .main-nav .navigation{
	position:relative;
	left:0px;
	top:0px;
	display:block;
	padding-left:50px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-nav-outer .main-nav-box .main-nav .navigation.subnav-visible{
	left:-360px;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li{
	position:static;
	display:block;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li.dropdown > a:after{
	content: "\f105";
	right:50px;
  	position:absolute;
	padding-left:8px;
	font-size:14px;
	line-height:24px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.main-nav-outer .main-nav-box .main-nav .navigation > li > a{
	position:relative;
	display:block;
	padding:12px 0px;
	font-size:14px;
	color:#ffffff;
	line-height:24px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
	opacity:1;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li > .dropdown-btn{
	display:none;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li:hover > a,
.main-nav-outer .main-nav-box .main-nav .navigation > li.current > a{
	color:#1c63b8;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li > ul{
	position:absolute;
	left:100%;
	top:-1px;
	width:100%;
	opacity:0;
	visibility:hidden;
	padding-left:50px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li.open > ul{
	opacity:1;
	visibility:visible;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li > ul > li{
	position:relative;
	display:block;
	border-bottom:1px solid rgba(255,255,255,0.20);
}

.main-nav-outer .main-nav-box .main-nav .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 0px;
	font-size:14px;
	color:#ffffff;
	line-height:24px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
	opacity:1;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-nav-outer .main-nav-box .main-nav .navigation > li > ul > li:hover > a,
.main-nav-outer .main-nav-box .main-nav .navigation > li > ul > li.current > a{
	color:#1c63b8;
}

.main-slider-two{
	position:relative;
}

.main-slider-two .slider-content{
	position:relative;
	padding:50px 60px;
	background-color:rgba(0,0,0,0.50);
}

.main-slider-two .slider-content .title{
	position:relative;
	color:#ffffff;
	font-size:30px;
	font-weight:400;
	margin-bottom:20px;
}

.main-slider-two .slider-content h2{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:10px;
	font-family: 'Rubik', sans-serif;
}

.main-slider-two .slider-content .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	line-height:1.9em;
	margin-bottom:40px;
}

/* Message Icon Box */

.message-icon-box{
	position:absolute;
	right:0px;
	top:0px;
	width:100px;
	height:100px;
	color:#ffffff;
	z-index:10;
	cursor:pointer;
	font-size:26px;
	text-align:center;
	line-height:100px;
	background-color:#1c63b8;
}

.message-top-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
}

/* Dez Quik Search */

.dez-quik-search{
    background-color: #1c63b8;
    position: absolute;
    left: 0px;
    top: -500px;
    width: 100%;
    z-index: 999;
	padding:25px 0px;
    overflow: hidden;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.dez-quik-search .submit-btn{
	position: absolute;
    right: 50px;
    top: 0px;
    padding: 35px 0px;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    background: none;
}

.dez-quik-search.view-top-search{
	top:0px;
	display:block;
	visibility:visible;
}

/* .dez-quik-search form {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.dez-quik-search form input:focus{
	outline:none;
	box-shadow:none;
}

.dez-quik-search .form-control {
    padding: 15px;
    width: 100%;
    height: 100px;
    border: none;
    background: none;
    color: #fff;
    font-size: 20px;
}
.dez-quik-search .form-control::-moz-placeholder {
    color: #fff;
}
.dez-quik-search .form-control:-moz-placeholder {
    color: #fff;
}
.dez-quik-search .form-control:-ms-input-placeholder {
    color: #fff;
}
.dez-quik-search .form-control::-webkit-input-placeholder {
    color: #fff;
} */

.dez-quik-search #quik-search-remove{
    position: absolute;
    right: 15px;
    top: 50%;
	color:#ffffff;
    margin: -15px 0;
    height: 25px;
    font-size: 20px;
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
	.dez-quik-search .form-control{
		height: 70px;
	}
}

.dez-quik-search h3{
	position:relative;
	color:#ffffff;
	font-size:24px;
	font-weight:500;
	margin-bottom:20px;
}

.dez-quik-search .contact-info-list{
	position:relative;
}

.dez-quik-search .contact-info-list li{
	position: relative;
    color: #ffffff;
    font-size: 14px;
	line-height:1.4em;
    margin-bottom: 15px;
    padding-left: 28px;
}

.dez-quik-search .contact-info-list li .icon{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #ffffff;
}


/***

====================================================================
	Main Content Box
====================================================================

***/

.main-content-box{
	position:relative;
	padding-top:100px;
	padding-left:100px;
}

.main-content-box .fixed-top-bar{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	background:#222222;
	z-index:99;
	border-left:100px solid transparent;
}

.main-content-box .fixed-top-bar.now-fixed{
	position:fixed;
}

.main-content-box .fixed-top-bar .outer-box{
	position:relative;
	float:right;
	padding:25px 0px 16px;
}

.main-content-box .fixed-top-bar .outer-box .cart-btn{
	position:relative;
	float:left;
	padding:14px 0px;
	margin-right:35px;
}

.main-content-box .fixed-top-bar .outer-box .cart-btn a{
	position:relative;
	font-size:24px;
	color:rgba(255,255,255,1);
}

.main-content-box .fixed-top-bar .outer-box .cart-btn .count{
	position:absolute;
	right:-10px;
	top:-6px;
	color:#ffffff;
	width:22px;
	height:22px;
	font-size:12px;
	line-height:22px;
	text-align:center;
	border-radius:50px;
	background-color:#1c63b8;
}

.main-content-box .fixed-top-bar .outer-box .fixed-search-box-btn{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:20px;
	padding:12px 0px;
	margin-right:35px;
	cursor:pointer;
}

.main-content-box .fixed-top-bar .main-menu .navigation > li.current > a{
	background:none;
}

.main-content-box .fixed-top-bar .main-menu .navigation > li > a{
	padding:40px 0px;
	margin:0px 20px;
}

/***

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position:fixed;
	right:-100%;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	background:rgba(0,0,0,0.80);
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup.popup-visible{
	right:0;
	visibility:visible;
	opacity:1;
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;
	margin-top:200px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	border-radius:7px;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-moz-border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background:#1c63b8;
	line-height:30px;
	font-size:20px;
	color:#233145;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:0px 7px 7px 0px;
	-moz-border-radius:0px 7px 7px 0px;
	-ms-border-radius:0px 7px 7px 0px;
	-o-border-radius:0px 7px 7px 0px;
	-webkit-border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#222222;
}

.search-popup h3{
	font-size:24px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:center;
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
	-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;
}

.search-popup .recent-searches li a:hover{
	color:#1c63b8;
	border-color:#1c63b8;
}

/***

====================================================================
	Updated Services Section
====================================================================

***/

.updated-services-section{
	position:relative;
	padding:110px 0px 120px;
}

.updated-services-section .inner-container{
	position:relative;
	border:2px solid #dddddd;
}

.updated-services-section .services-tabs{
	position:relative;
}

.updated-services-section .services-tabs .tab-btns{
	position:relative;
	background-color:#f7f7f7;
	border-right:2px solid #dddddd;
}

.updated-services-section .services-tabs .tab-btns .title{
	position:relative;
	text-align:center;
	color:#1e69b8;
	font-size:18px;
	line-height:1.9em;
	padding:35px 15px 30px;
	border-bottom:2px solid #dddddd;
}

.updated-services-section .services-tabs .tab-btns .title strong{
	text-transform:uppercase;
	display:block;
	font-size:30px;
}

.updated-services-section .services-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	font-size:14px;
	color:#666666;
	font-weight:700;
	cursor:pointer;
	line-height:1.6em;
	padding:22px 0px 23px 80px;
	transition:all 500ms ease;
	text-transform:capitalize;
	border-bottom:2px solid #dddddd;
}

.updated-services-section .services-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content: "\f105";
	left:30px;
	top:23px;
	font-size:16px;
	font-family: 'Font Awesome 5 Free';
}

.updated-services-section .services-tabs .tab-btns .tab-btn:last-child{
	border-bottom:0px;
}

.updated-services-section .services-tabs .tab-btns .tab-btn.active-btn,
.updated-services-section .services-tabs .tab-btns .tab-btn:hover{
	color:#ffffff;
	background-color:#333333;
	border-left-color:#333333;
}

.updated-services-section .services-tabs .tabs-content{
	position:relative;
}

.updated-services-section .services-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.updated-services-section .services-tabs .tabs-content .tab .content .image img{
	width:100%;
	display:block;
	left:1px;
	position:relative;
}

.updated-services-section .services-tabs .tabs-content .tab.active-tab{
	display:block;
}

.updated-services-section .services-tabs .tabs-content .content-column{
	position:relative;
}

.updated-services-section .services-tabs .tabs-content .content-column .inner-column{
	position:relative;
	padding:65px 50px 60px 10px;
}

.updated-services-section .services-tabs .tabs-content .content-column h2{
	position:relative;
	color:#666666;
	font-size:24px;
	font-weight:500;
	line-height:1.3em;
	padding-bottom:15px;
	margin-bottom:30px;
}

.updated-services-section .services-tabs .tabs-content .content-column h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:50px;
	background-color:#1c62b7;
}

.updated-services-section .services-tabs .tabs-content .content-column .text{
	position:relative;
	line-height:1.9em;
	color:#666666;
	font-size:14px;
	margin-bottom:35px;
}

.updated-services-section .services-tabs .tabs-content .content-column .theme-btn{
	margin-top:20px;
}

.updated-services-section .services-tabs .tabs-content .content-column .theme-btn:hover{
	background-color:#222222;
}

/***

====================================================================
	Updated Renovation Section
====================================================================

***/

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

.updated-renovation-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(34,34,34,0.90);
}

.updated-renovation-section .upper-section{
	position:relative;
}

.updated-renovation-section .upper-section .image-column{
	position:relative;
}

.updated-renovation-section .upper-section .image-column .inner-column{
	position:relative;
	padding-top:95px;
}

.updated-renovation-section .upper-section .image-column .inner-column h2{
	position:relative;
	font-weight:400;
	font-size:36px;
	color:#ffffff;
	z-index:1;
	text-align:right;
	line-height:1.3em;
	margin-bottom:35px;
	text-transform:uppercase;
}

.updated-renovation-section .upper-section .image-column .inner-column h2 span{
	font-weight:500;
	display:block;
}

.updated-renovation-section .upper-section .image-column .inner-column .image{
	position:relative;
	z-index:1;
}

.updated-renovation-section .upper-section .content-column{
	position:relative;
}

.updated-renovation-section .upper-section .content-column .inner-column{
	position:relative;
	padding-top:70px;
	padding-left:70px;
	padding-bottom:30px;
}

.updated-renovation-section .upper-section .content-column .inner-column:before{
	position:absolute;
	content:'';
	left:-120px;
	top:0px;
	right:0px;
	bottom:0px;
	border:12px solid #1c63b8;
	border-left:0px;
}

.updated-renovation-section .upper-section .content-column .inner-column:after{
	position:absolute;
	content:'';
	left:-120px;
	top:0px;
	width:12px;
	height:80px;
	background-color:#1c63b8;
}

.updated-renovation-section .upper-section .content-column .inner-column .left-line:before{
	position:absolute;
	content:'';
	left:-120px;
	bottom:0px;
	width:12px;
	height:80px;
	background-color:#1c63b8;
}

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

.updated-feature-block .block-inner{
	position:relative;
	padding-left:100px;
}

.updated-feature-block .block-inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:20px;
	line-height:50px;
	text-align:center;
	background-color:#1c63b8;
}

.updated-feature-block .block-inner h3{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:12px;
	text-transform:uppercase;
}

.updated-feature-block .block-inner .text{
	position:relative;
	font-size:14px;
	color:#ffffff;
	opacity:0.6;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:12px;
	text-transform: capitalize;
}

/***

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

***/

.fun-fact-section-two{
	position: relative;
	margin-top:60px;
}

.fun-fact-section-two .count-box{
	position: relative;
	margin-bottom: 30px;
}

.fun-fact-section-two .count-box .inner-box{
	position: relative;
	display: block;
}

.fun-fact-section-two .count-box .inner-box:after{
	display: table;
	clear: both;
}

.fun-fact-section-two .count-box .icon-box{
	position: relative;
	float: left;
	height: 55px;
	width: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 50px;
	font-weight:400;
	color: rgba(255,255,255,0.40);
	margin-right: 40px;
}

.fun-fact-section-two .count-box .count-text{
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	padding: 15px 0;
	color: #ffffff;
}

.fun-fact-section-two .count-box .counter-title{
	position: relative;
	display: block;
}

.fun-fact-section-two .count-box .counter-title h5{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	color: #ffffff;
	margin-top:18px;
	padding: 6px  25px 6px 30px;
	text-transform: uppercase;
	background-color: rgba(255,255,255,0.10);
	min-width: 200px;
	-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;
}

.fun-fact-section-two .count-box:hover .counter-title h5{
	background-color:rgba(28,99,184,0.50);
}

.fun-fact-section-two .count-box .counter-title h5:before{
	position:absolute;
	content:'';
	left:-50px;
	top:20px;
	height:3px;
	width:30px;
	background-color:#1b65b9;
}

/***

====================================================================
	Updated Work Section
====================================================================

***/

.updated-work-section{
	position:relative;
	padding:110px 0px 160px;
}

.updated-work-section .auto-container{
	position:relative;
}

.updated-work-section .view-all{
	position: absolute;
	right:15px;
	z-index:10;
	font-weight:600;
	color:#1c63b8;
	font-size:18px;
	text-transform:capitalize;
}

.updated-work-block{
	position:relative;
}

.updated-work-block .inner-block{
	position:relative;
	background-color:#222222;
}

.updated-work-block .inner-block .image-column{
	position:relative;
	float:left;
	padding:0px;
}

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

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

.updated-work-block .inner-block .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.updated-work-block .inner-block .image-column .image .popop-boxed{
	position:absolute;
	content:'';
	left:0px;
	top:1px;
	width:60px;
	height:60px;
	color:#ffffff;
	line-height:60px;
	text-align:center;
	display:inline-block;
	background-color:#1c63b8;
}

.updated-work-block .inner-block .image-column .image .content{
	position: absolute;
	left:40px;
	bottom:40px;
	right:120px;
}

.updated-work-block .inner-block .image-column .image .content h3{
	position:relative;
	font-size:36px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
}

.updated-work-block .inner-block .image-column .image .content h3 a{
	position:relative;
	color:#ffffff;
}

.updated-work-block .inner-block .content-column{
	position:relative;
	float:left;
	padding:0px;
}

.updated-work-block .inner-block .content-column .inner-column{
	position:relative;
	padding:160px 50px 50px 50px;
}

.updated-work-block .inner-block .content-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:75px;
	background-color:#ffffff;
}

.updated-work-block .inner-block .content-column .inner-column .text{
	position:relative;
	margin-bottom:60px;
}

.updated-work-block .inner-block .content-column .inner-column .text p{
	position:relative;
	color:#bbbbbb;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:30px;
}

.updated-work-block .inner-block .side-icon{
	position:absolute;
	right:0px;
	bottom:100px;
	font-size:150px;
	line-height:1em;
	color:rgba(255,255,255,0.10);
}

.updated-work-section .client-thumb-outer{
	position:relative;
	max-width:600px;
	width:100%;
	float:right;
	overflow:hidden;
	margin-right:-15px;
	margin-top:-100px;
}

.updated-work-section .client-thumb-outer .owl-item.active  .author-info{
	opacity:1;
	visibility:visible;
}

.updated-work-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
	z-index:999;
}

.updated-work-section .client-thumb-outer .client-thumbs-carousel{
	position: relative;
    max-width: 173px;
    margin: 0 auto;
	text-align:center;
}

.updated-work-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.updated-work-section .client-thumb-outer .thumb-item .thumb-box{
	width:173px;
	height:173px;
	cursor:pointer;
	margin: 0 auto;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-work-section .client-thumb-outer .owl-item{
	z-index:0;
}

.updated-work-section .client-thumb-outer .owl-item.active{
	z-index:10;
}

.updated-work-section .client-thumb-outer .thumb-item .thumb-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	z-index:1;
	background-color:rgba(255,255,255,0.50);
}

.updated-work-section .client-thumb-outer .owl-item.active .thumb-box:before{
	opacity:0;
}

.updated-work-section .client-thumb-outer .work-thumbs-carousel .thumb-item img{
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
	border-radius:50%;
}

.updated-work-section .owl-item.active .thumb-content{
	opacity:1;
}

.updated-work-section .owl-nav{
	position: absolute;
	left: 0px;
	bottom: -50px;
	width: 95px;
	height: 30px;
}

.updated-work-section .owl-next,
.updated-work-section .owl-prev{
	position: absolute;
	left: 15px;
	bottom: 0;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	transition: all 300ms ease;
	z-index: 9;
}

.updated-work-section .owl-next{
	left: auto;
	right: -15px;
}

.updated-work-section .owl-next:hover,
.updated-work-section .owl-prev:hover{
	color: #1c63b8;
}

.updated-work-section .owl-dots {
	position: absolute;
	left: 15px;
	bottom: -50px;
	height: 30px;
	width: 60px;
	z-index: 0;
	counter-reset: slides-num;
}

.updated-work-section .owl-dots:after {
	position: absolute;
	left: 52px;
	content:counter(slides-num);
	display: inline-block;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
}

.updated-work-section .owl-dot {
	display: inline-block;
	counter-increment: slides-num;
}

.updated-work-section .owl-dot span {
 	display: none;
}

.updated-work-section .owl-dot.active:before {
	position: absolute;
	content: counter(slides-num) " /";
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
	left: 30px;
	top: 0;
}

/***

====================================================================
	Updated Contact Section
====================================================================

***/

.updated-contact-section{
	position:relative;
}

.updated-contact-section .inner-container{
	position:relative;
	overflow:hidden;
	padding:20px 20px;
	background-color:#1c63b8;
}

.updated-contact-section .inner-container:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:35px;
	background-color:#ffffff;
}

.updated-contact-section .text-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:-60px;
	bottom:0px;
	background-color:rgba(255,255,255,0.08);
}

.updated-contact-section .text-column{
	position:relative;
}

.updated-contact-section .text-column .inner-column{
	position:relative;
	padding:15px 15px 15px 50px;
}

.updated-contact-section .text-column .text{
	position:relative;
	color:#ffffff;
	font-size:18px;
}

.updated-contact-section .button-column{
	position:relative;
}

.updated-contact-section .button-column .inner-column{
	position:relative;
	padding:20px 0px;
	text-align:center;
}

.updated-contact-section .button-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:-40px;
	right:-40px;
	bottom:-40px;
	z-index:1;
	background-color:#222222;
	-ms-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
}

.updated-contact-section .button-column .contact-btn{
	position:relative;
	color:#ffffff;
	z-index:2;
	padding:12px 45px;
	display:inline-block;
	text-transform:uppercase;
	border:1px solid #ffffff;
}

.updated-contact-section .button-column:after{
    position: absolute;
    width: 30px;
    content: '';
    left: -5px;
    top: -40px;
    right: -40px;
    bottom: -40px;
    background-color: #bbbbbb;
    -ms-transform: skewX(16deg);
    -webkit-transform: skewX(16deg);
    transform: skewX(16deg);
}

/***

====================================================================
	Updated Testimonial Section
====================================================================

***/

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

.updated-testimonial-section .auto-container{
	position:relative;
}

.updated-testimonial-section .owl-nav{
	display:none;
}

.updated-testimonial-section .owl-dots{
	position:absolute;
	left:15px;
	bottom:-40px;
}

.updated-testimonial-section .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height:6px;
	margin-right:10px;
	display:inline-block;
	background-color:#b7b7b7;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-testimonial-section .owl-dots .owl-dot.active,
.updated-testimonial-section .owl-dots .owl-dot:hover{
	width:50px;
	background-color:#1c63b8;
}

.updated-testimonial-section .title-column{
	position:relative;
}

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

.updated-testimonial-section .title-column .quote-icon{
	position:relative;
	color:#efefef;
	font-size:60px;
	line-height:1em;
	margin-bottom:20px;
}

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

.updated-testimonial-section .title-column .text{
	position:relative;
	color:#999999;
	font-size:14px;
	line-height:1.9em;
}

.updated-testimonial-section .testimonial-column{
	position:static;
}

.updated-testimonial-section .testimonial-column .inner-column{
	position:static;
}

.updated-testimonial-section .owl-carousel .owl-stage-outer,
.updated-testimonial-section .owl-carousel .owl-stage,
.updated-testimonial-section .owl-carousel{
	position:static;
}

/* Updated Testimonial Block */

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

.updated-testimonial-block .inner-box{
	position:relative;
	padding:30px 30px;
	background-color:#f5f5f5;
}

.updated-testimonial-block .inner-box .quote-icon{
	position:absolute;
	right:15px;
	top:15px;
	color:#efefef;
	font-size:100px;
	line-height:1em;
}

.updated-testimonial-block .inner-box .text{
	position:relative;
	color:#777777;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:30px;
}

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

.updated-testimonial-block .inner-box .author-info .info-inner{
	position:relative;
	padding-left:135px;
	min-height:100px;
	padding-top:15px;
}

.updated-testimonial-block .inner-box .author-info .info-inner .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:50%;
	box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}

.updated-testimonial-block .inner-box .author-info .info-inner h6{
	position:relative;
	color:#222222;
	font-size:18px;
	font-weight:400;
	line-height:1.3em;
}

.updated-testimonial-block .inner-box .author-info .info-inner .location{
	position:relative;
	color:#777777;
	font-size:16px;
	font-weight:400;
	line-height:1.3em;
	margin-top:6px;
	margin-bottom:4px;
}

.updated-testimonial-block .inner-box .author-info .info-inner .rating{
	position:relative;
}

.updated-testimonial-block .inner-box .author-info .info-inner .rating .fa{
	position:relative;
	color:#1c63b8;
	font-size:14px;
}

/***

====================================================================
	Updated Video Section
====================================================================

***/

.updated-video-section{
	position:relative;
	background:#252525 url(../images/background/pattern-5.png) repeat-x;
}

.updated-video-section .blocks-column{
	position:relative;
}

.updated-video-section .blocks-column .inner-column{
	position:relative;
	padding:80px 0px 50px;
	padding-left:100px;
}

.updated-feature-block-two{
	position:relative;
	margin-bottom:30px;
	z-index:10;
}

.updated-feature-block-two .inner-block{
	position:relative;
	overflow:hidden;
	padding-right:50px;
	border-left:1px solid rgba(255,255,255,0.05);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-feature-block-two .inner-block:before{
	position:absolute;
	content:'';
	right:15px;
	bottom:35px;
	height:1px;
	width:80px;
	z-index:1;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border-bottom:1px solid rgba(255,255,255,0.05);
}

.updated-feature-block-two .inner-block:hover::before{
	border-color:#1c63b8;
}

.updated-feature-block-two .inner-block:hover .content:before,
.updated-feature-block-two .inner-block:hover{
	border-color:#1c63b8;
}

.updated-feature-block-two .inner-block .content{
	position:relative;
	padding:22px 30px 22px;
}

.updated-feature-block-two .inner-block .content:before{
	position:absolute;
	content:'';
	left:-100px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:#222222;
	border:1px solid rgba(255,255,255,0.05);
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-feature-block-two .inner-block .post-date{
	position:relative;
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	margin-bottom:10px;
}

.updated-feature-block-two .inner-block .content h3{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:400;
	line-height:1.6em;
}

.updated-feature-block-two .inner-block .content h3 a{
	position:relative;
	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;
}

.updated-feature-block-two .inner-block .content h3 a:hover{
	color:#1c63b8;
}

/*Video Box*/

.video-box{
	position:relative;
}

.video-box:before{
	position:absolute;
	content:'';
	left:-50px;
	top:0px;
	z-index:1;
	width:100px;
	height:100%;
	background:#252525 url(../images/background/pattern-5.png) repeat-x;
	border-right:10px solid #9f9f9f;
    -ms-transform: skewX(6deg);
    -webkit-transform: skewX(6deg);
    transform: skewX(-6deg);
}

.video-box:after{
	position:absolute;
	content:'';
	right:-65px;
	top:0px;
	z-index:1;
	width:100px;
	height:100%;
	background:#252525 url(../images/background/pattern-5.png) repeat-x;
	border-left:10px solid #9f9f9f;
    -ms-transform: skewX(6deg);
    -webkit-transform: skewX(6deg);
    transform: skewX(-6deg);
}

.video-box .image{
	position:relative;
	overflow:hidden;
	margin-bottom:0px;
}

.video-box .image img{
	position:relative;
	width:100%;
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 80px;
	background:rgba(19,184,234,0.08);
	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;
}

.video-box .overlay-box:hover{
	background:rgba(0,0,0,0.45);
}

.video-box .overlay-box span{
	position: relative;
	width:80px;
	height: 80px;
    top: 40%;
	color: #ffffff;
	font-size:24px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #1c63b8;
	display: inline-block;
	margin-top: 0px;
	line-height:80px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.video-box:hover .overlay-box span{
	transform: rotate(360deg);
}


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

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

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

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

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

/***

====================================================================
	Updated Price Section
====================================================================

***/

.updated-price-section{
	position:relative;
	padding:110px 0px 110px;
}

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

.pricing-tabs{
	position: relative;
}

.pricing-tabs .tabs-content .content .row{
	margin:0px -35px;
}

.pricing-tabs .tabs-content .content .updated-pricing-table{
	padding:0px 35px;
}

.pricing-tabs .tab-buttons{
	position: relative;
	text-align: center;
	margin-top: 70px;
}

.pricing-tabs .tab-btns{
	position: relative;
	display: inline-block;
	width: 320px;
	border: 2px solid #1c62b6;
	border-radius: 50px;
}

.pricing-tabs .tab-btns li{
	position: relative;
	float: left;
	width: 50%;
	font-size: 16px;
	line-height: 26px;
	padding: 15px 15px;
	text-align: center;
	color: #222222;
	font-weight: 500;
	cursor: pointer;
	border-radius: 50px;
	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;
}

.pricing-tabs .tab-btns .tab-btn:hover,
.pricing-tabs .tab-btns .tab-btn.active-btn{
	background-color: #222222;
	color: #ffffff;
}

/* Pricing Table */

.updated-pricing-table{
	position: relative;
	margin-bottom: 30px;
}

.updated-pricing-table .inner-box{
	position:relative;
	text-align:center;
}

.updated-pricing-table.active .inner-box:before,
.updated-pricing-table .inner-box:hover::before{
	background-color:#1c62b6;
}

.updated-pricing-table .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom: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;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
	-ms-transform: skewY(10deg);
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}

.updated-pricing-table .inner-box:after{
	position:absolute;
	content:'';
	right:-40px;
	bottom:-30px;
	border-top: 55px solid #e3e3e3;
    border-right: 40px solid transparent;
}

.updated-pricing-table .title{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 50px;
	color: #222222;
	font-weight: 500;
	text-align:left;
	padding: 30px 45px 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;
}

.updated-pricing-table .inner-box:hover .title,
.updated-pricing-table.active .inner-box .title{
	color: #ffffff;
}

.updated-pricing-table .price-outer{
	position:relative;
	text-align:left;
	overflow:hidden;
}

.updated-pricing-table .price-box{
	position: relative;
	display:inline-block;
	text-align:left;
	padding: 15px 45px 15px 45px;
}

.updated-pricing-table .price-box:before{
	position: absolute;
	left: -50px;
	top: 0px;
	height: 100%;
	right:-40px;
	background-color:#222222;
	opacity: .90;
	content: "";
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-pricing-table .price-box:after{
	position: absolute;
	content:'';
	right:-46px;
	top:0px;
	width:20px;
	height:100%;
	background-color:#e8e8e8;
	z-index:-1;
	-ms-transform: skewX(-14deg);
    -webkit-transform: skewX(-14deg);
    transform: skewX(-14deg);
}

.updated-pricing-table .price{
	position: relative;
	font-size: 36px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 400;
}

.updated-pricing-table .price span{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 30px;
	color: #ff7e00;
	font-weight: 700;
	margin-right: 10px;
	top: 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;
}

.updated-pricing-table .price sub{
	font-size: 18px;
	font-weight: 600;
	bottom: 0px;
	right: 3px;
}

.updated-pricing-table:hover .price span,
.updated-pricing-table.tagged .price span{
	color: #002121;
}

.updated-pricing-table .table-content{
	position: relative;
}

.updated-pricing-table .table-content ul{
	position: relative;
	text-align: left;
	padding-top: 30px;
	margin-bottom: 35px;
}

.updated-pricing-table .table-content ul li{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	padding: 8px 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;
}

.updated-pricing-table .table-content ul li span{
	position: relative;
	display: block;
	max-width: 250px;
	padding-left: 35px;
	width: 100%;
	margin: 0 auto;
}

.updated-pricing-table .table-content ul li span:before{
	position: absolute;
	top: 0px;
	left: 0;
	font-size: 13px;
	color: #777777;
	font-weight: 900;
	content: "\f101";
	font-family: "Font Awesome 5 Free";
}

.updated-pricing-table.active .inner-box .table-content ul li span:before,
.updated-pricing-table.active .inner-box .table-content ul li,
.updated-pricing-table .inner-box:hover .table-content ul li span:before,
.updated-pricing-table .inner-box:hover .table-content ul li{
	color:#ffffff;
}

.updated-pricing-table .table-footer{
	position: relative;
	padding-bottom: 50px;
}

.updated-pricing-table.active .inner-box .table-footer .theme-btn,
.updated-pricing-table .inner-box:hover .table-footer .theme-btn{
	color:#222222;
	background-color:#ffffff;
}

/***

====================================================================
	Updated Work Section
====================================================================

***/

.updated-team-section{
	position:relative;
	padding:110px 0px 110px;
	background:#222222 url(../images/background/pattern-4.png) repeat-x;
}

.updated-team-section .owl-nav{
	display:none;
}

.updated-team-section .owl-dots{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.updated-team-section .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:10px;
	margin:0px 5px;
	display:inline-block;
	border-radius:50px;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-team-section .owl-dots .owl-dot:hover,
.updated-team-section .owl-dots .owl-dot.active{
	background-color:#1c63b8;
}

.updated-price-block{
	position:relative;
}

.updated-price-block .inner-box{
	position:relative;
}

.updated-price-block .inner-box:before{
	position:absolute;
	content:'';
	left:40px;
	top:115px;
	right:0px;
	bottom:0px;
	background-color:#444444;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-price-block .inner-box:hover::before{
	background-color:#1c63b8;
}

.updated-price-block .inner-box .image{
	position:relative;
	padding-right:55px;
	transform:translateX(0px);
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.updated-price-block .inner-box:hover .image{
	transform:translateX(48.5px) scale(1.05,1.05);
}

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

.updated-price-block .inner-box .lower-content{
	position:relative;
	padding:20px 40px 20px 60px;
}

.updated-price-block .inner-box .lower-content h3{
	position:relative;
	font-size:16px;
	font-weight:500;
}

.updated-price-block .inner-box .lower-content h3 a{
	position:relative;
	color:#ffffff;
}

.updated-price-block .inner-box .lower-content .category{
	position:relative;
	color:#ffffff;
	font-size:12px;
	margin-top:2px;
}

.updated-price-block .inner-box .lower-content .pull-left{
	float:left;
}

.updated-price-block .inner-box .lower-content .pull-right{
	float:right;
}

.updated-price-block .inner-box .lower-content .social-box{
	position:relative;
}

.updated-price-block .inner-box .lower-content .social-box li{
	position:relative;
	margin-left:15px;
	display:inline-block;
}

.updated-price-block .inner-box .lower-content .social-box li a{
	position:relative;
	color:#ffffff;
	font-size:14px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-price-block .inner-box .lower-content .social-box li a:hover{
	color:#222222;
}

/***

====================================================================
	Updated News Section
====================================================================

***/

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

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

.updated-news-block .inner-box{
	position:relative;
	padding-right:30px;
}

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

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

.updated-news-block .inner-box .image .overlay-box{
	position:absolute;
	right:0px;
	bottom:30px;
	padding:15px 30px 45px 30px;
	background-color:#1c63b8;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-news-block .inner-box:hover .image .overlay-box{
	background-color:#ffffff;
}

.updated-news-block .inner-box .image .overlay-box h3{
	position:relative;
	line-height:1.5em;
	font-size:20px;
	font-weight:500;
}

.updated-news-block .inner-box .image .overlay-box h3 a{
	position:relative;
	color:#ffffff;
}

.updated-news-block .inner-box:hover .image .overlay-box h3 a{
	color:#1c63b8;
}

.updated-news-block .inner-box .image .overlay-box .comments{
	position:absolute;
	left:0px;
	bottom:0px;
	color:#ffffff;
	font-size:14px;
	padding:4px 8px 2px;
	display:inline-block;
	background-color:#222222;
}

.updated-news-block .inner-box .image .overlay-box .comments .icon{
	font-size:12px;
	margin-right:2px;
}

.updated-news-block .inner-box .image .overlay-box .post-date{
	position:absolute;
	right:-31px;
	top:-31px;
	color:#ffffff;
	font-size:14px;
	padding:2px 0px;
	min-width:121px;
	text-align:center;
	background-color:#000000;
	text-transform:uppercase;
	transform:rotate(-90deg);
	transform-origin: 100% 100%;
}

/* Updated News Block Two */

.updated-news-block-two{
	position:relative;
	margin-bottom:30px;
}

.updated-news-block-two .inner-box{
	position:relative;
	padding-left:50px;
}

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

.updated-news-block-two .inner-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-color:rgba(0,0,0,0.50);
}

.updated-news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.updated-news-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	bottom:30px;
	z-index:2;
	max-width:330px;
	padding-top:50px;
	padding-bottom:50px;
}

.updated-news-block-two .inner-box .image .overlay-box .post-date{
	position:absolute;
	right:-101px;
	top:-56px;
	color:#ffffff;
	font-size:14px;
	padding:2px 0px;
	min-width:121px;
	text-align:center;
	background-color:#000000;
	text-transform:uppercase;
	transform:rotate(-90deg);
	transform-origin: 100% 100%;
}

.updated-news-block-two .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:-50px;
	top:0px;
	right:-70px;
	bottom:0px;
	border:15px solid #1c63b8;
}

.updated-news-block-two .inner-box .image .overlay-box .overlay-inner{
	position:relative;
	padding-left:50px;
}

.updated-news-block-two .inner-box .image .overlay-box h3{
	position:relative;
	font-size:24px;
	font-weight:500;
	line-height:1.4em;
	font-family: 'Rubik', sans-serif;
}

.updated-news-block-two .inner-box .image .overlay-box h3 a{
	position:relative;
	color:#ffffff;
}

.updated-news-block-two .inner-box .image .overlay-box .text{
	position:relative;
	font-size:14px;
	color:#ffffff;
	line-height:1.8em;
	margin-top:30px;
}

.updated-news-block-two .inner-box .image .overlay-box .read-more{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin-top:30px;
	display:inline-block;
	font-family: 'Rubik', sans-serif;
}

/***

====================================================================
	Updated	Clients Section
====================================================================

***/

.updated-clients-section{
	position:relative;
	padding:30px 0px;
	background-color:#1c62b7;
}

.updated-clients-section .sponsors-outer{
	position:relative;
	margin-left:100px;
	background-color:#ffffff;
}

.updated-clients-section .sponsors-outer .owl-dots{
	position:relative;
	display:none;
}

.updated-clients-section .sponsors-outer .owl-nav{
	position:absolute;
	left:-70px;
	bottom:-8px;
}

.updated-clients-section .sponsors-outer .owl-nav .owl-prev,
.updated-clients-section .sponsors-outer .owl-nav .owl-next{
	position:relative;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:20px;
	line-height:50px;
	text-align:center;
	margin-bottom:8px;
	background-color:#222222;
}

.updated-clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	padding: 20px 0px;
	margin-bottom:0px;
}

.updated-clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.updated-clients-section .sponsors-outer .image-box:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/***

==================================================================
	Footer Style Two
==================================================================

***/

.footer-style-two{
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	color:#ffffff;
}

.footer-style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color:#222222;
	opacity: .9;
	content: "";
}

.footer-style-two .widgets-section{
	position:relative;
	padding:95px 0px 40px;
}

.footer-style-two .footer-column{
	position:relative;
}

.footer-style-two .footer-widget{
	position:relative;
	margin-bottom:30px;
}

.footer-style-two .footer-widget h2{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	margin-bottom:25px;
}

.footer-style-two .info-widget .text{
	position:relative;
	line-height:1.9em;
	margin-bottom:25px;
	color:rgba(255,255,255,0.50);
}

.footer-style-two .info-widget .info-list{
	position:relative;
}

.footer-style-two .info-widget .info-list li{`
	position:relative;
	font-size:14px;
	margin-bottom:6px;
	color:rgba(255,255,255,0.50);
}

.footer-style-two .info-widget .info-list li span{
	position:relative;
	color:#ffffff;
}

.footer-style-two .about-widget .text{
	position:relative;
	line-height:1.9em;
	margin-bottom:25px;
	color:rgba(255,255,255,0.50);
}

.footer-style-two .about-widget .social-icon{
	position:relative;
}

.footer-style-two .about-widget .social-icon li.follow{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	margin-left:0px;
	display:inline-block;
}

.footer-style-two .about-widget .social-icon li{
	position:relative;
	margin-left:12px;
	display:inline-block;
}

.footer-style-two .about-widget .social-icon li a{
	position:relative;
	color:#ffffff;
	font-size:15px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.footer-style-two .about-widget .social-icon li a:hover{
	color:#1c62b7;
}


.footer-style-two .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px 4px;
}

.footer-style-two .gallery-widget .image{
	position:relative;
	float:left;
	width: 25%;
	padding-right: 4px;
	padding-left: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

.footer-style-two .gallery-widget .image img{
	display:block;
	width:100%;
}

.footer-style-two .gallery-widget .image a{
	position: relative;
	display: block;
}

.footer-style-two .gallery-widget .image a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	line-height: 85px;
	font-size: 16px;
	color: #ffffff;
	content: "";
	background-color: #1c62b7;
	opacity: .80;
	text-align: center;
	z-index: 9;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.footer-style-two .gallery-widget .image a:hover:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.footer-style-two .lower-content{
	position:relative;
	padding-bottom:80px;
}

.footer-style-two .lower-content h2{
	position:relative;
	font-weight:500;
	color:#ffffff;
	font-size:25px;
	line-height:1.3em;
}

.footer-style-two .lower-content .text{
	position:relative;
	margin-top:12px;
	font-size:15px;
	line-height:1.7em;
	margin-bottom:30px;
	color:rgba(255,255,255,0.50);
}

/*Subscribe Form*/

.footer-style-two .subscribe-form{
	position:relative;
	padding:15px 0px;
	border-top:1px solid rgba(255,255,255,0.50);
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.footer-style-two .subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:240px;
}

.footer-style-two .subscribe-form .form-group input[type="text"],
.footer-style-two .subscribe-form .form-group input[type="tel"],
.footer-style-two .subscribe-form .form-group input[type="email"],
.footer-style-two .subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:60px;
	font-size:14px;
	color:#ffffff;
	padding-right:170px;
	background:rgba(255,255,255,0.10);
	padding:10px 15px 10px 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;
}

.footer-style-two .subscribe-form .form-group input[type="submit"],
.footer-style-two .subscribe-form button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	font-size:18px;
	font-size:14px;
	font-weight:400;
	padding:20px 48px;
}

.footer-style-two .subscribe-form button:before{
	position:absolute;
	content:'';
	left:-30px;
	top:0px;
	width:1px;
	height:100%;
	background-color:rgba(255,255,255,0.20);
}

.footer-style-two .subscribe-form .form-group input[type="submit"]:hover,
.footer-style-two .subscribe-form button:hover{

}

.footer-style-two .logo-column{
	position:relative;
	text-align:right;
}

.footer-style-two .logo-column .logo{
	margin-top:-20px;
}

.footer-style-two .footer-bottom{
	position:relative;
	padding:15px 0px;
	text-align:center;
}

.option-box{
	position: relative;
	margin-top: 0px;
	margin-left: 25px;
}

.option-box > li{
	position: relative;
    color: #ffffff;
    width: 40%;
    margin: 0px 3px;
    cursor: pointer;
    margin-bottom: 9px;
    padding: 6px 12px;
    display: inline-block;
    background-color: #1c63b8;
    text-transform: capitalize;
}


/* RTL */

.rtl .main-header-bar{
	right:0px;
	left:auto;
}

.rtl .main-slider-two .slider-content{
	text-align:right;
}

.rtl .main-nav-outer{
	right:-380px;
	left:auto;
}

.rtl .main-nav-outer.now-visible{
	right:100px;
}

.rtl .main-nav-outer .main-nav-box .main-nav{
	text-align:right;
}

.rtl .main-nav-outer .main-nav-box .main-nav .navigation > li > ul,
.rtl .main-nav-outer .main-nav-box .main-nav .navigation{
	padding-right:50px;
}

.rtl .main-nav-outer .main-nav-box .main-nav .navigation > li.dropdown > a:after{
	left:0px;
	right:auto;
}

.rtl .main-content-box .fixed-top-bar{
	border-left:0px;
	border-right:100px solid transparent;
}

.rtl .fixed-top-bar .main-menu{
	float:right;
}

.rtl .main-content-box .fixed-top-bar .outer-box{
	float:left;
}

.rtl .search-popup .search-form fieldset input[type="submit"]{
	left:0px;
	right:auto;
}

.rtl .search-popup .search-form fieldset input[type="search"]{
	padding-right:20px;
	padding-left:150px;
}

.rtl .main-content-box{
	padding-left:0px;
	padding-right:100px;
}

.rtl .updated-work-block .inner-block .content-column .inner-column,
.rtl .updated-services-section .services-tabs .tabs-content .content-column .inner-column,
.rtl .updated-services-section .services-tabs .tabs-content .content-column h2,
.rtl .main-menu .navigation > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a{
	text-align:right;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
	left:15px;
	right:auto;
}

.rtl .updated-services-section .services-tabs .tabs-content .content-column h2:before{
	right:0px;
	left:auto;
}

.rtl .list-style-three li{
	padding-left:0px;
	padding-right:20px;
	text-align:right;
}

.rtl .list-style-three li:before{
	right:0px;
	left:auto;
	transform:rotate(180deg);
}

.rtl .updated-services-section .services-tabs .tab-btns .tab-btn{
	text-align:right;
	padding:22px 80px 23px 22px;
}

.rtl .updated-services-section .services-tabs .tab-btns .tab-btn:before{
	right:40px;
	left:auto;
	transform:rotate(180deg);
}

.rtl .updated-feature-block .block-inner{
	padding-left:0px;
	padding-right:100px;
	text-align:right;
}

.rtl .updated-feature-block .block-inner .icon{
	right:0px;
	left:auto;
}

.rtl .updated-renovation-section .upper-section .content-column .inner-column{
	padding-left:0px;
	padding-right:70px;
}

.rtl .updated-contact-section .text-column .text,
.rtl .fun-fact-section-two .count-box .inner-box{
	text-align:right;
}

.rtl .fun-fact-section-two .count-box .icon-box{
	float:right;
	margin-right:0px;
	margin-left:30px;
}

.rtl .updated-work-block .inner-block .side-icon{
	display:none;
}

.rtl .updated-testimonial-block .inner-box .author-info .info-inner .author-image{
	right:0px;
	left:0px;
}

.rtl .updated-testimonial-section .title-column .inner-column,
.rtl .updated-testimonial-block .inner-box .text,
.rtl .updated-work-block .inner-block .image-column .image .content h3{
	text-align:right;
}

.rtl .updated-testimonial-block .inner-box .author-info .info-inner{
	padding-right:135px;
	text-align:right;
	padding-left:0px;
}

.rtl .main-header .header-top .top-left:before,
.rtl .updated-feature-block-two .inner-block:before{
	display:none;
}

.rtl .updated-news-block .inner-box .image .overlay-box,
.rtl .updated-news-block-two .inner-box .image .overlay-box .overlay-inner,
.rtl .updated-price-block .inner-box .lower-content h3,
.rtl .updated-pricing-table .title,
.rtl .updated-pricing-table .price-outer,
.rtl .updated-feature-block-two .inner-block{
	text-align:right;
}

.rtl .updated-pricing-table .price-box:after{
	left:-56px;
	right:auto;
}

.rtl .updated-pricing-table .table-content ul li span{
	padding-left:0px;
	padding-right:35px;
	text-align:right;
}

.rtl .updated-pricing-table .table-content ul li span:before{
	right:0px;
	left:auto;
	transform:rotate(180deg);
}

.rtl .page-title h1,
.rtl .updated-price-block .inner-box .lower-content .pull-left{
	float:right;
}

.rtl .page-title .bread-crumb,
.rtl .updated-price-block .inner-box .lower-content .pull-right{
	float:left;
}

.rtl .appointment-page .title h3,
.rtl .about-us .content-column,
.rtl .about-us .image-column .column h3,
.rtl .about-us .image-column .column p,
.rtl .footer-style-two .lower-content h2,
.rtl .footer-style-two .lower-content .text,
.rtl .footer-style-two .footer-widget{
	text-align:right;
}

.rtl .main-footer .about-widget h4,
.rtl .footer-style-two .about-widget .social-icon li.follow{
	margin-left:15px;
}

.rtl .main-header .header-top .top-left,
.rtl .main-header .logo-outer{
	float:right;
}

.rtl .main-header .info-box{
	margin-left:0px;
	margin-right:60px;
	padding-left:0px;
	padding-right:50px;
	text-align:right;
}

.rtl .main-header .info-box .icon-box{
	right:0px;
	left:auto;
}

.rtl .main-header .header-top .top-left{
	margin-left:0px;
}

.rtl .subscribe-section .call-btn,
.rtl .sticky-header .right-col,
.rtl .main-header .search-box-outer{
	float:left;
}

.rtl .main-header .main-menu{
	float:right;
}

.rtl .main-header .dropdown-menu{
	left:0px;
	right:auto;
	top:8px !important;
}

/* .rtl .main-slider-two .slider-content{
	margin-right:125px;
}

.rtl .main-slider-two .slider-content h2{
	font-size:40px;
}

.rtl .main-slider-two .slider-content .text br{
	display:none;
}*/

.rtl .about-us .image-column .column .read-more{
	display:block;
	text-align:right;
}

.rtl .main-footer .services-list li a,
.rtl .about-us .content-column .list-style-one li{
	padding-left:0px;
	padding-right:35px;
}

.rtl .list-style-one li:before{
	right:0px;
	left:auto;
}

.rtl .fun-fact-section .count-box .icon-box{
	float:right;
}

.rtl .news-block .content-box,
.rtl .main-footer .footer-widget,
.rtl .contact-info .info-column h3,
.rtl .fun-fact-section .count-box .inner-box{
	text-align:right;
}

.rtl .fun-fact-section .count-box .counter-title h5:before{
	display:none;
}

.rtl .main-footer .footer-column .widget-title:after,
.rtl .feature-block .image-box .price{
	right:0px;
	left:auto;
}

.rtl .subscribe-section h3,
.rtl .sticky-header .logo{
	float:right;
}

.rtl .news-block .image-box .label{
	right:60px;
	left:auto;
}

.rtl .sec-title,
.rtl .testimonial-block-two,
.rtl .sec-title h2,
.rtl .accordion-box .block,
.rtl .service-block-two .icon-box,
.rtl .service-block-two .inner-box,
.rtl .order-box ul li,
.rtl .payment-box .payment-options li .radio-option label .small-text,
.rtl .fun-fact-two .count-box .inner-box,
.rtl .service-block .inner-box,
.rtl .call-to-action .title-box h3,
.rtl .testimonial-block.even p,
.rtl .checkout-form textarea,
.rtl .login-section h2,
.rtl .login-form .form-group,
.rtl .login-form .form-group input,
.rtl .shipping-block .inner-box,
.rtl .cart-section .totals-table li,
.rtl .cart-section .totals-table li h3,
.rtl .shipping-form .form-group input,
.rtl .cart-section .apply-coupon .form-group input[type="text"],
.rtl .testimonial-block.even .name,
.rtl .payment-box .payment-options li .radio-option .what-paypall,
.rtl .rtl .payment-box .payment-options li .radio-option label,
.rtl .pricing-table .title .category{
	text-align:right;
}

.rtl .payment-box .payment-options li .radio-option label{
	padding-left:35px;
	padding-right:35px;
	text-align:right;
}

.rtl .payment-box .payment-options li .radio-option input[type="radio"]{
	right:0px;
	left:auto;
}

.rtl .testimonial-block-two .info-box .rating{
	left:0px;
	right:auto;
}

.rtl .contact-info ul li{
	padding-left:0px;
	padding-right:100px;
	text-align:right;
}

.rtl .fun-fact-two .count-box .count-text:before,
.rtl .contact-info ul li .icon{
	right:0px;
	left:auto;
}

.rtl .header-style-two .nav-outer{
	float:left;
	padding-left:0px;
}

.rtl .header-style-two .outer-container{
	padding-left:0px;
	padding-right:288px;
}

.rtl .header-style-two .logo-outer{
	right:0px;
	left:auto;
}

.rtl .header-style-two .header-top:before{
	right:27px;
	left:auto;
}

.rtl .header-style-two .main-menu:before{
	right:270px;
	left:auto;
}

.rtl .header-style-two .header-top .top-left{
	margin-right:20px;
}

.rtl .header-style-two .header-upper .outer-box{
	margin-right:20px;
}

.rtl .service-block .caption-box .title-box{
	padding-left:0px;
	padding-right:80px;
}

.rtl .accordion-box .block .acc-btn .icon,
.rtl .services-list .service .icon-box,
.rtl .service-block .caption-box .title-box .icon{
	right:0px;
	left: auto;
}

.rtl .services-list .service .inner-box{
	text-align:right;
	padding-left:0px;
	padding-right:100px;
}

.rtl .accordion-box .block .acc-btn{
	padding-right:45px;
	padding-left:15px;
}

.rtl .contact-info-block .inner-box{
	padding-right:120px;
	text-align:right;
	padding-left:0px;
}

.rtl .testimonial-block-three .info-box .thumb,
.rtl .feature-tabs .tabs-content ul li:before,
.rtl .contact-info-block .icon{
	right:0px;
	left:auto;
}

.rtl .header-style-three .header-top .top-right{
	margin-right:15px;
	float:left;
}

/* .rtl .order-box ul li strong, */

.rtl .login-form .pull-left,
.rtl .shop-upper-box .items-label,
.rtl .call-to-action.style-two .title-box,
.rtl .header-style-three .logo-box{
	float:right;
}

.rtl .login-form .pull-right,
.rtl .shop-upper-box .sort-by,
.rtl .call-to-action.style-two .btn-box,
.rtl .header-style-three .outer-box{
	float:left;
}

.rtl .feature-tabs .tabs-content .inner-box,
.rtl .feature-tabs .tab-btn{
	text-align:right;
}

.rtl .feature-tabs .tabs-content ul li{
	padding-left:0px;
	padding-right:30px;
}

.rtl .services-needed .check-box label,
.rtl .service-form .ui-selectmenu-button.ui-button,
.rtl .service-form input,
.rtl .service-form select, .service-form textarea,
.rtl .project-detail h2,
.rtl .project-detail h3,
.rtl .project-detail p,
.rtl .project-detail .lower-content,
.rtl .project-detail .price-list li span,
.rtl .project-detail .price-list li,
.rtl .testimonial-block-three .text,
.rtl .contact-form .form-group textarea,
.rtl .contact-form .form-group input,
.rtl .brochures h3,
.rtl .tag-list,
.rtl .service-detail h3,
.rtl .service-detail h2,
.rtl .service-detail p,
.rtl .product-details .info-column,
.rtl .service-detail blockquote,
.rtl .brochure-box .link-box a,
.rtl .category-list li a,
.rtl .shop-comment-form,
.rtl .checkout-form .form-group,
.rtl .checkout-form .form-group input,
.rtl .checkout-form .form-group select,
.rtl .order-box .title-box .col,
.rtl .order-box ul li span,
.rtl .checkout-page .default-links li,
.rtl .shop-comment-form .form-group textarea,
.rtl .shop-comment-form .form-group input,
.rtl .news-block-two .lower-content,
.rtl .pricing-feature .feature-table thead,
.rtl .sidebar-page-container .sidebar-title h2,
.rtl .pricing-feature .table-outer tbody tr td,
.rtl .footer-style-two .subscribe-form .form-group input,
.rtl .news-block-two .lower-content .info-box,
.rtl .appointment-form .ui-selectmenu-button.ui-button,
.rtl .appointment-form .form-group input,
.rtl .sidebar-page-container .group-title,
.rtl .appointment-form .form-group textarea,
.rtl .comment-form input,.rtl .comment-form select,.rtl .comment-form textarea{
	text-align:right;
}

.rtl .appointment-form .form-group .icon{
	left:32px;
	right:auto;
}

.rtl .testimonial-block-three .info-box{
	padding-left:0px;
	padding-right:90px;
	text-align:right;
}

.rtl .news-block-two .lower-content .content{
	padding-left:0px;
	padding-right:100px;
	text-align:right;
}

.rtl .service-detail ul li:before,
.rtl .project-info .info .icon,
.rtl .news-block-two .date-and-like{
	right:0px;
	left:auto;
}

.rtl .coming-soon .subscribe-form button,
.rtl .service-form .ui-button .ui-icon{
	left:0px;
	right:auto;
}

.rtl .coming-soon .subscribe-form input,
.rtl .coming-soon .subscribe-form select,
.rtl .coming-soon .subscribe-form textarea{
	padding-right:25px;
	padding-left:125px;
	text-align:right;
}

.rtl .list-style-one li{
	padding-left:0px;
	padding-right:30px;
	text-align:right;
}

.rtl .project-info .info{
	padding-right:65px;
	text-align:right;
}

.rtl .service-detail ul li,
.rtl .service-cat-list li a{
	text-align:right;
	padding-right:30px;
}

.rtl .service-cat-list li a:before{
	left:25px;
	right:auto;
}

.rtl .brochure-box .link-box a span{
	margin-right:0px;
	margin-left:15px;
	float:right;
}

.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
	text-align:right;
	padding-right:20px;
}

.rtl .sidebar .search-box .form-group button{
	left:0px;
	right:auto;
}

.rtl .category-list li a span{
	margin-left:15px;
}

.rtl .latest-news .post{
	padding-left:0px;
	padding-right:100px;
	text-align:right;
}

.rtl .sidebar .related-posts .post .post-thumb,
.rtl .latest-news .post-thumb{
	left:auto;
	right:0px;
}

.rtl .sidebar-page-container .comments-area .comment{
	padding-left:30px;
	padding-right:180px;
	text-align:right;
}

.rtl .sidebar-page-container .comments-area .comment-box .author-thumb{
	left:auto;
	right:30px;
}

.rtl .sidebar .related-posts .post{
	padding-left:0px;
	padding-right:100px;
	text-align:right;
}

.rtl .product-details .basic-details .item-quantity{
	float:right;
	margin-right:0px;
	margin-left:20px;
}

.rtl .product-info-tabs .prod-tabs .reviews-container .rev-content{
	padding-left:25px;
	padding-right:65px;
	text-align:right;
}

.rtl .product-info-tabs .prod-tabs .reviews-container .rev-thumb{
	left:auto;
	right:-35px;
}

.rtl .product-info-tabs .prod-tabs .reviews-container{
	padding-left:30px;
	padding-right:30px;
}

.rtl .checkout-page .default-links li .fa{
	margin-right:0px;
	margin-left:15px;
}

.rtl .login-form .psw{
	right:0px;
}

.rtl .sidebar-info-contents .content-inner{
	text-align:right;
}

.rtl .sidebar-list-style li{
	padding-left:0px;
	padding-right:30px;
}

.rtl .sidebar-list-style li .icon{
	right:0px;
	left:auto;
}

.rtl .main-slider-two .slider-content{
	margin-right:120px;
	padding:40px 30px;
}

/* Dark Version */

.dark-version{
	background-color:#222222;
}


.dark-version .sec-title h2,
.dark-version .news-block-two .content .read-more,
.dark-version .news-block-two .content p,
.dark-version .news-block-two .content h3 a,
.dark-version .feature-tabs .tabs-content ul li,
.dark-version .feature-tabs .tabs-content p,
.dark-version .feature-tabs .tabs-content h2,
.dark-version .feature-tabs .tabs-content .title{
	color:#ffffff;
}

.dark-version .project-section .sec-title h2,
.dark-version .appointment-section .sec-title h2{
	color:#222222;
}

.dark-version .services-carousel .owl-dots .owl-dot{
	border-color:#ffffff;
}

.video-inner-column{
	position:relative;
	padding-left:40px;
}

/*Subscribe Form*/

.subscribe-form-two .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:25px;
	height:45px;
	font-size:15px;
	color:#666666;
	background:#ffffff;
	padding: 9px 22px;
	-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 .theme-btn{
	position:relative;
	right:0px;
	top:0px;
	cursor:pointer;
	line-height: 23px;
	padding: 10px 25px;
	width: 100%;
	color:#000000;
	margin-top:15px;
	font-size: 14px;
	text-align: center;
	border:2px solid #ffffff;
	background-color:#ffffff;
	text-transform:uppercase;
}

.subscribe-form-two .form-group input[type="submit"]:hover,
.subscribe-form-two .theme-btn:hover{
	background:none;
	color:#ffffff;
}





/*Video Box*/

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

.video-box-two .image{
	position:relative;
	overflow:hidden;
	margin:0px;
}

.video-box-two .image img{
	position:relative;
	width:100%;
}

.video-box-two .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 80px;
	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;
}

.video-box-two .overlay-box span{
	position: absolute;
	width:80px;
	height: 80px;
	left:50%;
    top: 50%;
	z-index:99;
	color: #1c63b8;
	font-weight:400;
	font-size:24px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -40px;
	margin-left:-40px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-box-two .ripple,
.video-box-two .ripple:before,
.video-box-two .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;
}

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

.video-box-two .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);}
}










.sidebar-info-contents{
	position:relative;
}

.sidebar-info-contents .content-inner{
	position:relative;
}

.sidebar-info-contents .content-inner .logo {
	padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
	display:inline-block;
	max-width:100%;
}

.sidebar-info-contents .content-inner .content-box{
	position:relative;
}

.sidebar-info-contents .content-inner .content-box h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box .text{
	position:relative;
	font-size:14px;
	color:rgba(255,255,255,0.60);
	margin-bottom:25px;
}

.sidebar-info-contents .content-inner .contact-information{
	position:relative;
	margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-information h2{
	position:relative;
	font-size:20px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
	position:relative;
	display:inline-block;
	margin-right:6px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
	position:relative;
	width:36px;
	height:36px;
	color:#222222;
	z-index:1;
	font-size:13px;
	line-height:36px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background-color:#ffffff;
}

/* Sidebar List Style */

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

.sidebar-list-style li{
	position:relative;
	color:#ffffff;
	font-size:14px;
	padding-left:38px;
	font-weight:400;
	margin-bottom:20px;
	line-height:1.8em;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar-list-style li a{
	position:relative;
	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;
}

.sidebar-list-style li .icon{
	position:absolute;
	left:0px;
	top:6px;
	font-size:16px;
	color:#ffffff;
	line-height:1em;
}

.sidebar-list-style li:last-child{
	margin-bottom:0px;
}

.color-palate{
	display:none;
}