/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR MECHANICHUB        ||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style
****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
/*** Flaticon css ***/
@import url(../fonts/flaticon/flaticon.css);
/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);
/*** Jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);

/*==============================================
   Base Css
===============================================*/
html,
body {
	height: 100%
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	font-weight: 300;
}

button:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Nunito', sans-serif;
	color: #222222;
	margin: 0;
}

h3 {
	font-size: 20px;
	font-weight: 700;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

h4 {}

a,
a:hover,
a:active,
a:focus {
	transition: all 0.5s ease 0s;
	text-decoration: none;
	outline: none;
	color: #fff;
}

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

i {
	font-style: normal;
}

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

.sec-padding {
	padding: 8px 0;
}

button {
	border: none;
	background: transparent;
}

.thm-btn {
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 500ms ease;
	font-family: 'Nunito', sans-serif;
	display: block;
	border-radius: 10px;
	padding: 4px 4px;
	transition: all 500ms ease;
}

.bgclr-1 {
	background: #2acb35;
	border: 2px solid #2acb35;
	color: #ffffff;
}

.thm-btn:hover {
	background: #ffffff;
	color: #252525;
}


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

.sec-title.pdb-50 {
	padding-bottom: 50px;
}

.sec-title.pdb-30 {
	padding-bottom: 30px;
}

.white {
	color: #ffffff !important;
}

.sec-title h3 {
	color: #ff9600;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	text-transform: none;
}

.sec-title h1 span {
	color: #ffffff;
}

.sec-title .border {
	width: 80px;
	position: relative;
	overflow: hidden;
	display: block;
	background: transparent;
	height: 5px;
	margin: 11px 0 0;
}

.sec-title .border:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 1px;
	background: #ffffff;
	content: "";
}

.sec-title .border:after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 1px;
	background: #ffffff;
	content: "";
}

.sec-title .border.center {
	margin: 11px auto 0;
}

.sec-title p {
	color: #848484;
	font-size: 18px;
	font-weight: 300;
	margin: 40px 0 0;
	line-height: 30px;
}

/* .sec-title h3 {
	color: #2acb35;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	font-family: 'Courgette', cursive;
} */

.sec-title h2 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-transform: none;
	margin: 0 0 16px;
}

.boxed_wrapper {
	background: #fff none repeat scroll 0 0;
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
	/*min-height: 400px;*/
	overflow: hidden;
}

/*________________Preloader_______________ */
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
	background-color: rgba(255, 255, 255, 1);
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon/preloader.gif);
}

/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
	0% {
		margin-top: -150px;
	}

	50% {
		margin-top: -130px;
	}

	100% {
		margin-top: 0;
	}
}

@keyframes menu_sticky {
	0% {
		margin-top: -150px;
	}

	50% {
		margin-top: -130px;
	}

	100% {
		margin-top: 0;
	}
}

.mainmenu-area.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	background: #000000;
	z-index: 9999;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.mainmenu-area.style-two.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 10000;
	background: #F7F7F7;
	z-index: 99999;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.mainmenu-area.style-two.stricky-fixed .container {
	background: #F7F7F7;
	padding: 0 30px;
}

.mainmenu-area.style-four.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 10000;
	background: #000000;
	z-index: 99999;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.mainmenu-area.style-three.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 10000;
	background: #ff9600;
	z-index: 99999;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	z-index: 10000;
	background: #ff9600;
	z-index: 999;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}


/*
.mainmenu-area.stricky-fixed .logo {
	padding-top: 21px;
	padding-bottom: 21px;
}
.mainmenu-area.stricky-fixed .main-menu .navigation li a {
	padding: 36px 18px 34px;
	transition: all 500ms ease;
}
.mainmenu-area.stricky-fixed .outer-search-box {
	margin: 25px 0;
	margin-right: 10px;
}
.mainmenu-area.stricky-fixed .appointment-button {
	margin: 20px 0;
}
*/

/* Scroll To Top styles */
.scroll-to-top {
	background: #ff9600;
	border: 1px solid #ff9600;
	bottom: 25px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 30px;
	font-weight: normal;
	height: 50px;
	line-height: 48px;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: all 500ms ease 0s;
	width: 55px;
	z-index: 99999;
	-webkit-box-shadow: 0px 8px 23px -6px rgba(27, 27, 27, 1);
	-moz-box-shadow: 0px 8px 23px -6px rgba(27, 27, 27, 1);
	box-shadow: 0px 8px 23px -6px rgba(27, 27, 27, 1);
}

.scroll-to-top:hover {
	background: #111111;
	color: #fff;
}

/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
	border-color: #43c3ea;
	outline: none;
}

/* Post pagination styles */
.post-pagination li {
	display: inline-block;
	margin: 0 3px;
}

.post-pagination li a {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #e7e7e7;
	color: #848484;
	display: block;
	font-size: 20px;
	font-weight: 600;
	height: 55px;
	padding: 13px 0;
	transition: all 500ms ease 0s;
	width: 55px;
	font-family: 'Nunito', sans-serif;
	border-radius: 3px;
}

.post-pagination li.active a,
.post-pagination li:hover a {
	background: #ff9600;
	color: #fff;
	border: 2px solid #ff9600;
}

/* Overlay styles  */
.overlay-style-one {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	color: #ffffff;
	opacity: 0;
	background: rgba(253, 125, 81, 0.9);
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.overlay-style-one .box {
	display: table;
	height: 100%;
	width: 100%;
}

.overlay-style-one .box .content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}



.review-box {}

.review-box ul {
	margin-left: -1px;
	margin-right: -1px;
}

.review-box ul li {
	display: inline-block;
	margin: 0 1px;
}

.review-box ul li i {
	color: #ff9600;
	font-size: 12px;
}

/*** 
=============================================
	Top bar area style
=============================================
***/
.top-bar-area {
	position: relative;
	z-index: 999;
	background: #ffffff;
	/* background: #144362; */
	font-family: 'Lato', sans-serif;
	/* overflow: hidden; */
	padding: 8px 0;
	color: #000000;
}

.top-bar-area a,
a:hover,
a:active,
a:focus {
	transition: all 0.5s ease 0s;
	text-decoration: none;
	outline: none;
	color: #000000;
}

.top-contact-info {
	/* overflow: hidden; */
	margin: 6px 0 5px;
	list-style: none;
}

.top-contact-info li {
	/* display: inline-block; */
	float: left;
	padding-right: 11px;
	/* color: #ffffff; */
	line-height: 24px;
	font-size: 15px;
	font-weight: 400;
}

.top-contact-info li:last-child {
	padding: 0;
}

.top-contact-info li span:before {
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	padding-right: 10px;
	color: #ff9600;
}

.top-bar-area .top-right {
	/* overflow: hidden; */
}

.top-bar-area .top-right .social-links {
	overflow: hidden;
	padding-right: 30px;
	margin: 9px 0;
}

.top-bar-area .top-right .social-links li {
	display: inline-block;
	float: left;
	margin-right: 20px;
	line-height: 16px;
}

.top-bar-area .top-right .social-links li:last-child {
	margin: 0px;
}

.top-bar-area .top-right .social-links li a i {
	color: #afafb5;
	font-size: 15px;
	transition: all 500ms ease;
}

.top-bar-area .top-right .social-links li a:hover i {
	color: #ff9600;
}

.appoinment-button {
	margin: 0px;
}

.appoinment-button a {
	background: #ff9600;
	display: inline-block;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	padding: 7px 15px 6px;
	line-height: initial;
	border-radius: 3px;
}

.appoinment-button a:hover {
	background: #162670;
}

/*==============================================
	Mainmenu Area Css
===============================================*/
.mainmenu_section {
	background: #ffffff;
}

.mainmenu_section a {
	color: #000000;
	font-weight: 500;
}

.mainmenu_section a:hover {
	color: #ffffff !important;
	/* font-weight: 600; */
	background-color: #000000 !important;
}
.mainmenu_section a:focus {
	background-color: #ffffff !important;
	color: #000000 !important;
}

.mainmenu-area {
	position: relative;
	z-index: 999;
	background: #000000;
}
.colobration_strip {
	width: 100%;
	overflow: hidden;
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	padding: 10px 0;
}

.marquee-container {
	width: 100%;
	overflow: hidden;
}

.marquee-content {
	display: flex;
	width: max-content;
	animation: marquee 30s linear infinite;
}

.marquee-content:hover {
	animation-play-state: paused;
}

.collaboration-image {
	flex-shrink: 0;
	margin-right: 30px;
	transition: transform 0.3s ease;
}

.collaboration-image:hover {
	transform: scale(1.05);
}

.colobration_strip img {
	padding: 10px;
	width: 180px;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.colobration_strip img:hover {
	border-color: #007bff;
	box-shadow: 0 4px 8px rgba(0,123,255,0.3);
}

@keyframes marquee {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Enhanced hover effects */
.collaboration-image.hover-effect {
	transform: scale(1.05);
	z-index: 10;
	position: relative;
}

.collaboration-image.hover-effect img {
	border-color: #007bff !important;
	box-shadow: 0 8px 16px rgba(0,123,255,0.4) !important;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
	.colobration_strip img {
		width: 120px;
		padding: 5px;
	}
	
	.collaboration-image {
		margin-right: 15px;
	}
	
	.marquee-content {
		animation-duration: 20s;
	}
}

@media (max-width: 480px) {
	.colobration_strip img {
		width: 100px;
		padding: 3px;
	}
	
	.collaboration-image {
		margin-right: 10px;
	}
	
	.marquee-content {
		animation-duration: 15s;
	}
}

.mainmenu-area .logo {
	display: inline-block;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
}

.mainmenu-area .logo a {
	display: inline-block;
}

.main-menu {
	/* float: left; */
	/* position: relative; */
	width: 100%;
}

/* .main-menu .navbar-collapse {
	padding: 0px
} */
.navbar {
	margin-bottom: 0 !important;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #ffffff;
	/* border-color: #337ab7; */
}

.dropdown-menu>li>a {
	color: #000;
}

.dropdown-menu {
	background-color: #fff !important;
}

.main-menu .navbar-collapse {
	padding: 2px 29px 5px 0;
	/* margin-top: 12px; */
	/* background: #144362; */

	/* border-radius: 14px; */
}

.main-menu .navigation {
	float: left;
	/* margin: 0; */
	position: relative;
	background-color: #17384e;
	padding: 4px 2px;
	border-radius: 20px;
	margin-top: 14px;
	margin-bottom: 14px;
}

.main-menu .navigation li {
	display: inline-block;
	float: left;
}

.main-menu .navigation>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	top: 0;
	right: -15px;
	font-size: 14px;
	transition: all 500ms ease 0s;
}

.main-menu .navigation li a {
	color: #e3f0f6;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	opacity: 1;
	margin: 13px 14px 13px;
	position: relative;
	text-transform: capitalize;
	transition: all 500ms ease 0s;
	font-family: 'Nunito', sans-serif;
}

.main-menu .navigation>li.dropdown>a {
	margin-right: 27px;
}

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

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 130%;
	width: 270px;
	padding: 0px;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	transition: all 500ms ease;
	border-top: 3px solid #ff9600;
}

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

.main-menu .navigation>li>ul>li {
	clear: both;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: 0px solid #f4f4f4;
}

.main-menu .navigation>li>ul>li>a {
	width: 100%;
	background: #ffffff;
	padding: 10px 4px 10px 6px;
	/* padding: 13px 15px 12px 30px; */
	margin: 0;
	color: #222222;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	display: block;
	float: left;
	clear: both;
	position: relative;
	outline: 0;
	transition: padding .2s linear;
	transition: all 500ms ease;
	font-family: 'Nunito', sans-serif;
}

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

.main-menu .navigation>li>ul>li.dropdown>a:after {}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {}

.main-menu .navigation>li>ul>li>ul {}

.main-menu .navigation>li>ul li:hover ul {}

.main-menu .navigation>li>ul>li ul li {}

.main-menu .navigation>li>ul>li ul li:first-child {}

.main-menu .navigation>li>ul>li ul li a {}

.main-menu .navigation>li>ul>li>ul>li:hover>a {}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	background: url(../images/icon/submenu-icon.png) center center no-repeat;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
}

.outer-search-box {
	float: left;
	height: 40px;
	width: 40px;
	margin: 30px 0;
	transition: all 500ms ease;
	border: 1px solid #e7e7e7;
}

.outer-search-box:hover {
	border-color: #ff9600;
}

.outer-search-box .seach-toggle {
	background: transparent;
	color: #afafb5;
	cursor: pointer;
	display: block;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 9px 0px;
	position: relative;
	text-align: center;
	transition: all 500ms ease;
}

.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active {
	background: #ff9600;
	color: #fff;
}

.search-box {
	background: #ff9600;
	/* border-top: 1px solid #c1c1c1; */
	/* opacity: 0; */
	/* padding: 2px; */
	/* position: absolute; */
	/* right: 15px; */
	/* top: 150%; */
	/* transition: all 500ms ease 0s; */
	/* visibility: hidden; */
}

.search-box.now-visible {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.search-box .form-group {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-width: 250px;
}

.search-box .form-group input[type="search"] {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #303443;
	color: #000;
	display: block;
	font-size: 13px;
	line-height: 24px;
	position: relative;
	transition: all 500ms ease 0s;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-right: 50px;
}

.search-box .form-group input[type="search"]:focus {
	border-color: #081a6c;
}

.search-box .form-group button,
.search-box .form-group input[type="submit"] {
	background: #303443;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	transition: all 500ms ease 0s;
}

.search-box .form-group button:hover,
.search-box .form-group input:focus+button {
	color: #fff;
	background: #081a6c;
}

.mainmenu-right-box {}

.mainmenu-area .appointment-button {
	float: right;
	margin: 25px 0;
}

.mainmenu-area .appointment-button a {
	position: relative;
}

.mainmenu-area .appointment-button a:before {
	position: absolute;
	top: 3px;
	right: 5px;
	content: "";
	background: url(../images/icon/button-icon.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 20px;
	transition: all 500ms ease;
}

.mainmenu-area .appointment-button a:hover {}

/*** 
=============================================
	Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper {}

.rev_slider_wrapper .slide-content-box h1 {
	text-align: center;
	color: #ffffff;
	font-size: 70px;
	font-weight: 400;
	line-height: 80px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	margin: 0 0 17px;
}

.rev_slider_wrapper .slide-content-box h1 span {
	color: #f8ec30;
}

.rev_slider_wrapper .slide-content-box h2 {
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	margin: 0 0 45px;
}

.rev_slider_wrapper .slide-content-box h3 {
	color: #e3d828;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin: 42px 0 0;
	font-family: 'Lato', sans-serif;
}

.rev_slider_wrapper .slide-content-box h3 i {
	display: inline-block;
	padding-right: 7px;
}

.rev_slider_wrapper .slide-content-box .button a {
	border: 2px solid #ff9600;
	background: #ff9600;
	padding: 15px 50px 14px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
	border-radius: 30px;
}

.rev_slider_wrapper .slide-content-box .button a:hover {
	background: #f8ec30;
	border-color: #fff;
	color: #252525;
}

.tparrows {
	background: rgba(0, 0, 0, 0.08);
	cursor: pointer;
	display: block;
	height: 50px;
	position: absolute;
	width: 50px;
	z-index: 1000;
	transition: all 500ms ease;
	border-radius: 50%;
}

.tparrows:before {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: block;
	line-height: 50px;
	text-align: center;
	transition: all 500ms ease;
}

.tparrows:hover {
	background: #ff9600;
}

.tparrows:hover:before {
	color: #fff;
}

.rev_slider_wrapper .slotholder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background: rgba(34, 36, 38, 0.40);*/
	z-index: 9;
}

/*** 
=============================================
	Callto Action Area style
=============================================
***/
.welcome-area {
	background: #000000;
}

.welcome-area .text-holder {
	position: relative;
	overflow: hidden;
}

.welcome-area .text-holder .text-box {
	margin-top: -7px;
	color: #ffffff;
	text-align: justify;
}

.welcome-area .text-holder .text-box .name-signature {
	overflow: hidden;
	margin-top: 30px;
}

.welcome-area .text-holder .text-box .name-signature .name {
	display: inline-block;
	float: left;
	margin-right: 30px;
}

.welcome-area .text-holder .text-box .name-signature .name h3 {
	color: #feab2a;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 5px;
}

.welcome-area .text-holder .text-box .name-signature .name h3 span {
	color: #ffffff;
	font-style: italic;
	font-weight: 400;
}

.welcome-area .text-holder .text-box .name-signature .name p {
	margin: 0;
	color: #feab2a;
	font-style: italic;
}

.welcome-area .text-holder .text-box .name-signature .signature {
	float: left;
}

.welcome-area .img-holder {
	position: relative;
	overflow: hidden;
	display: block;
}

.welcome-area .img-holder img {
	width: 100%;
}

.welcome-area .inner-content {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #ff9600;
	display: block;
	padding: 17px 0 17px;
}

.welcome-area .inner-content h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 400;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
}

/*** 
=============================================
	Service Area style
=============================================
***/
.features-area {
	background: #ff9600;
	display: block;
	position: relative;
}

.features-area .single-features-item {
	text-align: center;
	color: #fff;
	padding: 100px 0;
	position: relative;
	transition: all 0.5s ease;
}

.features-area .single-features-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	transition: all 0.5s ease;
	opacity: 0;
	overflow-y: hidden;
}

.features-area .single-features-item .overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(9, 29, 49, 0.0);
	opacity: 1;
	transition: all 0.5s ease;
}

.features-area .single-features-item .overlay .box {
	display: table;
	width: 100%;
	height: 100%;
}

.features-area .single-features-item .overlay .box .box-content {
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}

.features-area .single-features-item .overlay .box .box-content a {
	text-transform: uppercase;
	background: transparent;
	font-weight: 500;
	font-size: 14px;
	line-height: 45px;
	display: inline-block;
	padding: 0 55px;
	position: relative;
	top: 0px;
	transform: translate3d(0, 45px, 0);
	transition: all 0.5s ease;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	font-family: 'Nunito', sans-serif;
}

.features-area .single-features-item .overlay .box .box-content a:hover {
	background: #ff9600;
}

.features-area .single-features-item .iocn-box {
	width: 100px;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	line-height: 100px;
	margin-bottom: 30px;
	transform: translate3d(0, 0, 0);
	transition: all 0.5s ease;
}

.features-area .single-features-item .iocn-box:before {
	content: "\f100";
	font-family: Flaticon;
	font-size: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.features-area .single-features-item .iocn-box span:before {
	font-size: 40px;
	line-height: 100px;
	display: block;
	vertical-align: bottom;
}

.features-area .single-features-item .text-box {
	margin: 0;
	position: relative;
	transform: translate3d(0, 0, 0);
	transition: all 0.5s ease;
}

.features-area .single-features-item .text-box h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 15px;
}

.features-area .single-features-item .text-box p {
	color: #c5cdf3;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	line-height: 26px;
}

.features-area .single-features-item:hover .iocn-box {
	transform: translate3d(0, -40px, 0);
}

.features-area .single-features-item:hover .text-box {
	transform: translate3d(0, -40px, 0);
	transition: all 0.5s ease;
}

.features-area .single-features-item:hover .overlay {
	opacity: 1;
}

.features-area .single-features-item:hover .overlay .box .box-content a {
	transform: translate3d(0, -70px, 0);
}

/*** 
=============================================
	Service Area style
=============================================
***/
.service-area {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.service-area .sec-title {
	padding-bottom: 60px;
}

.single-service-item {
	position: relative;
	overflow: hidden;
	display: block;
}

.single-service-item .icon-holder {
	margin: 0 0 26px;
}

.single-service-item .icon-holder span:before {
	color: #303443;
	font-size: 50px;
	line-height: 50px;
}

.single-service-item .text-holder {}

.single-service-item .text-holder h3 {
	color: #343434;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 0 0 14px;
}

.single-service-item .text-holder h3:hover {
	color: #ff9600;
}

.single-service-item .text-holder p {
	margin: 0;
}

.service-area .hr-line {
	height: 1px;
	width: 100%;
	display: block;
	background: #f6f6f6;
	margin-top: 33px;
	margin-bottom: 40px;
}

/*** 
=============================================
	Project Area style
=============================================
***/
.project-area {
	position: relative;
	overflow: hidden;
	display: block;
}

.project-area .mar0 {
	margin: 0;
}

.single-project-item.span-20per {
	width: 20%;
	float: left;
}

/*** 
=============================================
	slogan Area style
=============================================
***/
.slogan-area {
	padding: 15px 0;
	background: #ff9600;
	position: relative;
	overflow: hidden;
}

.slogan-area h1 {
	color: #ffffff;
	font-size: 21px;
	font-weight: 400;
	font-style: italic;
	line-height: 28px;
	font-family: 'Open Sans', sans-serif;
	margin: 9px 0;
}

.slogan-area p {
	color: #ffffff;
	font-size: 14px;
	margin: 0;
}

.slogan-area a {
	width: 230px;
	border: 1px solid #ffffff;
}

/*** 
=============================================
	Testimonial Area style
=============================================
***/
.testimonial-area {
	background: #ffffff;
	padding: 80px 0 80px;
}

.testimonial-area .more-button {
	margin-top: 20px;
}

.testimonial-area .more-button a {
	border: 1px solid #848484;
	height: 55px;
	width: 270px;
	margin: 0 auto;
	display: block;
	text-align: center;
	border-radius: 30px;
	color: #848484;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 54px;
	font-family: 'Nunito', sans-serif;
	transition: all 500ms ease;
}

.testimonial-area .more-button a:hover {
	background: #ff9600;
	color: #ffffff;
	border-color: #ff9600;
}

.single-testimonial-item {
	overflow: hidden;
	float: left;
	background: #ffffff;
	margin-bottom: 30px;
	display: block;
	border: 1px solid #f7f7f7;
}

.single-testimonial-item .img-holder {
	overflow: hidden;
	position: relative;
	transition: all 0.7s ease;
}

.single-testimonial-item .top {
	overflow: hidden;
	display: block;
	padding: 14px 20px;
	border-bottom: 1px solid #f7f7f7;
}

.single-testimonial-item .top .left h3 {
	font-weight: 600;
	line-height: 28px;
}

.single-testimonial-item .top .left h3 span {
	font-weight: 300;
	color: #848484;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
}

.single-testimonial-item .top .right .review-box {
	border: 1px solid #f7f7f7;
	height: 30px;
	display: block;
	padding: 0 15px;
	border-radius: 20px;
}

.single-testimonial-item .top .right .review-box ul li i {
	color: #ebce09;
}

.single-testimonial-item .text-holder {
	display: block;
	padding: 22px 20px 22px;
	border-bottom: 1px solid #f7f7f7;
}

.single-testimonial-item .text-holder p {
	color: #848484;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	font-style: italic;
	margin: 0;
}

.single-testimonial-item .bottom {
	overflow: hidden;
	padding: 14px 20px;
}

.single-testimonial-item .bottom .left h3 {
	color: #ff9600;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
}

/*** 
=============================================
	Appoinment Area style
=============================================
***/
.appoinment-area {
	position: relative;
	background: #101010;
}

.appoinment-area .container {
	position: relative;
}

.appoinment-area .appoinment {
	padding: 30px 0;
}

.appoinment-area .appoinment .sec-title {
	padding-bottom: 43px;
}

.appoinment-area .appoinment .sec-title h1 {
	color: #ffffff;
}

.appoinment-area .appoinment .sec-title .border:before {
	background: #ffffff;
}

.appoinment-area .appoinment .sec-title .border:after {
	background: #ffffff;
}

.appoinment-area .appoinment .appoinment-form {
	display: block;
}

.appoinment-area .appoinment .appoinment-form .input-label label {
	color: #c1c2c7;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 3px;
}

.appoinment-area .appoinment .appoinment-form .input-box {
	position: relative;
	margin-bottom: 24px;
}

.appoinment-area .appoinment .appoinment-form .input-box .icon-box {
	position: absolute;
	right: 15px;
	top: 11px;
}

.appoinment-area .appoinment .appoinment-form .input-box .icon-box i {
	color: #ffffff;
	font-size: 14px;
}

/* Chrome, Safari, Edge, Opera */
.appoinment-area input::-webkit-outer-spin-button,
.appoinment-area input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.appoinment-area input[type=number] {
  -moz-appearance: textfield;
}

.appoinment-area .appoinment .appoinment-form .input-box input[type=text],
.appoinment-area .appoinment .appoinment-form .input-box input[type=date],
.appoinment-area .appoinment .appoinment-form .input-box input[type=time],
.appoinment-area .appoinment .appoinment-form .input-box input[type=number],
.appoinment-area .appoinment .appoinment-form .input-box input[type=email] {
	background: #303443;
	width: 100%;
	border: 1px solid #3b3f4f;
	height: 50px;
	display: block;
	padding: 0 15px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	transition: all 500ms ease;
	font-family: 'Nunito', sans-serif;
}

.appoinment-area .appoinment .appoinment-form .input-box input[type=text]:focus {
	border-color: #ff9600;
}

.appoinment-area .appoinment .appoinment-form .input-box input[type=email]:focus {
	border-color: #ff9600;
}

.appoinment-area .appoinment .appoinment-form button {
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 12px 30px 10px;
	width: 100%;
}

.appoinment-area .appoinment .appoinment-form button:hover {
	background: #ff9600;
	border-color: #ff9600;
}

.appoinment-area .appoinment .appoinment-form .text p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	margin: 11px 0;
}

.appoinment-area .img-holder {
	position: absolute;
	bottom: 0;
	right: -100px;
}

/*** 
=============================================
	Latest blog area style
=============================================
***/
.latest-blog-area {
	position: relative;
	overflow: hidden;
	padding-bottom: 4px;
}

.single-blog-item {
	position: relative;
	overflow: hidden;
	display: block;
	border: 1px solid #f4f4f4;
	padding: 24px;
	margin-bottom: 30px;
}

.single-blog-item .img-holder {
	overflow: hidden;
	position: relative;
}

.single-blog-item .img-holder img {
	transform: scale(1.1, 1.1);
	transition: all 0.5s ease 0s;
	width: 100%;
}

.single-blog-item:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

.single-blog-item .img-holder .overlay-style-one .content a i {
	transition: all 500ms ease;
	font-size: 20px;
}

.single-blog-item .img-holder .overlay-style-one .content a:hover i {
	color: #b6b6b6;
}

.single-blog-item:hover .img-holder img {
	transform: scale(1, 1);
}

.single-blog-item .text-holder {
	background: #ffffff;
	margin-top: 20px;
}

.single-blog-item .text-holder .blog-title {
	color: #222222;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	display: block;
	transition: all 500ms ease;
}

.single-blog-item .text-holder .blog-title:hover {
	color: #ff9600;
}

.single-blog-item .text-holder .text {
	margin-top: 12px;
}

.single-blog-item .text-holder .text p {
	margin: 0;
}

.single-blog-item .text-holder .meta-info {
	overflow: hidden;
	padding-top: 22px;
	text-align: center;
	border-top: 1px solid #f4f4f4;
	margin-top: 18px;
}

.single-blog-item .text-holder .meta-info li {
	display: inline-block;
	float: left;
	line-height: 24px;
	margin-right: 20px;
}

.single-blog-item .text-holder .meta-info li:last-child {
	margin-right: 0;
}

.single-blog-item .text-holder .meta-info li a {
	color: #848484;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
}

.single-blog-item .text-holder .meta-info li a i {
	display: inline-block;
	padding-right: 4px;
	font-size: 15px;
}

.single-blog-item .text-holder .meta-info li a:hover {
	color: #ff9600;
}

/*** 
=======================================================
	Model area style
=======================================================
***/
.model-area {
	background: #f9f9f9;
	padding-top: 80px;
	padding-bottom: 40px;
}

.model-area .single-model-item {
	padding-bottom: 40px;
}

/*** 
=============================================
	Footer area style
=============================================
***/
.footer-area {
	background: #303443;
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
}

.single-footer-widget {
	position: relative;
	overflow: hidden;
}

.single-footer-widget .title {
	padding-bottom: 40px;
	margin-top: -3px;
}

.single-footer-widget .title h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
}

.single-footer-widget .footer-logo {
	overflow: hidden;
	padding-bottom: 33px;
}

.single-footer-widget .footer-logo a {
	display: inline-block;
}

.single-footer-widget .our-info {
	overflow: hidden;
}

.single-footer-widget .our-info p {
	color: #c1c2c7;
	font-size: 16px;
	margin: 0;
}

.single-footer-widget .our-info a {
	border: 0px solid #ffffff;
	width: 230px;
	margin: 33px 0 0;
	overflow: hidden;
}

.single-footer-widget .latest-blog {
	margin-top: -11px;
}

.single-footer-widget .latest-blog li {
	border-bottom: 1px solid #363b4b;
	padding-bottom: 22px;
	margin-bottom: 24px;
}

.single-footer-widget .latest-blog li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.single-footer-widget .latest-blog li .text-holder a {
	color: #c1c2c7;
	font-size: 16px;
}

.single-footer-widget .latest-blog li .text-holder a:hover {
	color: #ffffff;
}

.single-footer-widget .latest-blog li .text-holder span {
	color: #ffffff;
	font-size: 14px;
	font-style: italic;
	display: block;
	margin: 7px 0 0;
}

.single-footer-widget .latest-blog li .text-holder span i {
	display: inline-block;
	padding-right: 8px;
}

.single-footer-widget .footer-contact-info {
	overflow: hidden;
	display: block;
	position: relative;
	margin: -11px 0 25px;
	z-index: 1; list-style: none;
}

.single-footer-widget .footer-contact-info:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/footer/map.png);
	content: "";
	z-index: -1;
}

.single-footer-widget .footer-contact-info li {
	padding-left: 30px;
	position: relative;
	margin-bottom: 16px;
}

.single-footer-widget .footer-contact-info li:last-child {
	margin-bottom: 0;
}

.single-footer-widget .footer-contact-info li .icon-holder {
	position: absolute;
	top: 1px;
	left: 0;
}

.single-footer-widget .footer-contact-info li .icon-holder span:before {
	color: #c1c2c7;
	font-size: 16px;
	line-height: 16px;
}

.single-footer-widget .footer-contact-info li .icon-holder span.flaticon-arrows:before {
	position: relative;
	top: 5px;
}

.single-footer-widget .footer-contact-info li .text-holder {}

.single-footer-widget .footer-contact-info li .text-holder h5 {
	color: #c1c2c7;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
}

.single-footer-widget .map a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	transition: all 500ms ease;
}

.single-footer-widget .map a:hover {
	color: #dddddd;
}

.single-footer-widget .working-hours {
	overflow: hidden;
	display: block;
	margin-top: -14px;
}

.single-footer-widget .working-hours li {
	line-height: 32px;
	color: #c1c2c7;
	font-size: 16px;
	font-weight: 300;
}

.single-footer-widget .working-hours li:last-child {}

.single-footer-widget .working-hours li span {
	float: right;
}

.single-footer-widget .working-hours li span.closed {
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
}

.footer_line {
	text-align: center;
	/* margin-top: 24px; */
	/* background: #ff9600; */
	border-radius: 6px;
	margin-top: 14px;
	color: #fff;
	border-top: 1px solid #7b7878;
	padding-top: 7px;
}

.footer_line {
	text-align: center;
	/*margin-top: 24px;*/
}

.footer_line ul li {
	list-style: none;
	float: left;
	padding-left: 16px;
}

/***  
=============================================
	Footer Bottom area style
=============================================
***/
.footer-bottom-area {
	background: #000;
	display: block;
	padding: 15px 0;
	padding-bottom: 31px !important;
	/*margin-bottom: 50px;*/
}

.copyright-text {
	margin: 7px 0;
}

.copyright-text p {
	margin: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

.copyright-text p a {
	font-weight: 500;
	color: #ff9600;
	transition: all 500ms ease;
}

.copyright-text p a:hover {
	color: #848484;
}

.footer-bottom-area .footer-social-links {
	overflow: hidden;
	float: right;
}

.footer-bottom-area .footer-social-links li {
	display: inline-block;
	float: left;
	margin-right: 30px;
	text-align: right;
}

.footer-bottom-area .footer-social-links li:last-child {
	margin-right: 0;
}

.footer-bottom-area .footer-social-links li a i {
	display: block;
	color: #848484;
	font-size: 16px;
	transition: all 500ms ease;
	line-height: 40px;
}

.footer-bottom-area .footer-social-links li a:hover i {
	color: #ff9600;
}

/*** 
=============================================
	Top bar area style two style
=============================================
***/
.top-bar-area.style-two {
	background: transparent;
	padding: 30px 0 10px;
}

.top-bar-area.style-two .top-contact-info li {
	color: #ffffff;
}

.top-bar-area.style-two .top-contact-info li span:before {
	color: #ff9600;
}

.top-bar-area.style-two .top-right .social-links li a i {
	color: #ffffff;
}

.top-bar-area.style-two .top-right .social-links li a:hover i {
	color: #ff9600;
}

/*** 
=============================================
	Mainmenu area style two style
=============================================
***/
.mainmenu-area.style-two {
	background: transparent;
}

.mainmenu-area.style-two .container {
	background: #ffffff;
	padding: 0 30px;
}

/*** 
=============================================
	Rev slider wrapper style two style
=============================================
***/
.rev_slider_wrapper.style-two {
	margin-top: -175px;
}

.rev_slider_wrapper.style-two .slide-content-box h1 {
	text-align: left;
	color: #ffffff;
	font-size: 70px;
	font-weight: 400;
	line-height: 80px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	margin: 0 0 17px;
}

.rev_slider_wrapper.style-two .slide-content-box h1 span {
	color: #f8ec30;
}

.rev_slider_wrapper.style-two .slide-content-box h2 {
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	margin: 0 0 45px;
}

.rev_slider_wrapper.style-two .slide-content-box h3 {
	color: #e3d828;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin: 42px 0 0;
	font-family: 'Lato', sans-serif;
}

.rev_slider_wrapper.style-two .slide-content-box h3 i {
	display: inline-block;
	padding-right: 7px;
}

.rev_slider_wrapper.style-two .slide-content-box .button a {
	border: 2px solid #ff9600;
	background: #ff9600;
	padding: 15px 50px 14px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
	border-radius: 30px;
}

.rev_slider_wrapper.style-two .slide-content-box .button a:hover {
	background: #f8ec30;
	border-color: #fff;
	color: #252525;
}

.rev_slider_wrapper.style-two .tparrows {
	background: #3d3f3c;
	cursor: pointer;
	display: block;
	height: 70px;
	position: absolute;
	width: 70px;
	z-index: 1000;
	transition: all 500ms ease;
	border-radius: 0;
}

.rev_slider_wrapper.style-two .tparrows:before {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: block;
	line-height: 70px;
	text-align: center;
	transition: all 500ms ease;
}

.rev_slider_wrapper.style-two .tparrows:hover {
	background: #ff9600;
}

.rev_slider_wrapper.style-two .tparrows:hover:before {
	color: #fff;
}

.rev_slider_wrapper.style-two .slotholder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(34, 36, 38, 0.40);
	z-index: 9;
}

/*** 
=============================================
	Reapir Service Area style
=============================================
***/
.reapir-service-area {
	padding-top: 80px;
	padding-bottom: 20px;
}

.reapir-service-area .container.bottom {
	border-top: 1px solid #f4f4f4;
	margin-top: 20px;
	padding-top: 70px;
}

.reapir-service-area .single-item {
	display: block;
	margin-bottom: 40px;
	overflow: hidden;
}

.reapir-service-area .single-item .img-holder {
	position: relative;
	overflow: hidden;
}

.reapir-service-area .single-item .img-holder img {
	width: 100%;
}

.reapir-service-area .single-item .img-holder .title {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	height: auto;
	background: #ffffff;
	padding: 20px 0;
	text-align: center;
}

.reapir-service-area .single-item .img-holder .title h3 {}

.reapir-service-area .single-item .img-holder .icon-box {
	position: absolute;
	top: -17px;
	right: -50px;
	background: #303443;
	display: block;
	width: 165px;
	height: 70px;
	transform: rotate(45deg);
}

.reapir-service-area .single-item .img-holder .icon-box span:before {
	color: #ffffff;
	font-size: 25px;
	line-height: 25px;
	display: block;
	text-align: center;
	transform: rotate(-45deg);
	padding-top: 40px;
	padding-bottom: 45px;
	padding-left: 70px;
	padding-right: 30px;
}

.reapir-service-area .single-thumb {
	position: relative;
	overflow: hidden;
	display: block;
	padding-left: 110px;
	padding-bottom: 60px;
}

.reapir-service-area .single-thumb .img-holder {
	position: absolute;
	top: 0;
	left: 0;
}

.reapir-service-area .single-thumb .img-holder .overlay-style-one .content a span:before {
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
}

.reapir-service-area .single-thumb .text-holder {
	padding-left: 30px;
}

.reapir-service-area .single-thumb .text-holder a h3 {
	margin: -3px 0 3px;
}

.reapir-service-area .single-thumb .text-holder a h3:hover {
	color: #ff9600;
}

.reapir-service-area .single-thumb .text-holder p {
	margin: 0;
}

.reapir-service-area .single-thumb:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

/*** 
=============================================
	Fact counter Area style
=============================================
***/
.fact-counter-area {
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 40px;
	padding-top: 72px;
	position: relative;
	z-index: 1;
}

.fact-counter-area::before {
	background: rgba(35, 53, 136, 0.85);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.fact-counter-area .title h1 {
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	line-height: 52px;
	margin: 0 0 60px;
}

.fact-counter-area .single-item {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	transition: all 500ms ease;
	position: relative;
	padding-left: 90px;
}

.fact-counter-area .single-item:hover {}

.fact-counter-area .single-item .icon-holder {
	position: absolute;
	top: 0;
	left: 0;
}

.fact-counter-area .single-item .icon-holder span:before {
	color: #f8ec30;
	font-size: 60px;
	line-height: 95px;
}

.fact-counter-area .single-item h1 span {
	color: #ffffff;
	font-size: 60px;
	font-weight: 400;
}

.fact-counter-area .single-item h3 {
	color: #c1c2c7;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	margin: 1px 0 0;
}

/*** 
=============================================
	welcome area Bg Gray style
=============================================
***/
.welcome-area.bg-gray {
	background: #f9f9f9;
}

/*** 
=============================================
	Faq team area style
=============================================
***/
.faq-team-area {
	padding-top: 80px;
	padding-bottom: 80px;
}

.accordion-box {
	display: block;
}

.accordion-box .accordion {
	margin-bottom: 20px;
	display: block;
	border-radius: 30px;
	position: relative;
}

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

.accordion-box .accordion .accord-btn {
	border: 1px solid #f4f4f4;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	display: block;
	padding: 16px 25px 16px;
	border-radius: 30px;
}

.accordion-box .accordion .accord-btn.last {}

.accordion-box .accordion .accord-btn h4 {
	color: #222222;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	transition: all 500ms ease;
}

.accordion-box .accordion .accord-btn::after {
	color: #a8a8a8;
	content: "\f055";
	font-family: FontAwesome;
	font-size: 18px;
	font-weight: 400;
	line-height: 42px;
	margin: 6px 0;
	position: absolute;
	right: 10px;
	top: 0;
	transition: all 500ms ease 0s;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 1px solid #e4e4e4;
	text-align: center;
}

.accordion-box .accordion .accord-btn.active {
	transition: all 500ms ease;
}

.accordion-box .accordion .accord-btn.active h4 {
	color: #ff9600;
}

.accordion-box .accordion .accord-btn.active:after {
	content: "\f056";
	border: 1px solid #ff9600;
	color: #ff9600;
	background: transparent;
}

.accordion-box .accordion .accord-content {
	display: none;
	position: relative;
	padding-left: 30px;
	padding-top: 23px;
	padding-bottom: 5px;
}

.accordion-box .accordion .accord-content.last {}

.accordion-box .accordion .accord-content.collapsed {
	display: block;
}

.accordion-box .accordion .accord-content p {
	margin: 0;
}

.faq-team-area .faq-content .more-button a {
	border: 1px solid #e9e9e9;
	width: 190px;
	color: #ff9600;
	margin: 40px 0 0;
}

.faq-team-area .faq-content .more-button a:hover {
	background: #ff9600;
	color: #ffffff;
	border-color: #ff9600;
}

.single-team-member {
	display: block;
}

.single-team-member .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
}

.single-team-member .img-holder img {
	transition: all 0.5s ease 0s;
	width: 100%;
}

.single-team-member:hover .img-holder img {}

.single-team-member:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

.single-team-member .img-holder .overlay-style-one .box .content ul {
	overflow: hidden;
}

.single-team-member .img-holder .overlay-style-one .box .content ul li {
	display: inline-block;
	margin: 0 3px;
}

.single-team-member .img-holder .overlay-style-one .box .content ul li a i {
	background: rgba(255, 255, 255, 0.95);
	height: 40px;
	width: 40px;
	display: block;
	border-radius: 50%;
	color: #172b42;
	font-size: 13px;
	line-height: 42px;
	transition: all 500ms ease;
}

.single-team-member .img-holder .overlay-style-one .box .content ul li a:hover i {
	background: #f8ec30;
}

.single-team-member .text-holder {
	background: #ffffff;
	padding-top: 22px;
	padding-bottom: 10px;
}

.single-team-member .text-holder h3 {
	color: #222222;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	margin: 0 0 3px;
}

.single-team-member .text-holder span {
	color: #ff9600;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}

.single-team-member .text-holder .text {
	padding-top: 12px;
}

.single-team-member .text-holder .text p {
	margin: 0;
}

.single-team-member .bottom {
	border-top: 1px solid #f4f4f4;
	padding-top: 17px;
	margin-top: 18px;
}

.single-team-member .bottom ul li {
	line-height: 28px;
	font-size: 14px;
	color: #848484;
}

.single-team-member .bottom ul li i {
	display: inline-block;
	padding-right: 8px;
}

/*** 
=============================================
	Testimonial Area style
=============================================
***/
.testimonial-area-v2 {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 155px;
	padding-top: 80px;
	position: relative;
	z-index: 1;
}

.testimonial-area-v2::before {
	background: rgba(48, 52, 67, 0.80) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.testimonial-carousel .single-item {
	margin: 0 auto;
	max-width: 780px;
}

.testimonial-carousel .single-item .icon-holder {
	margin: 0 0 45px;
}

.testimonial-carousel .single-item .icon-holder img {
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.testimonial-carousel .single-item .text-holder {
	padding-bottom: 4px;
	transition: all 0.7s ease;
}

.testimonial-carousel .single-item .text-holder h2 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 17px;
}

.testimonial-carousel .single-item .text-holder p {
	color: #c1c2c7;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	margin: 0;
	font-style: italic;
}

.testimonial-carousel .single-item .client-info {
	display: block;
	overflow: hidden;
}

.testimonial-carousel .single-item .client-info .name h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 23px 0 6px;
	transition: all 700ms ease;
}

.testimonial-carousel .single-item .client-info .name h3 span {
	color: #848484;
	font-weight: 300;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
}

.testimonial-area-v2 .owl-controls {
	max-width: 120px;
	margin: 0 auto;
	position: relative;
}

.testimonial-area-v2 .owl-theme .owl-nav {}

.testimonial-area-v2 .owl-theme .owl-nav .owl-prev {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #3b3e4a;
	border-radius: 50%;
	height: 50px;
	left: 0;
	position: absolute;
	top: 25px;
	width: 50px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 7px 0;
	transition: all 500ms ease;
}

.testimonial-area-v2 .owl-theme .owl-nav .owl-next {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #3b3e4a;
	border-radius: 50%;
	height: 50px;
	right: 0;
	position: absolute;
	top: 25px;
	width: 50px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 7px 0;
	transition: all 500ms ease;
}

.testimonial-area-v2 .owl-theme .owl-nav .owl-prev:hover {
	border-color: #ffffff;
}

.testimonial-area-v2 .owl-theme .owl-nav .owl-next:hover {
	border-color: #ffffff;
}

.testimonial-area-v2 .owl-theme .owl-nav div .fa {
	color: #ffffff;
	font-size: 30px;
	display: block;
	text-align: center;
	transition: all 500ms ease;
}

.testimonial-area-v2 .owl-theme .owl-nav .owl-next:hover .fa {
	color: #ffffff;
}

.testimonial-area-v2 .owl-theme .owl-nav .owl-prev:hover .fa {
	color: #ffffff;
}

/*** 
=============================================
	Latest blog area style two style
=============================================
***/
.parts-area {
	padding-top: 30px;
	padding-bottom: 25px;
}

.single-product-item {
	background: #fff;
	margin-bottom: 60px;
	/*min-height: 450px;*/
	transition: all 0.7s ease;
}

.single-product-item:hover {}

.single-product-item .img-holder {
	display: block;
	overflow: hidden;
	position: relative;
	border: 1px solid #f5f4f3;
}

.single-product-item .img-holder img {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	width: 100%;
}

.single-product-item:hover .img-holder img {
	transform: scale(1.1);
}

.single-product-item:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	/*transform: perspective(400px) rotateX(0deg);*/
	/*transform:perspective(0px) rotateY(180deg);*/
	transform: perspective(0px) rotateY(180deg);
}

.single-product-item .img-holder .overlay-style-one .box .content a {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #ffffff;
	padding: 6px 12px;
}

.single-product-item .img-holder .overlay-style-one .box .content a:hover {
	background: #ffffff;
	color: #ff9600;
}

.single-product-item .title-holder {
	padding: 20px 0 0px;
}

.single-product-item .title-holder .top {
	overflow: hidden;
	min-height: 30px;
	max-height: 30px;
	margin-bottom: 2px;
}

.product-value .price {
	font-size: 15px;
}

.product-value .off {
	color: #39b301;
	font-size: 15px;
	font-weight: 600;
}

.single-product-item .title-holder .top .product-title {}

.single-product-item .title-holder .top .product-title h5 {
	color: #222222;
	font-size: 17px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 31px;
}

.single-product-item .title-holder .top .review-box {}

.single-product-item .title-holder .top .review-box ul {
	line-height: 26px;
}

.single-product-item .title-holder .top .review-box ul li i {
	color: #ff9600;
}

.single-product-item .title-holder .product-value h4 {
	color: #ff9600;
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
}

.single-product-item .title-holder .product-value h4 del {
	color: #848484;
	font-size: 16px;
	display: inline-block;
	padding-left: 5px;
}

.single-product-item .title-holder .button a {
	background: #f7f7f7;
	width: 100px;
	color: #222222;
	margin: 22px 0 0;
}

.single-product-item .title-holder .button a:hover {
	background: #ff9600;
	color: #ffffff;
}

/*** 
=============================================
	Brand Area style
=============================================
***/
.brand-area {
	background: #ffffff;
	padding-bottom: 80px;
	padding-top: 80px;
}

.brand-area .brand .owl-stage-outer {
	z-index: 10;
}

.brand-area .brand .single-item {
	border: 1px solid #eaeaea;
	height: 95px;
	transition: all 300ms ease-in 0s;
	text-align: center;
	display: block;
	padding: 0px;
}

.brand-area .brand .single-item img {
	display: inline-block;
	max-width: 100%;
	width: auto;
	opacity: 1;
	padding: 3px 0;
	position: relative;
	-webkit-transition: all 300ms ease-in 0s;
	transition: all 300ms ease-in 0s;
}

.brand-area .brand .single-item:hover {
	border: 1px solid #d4d2d2;
}

.brand-area .brand .single-item:hover img {
	opacity: .9;
}

.brand-area .owl-controls {
	display: none;
}

/*** 
=============================================
	Latest blog area style two style
=============================================
***/
.latest-blog-area.style-two {
	background: #f9f9f9;
}

.latest-blog-area.style-two .more-button {
	margin-top: 3px;
}

.latest-blog-area.style-two .more-button a {
	color: #ff9600;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #e9e9e9;
	width: 190px;
	display: block;
	text-align: center;
	border-radius: 30px;
	padding: 10px 0;
}

.latest-blog-area.style-two .more-button a:hover {
	background: #ff9600;
	border: 1px solid #ff9600;
	color: #ffffff;
}

.latest-blog-area.style-two .single-blog-item {
	position: relative;
	overflow: hidden;
	display: block;
	border: none;
	padding: 0;
	margin-bottom: 30px;
}

.latest-blog-area.style-two .single-blog-item .text-holder {
	background: #f9f9f9;
	margin-top: 0;
}

.latest-blog-area.style-two .single-blog-item .text-holder .meta-info {
	overflow: hidden;
	padding-top: 22px;
	border-top: none;
	margin-top: auto;
	padding-bottom: 15px;
}

/*** 
=============================================
	Top bar area style three  style
=============================================
***/
.top-bar-area.style-three {
	background: #303443;
}

.top-bar-area.style-three .top-right .social-links {
	padding-right: 0;
}

.top-bar-area.style-three .top-right .social-links li a:hover i {
	color: #ffffff;
}

/*** 
=============================================
	Header Area style three   style
=============================================
***/
.header-area.style-three .logo {
	display: inline-block;
	padding-right: 120px;
	padding-top: 45px;
	padding-bottom: 45px;
}

.header-area.style-three .logo a {
	display: inline-block;
}

.header-area.style-three .header-contact-info {
	display: inline-block;
	padding: 37px 0;
}

.header-area.style-three .header-contact-info ul li {
	display: inline-block;
	float: left;
	border-right: 1px solid #efefef;
	padding-right: 30px;
	margin-right: 30px;
}

.header-area.style-three .header-contact-info ul li:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.header-area.style-three .header-contact-info ul li .icon-holder {
	width: 50px;
	height: 50px;
	position: relative;
}

.header-area.style-three .header-contact-info ul li .icon-holder:before {
	content: "\f100";
	color: #ff9600;
	font-family: Flaticon;
	font-size: 55px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 55px;
}

.header-area.style-three .header-contact-info ul li .icon-holder span:before {
	color: #ff9600;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	padding: 18px 17px;
}

.header-area.style-three .header-contact-info ul li .icon-holder,
.header-area.style-three .header-contact-info ul li .text-holder {
	display: table-cell;
	vertical-align: middle;
}

.header-area.style-three .header-contact-info ul li .text-holder {
	padding-left: 20px;
}

.header-area.style-three .header-contact-info ul li .text-holder h3 {
	margin: 0 0 3px;
}

.header-area.style-three .header-contact-info ul li .text-holder span {}

.header-area.style-three .appoinment-button a {
	background: transparent;
	color: #ff9600;
	text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #f7f7f7;
	padding: 10px 15px 9px;
	margin: 43px 0 44px;
}

.header-area.style-three .appoinment-button a:hover {
	background: #ff9600;
	border-color: #ff9600;
	color: #ffffff;
}

/*** 
=============================================
	Mainmenu area style three style
=============================================
***/
.mainmenu-area.style-three {
	position: relative;
	background: #ff9600;
}

.mainmenu-area.style-three .main-menu .navigation li {
	display: inline-block;
	float: left;
	border-right: 1px solid #2f4191;
}

.mainmenu-area.style-three .main-menu .navigation li:first-child a {
	margin-left: 0;
}

.mainmenu-area.style-three .main-menu .navigation li a {
	color: #ffffff;
	margin: 30px 25px 30px;
}

.mainmenu-area.style-three .main-menu .navigation>li.dropdown>a {
	margin-right: 40px;
}

.mainmenu-area.style-three .main-menu .navigation>li:hover>a,
.mainmenu-area.style-three .main-menu .navigation>li.current>a {
	color: #f8ec30;
}

.mainmenu-area.style-three .main-menu .navigation>li>ul>li>a {
	background: #ffffff;
	margin: 0;
	color: #222222;
	font-size: 15px;
	font-weight: 600;
	position: relative;
}

.mainmenu-area.style-three .main-menu .navigation>li>ul>li:hover>a {
	color: #ff9600;
	background: #f7f7f7;
}

.mainmenu-area.style-three .mainmenu-right-box .contact-number h3 {
	color: #f8ec30;
}

.mainmenu-area.style-three .mainmenu-right-box .contact-number h3 span {
	color: #ffffff;
	font-size: 24px;
}

.mainmenu-area.style-three .mainmenu-right-box .contact-number {
	display: block;
	padding: 26px 0;
}

.mainmenu-area.style-three .mainmenu-right-box .contact-number h3 span:before {
	color: #f8ec30;
	font-size: 25px;
	line-height: 25px;
	font-weight: 400;
	display: inline-block;
	padding-right: 15px;
}

/*** 
=============================================
	Rev Slider Wrapper style three style
=============================================
***/
.rev_slider_wrapper.style-three {}

.rev_slider_wrapper.style-three .slide-content-box {
	padding-bottom: 20px;
}

.rev_slider_wrapper.style-three .slide-content-box h1 {
	text-align: left;
	color: #ffffff;
	font-size: 70px;
	font-weight: 400;
	line-height: 72px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	margin: 0 0 22px;
}

.rev_slider_wrapper.style-three .slide-content-box h2 {
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	text-transform: none;
	font-family: 'Lato', sans-serif;
	margin: 0 0 55px;
}

.rev_slider_wrapper .slide-content-box .button a {
	border: 2px solid #ff9600;
	background: #ff9600;
	padding: 15px 50px 14px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
	border-radius: 30px;
	margin: 0 0 10px;
}

.rev_slider_wrapper .slide-content-box .button a:hover {
	background: #f8ec30;
	border-color: #fff;
	color: #252525;
}

.rev_slider_wrapper.style-three .tparrows {
	background: rgba(255, 255, 255, 0.35);
	cursor: pointer;
	display: block;
	height: 50px;
	position: absolute;
	width: 50px;
	z-index: 1000;
	transition: all 500ms ease;
	border-radius: 50%;
}

.tparrows:before {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: block;
	line-height: 50px;
	text-align: center;
	transition: all 500ms ease;
}

.rev_slider_wrapper.style-three .tparrows:hover {
	background: #ff9600;
}

.tparrows:hover:before {
	color: #fff;
}

.rev_slider_wrapper.style-three .slotholder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(34, 36, 38, 0.40);
	z-index: 9;
}

/*** 
=============================================
	Welcome area v2 style
=============================================
***/
.welcome-area-v2 {
	padding-top: 80px;
	padding-bottom: 40px;
}

.welcome-area-v2 .sec-title {
	padding-bottom: 60px;
}

.welcome-area-v2 .single-item {
	position: relative;
	background: #ffffff;
	margin-bottom: 40px;
	text-align: center;
	border: 1px solid #f4f4f4;
	display: block;
	padding: 50px 30px 42px;
	transition: all 500ms ease;
}

.welcome-area-v2 .single-item .icon-holder {
	width: 100px;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	line-height: 100px;
	margin-bottom: 30px;
	transition: all 0.5s ease;
}

.welcome-area-v2 .single-item:hover .icon-holder {}

.welcome-area-v2 .single-item .icon-holder:after {
	content: "\f100";
	font-family: Flaticon;
	font-size: 100px;
	color: #ff9600;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 300ms ease;
}

.welcome-area-v2 .single-item:hover .icon-holder:after {
	opacity: 0;
}

.welcome-area-v2 .single-item .icon-holder span:before {
	font-size: 40px;
	color: #ff9600;
	line-height: 100px;
	display: block;
	vertical-align: bottom;
	opacity: 1;
}

.welcome-area-v2 .single-item .text-holder {
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease;
}

.welcome-area-v2 .single-item .text-holder h3 {
	margin: 0 0 9px;
}

.welcome-area-v2 .single-item .text-holder p {
	margin: 0;
}

.welcome-area-v2 .single-item .overlay-content .read-more {
	border: 1px solid #f4f4f4;
	width: 180px;
	margin: 30px auto 0;
	color: #ff9600;
	transition: all 500ms ease;
}

.welcome-area-v2 .single-item .overlay-content .read-more:hover {
	background: #ff9600;
	border-color: #ff9600;
	color: #ffffff;
}

.welcome-area-v2 .single-item .overlay-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	right: -1px;
	opacity: 0;
	display: block;
	transition: all 0.5s ease;
	background: #ffffff;
	box-shadow:
		-webkit-box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
	-moz-box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
	box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
}

.welcome-area-v2 .single-item .overlay-content .icon-holder {
	width: 100px;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	line-height: 100px;
	margin-bottom: 30px;
	transition: all 0.5s ease;
}

.welcome-area-v2 .single-item .overlay-content .icon-holder:before {
	content: "\f100";
	font-family: Flaticon;
	font-size: 100px;
	color: #ff9600;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 300ms ease;
}

.welcome-area-v2 .single-item:hover .overlay-content {
	opacity: 1;
	top: -45px;
	bottom: -45px;
	transition: all 0.7s ease;
}


/*** 
=============================================
	Slogan area style two style
=============================================
***/
.slogan-area.style-two {
	background: #f9f9f9;
}

.slogan-area.style-two .sec-title {
	padding-bottom: 50px;
}

.slogan-area.style-two h1 {
	color: #222222;
}

.slogan-area.style-two a {
	width: 230px;
	border: 1px solid #efefef;
	color: #ff9600;
	font-size: 15px;
}

/*** 
=============================================
	Service area v2 style
=============================================
***/
.service-area-v2 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.service-area-v2 .single-item {
	overflow: hidden;
}

.service-area-v2 .single-item .img-holder {
	display: block;
	overflow: hidden;
	position: relative;
}

.service-area-v2 .single-item .img-holder img {
	transform: scale(1.1, 1.1);
	transition: all 0.5s ease 0s;
	width: 100%;
}

.service-area-v2 .single-item:hover .img-holder img {
	transform: scale(1, 1);
}

.service-area-v2 .single-item .img-holder .overlay-style-one .content a i {
	font-size: 20px;
	color: #ffffff;
}

.service-area-v2 .single-item:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

.service-area-v2 .single-item .text-holder {
	border: 1px solid #f4f4f4;
	display: block;
}

.service-area-v2 .single-item .text-holder .top {
	border-bottom: 1px solid #f4f4f4;
	display: block;
	padding-left: 20px;
}

.service-area-v2 .single-item .text-holder .top .title h3 {
	line-height: 32px;
	margin: 10px 0px;
}

.service-area-v2 .single-item .text-holder .top .icon {
	border-left: 1px solid #f4f4f4;
	display: block;
	padding: 11px 15px 9px;
}

.service-area-v2 .single-item .text-holder .top .icon span:before {
	color: #303443;
	font-size: 30px;
	line-height: 30px;
}

.service-area-v2 .single-item .text-holder .text {
	display: block;
	padding: 23px 20px 23px;
}

.service-area-v2 .single-item .text-holder .text p {
	margin: 0;
}

.service-area-v2 .owl-controls {
	position: absolute;
	right: 0;
	top: -90px;
}

.service-area-v2 .owl-theme .owl-nav {
	margin: 0;
}

.service-area-v2 .owl-theme .owl-nav [class*="owl-"] {
	background: transparent;
	border-radius: 0;
	color: #888888;
	font-size: 24px;
	font-weight: 700;
	height: 50px;
	line-height: 48x;
	margin: 0 0 0 0px;
	padding: 10px 0;
	width: 50px;
	border: 1px solid #f5f5f5;
	border-radius: 50%;
	transition: all 700ms ease 0s;
}

.service-area-v2 .owl-theme .owl-nav .owl-next {
	margin-left: 10px;
}

.service-area-v2 .owl-theme .owl-nav [class*="owl-"]:hover {
	border-color: #ff9600;
	color: #ff9600;
}

/*** 
=============================================
	Latest work area style
=============================================
***/
.latest-work-area {
	background: #303443;
	position: relative;
	padding-top: 80px;
	padding-bottom: 50px;
}

.latest-work-area .sec-title h1 {
	color: #ffffff;
}

.latest-work-area .sec-title .border:before {
	background: #ffffff;
}

.latest-work-area .sec-title .border:after {
	background: #ffffff;
}

.project-filter {
	margin-bottom: 40px;
}

.project-filter li {
	display: inline-block;
	margin: 0 5px;
}

.project-filter li span {
	position: relative;
	background: transparent;
	color: #c1c2c7;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	transition: all 500ms ease 0s;
	font-family: 'Open Sans', sans-serif;
	padding: 7px 20px 7px;
	border-radius: 3px;
}

.project-filter li.active span,
.project-filter li:hover span {
	color: #ffffff;
	background: #272b3b;
}

.latest-work-area .single-project-item {
	margin-bottom: 30px;
}

.latest-work-area .single-project-item .img-holder .overlay-style-one .box .content a.zoom i {
	font-size: 20px;
	width: auto;
	height: auto;
	background: transparent;
	color: #ffffff;
	border-radius: 0;
	line-height: initial;
	border: none;
}

.latest-work-area .single-project-item .img-holder .overlay-style-one .box .content .bottom {
	bottom: 13px;
	left: 20px;
}

/*** 
=============================================
	Appoinment area style two style
=============================================
***/
.appoinment-area.style-two {
	background: #ffffff;
	padding-top: 80px;
	padding-bottom: 80px;
}

.appoinment-area.style-two .appoinment {
	padding: 30px;
	border: 1px solid #f4f4f4;
}

.appoinment-area.style-two .appoinment .appoinment-form .input-box input[type=text],
.appoinment-area.style-two .appoinment .appoinment-form .input-box input[type=email],
.appoinment-area.style-two .appoinment .appoinment-form .input-box textarea {
	background: #ffffff;
	width: 100%;
	border: 1px solid #f4f4f4;
	height: 50px;
	display: block;
	padding: 0 15px;
	color: #222222;
	font-size: 15px;
	font-weight: 400;
	transition: all 500ms ease;
	font-family: 'Nunito', sans-serif;
}

.appoinment-area.style-two .appoinment .appoinment-form .input-box textarea {
	height: 115px;
	display: block;
	padding: 10px 15px;
}

.appoinment-area.style-two .appoinment .appoinment-form button {
	border: none;
	color: #222222;
	padding: 13px 30px 12px;
	width: 100%;
	background: #f7f7f7;
	font-size: 16px;
}

.appoinment-area.style-two .appoinment .appoinment-form button:hover {
	background: #ff9600;
	color: #ffffff;
}

.appoinment-area.style-two .appoinment .appoinment-form .text p {
	color: #848484;
	margin: 11px 0;
}

.more-features-content {
	display: block;
}

.more-features-content ul li {
	display: block;
	padding-left: 65px;
	margin-bottom: 30px;
	position: relative;
}

.more-features-content ul li:last-child {
	margin-bottom: 0;
}

.more-features-content ul li .icon-holder {
	position: absolute;
	top: 3px;
	left: 0;
}

.more-features-content ul li .icon-holder span:before {
	color: #292929;
	font-size: 45px;
	line-height: 45px;
}

.more-features-content ul li .text-holder {}

.more-features-content ul li .text-holder h3 {
	margin: 0 0 4px;
}

.more-features-content ul li .text-holder span {
	color: #ff9600;
}

.more-features-content ul li .text-holder p {
	margin: 9px 0 0;
}

/*** 
=============================================
	Testimonial area style three style
=============================================
***/
.testimonial-area.style-three {
	background: #f9f9f9;
	padding-bottom: 50px;
}

.testimonial-area.style-three .single-testimonial-item .top .left.title {
	padding-left: 30px;
	margin: 23px 0;
}

.testimonial-area.style-three .single-testimonial-item .top .right {
	margin: 23px 0;
}

.testimonial-area.style-three .owl-controls {
	position: absolute;
	right: 0;
	top: -90px;
}

.testimonial-area.style-three .owl-theme .owl-nav {
	margin: 0;
}

.testimonial-area.style-three .owl-theme .owl-nav .owl-prev {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	height: 40px;
	left: 0;
	position: absolute;
	top: 25px;
	width: 40px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 9px 0;
	transition: all 500ms ease;
}

.testimonial-area.style-three .owl-theme .owl-nav .owl-next {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	height: 40px;
	right: 0;
	position: absolute;
	top: 25px;
	width: 40px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 9px 0;
	transition: all 500ms ease;
}

.testimonial-area.style-three .owl-theme .owl-nav .owl-prev:hover {
	border-color: #ff9600;
}

.testimonial-area.style-three .owl-theme .owl-nav .owl-next:hover {
	border-color: #ff9600;
}

.testimonial-area.style-three .owl-theme .owl-nav div .fa {
	color: #222;
	font-size: 20px;
	display: block;
	text-align: center;
	transition: all 500ms ease;
}

.testimonial-area.style-three .owl-theme .owl-nav .owl-next:hover .fa {
	color: #ff9600;
}

.testimonial-area.style-three .owl-theme .owl-nav .owl-prev:hover .fa {
	color: #ff9600;
}

/*** 
=============================================
	Team area style
=============================================
***/
.team-area {
	padding-top: 80px;
	padding-bottom: 145px;
}

.team-area .single-team-member {
	margin-bottom: 40px;
}

.team-area .single-team-member .text-holder {
	padding-top: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #f4f4f4;
}

.team-area .owl-controls {
	max-width: 100px;
	margin: -25px auto 0;
	position: relative;
}

.team-area .owl-theme .owl-nav {}

.team-area .owl-theme .owl-nav .owl-prev {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	height: 40px;
	left: 0;
	position: absolute;
	top: 25px;
	width: 40px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 9px 0;
	transition: all 500ms ease;
}

.team-area .owl-theme .owl-nav .owl-next {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	height: 40px;
	right: 0;
	position: absolute;
	top: 25px;
	width: 40px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 9px 0;
	transition: all 500ms ease;
}

.team-area .owl-theme .owl-nav .owl-prev:hover {
	border-color: #ff9600;
}

.team-area .owl-theme .owl-nav .owl-next:hover {
	border-color: #ff9600;
}

.team-area .owl-theme .owl-nav div .fa {
	color: #222;
	font-size: 20px;
	display: block;
	text-align: center;
	transition: all 500ms ease;
}

.team-area .owl-theme .owl-nav .owl-next:hover .fa {
	color: #ff9600;
}

.team-area .owl-theme .owl-nav .owl-prev:hover .fa {
	color: #ff9600;
}

/*** 
=============================================
	Latest blog area style three style
=============================================
***/
.latest-blog-area.style-three {
	background: #f9f9f9;
}

.latest-blog-area.style-three .single-blog-item {
	background: #ffffff;
}

/*** 
=============================================
	Top bar area style four style
=============================================
***/
.top-bar-area.style-four {
	background: #303443;
	border: none;
}

.top-bar-area.style-four .top-right .social-links li a:hover i {
	color: #ffffff;
}

.top-bar-area.style-four .appoinment-button a {
	background: #3b3f4e;
}

.top-bar-area.style-four .appoinment-button a:hover {
	background: #2a2d38;
}

/*** 
=============================================
	Mainmenu area style four style
=============================================
***/
.mainmenu-area.style-four {
	background: transparent;
	border-top: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.mainmenu-area.style-four .main-menu .navigation li a {
	color: #ffffff;
	margin: 40px 25px 40px;
}

.mainmenu-area.style-four .main-menu .navigation li:first-child a {
	margin-left: 0;
}

.mainmenu-area.style-four .main-menu .navigation>li:hover>a,
.mainmenu-area.style-four .main-menu .navigation>li.current>a {
	color: #f8ec30;
}

.mainmenu-area.style-four .main-menu .navigation>li>ul>li>a {
	background: #ffffff;
	margin: 0;
	color: #222222;
	font-size: 15px;
	font-weight: 600;
	position: relative;
}

.mainmenu-area.style-four .main-menu .navigation>li>ul>li:hover>a {
	color: #ff9600;
	background: #f7f7f7;
}

/*** 
=============================================
	Rev slider wrapper style four style
=============================================
***/
.rev_slider_wrapper.style-four {
	margin-top: -101px;
}

.rev_slider_wrapper.style-four .slide-content-box {
	background: rgba(0, 0, 0, 0.25);
	display: block;
	padding: 23px 30px 54px;
}

.rev_slider_wrapper.style-four .slide-content-box .title h3 {
	margin: 0;
	padding: 0;
}

.rev_slider_wrapper.style-four .slide-content-box .title h3 b {
	background: #ff9600;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 11px 20px 10px;
	border-radius: 3px;
}

.rev_slider_wrapper.style-four .slide-content-box .title h3 span {
	color: #f8ec30;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	margin-left: 66px;
	position: relative;
	top: 9px;
}

.rev_slider_wrapper.style-four .slide-content-box .title h3 span:before {
	position: absolute;
	top: 5px;
	left: -40px;
	width: 60px;
	height: 43px;
	content: "";
	background: url(../images/icon/slide-icon.png);
}

.rev_slider_wrapper.style-four .slide-content-box h1 {
	color: #ffffff;
	font-size: 60px;
	line-height: 70px;
	font-weight: 400;
	text-align: left;
	margin: 21px 0 15px;
}

.rev_slider_wrapper.style-four .slide-content-box.middle h1 {
	text-align: center;
}

.rev_slider_wrapper.style-four .slide-content-box h2 {
	color: #dedede;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	margin: 0 0 45px;
}

.rev_slider_wrapper.style-four .slide-content-box.middle h2 {
	text-align: center;
}

.rev_slider_wrapper.style-four .slide-content-box.bgnone {
	background: transparent;
}

.rev_slider_wrapper.style-four .tparrows {
	background: rgba(0, 0, 0, 0.09);
	cursor: pointer;
	display: block;
	height: 50px;
	position: absolute;
	width: 50px;
	z-index: 1000;
	transition: all 500ms ease;
	border-radius: 50%;
}

.rev_slider_wrapper.style-four .tparrows:before {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: block;
	line-height: 50px;
	text-align: center;
	transition: all 500ms ease;
}

.rev_slider_wrapper.style-four .tparrows:hover {
	background: #ff9600;
}

.rev_slider_wrapper.style-four .tparrows:hover:before {
	color: #fff;
}

.rev_slider_wrapper.style-four .slotholder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(34, 36, 38, 0.40);
	z-index: 9;
}

/*** 
=============================================
	Welcome area v2 home4 style
=============================================
***/
.welcome-area-v2.home4 {
	padding: 0;
	margin-top: -100px;
}

.welcome-area-v2.home4 .single-item .icon-holder {
	background: #f9f9f9;
	border-radius: 50%;
}

.welcome-area-v2.home4 .single-item .icon-holder:after {
	display: none;
}

.welcome-area-v2.home4 .single-item:hover .icon-holder {
	background: #ff9600;
}

.welcome-area-v2.home4 .single-item:hover .icon-holder span:before {
	color: #ffffff;
}

/*** 
=============================================
	Welcome area home 4 style
=============================================
***/
.welcome-area.home-4 {
	padding-top: 40px;
}

/*** 
=============================================
	Choose us area style
=============================================
***/
.choose-us-area {
	position: relative;
	overflow: hidden;
	display: block;
	background: #f9f9f9;
}

.choose-us-area .right-img-holder {
	position: absolute;
	bottom: 0;
	right: 0;
}

.choose-us-area .mar-left-minus {
	margin-left: -30px;
}

.choose-us-area .img-holder img {
	max-width: none;
	float: right;
}

.choose-us-area .text-box {
	padding-top: 93px;
	padding-bottom: 92px;
	padding-left: 10px;
	margin-right: 50px;
	background: #F9F9F9;
}

.choose-us-area .more-features-content {
	display: block;
	margin-top: 10px;
}

.choose-us-area .more-features-content ul li .text-holder h3 {
	margin: 0 0 14px;
}

/*** 
=============================================
	Repair service area v2 style
=============================================
***/
.repair-service-area-v2 {
	padding-top: 80px;
	padding-bottom: 70px;
}

.repair-service-area-v2 .single-item {}

.repair-service-area-v2 .single-item .img-holder {
	position: relative;
	overflow: hidden;
	display: block;
}

.repair-service-area-v2 .single-item .img-holder img {
	transition: all 0.5s ease 0s;
	width: 100%;
}

.repair-service-area-v2 .single-item .img-holder .box {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 85px;
	height: 70px;
	background: #ffffff;
	text-align: center;
}

.repair-service-area-v2 .single-item .img-holder .box h3 {
	background: #303443;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	display: block;
	padding: 10px 0 8px;
}

.repair-service-area-v2 .single-item .img-holder .box p {
	margin: 0;
	color: #ff9600;
	font-weight: 400;
	line-height: 32px;
}

.repair-service-area-v2 .single-item .text-holder {
	padding-top: 28px;
}

.repair-service-area-v2 .single-item .text-holder h3 {}

.repair-service-area-v2 .single-item .text-holder .text {
	overflow: hidden;
	display: block;
	border-top: 1px solid #f4f4f4;
	padding-top: 24px;
	margin-top: 15px;
}

.repair-service-area-v2 .single-item .text-holder .text p {
	margin: 0;
}

.repair-service-area-v2 .single-item .text-holder a {
	background: #f9f9f9;
	color: #ff9600;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	padding: 12px 0;
	margin-top: 23px;
	transition: all 500ms ease;
}

.repair-service-area-v2 .single-item .text-holder a:hover {
	background: #ff9600;
	color: #ffffff;
}

.repair-service-area-v2 .owl-dots {
	position: relative;
	margin-top: 36px;
}

.repair-service-area-v2 .owl-dots .owl-dot {
	background-image: none;
	width: 13px;
	height: 13px;
	margin: 5px 7px;
	border: 2px solid #d5d9e8;
	padding: 0px;
	background: #f4f4f4;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 500ms ease;
	display: inline-block;
}

.repair-service-area-v2 .owl-dots .owl-dot span {
	display: none;
}

.repair-service-area-v2 .owl-dots .owl-dot.active {
	background: #ff9600;
	border-radius: 15px;
}

.repair-service-area-v2 .owl-dots .owl-dot:hover {
	background: #ff9600;
}

/*** 
=============================================
	Latest work area v2 style
=============================================
***/
.latest-work-area-v2 {
	padding-top: 80px;
	padding-bottom: 30px;
	background: #f9f9f9;
}

.latest-work-area-v2 .sec-title {}

.latest-work-area-v2 .single-project-item {
	margin-bottom: 42px;
}

.latest-work-area-v2 .project-filter li span {
	border: 1px solid #efefef;
}

.latest-work-area-v2 .single-project-item .text-holder {
	padding-top: 25px;
}

.latest-work-area-v2 .single-project-item .text-holder a {
	color: #222222;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 0 0 10px;
}

.latest-work-area-v2 .single-project-item .text-holder p {
	margin: 0;
}

/*** 
=============================================
	Testimonial area v3 style
=============================================
***/
.testimonial-area-v3 {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 155px;
	padding-top: 80px;
	position: relative;
	z-index: 1;
}

.testimonial-area-v3::before {
	background: rgba(48, 52, 67, 0.95) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.testimonial-area-v3 .sec-title h1 {
	color: #ffffff;
}

.testimonial-area-v3 .sec-title .border:before {
	background: #ffffff;
}

.testimonial-area-v3 .sec-title .border:after {
	background: #ffffff;
}

.testimonial-area-v3 .single-item {
	position: relative;
	padding-left: 110px;
	display: block;
}

.testimonial-area-v3 .single-item .img-holder {
	position: absolute;
	top: 7px;
	left: 0;
}

.testimonial-area-v3 .single-item .text-holder {}

.testimonial-area-v3 .single-item .text-holder p {
	color: #c1c2c7;
	font-size: 20px;
	line-height: 32px;
	font-weight: 300;
	font-style: italic;
}

.testimonial-area-v3 .single-item .text-holder h3 {
	color: #ffffff;
	margin-top: 15px;
}

.testimonial-area-v3 .single-item .text-holder h3 span {
	color: #f8ec30;
	font-weight: 300;
	font-style: italic;
}

.testimonial-area-v3 .owl-controls {
	max-width: 120px;
	margin: 0 auto;
	position: relative;
}

.testimonial-area-v3 .owl-theme .owl-nav {}

.testimonial-area-v3 .owl-theme .owl-nav .owl-prev {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #3b3e4a;
	border-radius: 50%;
	height: 50px;
	left: 0;
	position: absolute;
	top: 25px;
	width: 50px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 7px 0;
	transition: all 500ms ease;
}

.testimonial-area-v3 .owl-theme .owl-nav .owl-next {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #3b3e4a;
	border-radius: 50%;
	height: 50px;
	right: 0;
	position: absolute;
	top: 25px;
	width: 50px;
	margin: 0;
	padding: 0;
	display: block;
	padding: 7px 0;
	transition: all 500ms ease;
}

.testimonial-area-v3 .owl-theme .owl-nav .owl-prev:hover {
	border-color: #ffffff;
}

.testimonial-area-v3 .owl-theme .owl-nav .owl-next:hover {
	border-color: #ffffff;
}

.testimonial-area-v3 .owl-theme .owl-nav div .fa {
	color: #ffffff;
	font-size: 30px;
	display: block;
	text-align: center;
	transition: all 500ms ease;
}

.testimonial-area-v3 .owl-theme .owl-nav .owl-next:hover .fa {
	color: #ffffff;
}

.testimonial-area-v3 .owl-theme .owl-nav .owl-prev:hover .fa {
	color: #ffffff;
}

/*** 
=============================================
	Latest blog area style four style
=============================================
***/
.latest-blog-area.style-four {}

.latest-blog-area.style-four .more-button a {
	border: 1px solid #e9e9e9;
	color: #ff9600;
	padding: 12px 30px 10px;
	margin-top: 1px;
}

.latest-blog-area.style-four .more-button a:hover {
	background: #ff9600;
	border-color: #ff9600;
	color: #ffffff;
}

.latest-blog-area.style-four .single-blog-item {
	padding: 0;
}

.latest-blog-area.style-four .single-blog-item .img-holder .post-date {
	background: #ff9600;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 70px;
	height: 60px;
	text-align: center;
	transform: translate3d(0px, 0px, 0px);
	transition: all 500ms ease;
	transition-delay: 0.5s;
}

.latest-blog-area.style-four .single-blog-item:hover .img-holder .post-date {
	transform: translate3d(0px, -70px, 0px);
}

.latest-blog-area.style-four .single-blog-item .img-holder .post-date h3 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	display: block;
	padding: 6px 0;
}

.latest-blog-area.style-four .single-blog-item .text-holder {
	background: #ffffff;
	margin-top: 20px;
	display: block;
	padding: 0 24px 25px;
}

/*** 
=============================================
	Breadcrumb area style
=============================================
***/
.breadcrumb-area {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.breadcrumb-area .breadcrumbs {
	/* padding-top: 84px;
	padding-bottom: 38px; */
	padding-top: 2px;
	padding-bottom: 0px;
	margin-bottom: -34px
}

.breadcrumb-area .breadcrumbs h1 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 42px;
	text-transform: capitalize;
	text-align: center;
	font-family: 'Nunito', sans-serif;
}
.breadcrumb-area .breadcrumbs h3 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 42px;
	text-transform: capitalize;
	text-align: center;
	font-family: 'Nunito', sans-serif;
}

.breadcrumb-botton {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.breadcrumb-botton ul {
	text-align: center;
	background: #ff9600;
	display: inline-block;
	padding: 8px 15px 8px;
}

.breadcrumb-botton ul li {
	display: inline-block;
	margin: 0 3px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 20px;
}

.breadcrumb-botton ul li i {
	display: inline-block;
	font-size: 16px;
}

.breadcrumb-botton ul li a {
	transition: all 500ms ease;
	color: #ffffff;
}

.breadcrumb-botton ul li a:hover {
	color: #fff;
}

.breadcrumb-botton ul li.active {
	color: #0c0c0c;
}

.breadcrumb-botton .share-button a {
	color: #fdc900;
	font-size: 16px;
	font-weight: 300;
	transition: all 500ms ease;
}

.breadcrumb-botton .share-button a:hover {
	color: #fff;
}

.breadcrumb-botton .share-button {
	margin: 16px 0;
}

.breadcrumb-botton .share-button a i {
	display: inline-block;
	padding-right: 7px;
	position: relative;
	top: 0px;
}

/*** 
=============================================
	Welcome area style
=============================================
***/
.welcome-area .video-holder {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.welcome-area .video-holder img {
	transform: scale(1);
	transition: all 0.5s ease 0s;
	width: 100%;
}

.welcome-area .video-holder .overlay-gallery {
	background-color: transparent;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	transition: all 500ms ease;
}

.welcome-area .video-holder .overlay-gallery .icon-holder {
	display: table;
	height: 100%;
	width: 100%;
}

.welcome-area .video-holder .overlay-gallery .icon-holder .icon {
	display: table-cell;
	vertical-align: middle;
}

.welcome-area .video-holder .overlay-gallery .icon-holder .icon a img {
	width: auto;
	transform: scale(1);
	transition: all 0.5s ease 0s;
}

.welcome-area .video-holder:hover .overlay-gallery {
	background-color: rgba(35, 53, 136, 0.60);
}

.welcome-area .video-holder:hover img {
	transform: scale(1.1);
}

.welcome-area .video-holder .overlay-gallery .icon-holder .icon a:hover img {
	transform: scale(1.1);
}

/*** 
=============================================
	Contact Info area bottom style
=============================================
***/
.contact-info-area {
	padding-bottom: 80px;
}

.contact-info-area .title {
	overflow: hidden;
	padding-bottom: 40px;
}

.contact-info-area .title h2 {
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 5px;
}

.contact-info-area .title p {
	margin: 0;
}

.contact-info-area .single-box {
	border: 1px solid #f4f4f4;
	display: block;
	padding: 26px 30px 25px;
}

.contact-info-area .single-box .top {
	overflow: hidden;
	padding-bottom: 25px;
	border-bottom: 1px solid #f4f4f4;
}

.contact-info-area .single-box .top h3 {
	font-size: 20px;
}

.contact-info-area .single-box .top h3 span:before {
	display: inline-block;
	padding-right: 5px;
}

.contact-info-area .single-box .text {
	display: block;
	padding-top: 25px;
}

.contact-info-area .single-box .text h1 {
	color: #ff9600;
	font-size: 30px;
	font-weight: 400;
	display: block;
	margin: 0 0 15px;
}

.contact-info-area .single-box .text p {
	margin: 0;
}

.contact-info-area .single-box .working-hour {
	overflow: hidden;
	padding-top: 17px;
}

.contact-info-area .single-box .working-hour li {
	line-height: 36px;
}

.contact-info-area .single-box .working-hour li span {
	float: right;
}

.contact-info-area .single-box .working-hour li span.closed {
	color: #ff9600;
	font-size: 15px;
	font-weight: 400;
}

.cart-total {}

.cart-total-table {
	border: 2px solid #f7f7f7
}

.cart-total-table li {
	border-bottom: 1px solid #f7f7f7;
	list-style: none !important;
}

.cart-total-table li:last-child {
	border-bottom: none
}

.cart-total-table li span.col.col-title {
	border-right: 1px solid #f7f7f7;
	color: #222222;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 18px;
	position: relative;
	width: 50%;
	font-family: 'Nunito', sans-serif;
}

.cart-total-table li span.col {
	color: #999999;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 18px;
	position: relative;
	width: 50%;
	font-family: 'Nunito', sans-serif;
}

.cart-total-table li span.col b {
	color: #ff9600;
	font-weight: 300;
	text-decoration: underline;
}

.cart-total .payment-options {
	background: #f7f7f7 none repeat scroll 0 0;
	margin-top: 30px;
	overflow: hidden;
	padding: 23px 20px 30px;
}

.cart-total .payment-options .option-block {
	margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
	margin: 0 0 5px;
}

.cart-total .payment-options .option-block .checkbox label {
	font-weight: 700;
	min-height: 20px;
	padding-left: 20px;
}

.cart-total .payment-options .option-block .checkbox label input {
	position: relative;
	top: 1px;
}

.cart-total .payment-options .option-block .checkbox label span {
	color: #222222;
	font-size: 16px;
	padding-left: 10px;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.cart-total .payment-options .option-block .checkbox label span b {
	color: #ff9600;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	padding-left: 25px;
	text-decoration: underline;
}

.cart-total .payment-options .option-block .text {
	padding-left: 30px;
}

.cart-total .payment-options .option-block .text p {
	margin: 0;
	line-height: 28px;
}

.placeorder-button button {
	padding: 11px 40px 9px;
	margin-top: 20px;
	background: #ff9600;
	border: 2px solid #ff9600;
	color: #ffffff;
}

/*** 
=============================================
	Login Register Area style
=============================================
***/
.login-register-area {
	padding-bottom: 10px;
	padding-top: 20px;
}

.login-register-area .form .sec-title {
	padding-bottom: 40px;
}

.login-register-area .form .sec-title h1 {
	font-size: 24px;
	text-transform: none;
	margin: 0;
}

.login-register-area .form .input-field {
	position: relative;
}

.login-register-area .form .input-field input[type="text"],
.login-register-area .form .input-field input[type="email"],
.login-register-area .form .input-field input[type="number"],
.login-register-area .form .input-field input[type="password"],
.login-register-area .form .input-field select,
.login-register-area .form .input-field input[type="date"],
.login-register-area .form .input-field input[type="time"] {
	border: 2px solid #f4f4f4;
	color: #777;
	font-size: 15px;
	height: 50px;
	margin-bottom: 30px;
	padding-left: 6px;
	padding-right: 8px;
	width: 100%;
	transition: all 700ms ease 0s;
}

.login-register-area .form .input-field .icon-holder {
	position: absolute;
	right: 20px;
	top: 11px;
}

.login-register-area .form .input-field .icon-holder i {
	color: #777;
	font-size: 14px;
	font-weight: 400;
}

.login-register-area .form button {
	margin-top: 10px;
	padding: 13px 35px 11px;
	background: #ff9600;
	border-radius: 5px;
	color: #ffffff;
}

.login-register-area .form button:hover {
	background: #303443;
}

.login-register-area .form .remember-text {
	margin-top: 19px;
}

.login-register-area .form .remember-text .checkbox label {
	color: #222222;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Nunito', sans-serif;
}

.login-register-area .form .remember-text .checkbox input {
	margin-top: 5px;
}

.login-register-area .form .social-icon {
	float: right;
	margin-right: -8px;
	margin-top: 15px;
	position: relative;
}

.login-register-area .form .social-icon .login-with {
	display: inline-block;
	left: -100px;
	position: absolute;
	top: 8px;
}

.login-register-area .form .social-icon li {
	display: inline-block;
	margin: 0 8px;
}

.login-register-area .form .social-icon li a i {
	background: #3b5998 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 100;
	height: 40px;
	line-height: 24px;
	padding: 8px 0;
	text-align: center;
	transition: all 700ms ease 0s;
	width: 40px;
}

.login-register-area .form .social-icon li a i.twitter {
	background: #33ccfe none repeat scroll 0 0;
}

.login-register-area .form .social-icon li a i.gplus {
	background: #dd4b39 none repeat scroll 0 0;
}

.login-register-area .form a.forgot-password {
	color: #ff9600;
	float: right;
	font-weight: 700;
	margin: 20px 0 0;
	font-family: 'Nunito', sans-serif;
}

.login-register-area .form h6 {
	color: #848484;
	float: left;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	padding-left: 10px;
	overflow: hidden;
	margin-left: -40px;
	margin-top: 28px;
}

.login-register-area .form .input-field input[type="text"]:focus {
	border: 2px solid #ff9600;
}

.login-register-area .form .social-icon li a:hover i {
	background: #18387b;
}

.login-register-area .form .social-icon li a:hover i.twitter {
	background: #12addf;
}

.login-register-area .form .social-icon li a:hover i.gplus {
	background: #c62d1a;
}

/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
	padding-bottom: 80px;
	padding-top: 20px;
}

.cart-area .sec-title {
	padding-bottom: 32px;
}

.cart-area .sec-title h1 {
	font-size: 24px;
	margin: 0;
}

.cart-area .table-outer {
	overflow-x: auto;
	position: relative;
	width: 100%;
}

.cart-area .cart-table {
	min-width: 1024px;
	width: 100%;
}

.cart-area .cart-table .cart-header {
	background: #f7f7f7;
	color: #222222;
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	position: relative;
	text-transform: capitalize;
	width: 100%;
}

.cart-area .cart-table thead tr th {
	font-weight: 700;
	line-height: 24px;
	min-width: 110px;
	padding: 20px 25px;
}

.cart-area .cart-table thead tr th.prod-column {
	padding-left: 30px;
	text-align: left;
}

.cart-area .cart-table thead tr th.availability {
	padding: 0 40px
}

.cart-area .cart-table tbody tr {
	border-bottom: 1px solid #f7f7f7;
}

.cart-area .cart-table tbody tr td {
	color: #999999;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	min-width: 100px;
	padding: 27.5px 25px;
}

.cart-area .cart-table tbody tr .prod-column .column-box {
	min-height: 70px;
	position: relative;
}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
	width: 70px;
	border: 2px solid #f7f7f7;
	padding: 3px;
}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
	display: block;
	max-width: 100%;
}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb,
.cart-area .cart-table tbody tr .prod-column .column-box .title {
	display: table-cell;
	vertical-align: middle;
}

.cart-area .cart-table tbody tr .prod-column .column-box .title {
	padding-left: 20px;
}

.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
	color: #222222;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Nunito', sans-serif;
}

.cart-area .cart-table tbody tr .qty {
	padding-right: 25px;
	width: 120px;
}

.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0;
	margin-left: 0;
	padding: 11px;
}

.cart-area .cart-table tbody tr .qty .btn-default {
	background-color: #e0dcdc;
	border-color: #ababab;
	color: #fff;
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0;
	margin-left: 0;
	margin-top: -1px;
	padding: 10px;
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
	font-size: 9px;
	left: 6px;
	top: 6px;
}

.cart-area .cart-table tbody tr td.unit-price {
	padding-left: 40px;
	padding-right: 20px;
}

.cart-area .cart-table tbody tr .available-info {
	color: #999999;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding-left: 50px;
	position: relative;
}

.cart-area .cart-table tbody tr .available-info .icon {
	background: #ff9600 none repeat scroll 0 0;
	border-radius: 50%;
	color: #ffffff;
	font-size: 18px;
	height: 40px;
	left: 0;
	line-height: 40px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 40px;
}

.cart-area .cart-table tbody tr td.price {
	color: #999999;
	font-size: 18px;
	font-weight: 400;
}

.cart-area .cart-table tbody tr .sub-total {
	color: #ff9600;
	font-weight: 400;
	font-size: 18px;
}

.cart-area .cart-table tbody tr td .remove {}

.cart-area .cart-table tbody tr td .remove .checkbox label {
	color: #777;
	font-size: 16px;
	font-weight: 400;
}

.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
	display: inline-block;
	position: relative;
	top: 1px;
}

.cart-middle {
	padding-top: 30px
}

.cart-middle .apply-coupon {
	padding-left: 245px;
	position: relative;
}

.cart-middle .apply-coupon input[type="text"] {
	border: 2px solid #f7f7f7;
	color: #777;
	font-size: 14px;
	font-weight: 400;
	height: 50px;
	left: 0;
	padding: 0 15px;
	position: absolute;
	text-transform: capitalize;
	top: 0;
	transition: all 500ms ease 0s;
	width: 225px;
}

.cart-middle .apply-coupon input[type="text"]:focus {
	border: 2px solid #ff9600;
}

.cart-middle .apply-coupon .apply-coupon-button button {
	padding: 13px 45px 11px;
	background: #ff9600;
	color: #ffffff;
	border-radius: 4px;
}

.cart-middle .apply-coupon .apply-coupon-button button:hover {
	background: #122372;
	color: #dddddd;
}

.cart-middle .update-cart button {
	padding: 13px 45px 11px;
	background: #f7f7f7;
	color: #222222;
	border-radius: 4px;
}

.cart-middle .update-cart button:hover {
	background: #ff9600;
	color: #fff;
}

.cart-bottom {
	overflow: hidden;
	padding-top: 76px;
}

.cart-bottom .calculate-shipping {}

.cart-bottom .calculate-shipping .ui-state-default .ui-icon {}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
	border-left: 2px solid #f7f7f7;
	display: block;
	float: right;
	height: 41px;
	text-indent: 0;
	top: 8px;
	width: 45px;
	position: absolute;
	right: 0;
	display: block;
	background-image: none;
}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
	color: #ababae;
	content: "\f107";
	font-family: FontAwesome;
	font-size: 20px;
	overflow: visible;
	position: absolute;
	right: 14px;
	top: 8px;
}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
	display: block;
	line-height: 18px;
	overflow: hidden;
	padding: 12px 17px;
	text-align: left;
}

.cart-bottom .calculate-shipping input[type="text"] {
	border: 2px solid #f7f7f7;
	color: #777;
	display: block;
	font-size: 14px;
	height: 45px;
	padding: 0 18px;
	width: 100%;
	font-weight: 400;
	margin-bottom: 30px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.cart-bottom .calculate-shipping input[type="text"]:focus {
	border: 2px solid #ff9600;
}

.cart-bottom .calculate-shipping button {
	padding: 13px 40px 11px;
	background: #f7f7f7;
	border-color: #f7f7f7;
	color: #222222;
	border-radius: 4px;
}

.cart-bottom .calculate-shipping button:hover {
	background: #303443;
	color: #ffffff;
}

.cart-bottom button.checkout-btn {
	padding: 13px 40px 11px;
	margin-top: 30px;
	float: right;
	border-radius: 4px;
	background: #ff9600;
	color: #ffffff;
}

.cart-bottom button.checkout-btn:hover {
	background: #0f1d5d;
	color: #dddddd;
}

/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area {
	padding-top: 20px;
	padding-bottom: 40px;
}

.single-shop-content .img-holder {
	/* margin-right: 50px; */
}

.single-shop-content .img-holder img {
	border: 0px solid #f5f4f3;
}

.single-shop-content .content-box {
	/* margin-left: -50px; */
}

.single-shop-content .content-box h1 {
	color: #222222;
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 8px;
	text-transform: capitalize;
}

.single-shop-content .content-box .review-box {
	margin: 0 0 15px;
}

.single-shop-content .content-box .review-box ul {}

.single-shop-content .content-box .review-box ul li {}

.single-shop-content .content-box .review-box ul li i {
	color: #ff9600;
	font-size: 15px;
}

.single-shop-content .content-box span.price {
	color: #ff9600;
	font-size: 22px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

.single-shop-content .content-box span.price_mrp {
	color: #cccccc;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	font-family: 'Open Sans', sans-serif;
}

.single-shop-content .content-box th,
.single-shop-content .content-box td {
	padding: 2px;
	border: 1px solid #ccc;
}

.single-shop-content .content-box .text {
	overflow: hidden;
	padding: 21px 0 9px;
}

.single-shop-content .content-box .location-box {
	margin: 4px 0 20px;
}

.single-shop-content .content-box .location-box p {
	color: #222222;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 12px;
}

.single-shop-content .content-box .location-box form input {
	border: 2px solid #f7f7f7;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	width: 170px;
	transition: all 500ms ease;
	margin: 0 0 15px;
}

.single-shop-content .content-box .location-box form input:focus {
	border-color: #ff9600;
}

.single-shop-content .content-box .location-box form button {
	background: #f7f7f7 none repeat scroll 0 0;
	border: medium none;
	color: #252525;
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	margin-left: 6px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	transition: all 500ms ease 0s;
	width: 95px;
	position: relative;
	top: 0px;
	padding-top: 2px;
}

.single-shop-content .content-box .location-box form button:hover {
	background: #ff9600;
	color: #fff;
}

.single-shop-content .content-box .location-box form span {
	color: #ff9600;
}

.single-shop-content .content-box .addto-cart-box {}

.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
	float: left;
	width: 70px;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0;
	margin-top: -2px;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical>.btn {
	display: block;
	float: none;
	margin-left: -1px;
	max-width: 100%;
	padding: 12px 12px;
	position: relative;
	width: 100%;
}

.single-shop-content .content-box .addto-cart-box .btn-default {
	background-color: #efefef;
	border-color: #efefef;
	color: #9e9e9e;
}

.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
	color: #9e9e9e;
	font-weight: normal;
	left: 8px;
	top: 7px;
}

.single-shop-content .content-box .addto-cart-box button.addtocart {
	margin-left: 0px;
	padding: 13px 30px 11px;
	border-radius: 4px;
	background: #ff9600;
	color: #ffffff;
}

.single-shop-content .content-box .addto-cart-box button.addtocart:hover {
	background: #0e1a51;
}

.product-tab-box {
	border: 1px solid #ececec;
	border-top: none;
	border-right: none;
	border-left: none;
	overflow: hidden;
	margin-top: 80px;
}

.product-tab-box .tab-menu {
	border-bottom: 1px solid #ececec;
	margin-bottom: 30px;
}

.product-tab-box .tab-menu li {
	display: inline-block;
	float: left;
	margin-bottom: -1px;
	margin-right: 3px;
}

.product-tab-box .tab-menu li a {
	background: #f7f7f7;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	display: block;
	margin-right: 1px;
	padding: 15px 30px 13px;
	color: #222222;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	background: #f7f7f7;
	transition: all 500ms ease;
}

.product-tab-box .tab-menu li.active a,
.product-tab-box .tab-menu li:hover a {
	background: #ffffff;
	color: #ff9600;
	border-left-color: #ececec;
	border-top-color: #ececec;
	border-right-color: #ececec;
}

.product-tab-box .tab-content {
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	margin-top: -30px;
	padding: 30px 30px 40px;
}

.product-tab-box .tab-content .review-box {}

.product-tab-box .tab-content .review-box .title {
	margin-top: 3px;
	padding-bottom: 25px;
}

.product-tab-box .tab-content .review-box .title h3 {
	color: #3d3d3d;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
}

.product-tab-box .tab-content .review-box .single-review-box {
	margin-bottom: 30px;
	padding-left: 60px;
	position: relative;
}

.product-tab-box .tab-content .review-box .single-review-box .img-holder {
	left: 0;
	position: absolute;
	top: 0;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder {
	border: 1px solid #ececec;
	margin-left: 20px;
	padding: 17px 20px 12px;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
	margin: 0 0 10px;
	overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
	color: #3d3d3d;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	text-transform: capitalize;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
	margin-top: -2px;
	padding-left: 0px;
	position: relative;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
	display: inline-block;
	margin-right: 1px;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
	color: #ff9600;
	font-size: 14px;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
	margin: 0;
}

.product-tab-box .tab-content .review-form .title {}

.product-tab-box .tab-content .review-form .title h3 {
	margin: 0 0 15px;
}

.product-tab-box .tab-content .review-form .add-rating-box {
	margin: 0 0 20px;
}

.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
	color: #848484;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
}

.product-tab-box .tab-content .review-form .add-rating-box ul li {
	border-right: 1px solid #ebebeb;
	display: inline-block;
	line-height: 20px;
	margin-right: 10px;
	padding-right: 10px;
}

.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child {
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px solid #ebebeb;
}

.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
	color: #d6d6d6;
	font-size: 12px;
	line-height: 20px;
	margin-right: 1px;
	opacity: 0.9;
	transition: all 500ms ease 0s;
}

.product-tab-box .tab-content .review-form form .field-label p {
	color: #848484;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 3px;
}

.product-tab-box .tab-content .review-form form input[type="text"],
.product-tab-box .tab-content .review-form form input[type="email"],
.product-tab-box .tab-content .review-form form textarea {
	background: #fff;
	height: 50px;
	width: 100%;
	border: 1px solid #ececec;
	color: #252525;
	font-size: 14px;
	padding: 0 15px;
	margin-bottom: 20px;
	transition: all 500ms ease;
}

.product-tab-box .tab-content .review-form form textarea {
	height: 110px;
	padding: 10px 15px;
	margin-bottom: 25px;
	transition: all 500ms ease;
}

.product-tab-box .tab-content .review-form form button {
	padding: 11px 35px 9px;
	background: #ff9600;
	border-radius: 4px;
	color: #ffffff;
}

.product-tab-box .tab-content .review-form form button:hover {}

.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i {
	opacity: 1;
	color: #ff9600;
}

.product-tab-box .tab-content .review-form form input[type="text"]:focus {
	border-color: #ff9600;
}

.product-tab-box .tab-content .review-form form input[type="email"]:focus {
	border-color: #ff9600;
}

.product-tab-box .tab-content .review-form form textarea:focus {
	border-color: #ff9600;
}

.related-product {
	padding-top: 70px;
}

.related-product .sec-title {
	padding-bottom: 40px;
}

.related-product .single-product-item {}

.single-shop-area .sidebar-wrapper .single-sidebar .sec-title {
	overflow: hidden;
	padding-bottom: 30px;
}

/*** 
=============================================
	Callto action area bottom style
=============================================
***/
.callto-action-area .bottom {
	padding-top: 60px;
}

.callto-action-area .border {
	margin-top: 50px;
	margin-bottom: 0;
}

.callto-action-area .bottom .single-item {
	border: 1px solid #f4f4f4;
	display: block;
	padding: 30px 20px 22px;
}

.callto-action-area .bottom .single-item .year {
	border: 1px solid #f4f4f4;
	display: inline-block;
	overflow: hidden;
	padding: 8px 23px 5px;
}

.callto-action-area .bottom .single-item .year h3 {
	color: #404040;
	font-size: 20px;
	font-weight: 600;
}

.callto-action-area .bottom .single-item h4 {
	color: #404040;
	font-size: 18px;
	font-weight: 600;
	margin: 19px 0 15px;
}

.callto-action-area .bottom .single-item .readmore {
	color: #949494;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 500ms ease;
}

.callto-action-area .bottom .single-item .readmore i {
	display: inline-block;
	padding-left: 10px;
	font-size: 16px;
}

.callto-action-area .bottom .single-item:hover .readmore {
	color: #2acb35;
}

/*** 
=============================================
	Main Project Area style
=============================================
***/
.main-project-area {
	padding-top: 80px;
	padding-bottom: 80px;
}

.main-project-area .single-project-item {
	margin-bottom: 30px;
}

.single-project-item {
	position: relative;
	overflow: hidden;
	display: block;
}

.single-project-item .img-holder {
	display: block;
	overflow: hidden;
	position: relative;
}

.single-project-item .img-holder img {
	transform: scale(1.1, 1.1);
	transition: all 0.5s ease 0s;
	width: 100%;
}

.single-project-item:hover .img-holder img {
	transform: scale(1, 1);
}

.single-project-item:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

.single-project-item .img-holder .overlay-style-one .box .content a.zoom i {
	font-size: 18px;
	transition: all 500ms ease;
	width: 45px;
	height: 45px;
	background: #ffffff;
	color: #252525;
	display: inline-block;
	border-radius: 3px;
	line-height: 42px;
	border: 2px solid #ffffff;
}

.single-project-item .img-holder .overlay-style-one .box .content a.zoom i:hover {
	background: transparent;
	color: #ffffff;
}

.single-project-item .img-holder .overlay-style-one .box .content .bottom {
	position: absolute;
	bottom: 13px;
	left: 20px;
	text-align: left;
}

.single-project-item .img-holder .overlay-style-one .box .content .bottom a {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}

.single-project-item .img-holder .overlay-style-one .box .content .bottom p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
}

#ui-datepicker-div.ui-widget-content {
	border: 1px solid #c5c5c5;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #777;
	color: #252525;
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	border-radius: 0px;
	width: 270px;
	padding: 5px;
	text-align: center;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
	background: #ff9600 none repeat scroll 0 0;
	border: 2px solid #252525;
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	padding: 5px 0;
	position: relative;
}

.ui-datepicker .ui-datepicker-prev {
	left: 5px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	border-radius: 30%;
	height: 20px;
	position: absolute;
	top: 7px;
	width: 20px;
	transition: all 500ms ease;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
	right: 5px;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	top: 7px;
	background: #fff;
	border: none;
}

.ui-datepicker table {
	border-collapse: collapse;
	font-size: 13px;
	margin: 0 0 0.4em;
	width: 100%;
}

.ui-datepicker th {
	border: medium none;
	font-weight: 600;
	padding: 2px 3px;
	text-align: center;
}

.ui-datepicker-calendar .ui-state-default {
	text-align: center;
}

#ui-datepicker-div .ui-state-highlight {
	border: 1px solid #d3d3d3;
	background: #ffffff;
}

#ui-datepicker-div .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #ffffff;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default:active {
	background: #ff9600;
	color: #fff;
	border-color: #ff9600;
}

.prd_thumb {
	width: 74px;
	height: 74px;
}

.upcoming {
	color: #ffffff;
	padding: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#marqueecontainer {
	position: relative;
	height: 420px;
	background-color: #ffffff;
	/* overflow: hidden; */
	overflow: scroll;
	border: 1px dotted #000000;
	padding: 6px;
	border-radius: 20px;
}

.events_up .title {
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0px;
	color: #ff9600;
}

.events_up .dt {
	font-size: 12px;
	text-align: right;
	font-weight: 600;
	margin: 4px 0px;
	color: #ff9600;
}

.events_up .txt {
	font-size: 12px;
	clear: both;
	color: #000000;
}

.float {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 3%;
	right: 12px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}

.my-float {
	margin-top: 10px;
}

/************************* SOCIAL ICON STARTS **************************/
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
	left: 40%;
}

@media only screen and (max-width: 990px) {
	.icon-bar {
		left: 30%;
	}
}

@media only screen and (max-width: 767px) {
	.icon-bar {
		left: 20%;
	}
}

@media only screen and (max-width: 460px) {
	.icon-bar {
		left: 10%;
	}
}

.icon-bar {
	opacity: 0.8;
	position: fixed;
	/* position:relative; */
	/* bottom: 24px;  */
	/* top: 50%; */
	bottom: -23px;
	z-index: 9999;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
	display: inline-block;
	text-align: center;
	padding: 6px 3px;
	transition: all 0.3s ease;
	color: white;
	font-size: 22px;
	width: 42px;
	margin-left: 3px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
	background-color: #000;
}

.whatsapp {
	background-color: #25d366;
	color: white;
}

.instagram {
	background-color: #D82D7F;
	color: white;
}

.facebook {
	background: #3B5998;
	color: white;
}

.twitter {
	background: #55ACEE;
	color: white;
}

.google {
	background: #dd4b39;
	color: white;
}

.linkedin {
	background: #007bb5;
	color: white;
}

.youtube {
	background: #bb0000;
	color: white;
}

/************************* SOCIAL ICON ENDS **************************/
.product-title a {
	color: #ff9600;
}

#country-menu,
#state-menu,
#city_id-menu {
	height: 200px !important;
}

.select_box {
	padding: 14px;
	width: 100%;
	background: #303443;
	color: #fff;
	border: none;
}

.main-menu .navigation .dropdown-menu li {
	border-bottom: 1px solid #cdcdcd;
	width: 100%;
}

.main-menu .navigation .dropdown-menu li a:hover {
	color: red;
}

.main-menu .navigation .dropdown-menu li a {
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	opacity: 1;
	margin: 2px 0px;
	position: relative;
	text-transform: capitalize;
	transition: all 500ms ease 0s;
	font-family: 'Nunito', sans-serif;
}

/**************************************** NEW MENU STARTS ***********************************************/
***************************************************/

/*Bootstrap Reset*/
.navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
}

.mainmenu {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0;
	border: 0px !important;
}

.navbar-nav>li:last-child>a {
	padding-right: 0px;
	margin-right: 0px;
}

.dropdown-menu {
	padding: 0px 0;
	margin: 0 0 0;
	border: 0px solid transition !important;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu>li>a {
	/* padding: 16px 15px 16px 25px; */
	/* padding: 10px 15px 10px 15px; */
}

.header_bottom {
	background: #0071ba
}

.header_area .header_bottom .mainmenu a,
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	padding: 16px 15px;
	font-family: 'Roboto', sans-serif;
}

.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #0071ba;
	background: #54c6d4;
	outline: 0;
}

/*-----./ Main Menu-----*/
.navbar-default .navbar-toggle {
	border-color: #fff
}

/*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff
}

/*Toggle Button*/
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul>li:hover>a {
	background: #54c6d4;
}

.mainmenu .collapse ul ul>li:hover>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	background: #CBEAF0;
}

.mainmenu .collapse ul ul ul>li:hover>a {
	background: #CBEAF0;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
	background: #98D7E1;
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu {
	background: #0a1464
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
	background: #e4eeb8
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
	background: none;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height: 20px
}

@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li {
		position: relative;
	}

	.mainmenu .collapse ul li:hover>ul {
		display: block
	}

	.mainmenu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none
	}

	/*******/
	.mainmenu .collapse ul ul li {
		position: relative
	}

	.mainmenu .collapse ul ul li:hover>ul {
		display: block
	}

	.mainmenu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}

	/*******/
	.mainmenu .collapse ul ul ul li {
		position: relative
	}

	.mainmenu .collapse ul ul ul li:hover ul {
		display: block
	}

	.mainmenu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}
}

/**************************************** NEW MENU ENDS ***********************************************/

/*******************************/
.pagging {
	height: 20px;
	padding: 8px 10px;
	line-height: 19px;
	color: #949494;
}

.pagging a {
	background: url(img/pagging.gif) repeat-x 0 0;
	height: 20px;
	float: left;
	padding: 0 8px;
	border: solid 1px #d5d5d5;
	text-decoration: none;
	color: #949494;
	margin-left: 5px;
}

.pagging b {
	background: #2B6A91;
	color: #fff;
	height: 20px;
	float: left;
	padding: 0 8px;
	border: solid 1px #d5d5d5;
	text-decoration: none;
	margin-left: 5px;
}

.pagging a:hover {
	border-color: #8c3521;
	background: #2B6A91;
	color: #fff;
}

.pagging span {
	float: left;
	margin-left: 5px;
	padding-top: 2px;
}

#tidio-chat-iframe {
	inset: auto 9px 0px auto !important;
}

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

.main-menu .navbar-header .navbar-toggle {
	border: 2px solid #fff;
}

.content-box a {
	color: #ff9600;
	font-weight: 600;
}

.prd_desc {
	text-align: justify;
}

.height-52 {
	height: 52px;
	overflow: hidden;
}

.height-15 {
	height: 15px;
	overflow: hidden;
}

.btn-grey {
	background-color: #D8D8D8;
	color: #FFF;
}

.rating-block {
	background-color: #FAFAFA;
	border: 1px solid #EFEFEF;
	padding: 15px 15px 20px 15px;
	border-radius: 3px;
}

.bold {
	font-weight: 700;
}

.padding-bottom-7 {
	padding-bottom: 7px;
}

.review-block {
	background-color: #FAFAFA;
	border: 1px solid #EFEFEF;
	padding: 15px;
	border-radius: 3px;
	margin-bottom: 15px;
}

.review-block-name {
	font-size: 12px;
	margin: 4px 0;
	font-weight: 600;
}

.review-block-date {
	font-size: 12px;
}

.review-block-rate {
	font-size: 13px;
	margin-bottom: 15px;
}

.review-block-title {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

.review-block-description {
	font-size: 13px;
}

.qty_txtbox {
	width: 40px !important;
}

.top_margin_fix {
	margin-top: 132px;
}

#marquee {
	overflow: hidden;
	white-space: nowrap;
}

.marquee {
	padding: 4px;
	background: #00243b;
	color: #ffffff;
}

#fbplus-wrap {
	z-index: 10000 !important;
}

.enlarge {
	position: relative;
	top: -44px;
	left: 8px;
	background: #fff;
	border-radius: 15px;
	padding: 6px;
	width: 121px;
	z-index: 9999;
	text-align: center;
	font-weight: 400;
	margin-bottom: -36px;
}

/* RATINGS */
.rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

.rating>input {
	display: none;
}

.rating>label {
	position: relative;
	width: 1.1em;
	/* font-size: 2.5vw; */
	font-size: 4.2rem;
	color: #FFD700;
	cursor: pointer;
}

.rating>label::before {
	content: "\2605";
	position: absolute;
	opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
	opacity: 1 !important;
}

.rating>input:checked~label:before {
	opacity: 1;
}

.rating:hover>input:checked~label:before {
	opacity: 0.4;
}

/* RATINGS END */

.orange_btn {
	margin-left: 0px;
	padding: 13px 30px 11px;
	border-radius: 4px;
	background: #ff9600;
	color: #ffffff;
}

.orange_btn:hover {
	background: #ff9600;
}

/***************************** heading styles starts ************************/
.collaborate h1 {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: "Raleway", sans-serif;
	font-weight: 300;
	font-size: 40px;
	/* color: #080808; */
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.collaborate h1 span {
	display: block;
	font-size: 0.5em;
	line-height: 1.3;
}

.collaborate h1 em {
	font-style: normal;
	font-weight: 600;
}

/* === HEADING STYLE #1 === */
.one h1 {
	text-align: center;
	/* text-transform: uppercase; */
	padding-bottom: 5px;
	margin-bottom: 26px;
}

.one h1::before {
	width: 34px;
	height: 8px;
	display: block;
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -13px;
	background-color: #b80000;
}

.one h1::after {
	width: 200px;
	height: 2px;
	display: block;
	content: "";
	position: relative;
	margin-top: 19px;
	left: 50%;
	margin-left: -100px;
	background-color: #b80000;
}

/***************************** heading styles ends ************************/
.collaborate_bg {
	background-image: url('../images/collaborate-bg.jpg');
	min-height: 600px;
}

.collaborate_bg .cont {
	height: 600px;
	position: relative;
	width: 100%;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}

.collaborate_bg .heading-title {
	color: #fff;
	font-family: "Libre Baskerville", Sans-serif;
	font-size: 40px;
	width: 100%;
	font-weight: 900;
	line-height: 1.5em;
	text-align: center;

}

.collaborate_bg img {
	height: 600px;
	top: 42px;
	position: absolute;
}

.box-content {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0px 10px 32px 10px;
	--e-column-margin-right: 10px;
	--e-column-margin-left: 10px;
	border-radius: 20px;
	padding: 10px;
	height: 100%;
	/* height: 500px; */
}

.box-content p {
	font-size: 18px;
	line-height: 2.2;
	font-weight: 400;
}

.box-content .buttondiv {
	margin-bottom: 20px;
	/* margin-top: 35px; */
	position: absolute;
	bottom: 0px;
	left: 39%;
}

.box-title {
	margin-top: 10px;
	margin-bottom: 16px;
	color: #ff9600;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.collaborate .row{
	display: flex;
}

.colobrate_box {
	background-color: #fffbf0; background-image: url('../images/collaborate.jpg');
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0px 10px 0px 10px;
	border-radius: 20px;
	padding: 140px 40px;
	height: 496px;
	border: 1px solid #ff9600;
}

.colobrate_box .heading-title {
	color: #ff9600;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 32px; margin-bottom: 20px;
	font-weight: 600;
	line-height: 40px;
}

.colobrate_box p {
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
}

.colobrate_box .buttondiv {
	margin-top: 26px;
}

.megaMenu{
	width: 980px;
}
.megaMenu li{
	padding: 2px;
}
.megaMenu li a{
	white-space: normal !important;
}
.links-header {
	padding-top: .85rem;
	padding-bottom: .5rem;
	padding-left: 1.55rem;
	font-family: Inter Variablefont,Arial,sans-serif;
	font-size: 1.85rem;
	font-weight: 600;
	color: #ff9600;
}

.btn-yellow {
	border-bottom: solid 5px #d68000;
	background-color: #ff9d0c;
	color: #fff; padding: 10px 20px;
}
.btn-yellow .title {
	font-size: 15px;
	font-weight: bold; 
}
.btn-yellow .sub-title {
	font-size: 14px;
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.blinking-text {
	animation: blink 1s infinite; 
}

@keyframes blink1 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.blinking-text1 {
	animation: blink1 2s infinite; 
}

@keyframes blink2 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.blinking-text2 {
	animation: blink1 3s infinite; 
}

@media (max-width:450px) {
	.collaborate .row{
		display: block;
	}
	.colobrate_box {
		background-color: #fffbf0; background-image: url('../images/collaborate.jpg');
		padding: 80px 40px;
		height: 100%;
		/* height: 596px; */
	}

	.collaborate_bg {
		background-image: url('../images/collaborate-bg.jpg');
		min-height: 696px;
	}

	.collaborate_bg .cont {
		height: 168px !important;
	}

	.collaborate_bg img {
		height: 547px;
		top: 5px;
		position: absolute !important;
	}

	.box-content {
		height: 610px !important;
		height: 100%;
		margin-bottom: 20px !important;
	}
 
}

.navbar-nav {
	margin: 7.5px -5px !important;
}

/* Collaboration Strip Styles */
.colobration_strip {
	width: 100%;
	overflow: hidden;
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	padding: 10px 0;
}

.marquee-container {
	width: 100%;
	overflow: hidden;
}

.marquee-content {
	display: flex;
	width: max-content;
	animation: marquee 30s linear infinite;
}

.marquee-content:hover {
	animation-play-state: paused;
}

.collaboration-image {
	flex-shrink: 0;
	margin-right: 30px;
	transition: transform 0.3s ease;
}

.collaboration-image:hover {
	transform: scale(1.05);
}

.colobration_strip img {
	padding: 10px;
	width: 180px;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.colobration_strip img:hover {
	border-color: #007bff;
	box-shadow: 0 4px 8px rgba(0,123,255,0.3);
}

@keyframes marquee {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Enhanced hover effects */
.collaboration-image.hover-effect {
	transform: scale(1.05);
	z-index: 10;
	position: relative;
}

.collaboration-image.hover-effect img {
	border-color: #007bff !important;
	box-shadow: 0 8px 16px rgba(0,123,255,0.4) !important;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
	.colobration_strip img {
		width: 120px;
		padding: 5px;
	}
	
	.collaboration-image {
		margin-right: 15px;
	}
	
	.marquee-content {
		animation-duration: 20s;
	}
}

@media (max-width: 480px) {
	.colobration_strip img {
		width: 100px;
		padding: 3px;
	}
	
	.collaboration-image {
		margin-right: 10px;
	}
	
	.marquee-content {
		animation-duration: 15s;
	}

	.nopadding{
		padding: 3px !important;
		margin: 3px !important;
	}
	.top-contact-info{
		font-size: 10px !important;
	}
}