/*

Theme Name: Wooder

Author: Bold Touch

Author URI: https://themeforest.net/user/bold_touch

Description: This is Wooder HTML Template

Version: 2.0.0

License: copyright commercial

License URI: https://themeforest.net/user/bold_touch

Text Domain: wp-wooder

Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats

*/



/* Wooder - Carpentry HTML Template */



/************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header 

5. Header Style Two 

6. Header Style Three

7. Sticky Header

8. Mobile Menu

9. Hidden Sidebar

10. Section Title

11. Page Title

12. Banner Section / Two / Three

13. Video Banner

14. Service Section / Two / Three

15. Service Details

16. Video Section

17. Fun facts Section 

18. Fluid Section One

19. About Us

20. Work Section

21. Project Section / Two / Three

22. Project Detail

23. Offer Section

24. Products Section

25. Call Back Section

26. Call To Action

27. Pricing Section

28. FAQ's Sectiom

29. FAQ Form Section

30. Testimonial Section / Two

31. Team Section

32. News Section / Two

33. Blog Classic

34. Blog Detail

35. Error Section

36. Clients Section

37. Contact Section

38. Map Section

39. Main Footer / Two / Three

40. Sidebar Page Container

41. Comment Area

42. Comment Form

43. Our Shop

44. Product Details

45. Product Tabs

46. Cart Section

47. CheckOut Section

48. Login Section

49. Coming Soon

50. Right To Left

51. Box Layout

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



/*** 



====================================================================

			Fonts

====================================================================



***/



@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Poppins:300,400,500,600,700i,900|Montserrat:300,400,500,600,700&display=swap');





/*

	font-family: 'PT Serif', serif;

	font-family: 'Montserrat', sans-serif;

	font-family: 'Poppins', sans-serif;

*/



@import url('flaticon.css');

@import url('fontawesome-all.css');

@import url('animate.css');

@import url('jquery-ui.css');

@import url('owl.css');

@import url('jquery.bootstrap-touchspin.css');

@import url('jquery.mCustomScrollbar.min.css');

@import url('jquery.fancybox.min.css');



/*** 



====================================================================

		Reset

====================================================================



 ***/



*{

	margin:0px;

	padding:0px;

	border:none;

	outline:none;

	font-size: 100%;

}



/*** 



====================================================================

	Global Settings

====================================================================



 ***/



body {

	

	font-size:14px;

	color: #353535;

	line-height: 28px;

	font-weight:400;

	background:#ffffff;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-family: 'Montserrat', sans-serif;

}



a{

	text-decoration:none;

	cursor:pointer;

	color:#ab7442;

}



a:hover,

a:focus,

a:visited{

	text-decoration:none;

	outline:none;

}



h1,h2,h3,h4,h5,h6 {

	position:relative;

	font-weight:normal;

	margin:0px;

	background:none;

	line-height:1.2em;

	font-family: 'Poppins', sans-serif;

	color: #353535;

}



textarea{

	overflow:hidden;	

	resize: none;

}



button{

	outline: none !important;

	cursor: pointer;

	background-color: transparent;

}



.sidebar-page-container,

section{

	background-color: #ffffff;

}



.no-pd-top{

	padding-top: 0 !important;

}



p,.text{

	font-size: 18px;

	line-height: 1.6em;

	font-weight: 400;

	color: #353535;

	margin: 0;

}



p a:hover,

.text a:hover{

	color:#ab7442;

	text-decoration: underline;

}



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

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

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



.auto-container{

	position:static;

	max-width:1200px;

	padding:0px 15px;

	margin:0 auto;

}



.small-container{

	position:static;

	max-width:1000px;

	padding:0px 15px;

	margin:0 auto;

}



.page-wrapper{

	position:relative;

	margin:0 auto;

	width:100%;

	min-width:300px;

	overflow: hidden;

	z-index: 99;

}



ul,li{

	list-style:none;

	padding:0px;

	margin:0px;	

}



.theme-btn{

	display:inline-block;

	text-align: center;

	text-transform: uppercase;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	transition:all 0.5s ease;

}



.theme-btn .btn-title{

	position: relative;

	z-index: 9;

	color: inherit;

}



.theme-btn span:not(.btn-title){

	position: absolute;

	left: 0;

	bottom: 0;

	width: 20%;

	height: 100%;

	border-radius: 50%;

	transform: translateY(150%);

	transition: all 500ms ease;

	background-color: #ab7442;

	z-index: 0;

}



.theme-btn span:nth-child(2){

	left: 20%;

	transition-delay: 100ms;

}



.theme-btn span:nth-child(3){

	left: 40%;

	transition-delay: 200ms;

}



.theme-btn span:nth-child(4){

	left: 60%;

	transition-delay: 300ms;

}



.theme-btn span:nth-child(5){

	left: 80%;

	transition-delay: 400ms;

}



.theme-btn:hover span{

	transform: translateY(0) scale(2);

}



.centered{

	text-align:center !important;

}



/*Btn Style One*/



.btn-style-one{

	position: relative;

    font-size: 16px;

    line-height: 24px;

    color: #ab7442;

    padding: 11px 30px 9px;

    font-weight: 600;

    border-radius: 5px;

    border: 3px solid #ab7442;

    overflow: hidden;

}



.btn-style-one:hover{

	color: #ffffff;

	background-color: transparent;

	box-shadow: 0 10px 20px rgba(0,0,0,0.10);

}



/*Btn Style Two*/



.btn-style-two{

	position: relative;

    font-size: 16px;

    line-height: 30px;

    color: #ffffff;

    padding: 11px 30px 9px;

    font-weight: 600;

    border-radius: 5px;

    background-color: #ab7442;

    overflow: hidden;

}



.btn-style-two:hover{

	color: #ab7442;

	box-shadow: 0 10px 20px rgba(0,0,0,0.10);

}



.btn-style-two span:not(.btn-title){

	background-color: #ffffff !important;

}



/*Btn Style Three*/



.btn-style-three{

	position: relative;

    font-size: 16px;

    line-height: 24px;

    color: #ffffff;

    padding: 11px 30px 9px;

    font-weight: 600;

    border-radius: 5px;

    border: 3px solid #ffffff;

    overflow: hidden;

}



.btn-style-three:hover{

	color: #ab7442;

    border: 3px solid #ffffff;

	box-shadow: 0 10px 20px rgba(0,0,0,0.10);

}



.btn-style-three span:not(.btn-title){

	background-color: #ffffff !important;

}



/*Btn Style Four*/



.btn-style-four{

	position: relative;

    font-size: 16px;

    line-height: 30px;

    color: #ab7442;

    padding: 11px 30px 9px;

    font-weight: 600;

    border-radius: 5px;

    background-color: #ffffff;

    overflow: hidden;

}



.btn-style-four:hover{

	color: #ffffff;

	box-shadow: 0 10px 20px rgba(0,0,0,0.25);

}



.btn-style-four span:not(.btn-title){

	background-color: #ab7442;

}



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



.list-style-one{

	position: relative;

	display: block;

	margin-bottom: 30px;

}



.list-style-one li{

	position: relative;

	font-size: 18px;

	line-height: 1.6em;

	color: #353535;

	font-weight: 500;

	padding-left: 25px;

	margin-bottom: 10px;

}



.list-style-one li:before{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 14px;

	line-height: 25px;

	color: #ab7442;

	font-weight: 900;

	font-family: "Font Awesome 5 Free";

    content: "\f00c";

}



/*=== List Style Two ===*/



.list-style-two{

	position: relative;

	display: block;

	margin-bottom: 30px;

}



.list-style-two li{

	position: relative;

    font-size: 16px;

    line-height: 28px;

    color: #353535;

    font-weight: 400;

    padding-left: 30px;

    margin-bottom: 5px;

    font-family: "Montserrat", sans-serif;

}



.list-style-two li a{

	color: #353535;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.list-style-two li:before{

	position: absolute;

    left: 0;

    top: 0;

    font-size: 14px;

    line-height: 28px;

    color: #ab7442;

    font-weight: 900;

    font-family: "Font Awesome 5 Free";

    content: "\f061";

}



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



.list-style-three{

	position: relative;

	display: block;

	margin-bottom: 30px;

}



.list-style-three li{

	position: relative;

    font-size: 18px;

    line-height: 28px;

    color: #353535;

    font-weight: 400;

    padding-left: 20px;

    margin-bottom: 5px;

}



.list-style-three li a{

	color: #353535;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.list-style-three li a:hover{

	color: #ab7442;

}



.list-style-three li:before{

	position: absolute;

    left: 0;

    top: 10px;

    height: 10px;

    width: 10px;

    border: 1px solid #ab7442;

    border-radius: 5px;

    content: "";

}



.theme_color{

	color:#ab7442;

}



.pull-right{

	float: right;

}



.pull-left{

	float: left;

}



.preloader{ 

	position:fixed; 

	left:0px; 

	top:0px; 

	width:100%; 

	height:100%; 

	z-index:999999; 

	background-color:#ffffff; 

	background-position:center center; 

	background-repeat:no-repeat; 

	background-image:url(../images/icons/preloader.svg);

}



img{

	display:inline-block;

	max-width:100%;

	height:auto;	

}



.tabs-box{

	position: relative;

}



.tabs-box .tab{

	display: none;

}



.tabs-box .active-tab{

	display: block;

}



.far:before{

	font-family: "Font Awesome 5 Free" !important;

}



/*** 



====================================================================

	Scroll To Top style

====================================================================



***/



.scroll-to-top{

	position: fixed;

	right: 30px;

	bottom: 30px;

	height: 30px;

	width: 30px;

	font-size:16px;

	line-height:30px;

	color:#040025;

	text-align:center;

	cursor:pointer;

	z-index:100;

	background:#ffffff;

	display:none;

	border-radius: 0;

	margin: 0 auto;

	box-shadow: 0 0 5px rgba(0,0,0,0.10);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;		

}



.scroll-to-top:hover{

	background:#ab7442;

	color: #ffffff;

}



/*** 



====================================================================

	Main Header style

====================================================================



***/



.main-header{

	position:relative;

	left:0px;

	top:0px;

	width:100%;

	z-index:999;

}



.main-header .header-top{

	position: relative;

	background-color: #353535;

}



.main-header .top-left{

	position: relative;

	float: left;

}



.main-header .top-left .text{

	position: relative;

	padding: 6px 0;

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

}



.main-header .top-left .text .icon{

	color: #ab7442;

	margin-right: 5px;

}



.main-header .top-right{

	position: relative;

	float: right;

	padding: 0 18px;

}



.main-header .header-top .contact-info{

	position: relative;

	float: left;

}



.main-header .header-top .contact-info li{

	position: relative;

	float: left;

	color: #ffffff;

	font-size: 14px;

	line-height: 30px;

	padding: 6px 0;

	margin-right: 45px;

}



.main-header .header-top .contact-info li .icon{

	position: relative;

	float: left;

	font-size: 14px;

	color: #ffffff;

	line-height: 30px;

	margin-right: 10px;

}



.main-header .header-top .contact-info li a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-header .header-top .contact-info li a:hover{

	text-decoration: underline;

}



.main-header .header-top .social-icon-one{

	position: relative;

	float: right;

	padding: 6px 0;

}



/*Social Icon One*/



.social-icon-one{

	position:relative;

}



.social-icon-one li{

	position:relative;

	float: left;

	margin-left: 20px;

}



.social-icon-one li:first-child{

	margin-left: 0;

}



.social-icon-one li a{

	position:relative;

	display:block;

	font-size:16px;

	color:#ffffff;

	line-height: 29px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.social-icon-one li a:hover{

	color: #ab7442;

}



/*Social Icon Two*/



.social-icon-two{

	position:relative;

}



.social-icon-two li{

	position:relative;

	float: left;

	margin-left: 20px;

}



.social-icon-two li:first-child{

	margin-left: 0;

}



.social-icon-two li a{

	position:relative;

	display:block;

	font-size:16px;

	color:#353535;

	line-height: 29px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.social-icon-two li a:hover{

	color: #ab7442;

}



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



.main-header .header-lower{

	position: relative;

	background-color: #ffffff;

}



.main-header .header-lower .logo-outer{

	position: relative;

	float: left;

	padding: 4px ;

}



.main-header .header-lower .logo{

	position: relative;

}



.main-header .header-lower .logo img{

	position: relative;

	max-width: 100%;

	height: auto;

}



.main-header .header-lower .nav-outer{

	position: relative;

	float: right;

}



.main-header .main-box{

	position:relative;

	left:0px;

	top:0px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu{

	position:relative;

	float:left;

	font-family: 'Montserrat', sans-serif;

}



.main-menu .navbar-header{

	display: none;

}



.main-menu .navbar-collapse{

	padding:0px;	

}



.main-menu .navigation{

	position:relative;

	margin:0px;

}



.main-menu .navigation > li{

	position:relative;

	float:left;

	padding:35px 0px;

	margin-right: 35px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu .navigation > li > a{

	position:relative;

	display:block;

	text-align:center;

	opacity:1;

	font-weight:500;

	color:#353535;

	font-size:18px;

	line-height:30px;

	padding: 0;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-menu .navigation > li:hover > a,

.main-menu .navigation > li.current > a{

	color: #ab7442;

}



.main-menu .navigation > li > a:before{

	position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 100%;

    content: "";

    background-color: #ab7442;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: top right;

    -ms-transform-origin: top right;

    transform-origin: top right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}



.main-menu .navigation > li:hover > a:before,

.main-menu .navigation > li.current > a:before{

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    transform-origin: bottom left;

}



.main-menu .navigation > li > ul{

	position:absolute;

	left:0px;

	top:100%;

	width: 250px;

	padding:20px 15px;

	z-index:100;

	background:#ffffff;

	opacity: 1;

	-webkit-transform:scaleY(0);

	-moz-transform:scaleY(0);

	-ms-transform:scaleY(0);

	-o-transform:scaleY(0);

	transform:scaleY(0);

	transform-origin: top;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



.main-menu .navigation > li > ul.from-right{

	left:auto;

	right:0px;	

}



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

	position:relative;

	width:100%;

}



.main-menu .navigation > li > ul > li:last-child{

	border-bottom:none;	

}



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

	position: relative;

    display: block;

    padding: 5px 10px;

    line-height: 30px;

    font-weight: 500;

    font-size: 16px;

	color:#353535;

	text-align:left;

	white-space: nowrap;

	text-transform:capitalize;

	-webkit-transition:all 200ms ease;

	-moz-transition:all 200ms ease;

	-ms-transition:all 200ms ease;

	transition:all 200ms ease;

}



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

	color:#ffffff;

	background-color: #ab7442;

}



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

	font-family: 'Font Awesome 5 Free';

    content: "\f105";

    position: absolute;

    right: 10px;

    top: 10px;

    display: block;

    line-height: 20px;

    font-size: 16px;

    font-weight: 900;

    z-index: 5;

}



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

	position:absolute;

	left:100%;

	top:0%;

	width:250px;

	padding:20px 15px;

	z-index:100;

	opacity: 1;

	background:#ffffff;

	margin-left: 15px;

	margin-top: -20px;

	-webkit-transform:scaleX(0);

	-moz-transform:scaleX(0);

	-ms-transform:scaleX(0);

	-o-transform:scaleX(0);

	transform:scaleX(0);

	-webkit-transform-origin:left;

	-ms-transform-origin:left;

	-moz-transform-origin:left;

	transform-origin:left;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);

}



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

	position:relative;

	width:100%;

}



.main-menu .navigation > li > ul > li > ul > li:last-child{

	border-bottom:none;	

}



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

	position:relative;

	display:block;

	padding:5px 10px;

	line-height:30px;

	font-weight:500;

	font-size:16px;

	color:#353535;

	text-align:left;

	white-space: nowrap;

	text-transform:capitalize;

	-webkit-transition:all 200ms ease;

	-moz-transition:all 200ms ease;

	-ms-transition:all 200ms ease;

	transition:all 200ms ease;

}



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

	color:#ffffff;

	background-color: #ab7442;

}



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

	-webkit-transform:scaleY(1);

	-ms-transform:scaleY(1);

	-moz-transform:scaleY(1);

	transform:scaleY(1);

	visibility:visible;

	opacity:1;

	top:100%;	

}



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

	-webkit-transform:scaleX(1);

	-ms-transform:scaleX(1);

	-moz-transform:scaleX(1);

	transform:scaleX(1);

	visibility:visible;

	opacity:1;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;	

	transition:all 500ms ease;

}



.main-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:8px;

	width:34px;

	height:30px;

	border:1px solid #ffffff;

	text-align:center;

	font-size:16px;

	line-height:26px;

	color:#ffffff;

	cursor:pointer;

	z-index:5;

	display:none;

}



.main-header .outer-box{

	position: relative;

	display: flex;

	justify-content: space-around;

	align-items: center;

}



/*search box btn*/



.main-header .search-box-outer{

	position:relative;

	text-align: center;

	padding: 15px 0;

}



.main-header .search-box-btn{

    position: relative;

    display: inline-block;

    font-size: 14px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 400;

	border-radius: 50%;

    background-color: transparent;

}



.dropdown-toggle::after{

	display: none;

}



.main-header .search-box-outer .dropdown-menu{

	top:35px !important;

	left: auto !important;

	right: 0 !important;

	padding:0px;

	width:280px;	

	border-radius:0px;

	transform: none !important;

	border-top:3px solid #ab7442;

}



.header-style-three .search-box-outer .dropdown-menu{

	box-shadow: 0 0 20px rgba(0,0,0,.30);

}



.main-header .search-panel .form-container{

	padding:25px 20px;	

}



.main-header .search-panel .form-group{

	position:relative;

	margin:0px;	

}



.main-header .search-panel input[type="text"],

.main-header .search-panel input[type="search"],

.main-header .search-panel input[type="password"],

.main-header .search-panel select{

	display:block;

	width:100%;

	line-height:24px;

	padding:7px 40px 7px 15px;

	height:40px;

	border:1px solid #e0e0e0;

	background:#ffffff;	

	font-size: 14px;

}



.main-header .search-panel input:focus,

.main-header .search-panel select:focus{

	border-color:#ab7442;	

}



.main-header .search-panel .search-btn{

	position:absolute;

	right:0px;

	top:0px;

	width:40px;

	height:40px;

	text-align:center;

	color:#000000;

	font-size:12px;

	background:none;

	cursor:pointer;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-header .search-panel .search-btn:hover{

	color: #ab7442;

}



/*search box btn*/



.main-header .cart-btn{

	position: relative;

	margin-right: 25px;

	padding: 30px 0;

}



.main-header .cart-btn a{

	position: relative;

	display: block;

	height: 40px;

	width: 40px;

	text-align: center;

	line-height: 40px;

	font-size: 25px;

	color: #000000;

	z-index: 9;

}



.main-header .cart-btn .count{

	position: absolute;

	right: 0px;

	top: 4px;

	height: 16px;

	width: 16px;

	text-align: center;

	line-height: 16px;

	font-size: 10px;

	color: #ffffff;

	background-color: #040025;

	border-radius: 50%;

}



/* Btn Box */



.main-header .header-lower .btn-box{

	position: relative;

	padding: 25px 0;

}



.main-header .header-lower .btn-box a{

	float: right;

}



/***



====================================================================

	Header Style Two

====================================================================



***/



.header-style-two{

	position: relative;

}



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



.header-style-two .header-upper{

	position: relative;

}



.header-style-two .header-upper .logo-outer{

	position: relative;

	padding:35px 0px;

}



.header-style-two .upper-right{

	position: relative;

	padding-top: 40px;

}



.main-header .info-box{

	position:relative;

	float:left;

	text-align: left;

	min-height:50px;

	padding-left:60px;

	margin-left:70px;

	margin-bottom: 30px;

}



.main-header .info-box:first-child{

	margin-left: 0;

}



.main-header .info-box .icon-box{

	position:absolute;

	left:0px;

	top: 0;

	height: 50px;

}



.main-header .info-box .icon-box span{

	font-size: 42px;

	line-height: 50px;

	color: #ab7442;

}



.main-header .info-box li{

	position:relative;

	font-size:14px;

	line-height:25px;

	color:#353535;

	font-weight:400;

}



.main-header .info-box li strong{

	font-size: 18px;

	font-weight: 600;

}



.main-header .info-box li a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-header .info-box li a:hover{

	color: #ab7442;

}



.main-header .info-box.btn-box{

	padding-left: 0;

}



.main-header .info-box.btn-box .theme-btn{

	float: left;

	padding: 15px 40px;

	line-height: 20px;

	font-size: 14px;

}



.header-style-two .logo-outer{

	padding: 45px 0;

}



.header-style-two .header-lower{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

}



.header-style-two .main-box{

	position: relative;

	background-color: #ffffff;

	padding:0 35px;

	border-top: 1px solid #fafafa;

	box-shadow: 0 0 10px rgba(0,0,0,0.05);

}



.header-style-two .header-lower .nav-outer{

	width: 100%;

}



.header-style-two .outer-box{

	float: right;

}



.header-style-two .main-menu .navigation > li{

	padding: 15px 0;

}



.header-style-two .outer-box .social-links{

	float: left;

	padding: 15px 0;

	margin-right: 30px;

}



.header-style-two .cart-btn{

	padding: 10px 0;

}



.header-style-two .search-box-btn{

	width: 30px;

	height: 30px;

	border: 1px dashed #353535;

	color: #353535;

	font-size: 12px;

}



.header-style-two .header-lower{

	background-color: transparent;

}



/*** 



====================================================================

		Header Style Three

====================================================================



***/



.header-style-three{

	position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}



.header-style-three.fixed-header{

	position: fixed;

	top: 0;

}



.header-style-three.fixed-header .main-box:before{

	opacity: 1;

}



.header-style-three .main-box{

	position: relative;

	z-index: 8;

	padding: 0 25px;

	box-shadow: 0 0 20px rgba(0,0,0,0.20);

}



.header-style-three .main-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ab7442;

	content: "";

	opacity: .80;

	z-index: -1;

}



.header-style-three .logo-outer{

	position: relative;

	padding: 15px 0;

}



.header-style-three .nav-outer{

	position: relative;

	float: right;

}



.header-style-three .main-menu .navigation > li{

	padding: 25px 15px;

	margin-right: 10px;

}



.header-style-three .cart-btn a,

.header-style-three .main-menu .navigation > li > a{

	color: #ffffff;

}



.header-style-three .main-menu .navigation > li.current > a,

.header-style-three .main-menu .navigation > li:hover > a{

	color: #ab7442;

}



.header-style-three .main-menu .navigation > li:before{

	position: absolute;

	left: 0;

	top: 0px;

	height: 100%;

	width: 100%;

	background-color: #ffffff;

	content: "";

	-webkit-transform: scaleY(0);

	-moz-transform: scaleY(0);

	-ms-transform: scaleY(0);

	-o-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: top;

	-moz-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.header-style-three .main-menu .navigation > li.current:before,

.header-style-three .main-menu .navigation > li:hover:before{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.header-style-three .outer-box{

	position: relative;

	margin-left: 30px;



}



.header-style-three .cart-btn{

	padding: 20px 0;

}



.header-style-three .search-box-outer{

	padding: 25px 0;

}



.header-style-three .search-box-btn{

	font-size: 18px;

}



.sidebar-btn-outer{

	position: relative;

	padding: 25px 0;

	float: right;

	margin-left: 30px;

}



.sidebar-btn{

	position: relative;

	display: block;

	height: 30px;

	width: 30px;

	font-size: 16px;

	line-height: 30px;

	color: #ab7442;	

	text-align: center;

	background-color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.sidebar-btn:hover{

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

}



/*** 



====================================================================

		Sticky Header

====================================================================



***/



.header-span{

	position: relative;

	height: 80px;

	display: block;

}



.header-style-four{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

}



.header-style-four.fixed-header{

	position: fixed;

	top: 0;

}



.header-style-four .main-box{

	display: flex;

	justify-content: space-between;

  	align-items: center;

  	background-color: #ffffff;

  	padding: 0 30px;

  	box-shadow: 0 0 30px rgba(0,0,0,.30);

}



.header-style-four.fixed-header .main-box{

	max-width: 1170px;

	margin: 0 auto;

}



.header-style-four .logo-outer{

	position: relative;

	padding: 15px 0;

}



.header-style-four .nav-outer{

	position: relative;

	float: none;

}



.header-style-four .main-menu .navigation > li{

	padding: 25px 15px;

	margin-right: 10px;

}



.header-style-four .cart-btn a,

.header-style-four .main-menu .navigation > li > a{

	color: #353535;

}



.header-style-four .main-menu .navigation > li.current > a,

.header-style-four .main-menu .navigation > li:hover > a{

	color: #ab7442;

}



.header-style-four .cart-btn{

	padding: 20px 0;

}



.header-style-four .search-box-outer{

	padding: 25px 0;

}



.header-style-four .search-box-btn{

	font-size: 18px;

	color: #353535;

}



.header-style-four .sidebar-btn{

	color: #ffffff;

	background-color: #ab7442;

}



/*** 



====================================================================

		Sticky Header

====================================================================



***/



.sticky-header {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    left: 0px;

    top: 0px;

    width: 100%;

    padding: 0px 0px;

    z-index: 99999;

    background: #ffffff;

    box-shadow: 0 0 20px rgba(0,0,0,.05);

}



.fixed-header .sticky-header{

	opacity:1;

	z-index: 9999;

	visibility:visible;

}



.fixed-header .sticky-header .logo{

	padding: 10px 0;

}



.sticky-header .main-menu .navigation > li{

	margin-left: 40px;

	padding: 0 !important;

	margin-right: 0;

	background-color: transparent;

}



.sticky-header .main-menu .navigation > li:after{

	display: none;

}



.sticky-header .main-menu .navigation > li > a{

	padding:20px 0px;

	text-transform:capitalize;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.sticky-header .main-menu .navigation > li a:before{

	bottom: 20px;

}



.sticky-header .main-menu .navigation > li:hover > a,

.sticky-header .main-menu .navigation > li.current > a,

.sticky-header .main-menu .navigation > li.current-menu-item > a{

	opacity:1;

	color: #ab7442;

	background-color: #ffffff;

}



.sticky-header .main-menu .navigation > li:before,

.sticky-header .main-menu .navigation > li.dropdown > a:after{

	display: none;

}



.sticky-header .main-menu .navigation > li.dropdown:hover > ul{

	margin-top: 0;

}



.sticky-header .auto-container{

	max-width: 1200px;

}



/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobile-menu .navigation > li > ul{
	padding: 10px 0;
}

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

.mobile-menu .navigation > li > ul > li > ul{
	padding-left: 15px;
}

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

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

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

/***


====================================================================

	Hidden Sidebar style

====================================================================



***/



.hidden-bar{

	position: fixed;

    left: -500px;

    top: 0px;

    max-width: 360px;

	height:100%;

	overflow-y:auto;

    z-index: 99999;

    opacity: 0;

	background-color: #ffffff;

    visibility: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.side-content-visible .hidden-bar{

	left:0px;

	opacity:1;

	visibility:visible;

}



.hidden-bar .inner-box{

	position:relative;

	background-color: #ffffff;

	padding:55px 30px 50px;

}



.hidden-bar .inner-box .cross-icon{

	position:absolute;

	right:30px;

	top:54px;

	height: 30px;

	width: 30px;

	line-height: 30px;

	font-size:16px;

	text-align: center;

	cursor:pointer;

	color:#ffffff;

	z-index: 9;

	background-color: #ab7442;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.hidden-bar .inner-box .cross-icon:hover{

	transform: rotate(-360deg);

	background-color: #353535;

}



.hidden-bar .inner-box h2{

	position:relative;

	font-size:24px;

	font-weight:500;

	line-height:1.2em;

	color:#353535;

	margin-bottom:25px;

}



/*Appointment Form*/



.hidden-bar .appointment-form{

	position:relative;

}



.hidden-bar .appointment-form .form-group{

	position:relative;

	margin-bottom:15px;

}



.hidden-bar .appointment-form input[type="text"],

.hidden-bar .appointment-form input[type="email"],

.hidden-bar .appointment-form textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:23px;

	padding:10px 20px;

	height:45px;

	color:#ffffff;

	font-size:16px;

	border:1px solid transparent;

	background-color: #ab7442;

	transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

}



.hidden-bar .appointment-form input::placeholder,

.hidden-bar .appointment-form textarea::placeholder{

	color:#ffffff;

}



.hidden-bar .appointment-form textarea{

	height:135px;

	resize:none;

}



.hidden-bar .appointment-form .form-group button{

	margin-top:10px;

	display: block;

	width: 100%;

	border-radius: 0;

	font-weight: 500;

}



.contact-info-box{

	position:relative;

	padding-top:10px;

}



.contact-info-box .info-list{

	position:relative;

	padding-bottom:18px;

	margin-bottom:25px;

}



.contact-info-box .info-list li{

	position:relative;

	color:#353535;

	font-size:18px;

	font-weight:500;

	margin-bottom:5px;

}



.contact-info-box .info-list:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:50px;

	height:1px;

	background-color:#353535;

}



.contact-info-box .info-list li a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.contact-info-box .info-list li a:hover{

	color: #ab7442;

}



.contact-info-box .social-list{

	position:relative;

}



.contact-info-box .social-list li{

	position:relative;

	width:50%;

	float:left;

	margin-bottom:6px;

	display:inline-block;

}



.contact-info-box .social-list li a{

	position:relative;

	font-size:15px;

	font-weight:500;

	color:rgba(0,0,0,0.70);

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.contact-info-box .social-list li a:hover{

	color:rgba(0,0,0,1);

}



.mCSB_inside>.mCSB_container{

	margin-right: 0;

}



.form-back-drop{

	position:fixed;

	right:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	background:rgba(0,0,0,0.70);

	visibility:hidden;

	z-index:99999;

	transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-webkit-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;	

}



.side-content-visible .form-back-drop{

	opacity:1;

	visibility:visible;

}



.mCSB_inside>.mCSB_container{

	margin-right: 0;

}



/*** 



====================================================================

		Section Title

====================================================================



***/



.sec-title{

	position:relative;

	margin-bottom:60px;

}



.sec-title h2{

	position: relative;

	display: inline-block;

    font-size: 72px;

    color: #353535;

    line-height: 1em;

    font-weight: 600;

    color: transparent;

    cursor: default;

    -webkit-text-stroke: 1px #353535;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.sec-title h2:hover{

	color: #353535;

    -webkit-text-stroke: 1px transparent;

}



.sec-title h2:before,

.sec-title h2:after{

	position: absolute;

    left: 100%;

    bottom: 20%;

    height: 2px;

    width: 50px;

    background-color: #ab7442;

    content: "";

    margin-left: 15px;

}



.sec-title.text-center h2:before{

	left: auto;

	right: 100%;

	margin-right: 15px;

	margin-left: 0;

}



.sec-title .text{

	position: relative;

    display: block;

    font-size: 18px;

    line-height: 1.4em;

    color: #353535;

    font-weight: 400;

    margin-top: 20px;

}



.sec-title.light h2{

    -webkit-text-stroke: 1px #ffffff;

}



.sec-title.light h2:hover{

	color: #ffffff;

    -webkit-text-stroke: 1px transparent;

}



.sec-title.light h2:before,

.sec-title.light h2:after{

    background-color: #ffffff;

}



.sec-title.light .text{

	color: #ffffff;

}



/*** 



====================================================================

	Page Title

====================================================================



***/



.page-title{

	position:relative;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center center;

	padding:100px 0px;

	text-align:center;

}



.page-title:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	background-color: #000000;

	opacity: .60;

}



.page-title h1{

	position:relative;

	font-weight:500;

	font-size: 70px;

	line-height:1.2em;

	z-index:99;

	color: #ffffff;

	font-family: 'PT Serif', serif;

	margin-bottom: 10px;

}



.page-title .bread-crumb{

	position:relative;

	z-index:1;

}



.page-title .bread-crumb li{

	position: relative;

    display: inline-block;

    font-size: 18px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 500;

    margin-right: 18px;

    padding-right: 18px;

}



.page-title .bread-crumb li:last-child{

	margin-right:0px;

	padding-right: 0;

}



.page-title .bread-crumb li:after{

	position:absolute;

	content:'|';

	top:0px;

	right:-4px;

	font-size:18px;

	line-height: 30px;

	color:#ffffff;

	font-weight:700;

}



.page-title .bread-crumb li:last-child:after{

	display:none;	

}



.page-title .bread-crumb li a{

	color:#ffffff;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.page-title .bread-crumb li a:hover{

	color:#ab7442;	

}



.play-now {

	position: relative;

	display: block;

	z-index: 9;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.play-now .icon{

    position: relative;

    display: inline-block;

    height: 80px;

    width: 80px;

    text-align: center;

    line-height: 80px;

    background-color: #040025;

    color: #ffffff;

    z-index: 1;

    padding-left: 5px;

    font-size: 24px;

    display: block;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    -moz-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, .3);

    box-shadow: 0  0px 10px 0 rgba(255, 255, 255, .3);

    -webkit-transform-origin:center; 

    transform-origin:center; 

}



.play-now .ripple,

.play-now .ripple:before,

.play-now .ripple:after {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 70px;

    width: 70px;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);

    -webkit-animation: ripple 3s infinite;

    -moz-animation: ripple 3s infinite;

    -ms-animation: ripple 3s infinite;

    -o-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}



.play-now .ripple:before {

    -webkit-animation-delay: .9s;

    -moz-animation-delay: .9s;

    -ms-animation-delay: .9s;

    -o-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

}



.play-now .ripple:after {

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    -ms-animation-delay: .6s;

    -o-animation-delay: .6s;

    animation-delay: .6s;

    content: "";

    position: absolute;

}



@-webkit-keyframes ripple {

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

    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

}



@keyframes ripple {

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

    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

} 



/*** 











====================================================================

		Banner Section

====================================================================



***/



.banner-section{

	position: relative;

}



.banner-section .slide-item{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



 .banner-section .slide-item .image-layer{

	 position:absolute;

	 left:0;

	 top:0;

	 width:100%;

	 height:100%;

	 background-repeat: no-repeat;

	 background-position: center center;

	 background-size: cover;

 }





.banner-section .slide-item .content-box{

	position: relative;

	height: 800px;

	width: 100%;

	display: table;

	vertical-align: middle;

	text-align: center;

}



.banner-section .slide-item .content-box:after{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	opacity: .50;

	content: "";

}



.banner-section .slide-item .content{

	position: relative;

	display: table-cell;

	vertical-align: middle;

	z-index: 9;

}



.banner-section .slide-item .title{

	position: relative;

	display: inline-block;

	font-size: 20px;

	line-height: 1em;

	font-weight: 500;

	color: #ffffff;

	margin-bottom: 30px;

	opacity: 0;

	-webkit-transform: translateY(100px);

	-moz-transform: translateY(100px);

	-ms-transform: translateY(100px);

	-o-transform: translateY(100px);

	transform: translateY(100px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active .title{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

}



.banner-section .slide-item .title:before,

.banner-section .slide-item .title:after{

	position: absolute;

	left: 100%;

	top: 50%;

	height: 3px;

	width: 30%;

	background-color: #ab7442;

	content: "";

	margin-left: 30px;

}



.banner-section .slide-item .title:before{

	left: auto;

	right: 100%;

	margin-right: 30px;

	margin-left: 0;

}



.banner-section .slide-item h2{

	position: relative;

	display: block;

	font-size: 80px;

	line-height: 1.1em;

	color: #ffffff;

	font-weight: 500;

	text-transform: capitalize;

	margin-bottom: 30px;

	opacity: 0;

	font-family: 'PT Serif', serif;

	-webkit-transform: translateY(100px);

	-moz-transform: translateY(100px);

	-ms-transform: translateY(100px);

	-o-transform: translateY(100px);

	transform: translateY(100px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active h2{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 250ms;

	-moz-transition-delay: 250ms;

	-ms-transition-delay: 250ms;

	-o-transition-delay: 250ms;

	transition-delay: 250ms;

}



.banner-section .slide-item .text{

	position: relative;

	display: block;

	font-size: 24px;

	line-height: 1.4em;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 40px;

	opacity: 0;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active .text{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 500ms;

	-moz-transition-delay: 500ms;

	-ms-transition-delay: 500ms;

	-o-transition-delay: 500ms;

	transition-delay: 500ms;

}



.banner-section .slide-item .btn-box{

	opacity: 0;

	-webkit-transform: translateY(50px);

	-moz-transform: translateY(50px);

	-ms-transform: translateY(50px);

	-o-transform: translateY(50px);

	transform: translateY(50px);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .active .btn-box{

	opacity: 1;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 750ms;

	-moz-transition-delay: 750ms;

	-ms-transition-delay: 750ms;

	-o-transition-delay: 750ms;

	transition-delay: 750ms;

}



.banner-section .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	text-align: right;

	transform: scale(1.5);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section:hover .owl-nav{

	transform: scale(1);

}



.banner-section .owl-prev,

.banner-section .owl-next{

	position: absolute;

	left: 0;

	top: 0;

	height: 50px;

	width: 50px;

	background-color: rgba(255,255,255,.20);

	font-size: 18px;

	line-height: 50px;

	color: #999999;

	font-weight: 400;

	text-transform: uppercase;

	text-align: center;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.banner-section .owl-next{

	left: auto;

	right: 0;

}



/* .banner-section .owl-prev:hover,

.banner-section .owl-next:hover{

	background-color: rgba(0,0,0,.80);

} */



.banner-section .owl-dots{

	display: none;

}



/*=== Banner Section Style Two ===*/



.banner-section.style-two .slide-item .title{

	margin-top: 80px;

}



/*=== Banner Section Style Two ===*/



.banner-section.style-three .slide-item .title{

	margin-top: 80px;

}



/*** 



====================================================================

			Banner Section Two

====================================================================



***/



.banner-section-two{

	position: relative;

}



.banner-section-two .shape-layer{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

	z-index: 1;

}



.banner-section-two .images-carousel{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

}



.banner-section-two .images-carousel .owl-nav{

	display: none;

}



.banner-section-two .image-layer{

	position:relative;

	float: right;

	top:0;

	width:50%;

	height: 700px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.banner-section-two .content-box{

	position: relative;

	height: 700px;

	width: 50%;

	display: table;

	vertical-align: middle;

	text-align: center;

}



.banner-section-two .content{

	position: relative;

	display: table-cell;

	vertical-align: middle;

	z-index: 9;

}



.banner-section-two .title{

	position: relative;

	display: inline-block;

	font-size: 20px;

	line-height: 1em;

	font-weight: 500;

	color: #353535;

	margin-bottom: 30px;

}



.banner-section-two .title:before,

.banner-section-two .title:after{

	position: absolute;

	left: 100%;

	top: 50%;

	height: 3px;

	width: 30%;

	background-color: #ab7442;

	content: "";

	margin-left: 30px;

}



.banner-section-two .title:before{

	left: auto;

	right: 100%;

	margin-right: 30px;

	margin-left: 0;

}



.banner-section-two h2{

	position: relative;

	display: block;

	font-size: 60px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	text-transform: capitalize;

	margin-bottom: 30px;

	font-family: 'PT Serif', serif;

}



.banner-section-two .text{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 1.6em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 40px;

}



/*** 



====================================================================

			Video Banner

====================================================================



***/



.video-banner{

	position: relative;

}



.video-banner .overlay,

.video-banner .image-layer{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-repeat:no-repeat;

	background-position: center;

	background-size: cover;

}



.video-banner .overlay{

	background-color: #000000;

	opacity: .70;

}



.video-banner .content-box{

	position: relative;

	height: 700px;

	width: 100%;

	display: table;

	vertical-align: middle;

	text-align: center;

}



.video-banner .content{

	position: relative;

	display: table-cell;

	vertical-align: middle;

	z-index: 9;

}



.video-banner .title{

	position: relative;

	display: inline-block;

	font-size: 20px;

	line-height: 1em;

	font-weight: 500;

	color: #ffffff;

	margin-bottom: 30px;

}



.video-banner .title:before,

.video-banner .title:after{

	position: absolute;

	left: 100%;

	top: 50%;

	height: 3px;

	width: 30%;

	background-color: #ab7442;

	content: "";

	margin-left: 30px;

}



.video-banner .title:before{

	left: auto;

	right: 100%;

	margin-right: 30px;

	margin-left: 0;

}



.video-banner h2 {

    position: relative;

    display: block;

    font-size: 72px;

    line-height: 1.2em;

    color: #ffffff;

    font-weight: 600;

    text-transform: capitalize;

    margin-bottom: 20px;

    font-family: 'Montserrat', sans-serif;

}



.video-banner .text{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 1.6em;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 30px;

}



/*** 



====================================================================

			Service Section

====================================================================



***/

  



.services-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 140px 0 100px;

	background-color: #fafafa;

}



.services-section .right-btn{

	margin-top: 60px;

}



.services-section .carousel-outer{

	margin: 0 -20px;

}



.services-section .services-carousel{

	padding-bottom: 60px;

}



.service-block{

	position: relative;

	padding: 20px;

	margin-bottom: 30px;

}



.service-block .inner-box{

	position: relative;

	overflow: hidden;

	border:12px solid #ffffff;

	box-shadow: 0 0 20px rgba(0,0,0,.10);

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block .inner-box:hover{

}



.service-block .image-box{

	position: relative;



}





.service-block .image-box .image{

	position: relative;

	margin-bottom: 0;

	overflow: hidden;

}



.service-block .image-box .image:before{

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	content: "";

	z-index: 1;

	transform: scale(0);

	border-radius: 500px;

	background-color: rgba(255,255,255,.20);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 200ms ease;

}



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

	-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-ms-transform: scale(2);

	-o-transform: scale(2);

	transform: scale(2);

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.service-block .image-box .image img{

	position: relative;

	display: block;

	width: 100%;

    height: 100%;

    object-fit: cover; /* Заповнює контейнер, зберігаючи якість */

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block .inner-box:hover .image img{

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}



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

	opacity: 0;

}



.service-block .lower-content{

	position: relative;

	text-align: center;

	padding: 30px 20px;

	background-color: #ffffff;

}



.service-block .lower-content h4{

	position: relative;

	display: block;

	font-size:  22px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 15px;

}



.service-block .lower-content h4 a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block .lower-content h4 a:hover{

	color: #ab7442;

}



.service-block .lower-content .text{

	position: relative;

    margin-bottom: 15px;

}



.service-block .btn-box{

	position: relative;

}



.service-block .btn-box a{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	font-weight: 600;

	color: #353535;

}



.service-block .btn-box a span{

	opacity: 0;

	visibility: hidden;

	font-size: 12px;

	transform: translateX(-20px);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;



}



.service-block .btn-box a:hover{

	color: #353535;

}



.service-block .inner-box:hover .btn-box a span{

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	-ms-transform: translateX(0px);

	-o-transform: translateX(0px);

	transform: translateX(0px);

	visibility: visible;

	opacity:1;

}





.service-block .image-box img {

	height: 400px !important;

	object-fit: cover;

	object-position: center;

	width: 100%;

	/* border-radius: 10px 10px 0 0; */

  }



  .image-box {

	position: relative;

  }

  

  .service-badge {

	position: absolute;

	top: 10px;

	left: 10px;

	background-color: #77492e; /* темно-коричневий дубовий стиль */

	color: white;

	padding: 6px 15px;

	font-weight: bold;

	font-size: 14px;

	border-radius: 5px;

	z-index: 2;

	white-space: nowrap;

  }

  

  



/*** 



====================================================================

			Service Section Two

====================================================================



***/







.services-section-two{

	position: relative;

	padding: 140px 0 90px;

	background-color: #fafafa;

}



.services-section-two:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-image: url(../images/icons/pattern-4.png);

	background-repeat: no-repeat;

	background-position: center;

	content: "";

}



.services-section-two .image-column{

	position: relative;

	margin-bottom: 50px;

}



.services-section-two .image-column .image{

	position: relative;

    border: 10px solid #fff;

    margin-right: 20px;

    box-shadow: 0 0 30px rgba(0,0,0,0.15);

    margin-bottom: 0;

}



.services-section-two .image-column .image img{

	display: block;

	width: 100%;

}



.services-section-two .services-column{

	position: relative;

	margin-bottom: 50px;

}



.service-block-two{

	position: relative;

}



.service-block-two .inner-box{

	position: relative;

	padding: 40px 35px;

	text-align: center;

	background-color: #ffffff;

	box-shadow: 0 0 30px rgba(0,0,0,0.10); 

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-two .icon{

	position: relative;

	display: block;

	font-size: 70px;

	line-height: 1em;

	color: #ab7442;

	margin-bottom: 20px;

	text-align: center;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 500ms ease;

}



.service-block-two h3{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 15px;

}



.service-block-two h3 a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-two h3 a:hover{

	color: #353535;

}



.service-block-two .text{

	position: relative;

}



.services-carousel .owl-nav{

	display: none;

}



.services-carousel .owl-dots{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

}



.services-carousel .owl-dot,

.services-carousel .owl-dot{

	position: relative;

	display: inline-block;

	height: 12px;

	width: 12px;

	border:1px solid #ab7442;

	border-radius: 50%;

	margin: 0 5px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.services-carousel .owl-dot.active,

.services-carousel .owl-dot:hover{

	background-color: #ab7442;

}



/*** 



====================================================================

			Modal Form Section Three

====================================================================



***/



/* Стилізація модального вікна */

/* Фон модального вікна */

#modalRequest {

    display: none !important; /* Гарантовано ховаємо ще до завантаження JS */

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    justify-content: center;

    align-items: center;

    opacity: 0; /* Додаємо плавне відображення */

    transition: opacity 0.3s ease-in-out;

}

#modalRequest.show {

    display: flex !important;

    opacity: 1;

}





/* Контент модального вікна */

.modal-content {

    background: white;

    padding: 20px;

    border-radius: 10px;

    width: 400px;

    position: relative;

    text-align: center;

}



/* Кнопка закриття */

.close {

    position: absolute;

    right: 15px;

    top: 10px;

    font-size: 24px;

    cursor: pointer;

}



/* Інпут і textarea */

input, textarea {

    width: 100%;

    margin-bottom: 10px;

    padding: 8px;

    border: 1px solid #ccc;

    border-radius: 5px;

}





.theme-btn:hover {

    background-color: #8a572e;

} 



.custom-modal {

    display: none;

    position: fixed;

    z-index: 9999;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

}



.modal-content {

    background: #fff;

    padding: 30px;

    max-width: 500px;

    margin: 10% auto;

    position: relative;

    border-radius: 10px;

}



.close-modal {

    position: absolute;

    top: 15px;

    right: 20px;

    font-size: 24px;

    cursor: pointer;

}











/*** 



====================================================================

			Service Section Three

====================================================================



***/



.services-section-three{

	position: relative;

	padding: 120px 0 90px;

}



.service-block-three{

	position: relative;

	margin-bottom: 30px;

}



.service-block-three .inner-box{

	position: relative;

	padding: 30px 20px;

	padding-left: 110px;

	border:1px solid #dddddd;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .inner-box:before{

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    width: 100%;

    content: "";

    background-color: #ab7442;

    -webkit-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: top right;

    -ms-transform-origin: top right;

    transform-origin: top right;

    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

}



.service-block-three .inner-box:hover:before {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    transform-origin: bottom left;

}



.service-block-three .inner-box:hover{

	box-shadow: none;

	box-shadow: 0 0 50px rgba(0,0,0,0.10);

}



.service-block-three .icon{

	position: absolute;

	left: 20px;

	top: 30px;

	height: 70px;

	width: 70px;

	line-height: 70px;

	color: #ab7442;

	font-size: 54px;

	margin-bottom: 15px;

	text-align: center;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three h3{

	position: relative;

	display: block;

	color: #353535;

	font-size:  20px;

	line-height: 1.2em;

	font-weight: 500;

	margin-bottom: 5px;

}



.service-block-three h3 a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three h3 a:hover{

	color: #ab7442;

}



.service-block-three .text{

	position: relative;

	font-size: 16px;

	line-height: 24px;

	color: #353535;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .read-more{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	font-family: 'Montserrat', sans-serif;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.service-block-three .read-more:hover{

	color: #ab7442;

}



/*** 



====================================================================

		Service Details

====================================================================



***/



.service-detail-section{

	position:relative;

	padding:110px 0px 80px;	

	background-color: #ffffff;

	z-index: 9;

}



.service-detail{

	position: relative;

}



.service-detail .image-box{

	position: relative;

	margin-bottom: 40px;

}



.service-detail .image-box .image{

	position: relative;

	margin-bottom: 0px;

}



.service-detail .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

}



.service-detail .content-box{

	position:relative;

}



.service-detail .content-column{

	position:relative;

}



.service-detail .content-column .inner-column{

	position: relative;

}



.service-detail .content-box h2{

	position: relative;

	font-size: 42px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 600;

	margin-bottom: 30px;

}



.service-detail .content-box h4{

	position: relative;

	font-size: 28px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 600;

	margin-bottom: 20px;

}



.service-detail .content-box p{

	position:relative;

	margin-bottom: 30px;

}



.service-detail .two-column{

	position: relative;

	margin-top: 40px;

}



.service-detail .two-column .text-column{

	position: relative;

	margin-bottom: 13px;

}



.service-detail .two-column .text-column p{

	margin-bottom: 28px;

}



.service-detail .two-column .image-column{

	position: relative;

	margin-bottom: 40px;

}



.service-detail .two-column .image{

	position: relative;

	margin-bottom: 0;

}



.service-detail .two-column .image img{

	display: block;

	width: 100%;

}



.service-detail .feature-box{

	position: relative;

}



.service-detail .feature-box .feature-block{

	position: relative;

	margin-bottom: 40px;

}



.feature-box .feature-block .inner{

	position: relative;

	padding: 30px 25px;

	box-shadow: 0 0px 20px rgba(0,0,0,0.08);

	padding-left: 90px;

	border-bottom: 3px solid #ab7442;

}



.feature-box .feature-block .icon-box{

	position: absolute;

	left: 25px;

	top: 25px;

}



.feature-box .feature-block .icon-box span{

	font-size: 40px;

	line-height: 40px;

	color: #ab7442;

}



.feature-box .feature-block h3{

	font-size: 20px;

	line-height: 30px;

	color: #353535;

	font-weight: 500;

}



.service-detail .work-area .work-block{

	position: relative;

	text-align: left;

	width: 25%;

}



.service-detail .work-area h4{

	margin-bottom: 50px;

}



/*Service Tabs*/



.service-tabs{

	position: relative;

	margin-bottom: 30px;

}



.service-tabs .tab-btns{

	position:relative;

	z-index:1;

	display: flex;

	align-items: stretch;

}



.service-tabs .tab-btns .tab-btn{

	position:relative;

	font-size: 18px;

	line-height: 20px;

	color: #353535;

	font-weight: 500;

	padding: 15px 30px;

	background-color: #fafafa;

	cursor: pointer;

	text-transform: capitalize;

}



.service-tabs .tab-btns .tab-btn.active-btn{

	color: #ffffff;

	background-color:#ab7442;

}



.service-tabs .tab .tab-inner{

	position: relative;

	padding: 30px 30px 0px;

	border:1px solid #dddddd;

	background-color: #ffffff;

}



.service-tabs .tab .text{

	margin-bottom: 20px;

}



/*Services Sidebar*/



.services-sidebar{

	position: relative;

}



.sidebar-title{

	position: relative;

	margin-bottom: 20px;

}



.sidebar-title h3{

	position: relative;

	display: block;

	font-size: 26px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 600;

}



/*Services Category*/



.category-list{

	position:relative;

}



.category-list li{

	position:relative;

	border:1px solid #e7e7e7;

	border-bottom: 0;

}



.category-list li:last-child{

	border-bottom: 1px solid #e7e7e7;

}



.category-list li:before{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 4px;

	background-color: #353535;

	content: "";

	opacity: 0;

	visibility: hidden;

}



.category-list li.active:before,

.category-list li:hover:before{

	opacity: 1;

	visibility: visible;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.category-list li a{

	font-size:18px;

	font-weight:500;

	color:#353535;

	line-height: 30px;

	padding: 10px 25px;

	display:block;

	padding-left: 38px;

	overflow: hidden;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.category-list li.active a,

.category-list li:hover a{

	color: #ffffff;

}



.category-list li a:before{

	position: absolute;

	left: 20px;

	top: 10px;

	font-size: 14px;

	line-height: 30px;

	color: #353535;

	font-weight: 900;

  	content: "\f0da";

  	font-family: "Font Awesome 5 Free";

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.category-list li.active a:before,

.category-list li:hover a:before{

	color: #ffffff;

}



.category-list li a:after{

	position: absolute;

	left: -1px;

	top: 0;

	height: 100%;

	width: 100%;

	content: "";

	background-color: #ab7442;

	z-index: -1;

	-webkit-transition: -webkit-transform 0.4s ease;

	transition: -webkit-transform 0.4s ease;

	transition: transform 0.4s ease;

	transition: transform 0.4s ease, -webkit-transform 0.4s ease;

	-webkit-transform: scale(0, 1);

	-ms-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: right top;

	-ms-transform-origin: right top;

	transform-origin: right top;

}



.category-list li.active a:after,

.category-list li:hover a:after{

	-webkit-transform-origin: left bottom;

	-ms-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

}



/*=== Brochure Box ===*/



.brochure-box{

	position: relative;

	margin-bottom: 50px;

}



.brochure-box .inner{

	position: relative;

	background-color: #ffffff;

}



.brochure-box h4{

	display: block;

	font-size: 24px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 20px;

}



.brochure-box .text{

	font-size: 15px;

	line-height: 25px;

	color: #353535;

	margin-bottom: 30px;

}



.brochure-box .theme-btn{

	margin-bottom: 20px;

	display: block;

	text-align: center;

	text-transform: capitalize;

}



.brochure-box .theme-btn i{

	font-size: 18px;

	margin-right: 10px;

}



.brochure-box .theme-btn:last-child{

	margin-bottom: 0;

}



/* Help Box*/



.help-box{

	position: relative;

}



.help-box .inner-box{

	position:relative;

	padding:40px 40px 30px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.help-box .inner-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #353535;

	content: "";

	opacity: .80;

}



.help-box h6{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 25px;

}



.help-box p{

	position:relative;

	font-size:16px;

	line-height:26px;

	color:#ffffff;

	font-weight: 400;

	margin-bottom:25px;

	opacity: .70;

}



.help-box .info-box{

	position: relative;

	margin-bottom: 30px;

}



.help-box .info-box li{

	position: relative;

	display: block;

	font-size: 17px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 8px;

	padding-left: 30px;

}



.help-box .info-box li a{

	color: #ffffff;

}



.help-box .info-box li a:hover{

	text-decoration: underline;

}



.help-box .info-box li .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 16px;

	color: #ab7442;

	line-height: 26px;

}



.help-box .theme-btn{

	position: relative;

	padding: 10px 40px;

}



/*** 



====================================================================

			Video Section

====================================================================



***/



.video-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 120px 0 0;

}



.video-section:before{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	opacity: 0.85;

	content: "";

}



.video-section:after{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 250px;

	width: 100%;

	background-color: #ffffff;

	content: "";

}



.video-section .upper-box{

	position: relative;

	text-align: center;

	max-width: 970px;

	margin: 0 auto 40px;

}



.video-section .upper-box h3{

	position: relative;

	font-size: 48px;

	line-height: 1.3em;

	color: #ffffff;

	font-weight: 600;

	margin-bottom: 20px;

}



.video-section .upper-box .text{

	position: relative;

	font-size: 20px;

	line-height: 1.4em;

	color: #ffffff;

	font-weight: 500;

}



.video-section .video-box{

	position: relative;

	max-width: 970px;

	margin: 0 auto;

	margin-top: 90px;

}



.video-box{

	position: relative;

	z-index: 7;

}



.video-box .image{

	position: relative;

	margin: 0;

}



.video-box .image img{

	display: block;

	width: 100%;

	height: auto;

	border:10px solid #ffffff;

	box-shadow: 0 0 30px rgba(0,0,0,0.20);

}



.video-box .play-now{

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -60%);

	-moz-transform: translate(-50%, -60%);

	-ms-transform: translate(-50%, -60%);

	-o-transform: translate(-50%, -60%);

	transform: translate(-50%, -60%);

}



.video-box .play-now .icon{

	background-color: #ffffff;

	color: #353535;

	padding-left: 0;

	font-size: 44px;

	-webkit-animation: pulse 2s infinite;

	-moz-animation: pulse 2s infinite;

	-ms-animation: pulse 2s infinite;

	-o-animation: pulse 2s infinite;

	animation: pulse 2s infinite;

}



.video-section .content-box{

	position: relative;

}



.video-section .content-box .title-box{

	position: relative;

	float: left;

	margin-bottom: 40px;

	padding: 10px 0;

}



.video-section .content-box h4{

	position: relative;

	display: block;

	font-size: 24px;

	line-height:40px;

	color: #ffffff;

	font-weight: 400;

}



.video-section .content-box .btn-box{

	position: relative;

	float: right;

	margin-bottom: 40px;

}



.video-section .content-box .btn-box .theme-btn{

	background-color: transparent;

	color: #ffffff;

	padding: 18px 35px;

}



/*** 



====================================================================

		Fun facts Section

====================================================================



***/



.fun-facts-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	background-attachment: fixed;

	padding: 110px 0 60px;

}



.fun-facts-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	content: "";

	opacity: .70;

}



.fun-facts-section .fact-counter .counter-column{

	position:relative;

	margin-bottom:50px;

}



.fun-facts-section .fact-counter .counter-column .inner-column{

	position: relative;

	text-align: center;

	background-color: rgba(0,0,0,0.40);

	padding: 40px 0;

}



.fun-facts-section .fact-counter .icon{

	position: relative;

	display: inline-block;

	font-size:38px;

	line-height: 80px;

	width: 80px;

	height: 80px;

	text-align: center;

	background-color: #ab7442;

	border-radius: 50%;

	color:rgba(255,255,255,.70);

	font-weight: 300;

	margin-bottom: 24px;

}



.fun-facts-section .fact-counter .count-box{

	position: relative;

	display: block;

	font-size:40px;

	line-height: 1em;

	font-weight:700;

	color:#ffffff;

}



.fun-facts-section .fact-counter .count-box .count-text{

	position:relative;

	font-size:40px;

	line-height: 1em;

	font-weight:700;

	color:#ffffff;

}



.fun-facts-section .fact-counter .counter-title{

	position: relative;

	display: block;

	font-size:16px;

	line-height:24px;

	font-weight:400;

	color:#ffffff;

	padding-top: 16px;

	padding-bottom: 6px;

}



/*** 



====================================================================

			Fluid Section One

====================================================================



***/



.fluid-section-one{

	position:relative;

}



.fluid-section-one .outer-container{

	position:relative;

	min-height:350px;

	padding-top: 100px;

}



.fluid-section-one .image-column{

	position:absolute;

	float:left;

	top:0px;

	bottom: 100px;

	left:0px;

	width:55%;

	background-repeat:no-repeat;

	background-position:center center;

	background-size:cover;	

}



.fluid-section-one .image-column .image-box{

	position:relative;

	display:none;	

}



.fluid-section-one .image-column .image-box img{

	position:relative;

	display:block;

	width:100%;

}



.fluid-section-one .content-column{

	position:relative;

	float:right;

	width:55%;

	background-color: #ffffff;

	box-shadow: 0 0 50px rgba(0,0,0,0.10);

	z-index: 9;

}



.fluid-section-one .content-column .inner-column{

	position:relative;

	max-width:800px;

	padding:70px 15px 60px 70px;

}



.fluid-section-one .content-column .sec-title{

	margin-bottom: 35px;

}



.fluid-section-one .content-column .sec-title h2{

	font-size: 50px;

}



.fluid-section-one .content-column .text-box{

	margin-bottom: 30px;

}



.feature-block-two{

	position: relative;

	margin-bottom: 30px;

}



.feature-block-two .inner-box{

	position: relative;

	padding-left: 80px;

	min-height: 80px;

}



.feature-block-two .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 60px;

	line-height: 80px;

	color: #ab7442;

}



.feature-block-two h4{

	font-size: 22px;

	margin-bottom: 10px;

}



.feature-block-two .text{

	font-size: 16px;

}



/*** 



====================================================================

			About Us								

====================================================================



***/



.about-us{

	position: relative;

	padding: 120px 0 70px;

}



.about-us:before{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 100%;

	content: "";

	background-image: url(../images/icons/pattern-4.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	opacity: .80;

	transform: scaleX(-1);

}



.about-us .sec-title{

	margin-bottom: 20px;

}



.about-us .content-column{

	position: relative;

	margin-bottom: 50px;

}



.about-us .content-column .inner-column{

	position: relative;

}



.about-us .title{

	font-size: 34px;

	text-transform: capitalize;

	margin-bottom: 20px;

}



.about-us .about-years{

	position: relative;

	margin-bottom: 30px;

	padding: 10px 30px;

	background-color: #ffffff;

	box-shadow: 0 10px 20px rgba(0,0,0,0.10);

}



.about-us .about-years:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	border-left: 3px solid #ab7442;

	content: "";

}



.about-us .about-years .years{

	position: relative;

	display: inline-block;

	font-size: 24px;

	line-height: 1.2em;

	font-weight: 700;

	margin-right: 10px;

	color: #ab7442;

	font-family: 'Montserrat', sans-serif;

}



.about-us .about-years h3{

	position: relative;

	display: inline-block;

	font-size: 22px;

	line-height: 1.2em;

	color: #353535; 

}



.about-us .content-column .text-box{

	margin-bottom: 25px;

}



.about-us .content-column .text-box p{

	position: relative;

	margin-bottom: 20px;

}



.about-us .list-style-one li{

	margin-bottom: 5px;

}



.about-us .bottom-box{

	position: relative;

	display: flex;

	align-items: center;

}



.about-us .bottom-box .signature{

	margin-right: 10px;

}



.about-us .bottom-box .signature img{

	display: block;

}



.about-us .bottom-box .name{

	position: relative;

	font-size: 18px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	margin-right: 20px;

}



.about-us .bottom-box .name span{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 1.2em;

	color: #888888;

}



.about-us .content-column .list-style-one{

	margin-bottom: 40px;

}



.about-us .btn-box{

	position: relative;

}



.about-us .btn-box a{

	display: block;

}



.about-us .image-column{

	position: relative;

	margin-bottom: 50px;

}



.about-us .image-column .inner-column{

	position: relative;

	padding-left: 50px;

}



.about-us .image-column .inner-column:before{

	position: absolute;

	right: -50px;

	top: 50px;

	height: 400px;

	width: 200px;

	background-image: url(../images/icons/pattern.png);

	content: "";

}



.about-us .image-column .image{

	position: relative;

	z-index: 9;

	margin-bottom: 0;

	text-align: center;

}



.about-us .image-column .image img{

	display: inline-block;

	width: auto;

	border:10px solid #ffffff;

	box-shadow: 0 0 30px rgba(0,0,0,0.20);

}



.about-us .image-column .message{

	position: absolute;

	left: 0;

	bottom: 40px;

	background-color: #ffffff;

	width: 100%;

	text-align: center;

	font-size: 18px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	padding: 20px 30px;

	z-index: 9;

	box-shadow: 0 0 30px rgba(0,0,0,0.20);

}



/*** 



====================================================================

			Work Section

====================================================================



***/



.work-section{

	position: relative;

	padding: 100px 0 50px;

}



.work-area{

	position: relative;

	counter-reset:count;

	margin: 0 -15px;

}



.work-block{

	position: relative;

	margin-bottom: 50px;

}



.work-block .inner-box{

	padding: 26px 15px;

	text-align: center;

	box-shadow: 0 0 15px rgba(0,0,0,0.02);

}



.work-block .icon-box{

	position: relative;

	display: block;

	margin-bottom: 20px;

}



.work-block .icon-box .icon{

	position: relative;

	display: inline-block;

	font-size: 30px;

	line-height: 60px;

	color: #000000;

	height: 60px;

	width: 60px;

	border: 1px solid #f1f1f1;

	border-radius: 50%;

	box-shadow: 0 10px 10px rgba(0,0,0,0.05);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.work-block:hover .icon-box .icon{

	color: #ab7442;

}



.work-block:hover .icon-box:before{

	opacity: 0.10;

}



.work-block .text{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 24px;

	color: #888888;

	font-weight: 400;

	max-width: 200px;

	margin: 0 auto;

}



/*** 



====================================================================

		Project Section

====================================================================



***/



.project-section{

	position:relative;

}



.project-section .upper-box{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding:100px 0 70px;

}



.project-section .upper-box:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	opacity: .70;

	content: "";

}



.project-section .sec-title{

	margin-bottom: 0px;

}



.project-block{

	position:relative;

}



.project-block .inner-box{

	position:relative;

	display:block;

	overflow: hidden;

}



.project-block .inner-box .image-box{

	position:relative;

	margin-bottom: 0;

}



.project-block .inner-box .image-box img{

	position:relative;

	width:100%;

	display:block;

}



.project-block .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:block;

	opacity:0;

	visibility: hidden;

	background-color:rgba(0,0,0,0.90);

	transform-origin: bottom;

	-webkit-transform: scaleY(2);

	-moz-transform: scaleY(2);

	-ms-transform: scaleY(2);

	-o-transform: scaleY(2);

	transform: scaleY(2);

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-ms-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.project-block .inner-box:hover .overlay-box{

	opacity:1;

	visibility: visible;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.project-block .overlay-box h4{

	position: absolute;

	left: 45px;

	bottom: 0px;

	font-size: 20px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 500;

	letter-spacing: 0.02em;

	text-transform: uppercase;

	transform-origin: bottom left;

	white-space: nowrap;

	padding-left: 200px;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	transform: rotate(-90deg);

}



.project-block .overlay-box h4:before{

	position: absolute;

	left: 0;

	top: 14px;

	height: 1px;

	width: 180px;

	content: "";

	background-color: #ffffff;

}



.project-block .overlay-box h4 a{

	color: #ffffff;

}



.project-block .overlay-box .view-project{

	position: absolute;

	right: 50px;

	bottom: 40px;

	font-size:18px;

	line-height: 24px;

	color: #ffffff;

	font-weight: 500; 

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block .overlay-box .view-project i{

	font-size: 16px;

	margin-left: 10px;

}



.project-block .overlay-box .view-project:hover{

	color: #ab7442;

}



.project-carousel .owl-dots{

	display: none;

}



.project-carousel .owl-nav{

	position: absolute;

	left: 0;

	right: 0;

	top: -100px;

	max-width: 1200px;

	width: 100%;

	padding: 0 15px;

	margin: 0 auto;

	text-align: right;

	display: none;

}



.project-carousel .owl-next,

.project-carousel .owl-prev{

	position: relative;

	display: inline-block;

	height: 30px;

	width: 30px;

	background-color: #ffffff;

	font-size: 14px;

	line-height: 30px;

	color: #353535;

	font-weight: 400;

	text-align: center;

	margin-left: 10px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-carousel .owl-next:hover,

.project-carousel .owl-prev:hover{

	background-color: #353535;

	color: #ffffff;

}



/*** 



====================================================================

		Project Section Two

====================================================================



***/



.projects-section-two{

	position: relative;

	padding: 120px 0;

}



.projects-section-two.alternate{

	background-color: #fafafa;

}



/*=== Sortable Masonry ===*/



.sortable-masonry .filters{

	margin-bottom:50px;

	text-align: center;

}



.sortable-masonry .filters .filter-tabs{

	position:relative;

	display: inline-block;

	margin: 0;

	list-style-type: none;

}



.sortable-masonry .filters li{

	position: relative;

    display: inline-block;

    line-height: 20px;

    padding: 10px 20px;

    font-size: 16px;

    cursor: pointer;

    color: #222222;

    font-weight: 500;

    background: #fafafa;

    margin: 0 3px 10px;

    border: 1px solid transparent;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.sortable-masonry .filters .filter.active,

.sortable-masonry .filters .filter:hover{

	color: #fff;

    background: #ab7442;

}



.project-block-two{

	position: relative;

	padding: 0 10px;

	margin-bottom: 20px;

}



.project-block-two .inner-box{

	position: relative;

	border-radius: 5px;

	overflow: hidden;

}



.project-block-two .image-box{

	position: relative;

}



.project-block-two .image-box .image{

	position: relative;

	margin-bottom: 0;

}



.project-block-two .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

}



.project-block-two .overlay-box{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	text-align: center;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: scale(.7);

	-moz-transform: scale(.7);

	-ms-transform: scale(.7);

	-o-transform: scale(.7);

	transform: scale(.7);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .overlay-box:before{

	position: absolute;

	top: 15px;

	right: 15px;

	bottom: 15px;

	left: 15px;

	background-color: #ab7442;

	content: "";

	opacity: .70;

}



.project-block-two .inner-box:hover .overlay-box{

	opacity: 1;

	visibility: visible;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.project-block-two .overlay-box .overlay-inner{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .inner-box:hover .overlay-box .overlay-inner{

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition-delay: 200ms;

	-moz-transition-delay: 200ms;

	-ms-transition-delay: 200ms;

	-o-transition-delay: 200ms;

	transition-delay: 200ms;

}



.project-block-two .overlay-box h4{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 1.2em;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 10px;

}



.project-block-two .overlay-box h4 a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .overlay-box h4 a:hover{

	color: #222222;

}



.project-block-two .icon-box{

	position: relative;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translateY(50%);

	-moz-transform: translateY(50%);

	-ms-transform: translateY(50%);

	-o-transform: translateY(50%);

	transform: translateY(50%);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .inner-box:hover .icon-box{

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	-ms-transition-delay: 400ms;

	-o-transition-delay: 400ms;

	transition-delay: 400ms;

}



.project-block-two .icon-box a{

	position: relative;

	display: inline-block;

	margin: 5px;

	font-size: 16px;

	line-height: 40px;

	height: 40px;

	width: 40px;

	background-color: #ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-two .icon-box a:hover{

	background-color: #222222;

	color: #ffffff;

}



.project-block-two .upper-box .category{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #ab7442;

}



.project-block-two .link{

	position: absolute;

	left: 30px;

	bottom: 30px;

	font-size: 18px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 600;

}



.projects-section-two .btn-box{

	position: relative;

	margin-top: 30px;

}



.fancybox-caption-wrap{

	text-align: center;

}



.fancybox-can-drag .fancybox-image-wrap {

    border: 10px solid #ffffff;

}



/*** 



====================================================================

		Projects Section Three

====================================================================



***/



.projects-section-three{

	position: relative;

	background-repeat: no-repeat;

	background-position:center;

	background-size: cover;

	padding: 120px 0;

}



.projects-section-three .project-carousel{

	position: relative;

}



.project-block-three{

	position: relative;

}



.project-block-three .inner-box{

	position: relative;

	padding-right: 300px;

}



.project-block-three .image-box{

	position: relative;

	opacity: 0;

	-webkit-transform: translateX(20%);

	-moz-transform: translateX(20%);

	-ms-transform: translateX(20%);

	-o-transform: translateX(20%);

	transform: translateX(20%);

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.projects-section-three .active .project-block-three .image-box{

	opacity: 1;

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	-ms-transition-delay: 400ms;

	-o-transition-delay: 400ms;

	transition-delay: 400ms;

}



.project-block-three .image-box .image{

	position: relative;

	margin-bottom: 0;

}



.project-block-three .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

	border:10px solid #ffffff;

}



.project-block-three .content-box{

	position: absolute;

	right: 0;

	top: 50%;

	padding: 40px 30px;

	max-width: 400px;

	width: 100%;

	background-color: #ffffff;

	background-repeat: repeat;

	background-position: center;

	opacity: 0;

	border-radius: 10px;

	box-shadow: 0 0 30px rgba(0,0,0,0.50);

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.projects-section-three .active .project-block-three .content-box{

	opacity: 1;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition-delay: 400ms;

	-moz-transition-delay: 400ms;

	-ms-transition-delay: 400ms;

	-o-transition-delay: 400ms;

	transition-delay: 400ms;

}



.project-block-three .content-box h4{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 1.4em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 15px;

}



.project-block-three .content-box h4 a{

	display: inline-block;

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-block-three .content-box h4 a:hover{

	color: #ab7442;

}



.project-block-three .content-box .text{

	position: relative;

	margin-bottom: 20px;

}



.project-block-three .btn-box{

	position: relative;

}



.project-block-three .btn-box a{

	border:2px solid;

	padding: 7px 20px 6px;

	font-size: 14px;

}



.projects-section-three .owl-nav{

	position: absolute;

	right: 100px;

	bottom: 0px;

}



.projects-section-three .owl-next,

.projects-section-three .owl-prev{

	position: relative;

	display: inline-block;

	text-align: center;

	margin-left: 10px;

	font-size: 22px;

	line-height: 46px;

	height: 50px;

	width: 50px;

	border:2px solid #ffffff;

	color: #ffffff;

	border-radius: 50%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.projects-section-three .owl-next:hover,

.projects-section-three .owl-prev:hover{

	background-color: #353535;

}



.projects-section-three .upper-box{

	position: relative;

}



.projects-section-three .view-all{

	position: absolute;

	right: 0;

	top: 11px;

}



/*** 



====================================================================

		Project Detail

====================================================================



***/



.project-detail{

	position: relative;

	padding: 120px 0;

	z-index: 8;

}



.project-detail .text-column{

	position: relative;

}



.project-detail .upper-box{

	position: relative;

	margin: 0 -30px;

	margin-bottom: 0px;

} 



.project-detail .upper-box .image{

	position: relative;

	padding: 30px;

	margin-bottom: 0;

}



.project-detail .upper-box .image img{

	display: block;

	width: 100%;

	height: auto;

	border: 10px solid #ffffff;

	box-shadow: 0 0 30px rgba(0,0,0,0.10);

}



.project-detail .single-item-carousel .owl-nav{

	position: absolute;

	right: 60px;

	bottom: 60px;

	text-align: right;

}



.project-detail .single-item-carousel .owl-next,

.project-detail .single-item-carousel .owl-prev{

	position: relative;

	display: inline-block;

	margin-left: 10px;

	height: 50px;

	width: 50px;

	border:2px solid #ffffff;

	text-align: center;

	font-size: 26px;

	line-height: 46px;

	color: #ffffff;

	border-radius: 50%;

	font-weight: 400;

	box-shadow: 0 0 10px rgba(0,0,0,0.10);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .single-item-carousel .owl-next:hover,

.project-detail .single-item-carousel .owl-prev:hover{

	background-color: rgba(255,255,255,1);

	color: #353535;

}



/* Lower Content */



.project-detail .lower-content{

	position: relative;

	padding-top: 35px;

}



.project-detail .lower-content h2{

	font-size: 38px;

	line-height: 1.2em;

	color: #252525;

	font-weight: 500;

	margin-bottom: 30px

}



.project-detail .lower-content h3{

    position: relative;

    display: block;

    font-size: 28px;

    line-height: 1.2em;

    color: #252525;

    font-weight: 500;

    margin-bottom: 20px;

}



.project-detail .lower-content h4{

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 1.2em;

    color: #252525;

    font-weight: 500;

    margin-bottom: 20px;

}



.project-detail .lower-content p{

	font-size: 16px;

	line-height: 30px;

	color: #353535;

	margin-bottom:30px;

}



.project-detail .lower-content .list-style-one li{

	font-size: 16px;

	line-height: 30px;

	color: #353535;

	font-weight: 400;

	margin-bottom: 5px;

}



.project-detail .two-column{

	position: relative;

}



.project-detail .two-column .text-column{

	position: relative;

	margin-bottom: 13px;

}



.project-detail .two-column .text-column p{

	margin-bottom: 28px;

}



.project-detail .two-column .image-column{

	position: relative;

	margin-bottom: 40px;

}



.project-detail .two-column .image{

	position: relative;

	margin-bottom: 0;

}



.project-detail .two-column .image img{

	display: block;

	width: 100%;

}



.project-detail blockquote{

	position: relative;

	border-left: 4px solid;

	border-color: #ab7442;

	background-color: #fafafa;

	padding: 25px 40px;

	font-size: 18px;

	line-height: 1.8em;

	margin-bottom: 30px;

}



.project-detail blockquote cite{

	display: block;

	text-align: right;

	font-style: normal;

	margin-top: 10px;

}



.project-detail blockquote cite strong{

	font-weight: 500;

	color: #353535;

}



.project-detail .project-info{

	position: relative;

	display: block;

}



.project-detail .project-info li{

	position: relative;

	display: block;

	padding-left: 35px;

	padding-right: 20px;

	padding-bottom: 10px;

	border-bottom: 1px dotted #999999;

	margin-bottom: 10px;

}



.project-detail .project-info li:after{

	content: "";

	clear: both;

	display: table;

}



.project-detail .project-info li .icon{

	position: absolute;

	left: 0;

	top: 0;

	width: 30px;

	text-align: center;

	font-size: 18px;

	line-height: 28px;

	color: #ab7442;

}



.project-detail .project-info li strong{

	float: left;

	width: 40%;

	color: #252525;

	font-size: 16px;

	font-weight: 600;

	line-height: 30px;

	padding-right: 10px;

}



.project-detail .project-info li p{

	position: relative;

	float: left;

	width: 60%;

	font-size: 16px;

	line-height: 30px !important;

	color: #353535;

	font-weight: 400;

	margin-bottom: 0;

}



.project-detail .project-info li p a{

	color: #353535;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .project-info li p a:hover{

	color: #ab7442;

}



/* Load More Option */



.load-more-option{

	position: relative;

	display: block;

	width: 100%;

	text-align: center;

	margin-top: 50px;

}



.load-more-option li.prev a,

.load-more-option li.next a{

	position: relative;

	display: block;

	font-size: 18px;

	line-height: 20px;

	width: 120px;

	padding: 10px 10px;

	text-align: center;

	color: #ffffff;

	font-weight: 500;

	background-color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.load-more-option li.prev a:hover,

.load-more-option li.next a:hover{

	background-color: #ab7442;

	box-shadow: 0 0 30px rgba(0,0,0,0.10);

}



.load-more-option .load-more{

	position: relative;

	display: inline-block;

	font-size: 30px;

}



.load-more-option .load-more a{

	position: relative;

	display: inline-block;

	font-size: 30px;

	line-height: 42px;

	color: #ab7442;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.load-more-option .load-more a:hover{

	color: #000000;

}



/*** 



====================================================================

			Styled Pagination

====================================================================



***/



.styled-pagination{

	position:relative;

	display: block;

	width: 100%;

	margin-top: 50px;

}



.styled-pagination ul{

	position:relative;

	display: inline-block;

	text-align: center;

	border: 1px solid #ebebeb;

	padding: 9px 0;

	background-color: #ffffff;

	box-shadow: 0 0 15px rgba(0,0,0,0.10);

}



.styled-pagination li{

	position:relative;

	display: inline-block;

	margin: 0;

	font-family: 'Montserrat', sans-serif;

	text-transform: uppercase;

	font-weight: 600;

}



.styled-pagination li a{

	position:relative;

	display: block;

	height:30px;

	width: 30px;

	text-align: center;

	line-height:30px;

	font-weight:400;

	font-size:13px;

	color:#353535;

	border-radius: 50%;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.styled-pagination li a:hover,

.styled-pagination li.active a{

	color:#ffffff;	

	background:#ab7442;

}



.styled-pagination li.next-post a{

	top: 3px;

	width: 120px;

	padding: 0 15px;

	border-radius: 0;

	color: #020202;

	font-size: 24px;

	line-height: 30px;

	background-color: transparent !important;

	margin-left: 70px;

	text-align: right;

}



.styled-pagination li.prev-post a{

	top: 3px;

	width: 120px;

	padding: 0 15px;

	border-radius: 0;

	color: #020202;

	margin-right: 70px;

	font-size: 24px;

	line-height: 30px;

	background-color: transparent !important;

	text-align: left;

}



.styled-pagination li.prev-post a span,

.styled-pagination li.next-post a span{

	margin: 0 5px;

	display: inline-block;

}



.styled-pagination li.prev-post a:hover,

.styled-pagination li.next-post a:hover{

	color: #ab7442;

}



/*** 



====================================================================

		Offer Section

====================================================================



***/



.offer-section{

	position: relative;

    padding: 120px 0 70px;

    overflow: hidden;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-color: #fafafa;

}



.offer-section:before {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ffffff;

	opacity: .10;

    content: "";

}

/*

.offer-section:after{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-repeat: repeat;

	background-image: url(../images/icons/pattern-61.png);

    content: "";

	opacity: .40;

}

*/



.offer-section .content-column{

	position: relative;

	margin-bottom: 50px;

	z-index: 1;

}



.offer-section .content-column > .inner-column{

	position: relative;

    padding: 50px 30px 30px;

    box-shadow: 0 0 30px rgba(0,0,0,0.05);

    margin-left: -80px;

    padding-left: 100px;

    background: #fff;

    margin-top: 30px;

}



.offer-section .content-column .title{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 500;

	padding: 0 15px;

	background-color: #ab7442;

	text-transform: uppercase;

	margin-bottom: 20px;

}



.offer-section .content-column .title:before{

	position: absolute;

	top: 0;

	left: 100%;

	border-right: 20px solid transparent;

	border-top: 30px solid #ab7442;

	content: "";

}



.offer-section .content-column h2{

	position: relative;

	display: block;

	font-size: 32px;

	line-height: 1.4em;

	color: #353535;

	font-weight: 500;

	text-transform: capitalize;

	margin-bottom: 20px;

}



.offer-section .content-column h2 .discount{

	position: relative;

	display: inline-block;

	font-size: 48px;

	line-height: 1em;

	color: #ab7442;

	font-weight: 500;

}



.offer-section .content-column .text{

	position: relative;

	margin-bottom: 30px;

}



.offer-section .fact-counter{

	position: relative;

}



.offer-section .fact-counter .counter-column{

	position:relative;

	margin-bottom: 30px;

}



.offer-section .fact-counter .counter-column .inner-column{

	position: relative;

    text-align: center;

    padding-top: 0;

    box-shadow: none;

}



.offer-section .fact-counter .icon{

    position: relative;

    display: block;

    font-size: 50px;

    text-align: center;

    color: #ab7442;

    margin-bottom: 10px;

    line-height: 1em;

}



.offer-section .fact-counter .count-box{

	position: relative;

	display: block;

	font-size:40px;

	line-height: 1em;

	font-weight:700;

	color:#353535;

	margin-bottom: 10px;

}



.offer-section .fact-counter .count-box .count-text{

	position:relative;

	font-size:40px;

	line-height: 1em;

	font-weight:700;

	color:#353535;

}



.offer-section .fact-counter .counter-title{

	position: relative;

	display: block;

	font-size:16px;

	line-height:24px;

	font-weight:400;

	color:#353535;

}



.offer-section .form-column{

	position: relative;

	z-index: 9;

	margin-bottom: 50px;

}



.offer-section .form-column .inner-column{

    position: relative;

    padding-right: 40px;

}



.offer-section .form-column .text{

	position: relative;

	display: block;

	font-weight: 500;

	padding: 15px 30px;

	font-size: 16px;

	background: #ffffff;

	border:1px solid #dddddd;

	margin-bottom: 30px;

}



.offer-section .discount-form{

    position: relative;

    background-color: #cccccc;

    padding: 50px 30px 30px;

    border: 10px solid #ffffff;

    box-shadow: 0px 0px 30px rgba(0,0,0,0.15);

}



.discount-form .form-group{

	position:relative;

	margin-bottom:20px;	

}



.discount-form .form-group input[type="text"],

.discount-form .form-group input[type="email"],

.discount-form .form-group input[type="url"],

.discount-form .form-group textarea,

.discount-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    color: #353535;

    line-height: 20px;

    padding: 14px 20px;

    background-color: rgba(255,255,255,1);

    border: 1px solid #dddddd;

    font-weight: 400;

    border-radius: 5px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.discount-form .form-group input:focus,

.discount-form .form-group select:focus,

.discount-form .form-group textarea:focus{

	border-color:#ab7442;

}



.discount-form .form-group textarea{

	height: 160px;

	resize: none;

	padding-top: 20px;

}



.discount-form .form-group button{



}



/*** 



====================================================================

		Products Section

====================================================================



***/



.products-section{

	position: relative;

	padding: 120px 0 70px;

}



.products-section .carousel-outer{

	position: relative;

	margin: 0 -20px;

}



.products-section .products-carousel{

	position: relative;

}



.shop-item{

	position: relative;

	padding: 20px;

	margin-bottom: 30px;

}



.shop-item .inner-box{

	position: relative;

	overflow: hidden;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

}



.shop-item .image-box{

	position: relative;

	overflow: hidden;

	border:5px solid #ffffff;

	border-bottom: 0;

}



.shop-item .image-box .image{

	position: relative;

	margin-bottom: 0;

}



.shop-item .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

}



.shop-item .overlay-box{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: scale(1.50);

	-moz-transform: scale(1.50);

	-ms-transform: scale(1.50);

	-o-transform: scale(1.50);

	transform: scale(1.50);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.shop-item .inner-box:hover .overlay-box{

	opacity: 1;

	visibility: visible;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.shop-item .overlay-box .tag{

	position: absolute;

	left: 20px;

	top: 20px;

	padding: 0px 15px;

	border-radius: 3px; 

	background-color: #ffffff;

	font-size: 12px;

	line-height: 25px;

	color: #353535; 

	border-radius: 5px;

}



.shop-item .overlay-box .btn-box{

	position: absolute;

	text-align: center;

	bottom: 20px;

	width: 100%;

}



.shop-item .overlay-box .btn-box a{

	position: relative;

	display: inline-block;

	font-size: 14px;

	color: #353535;

	line-height: 40px;

	height: 40px;

	width: 40px;

	border-radius: 50%;

	text-align: center;

	background-color: #ffffff;

	margin: 0 2px;

	box-shadow: 0 0 5px rgba(0,0,0,0.30);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.shop-item .overlay-box .btn-box a:hover{

	background-color: #ab7442;

	color: #ffffff;

}



.shop-item .lower-content{

	position: relative;

	text-align: center;

	padding-top: 15px;

	padding-bottom: 15px;

}



.shop-item .lower-content .name{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 30px;

	color: #353535;

	font-weight: 500;

	margin-bottom: 5px;

}



.shop-item .lower-content .name a{

	display: inline-block;

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.shop-item .lower-content .name a:hover{

	color: #ab7442;

}



.shop-item .lower-content .price{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 20px;

	color: #353535;

	font-weight: 500;

}



.shop-item .lower-content .price del{

	color: #cccccc;

}



.products-section .owl-nav{

	position: absolute;

	right: 25px;

	top: -105px;

	text-align: right;

}



.products-section .owl-next,

.products-section .owl-prev{

	position: relative;

	display: inline-block;

	margin-left: 10px;

	height: 50px;

	width: 50px;

	text-align: center;

	line-height: 48px;

	font-size: 22px;

	color: #353535;

	border: 2px solid #353535;

	transition: all 300ms ease;

}



.products-section .owl-next:hover,

.products-section .owl-prev:hover{

	background-color: #353535;

	color: #ffffff;

}



/*** 



====================================================================

			Call Back Section

====================================================================



***/



.call-back-section{

	position: relative;

	padding: 120px 0;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.call-back-section .outer-box{

	position: relative;

	z-index: 9;

	box-shadow: 0 0 80px rgba(0,0,0,0.50);

}



.call-back-section .text-column{

	position: relative;

}



.call-back-section .text-column .inner-column{

	position: relative;

	padding: 50px;

	height: 100%;

	display: flex;

	justify-content: center;

  	align-items: center;

  	text-align: center;

  	background-color: #ffffff;

}



.call-back-section .text-column .message{

	position: relative;

	font-size: 30px;

	line-height: 1.4em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 25px;

}



.call-back-section .text-column .message strong{

	font-size: 42px;

}



.call-back-section .text-column .text{

	position: relative;

	margin-bottom: 50px;

}



.info-block{

	position:relative;

}



.info-block .inner-box{

	position: relative;

	text-align: center;

	padding: 30px 15px;

	box-shadow: 0 0 30px rgba(0,0,0,0.10);

	background-color: #ffffff;

	border-radius: 20px;

}



.info-block .icon{

	position: relative;

	display: inline-block;

	font-size: 42px;

	margin-bottom: 20px;

	color: #ab7442;

}



.info-block ul li{

	position:relative;

	font-size:16px;

	line-height:1.6em;

	color:#353535;

	font-weight:400;

}



.info-block ul li strong{

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 5px;

}



.info-block ul li a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.info-block ul li a:hover{

	color: #ab7442;

}



.call-back-section .form-column{

	position: relative;	

}



.call-back-section .form-column .inner-column{

	position: relative;

}



.request-form{

	position: relative;

	padding: 50px 30px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	overflow: hidden;

}



.request-form:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #ab7442;

	content: "";

	opacity: .95;

}



.request-form h3{

	font-size: 28px;

    color: #ffffff;

    margin-bottom: 20px;

    font-weight: 600;

}



.request-form .form-group{

	position:relative;

	margin-bottom:15px;	

}



.request-form .form-group:last-child{

	margin-bottom: 0;

}



.request-form .form-group input[type="text"],

.request-form .form-group input[type="email"],

.request-form .form-group input[type="url"],

.request-form .form-group textarea,

.request-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 16px;

    color: #ffffff;

    line-height: 20px;

    padding: 9px 20px;

    border: 1px solid transparent;

	background-color: rgba(0,0,0,.15) !important;

    font-weight: 400;

    border-radius: 2px;

    height: 40px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.request-form .form-group textarea{

	height: 180px;

	resize: none;

}



.request-form .form-group button{

	position: relative;

	display: block;

	width: 100%;

}



/***



====================================================================

		Call To Action

====================================================================



***/



.call-to-action{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 100px 0 0;

	margin-bottom: 100px;

	z-index: 1;

}



.call-to-action.alternate{

	margin-bottom: 220px;

}



.call-to-action:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	/* background-color: #000000; */

	opacity: .75;

	content: "";

}



.call-to-action .content-box{

	position: relative;

	text-align: center;

}



.call-to-action .content-box h2{

	position: relative;

    display: block;

    font-size: 38px;

    line-height: 1.4em;

    color: black;

    font-weight: 500;

    margin-bottom: 40px;

}



.call-to-action .content-box .link-box{

	position: relative;

}



.call-to-action .fact-counter{

	position: relative;

	transform: translateY(50%);

}



.call-to-action .counter-column{

	position:relative;

}



.call-to-action .counter-column .inner-column{

	position: relative;

    text-align: center;

    padding: 40px 0;

    background-color: #ffffff;

    box-shadow: 0 0 30px rgba(0,0,0,0.15);

    border-radius: 20px;

    overflow: hidden;

}



.call-to-action .counter-column .count-box{

	position: relative;

	display: block;

	font-size:42px;

	line-height: 1em;

	font-weight:700;

	color:#353535;

}



.call-to-action .counter-column .count-box .count-text{

	position:relative;

	font-size:42px;

	line-height: 1em;

	font-weight:700;

	color:#353535;

}



.call-to-action .counter-column .counter-title{

	position: relative;

	display: block;

	font-size:16px;

	line-height:1.6em;

	font-weight:400;

	color:#353535;

	padding-top: 10px;

}



/*** 



====================================================================

		Pricing Section

====================================================================



***/



.pricing-section{

	position: relative;

	padding: 120px 0;

}



.pricing-section .row{



}



.pricing-table{

	position: relative;

	padding: 0 30px;

}



.pricing-table .inner-box{

	position: relative;

	max-width: 370px;

	margin: 0 auto;

	padding: 50px 40px 40px;

	border-radius: 20px;

	overflow: hidden;

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.10);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.10);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,0.10);

	-o-box-shadow: 0 0 30px rgba(0,0,0,0.10);

	box-shadow: 0 0 30px rgba(0,0,0,0.10);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.pricing-table.tagged .inner-box:before{

	position: absolute;

	right: 30px;

	top: -3px;

	font-size: 60px;

	line-height: 1em;

	color: #ab7442;

	content: "\f02e";

	font-weight: 900;

	font-family: "Font Awesome 5 Free";

}



.pricing-table .title{

	position: relative;

	display: block;

	font-size: 28px;

	line-height: 20px;

	color: #353535;

	font-weight: 500;

	margin-bottom: 25px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.pricing-table .price{

	position: relative;

	font-size: 48px;

	line-height: 50px;

	color: #353535;

	font-weight: 500;

	margin-bottom: 25px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.pricing-table .price sup{

	display: inline-block;

	font-size: 50%;

	top: -20px;

	margin-right: 5px;

}



.pricing-table .duration{

	position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 1em;

    color: #ab7442;

    text-transform: capitalize;

    font-weight: 500;

    top: -2px;

    margin-left: 4px;

}



.pricing-table .table-content{

	position: relative;

}



.pricing-table .table-content ul{

	position: relative;

	border-top: 2px solid #f3f3f3;

	border-bottom: 2px solid #f3f3f3;

	margin-bottom: 40px;

	background-color: #ffffff;

	padding: 20px 0;

}



.pricing-table .table-content ul li{

	position: relative;

	font-size: 18px;

	line-height: 30px;

	color: #666666;

	font-weight: 500;

	padding: 10px 0;

	padding-left: 20px;

}



.pricing-table .table-content ul li:before{

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -5px;

	height: 10px;

	width: 10px;

	border: 1px solid #ab7442;

	border-radius: 5px;

	content: "";

}



.pricing-table .table-footer{

	position: relative;

	text-align: center;

}



.pricing-table .table-footer a{

	position: relative;

	white-space: nowrap;

	border:2px solid;

}



.pricing-tabs{

	position: relative;

}



.pricing-tabs .tab-buttons{

	text-align: center;

	position: relative;

	margin-top: 50px;

}



.pricing-tabs .tab-btns{

	position: relative;

	display: inline-block;

	width: 220px;

	border: 2px solid #ab7442;

	border-radius: 5px;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

}



.pricing-tabs .tab-btns li{

	position: relative;

	float: left;

	width: 50%;

	font-size: 16px;

	line-height: 20px;

	padding: 14px 15px;

	text-align: center;

	color: #353535;

	font-weight: 500;

	cursor: pointer;

	z-index: 8;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.pricing-tabs .tab-btns li.tab-btn:before{

	position: absolute;

	top: 0;

	left: 100%;

	height: 100%;

	width: 100%;

	background-color: #ab7442;

	content: "";

	z-index: -1;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms linear;

}



.pricing-tabs .tab-btns li.tab-btn:last-child:before{

	display: none;

}



.pricing-tabs .tab-btns li.tab-btn.active-btn{

	color: #ffffff;

}



.pricing-tabs .tab-btns li.tab-btn.active-btn:before{

	left: 0;

}



.pricing-section.alternate{

	padding: 110px 0;

}



.pricing-section.alternate .pricing-tabs .tab-buttons{

	position: relative;

	left: 0;

	top: 0;

	margin-top: 50px;

	text-align: center;

}



/*** 



====================================================================

		FAQ's Sectiom

====================================================================



***/



.faqs-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.faqs-section.alternate{

	padding: 120px 0 100px;

	background-color: #fafafa;

}



.faqs-section .faq-column{

	position: relative;

}



.faqs-section .faq-column .inner-column{

	position: relative;

	padding: 120px 0;

}



.accordion-box{

	position: relative;

	margin: 0;

}



.accordion-box .block {

	position: relative;

	margin-bottom: 20px;

	list-style-type: none;

	border:1px solid #f1f1f1;

	background-color: #ffffff;

	border-radius: 10px;

	overflow: hidden;

	box-shadow: 0 0 20px rgba(0,0,0,0.25);

}



.accordion-box .block .acc-btn{

	position:relative;

	font-size:18px;

	line-height:30px;

	color:#353535;

	font-weight:600;

	cursor:pointer;

	padding:14px 30px;

	padding-right: 80px;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.accordion-box .block .acc-btn.active{

	color: #ffffff;

	background-color: transparent;

	background-color: #353535

}



.accordion-box .block .icon{

	position:absolute;

	right: 15px;

	top:13px;

	height: 35px;

	width: 35px;

	font-size: 16px;

	line-height: 35px;

	color: #353535;

	text-align: center;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.accordion-box .block .acc-btn.active .icon:before{

	content: "\f056";

	color: #ffffff;

}



.accordion-box .block .acc-content{

	position:relative;

	display:none;

}



.accordion-box .block .content{

	position:relative;

	padding: 20px 30px;

}



.accordion-box .block .acc-content.current{ 

	display: block;

}



.accordion-box .block .content .text{

	position: relative;

	display: block;

}



.faqs-section .image-column{

	position: relative;

}



.faqs-section .image-column .image-box{

	position: absolute;

	bottom: 0;

	left: 70px;

}



.faqs-section .image-column .image{

	position: relative;

	margin-bottom: 0;

	margin-right: -90px;

}



.faqs-section .image-column .image img{

	max-width: 100%;

	height: auto;

}



.faqs-section.alternate .accordion-box .block{

	box-shadow: 0 0 20px rgba(0,0,0,0.15);

}



/*** 



====================================================================

			FAQ Form Section

====================================================================



***/



.faq-form-section{

	position: relative;

	padding: 120px 0;

	background-color: #f5f5f5;

}



.faq-form-section .sec-title h2{

	font-size: 50px;

}



.faq-form-section .faq-form{

	position: relative;

	max-width: 800px;

	margin: 0 auto;

}



.faq-form .form-group{

	position:relative;

	margin-bottom:25px;	

}



.faq-form .form-group input[type="text"],

.faq-form .form-group input[type="email"],

.faq-form .form-group input[type="url"],

.faq-form .form-group textarea,

.faq-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 16px;

    color: #353535;

    line-height: 28px;

    padding: 10px 20px;

    background-color: #ffffff;

    font-weight: 400;

    height: 50px;

    border: 1px solid transparent;

    border-radius: 5px;

    box-shadow: 0 0 20px rgba(0,0,0,0.30);

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.faq-form .form-group input:focus,

.faq-form .form-group select:focus,

.faq-form .form-group textarea:focus{

	border-color:#ab7442;

}



.faq-form .form-group textarea{

	height: 200px;

	resize: none;

	padding-top: 15px;

	margin-bottom: 10px;

}



.faq-form .form-group button{



}



.faq-form-section .image-column{

	position: relative;

}



.faq-form-section .image-column .image-box{

	position: relative;

	padding-top: 80px;

}



.faq-form-section .image-column .image{

	position: relative;

	margin-bottom: 0;

}



.faq-form-section .image-column .image img{

	display: block;

}



/*** 



====================================================================

		Testimonial Section

====================================================================



***/



.testimonial-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 120px 0;

}



.testimonial-section:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: rgba(0,0,0,0.50);

	content: '';

}



.testimonial-section .sec-title h2:after{

	background-color: #ffffff;

}



.testimonial-carousel{

	position: relative;

	max-width: 1030px;

	width: 100%;

	margin: 0 auto;

}



.testimonial-block{

	position: relative;

	max-width: 730px;

	margin: 0 auto;

	padding: 80px 0 45px;

}



.testimonial-block .inner-box{

	position: relative;

}



.testimonial-block .inner-box:before,

.testimonial-block .inner-box:after{

	position: absolute;

	left: 0;

	top: 0;

	height: 28px;

	right: 150px;

	content: "";

	border-radius: 30px 0 0 0;

    border-top: 6px solid #838182;

    border-left: 6px solid #838182;

}



.testimonial-block .inner-box:after{

	top: auto;

	right: auto;

	left: 0;

	bottom: 0;

	border: 0;

	height: 26px;

	width: 190px;

	border-radius:0 0 0 30px ;

    border-left: 6px solid #838182;

    border-bottom: 6px solid #838182;

}



.testimonial-block .thumb{

    position: absolute;

    right: 80px;

    top: -65px;

    height: 110px;

    width: 110px;

    border-radius: 50%;

    overflow: hidden;

    border: 5px solid #838182;

}



.testimonial-block .thumb img{

	display: block;

	width: 100%;

}



.testimonial-block .text{

	position: relative;

	display: block;

}



.testimonial-block .text .inner{

	position: relative;

	padding: 70px 40px 60px;

	height: 100%;

	text-align: center;

}



.testimonial-block .text .inner:before{

	position: absolute;

    left: 0;

    top: 28px;

    bottom: 21px;

    border-left: 6px solid #838182;

    content: "";

}



.testimonial-block .text p{

    position: relative;

    color: #edf2ff;

    font-weight: 500;

}



.testimonial-block .info-box{

	position: absolute;

	left: 230px;

	bottom: -25px;

	padding-left: 80px;

}



.testimonial-block .info-box .icon{

	position: absolute;

	left: 0;

	top: 0;

	font-size: 54px;

	line-height: 60px;

	color: #edf2ff;

	opacity: .5;

}



.testimonial-block .info-box .name{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 2px;

}



.testimonial-block .info-box .city{

	font-size: 18px;

	line-height: 24px;

	color: #ab7442;

	font-weight: 600;

}



.testimonial-carousel .owl-dots{

	display: none;

}



.testimonial-carousel .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	margin-top: -20px;

}



.testimonial-carousel .owl-next,

.testimonial-carousel .owl-prev{

	position: absolute;

	left: 0;

	top: 0;

	height: 40px;

	width: 40px;

	background-color: #ab7442;

	font-size: 14px;

	line-height: 40px;

	color: #ffffff;

	font-weight: 400;

	text-align: center;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.testimonial-carousel .owl-next{

	left: auto;

	right: 0;

}



.testimonial-carousel .owl-next:hover,

.testimonial-carousel .owl-prev:hover{

	background-color: #edf2ff;

	color: #353535;

}



/*** 



====================================================================

		Testimonial Section Two

====================================================================



***/



.testimonial-section-two{

	position: relative;

	padding: 120px 0;

	background-color: #fafafa;

}



.testimonial-carousel-two{

	position: relative;

	padding-bottom: 60px;

}



.testimonial-carousel-two .owl-stage-outer{

	overflow: visible;

}



.testimonial-block-two{

	position: relative;

	padding: 30px;

}



.testimonial-block-two .inner-box{

	position: relative;

	padding: 30px 30px;

	box-shadow: 0 0 30px rgba(0,0,0,0.10);

	background-color: #ffffff;

	border-radius: 10px;

}



.testimonial-block-two .info-box{

	position: relative;

	padding-left: 100px;

	padding-top: 15px;

	min-height: 80px;

	margin-bottom: 20px;

}



.testimonial-block-two .thumb{

	position: absolute;

	left: 0;

	top: 0;

	height: 80px;

	width: 80px;

	margin-bottom: 10px;

	border-radius: 50%;

	border:3px solid #ffffff;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

	overflow: hidden;

}



.testimonial-block-two .thumb img{

	display: block;

	width: 100%;

}



.testimonial-block-two .info-box .name{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

}



.testimonial-block-two .info-box .address{

	font-size: 18px;

	line-height: 1.6em;

	color: #ab7442;

}



.testimonial-block-two .text{

	position: relative;

}



.testimonial-carousel-two .owl-nav{

	display: none;

}



.testimonial-carousel-two .owl-dots{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	text-align: center;

}



.testimonial-carousel-two .owl-dot,

.testimonial-carousel-two .owl-dot{

	position: relative;

	display: inline-block;

	height: 15px;

	width: 15px;

	margin: 0 5px;

	border-radius: 20px;

	border:2px solid #ab7442;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.testimonial-carousel-two .owl-dot.active,

.testimonial-carousel-two .owl-dot:hover{

	background-color: #ab7442;

}



.testimonial-section-two.style-two{

	background-color: #ffffff;

}



.testimonial-section-two.style-two .testimonial-block-two .inner-box{

	background-color: #fafafa;

	border:5px solid #ffffff;

}



/*** 



====================================================================

		Team Section

====================================================================



***/



.team-section{

	position: relative;

	padding: 120px 0 60px;

}



.team-block{

	position: relative;

	margin-bottom: 60px;

}



.team-block .image-box{

	position: relative;

	margin: 0 auto 82px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-block .image-box .image{

	position: relative;

	margin-bottom: 0;

	overflow: hidden;

}



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

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	content: "";

	z-index: 1;

	transform: scale(0);

	border-radius: 500px;

	background-color: rgba(255,255,255,.20);

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 200ms ease;

}



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

	-webkit-transform: scale(2);

	-moz-transform: scale(2);

	-ms-transform: scale(2);

	-o-transform: scale(2);

	transform: scale(2);

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.team-block .image-box .image img{

	display: block;

	width: 100%;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}



.team-block .image-box:hover .image img{

	transform: scale(1.1);

}



.team-block .info-box{

	position: absolute;

	left: 30px;

	right: 30px;

	bottom: 0;

	z-index: 2;

	background-color: rgba(255,255,255,1);

	text-align: center;

	padding: 35px 15px;

	border-radius: 15px;

	overflow: hidden;

	transform: translateY(50%);

	box-shadow: 0 10px 20px rgba(0,0,0,0.10);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-block .info-box .name{

	position: relative;

    display: inline-block;

    font-size: 22px;

    line-height: 1.2em;

    color: #353535;

    font-weight: 500;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #ab7442;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.team-block .info-box .designation{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-block .info-box .social-links{

	position: relative;

	height: 0;

	overflow: hidden;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-block .image-box:hover .social-links{

	height: 26px;

	margin-top: 15px;

}



.team-block .info-box .social-links li{

	position: relative;

	display: inline-block;

	margin: 0 8px;

}



.team-block .info-box .social-links li a{

	position: relative;

	display: block;

	font-size: 16px;

	line-height: 26px;

	color: #353535;

	font-weight: 500;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.team-block .info-box .social-links li a:hover{

	color: #ab7442;

}



/*** 



====================================================================

		News Section

====================================================================



***/



.news-section{

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	padding: 120px 0 90px;

}



.news-block{

	position: relative;

	margin-bottom: 30px;

}



.news-block .inner-box{

	position: relative;

	background-color: #ffffff;

	box-shadow: 0 10px 20px rgba(0,0,0,0.14);

}



.news-block .image-box{

	position: relative;

}



.news-block .image{

	position: relative;

	overflow: hidden;

	margin-bottom: 0;

}



.news-block .image-box .image a:after{

  content: "";

  position: absolute;

  top: -110%;

  left: -210%;

  width: 200%;

  height: 200%;

  opacity: 0;

  background: rgba(255, 255, 255, 0.13);

  background: linear-gradient(

    to right, 

    rgba(255, 255, 255, 0.13) 0%,

    rgba(255, 255, 255, 0.13) 77%,

    rgba(255, 255, 255, 0.5) 92%,

    rgba(255, 255, 255, 0.0) 100%

  );

}



.news-block .inner-box:hover .image-box .image a:after {

  opacity: 1;

  top: -20%;

  left: -30%;

  transition-property: left, top, opacity;

  transition-duration: 0.7s, 0.7s, 0.15s;

  transition-timing-function: linear;

}



.news-block .image img{

	display: block;

	width: 100%;

}



.news-block .lower-content{

	position: relative;

	padding: 35px 30px 20px;

}



.news-block .post-date{

	position: absolute;

	left: 0;

	top: -15px;

	background-color: #ab7442;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

	padding: 5px 15px 5px 30px;

	border-radius: 0 30px 30px 0;

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

	font-family: 'Poppins', sans-serif;

}



.news-block .post-info{

	position: relative;

	margin-bottom: 15px;

}



.news-block .post-info li{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #353535;

	font-weight: 400;

	font-family: "Poppins", sans-serif;

}



.news-block .post-info li a{

	color: #353535;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;	

}



.news-block .post-info li a:hover{

	color: #ab7442;

}



.news-block .post-info li span{

	margin-right: 5px;

	color: #ab7442;

}



.news-block h4{

	position: relative;

	display: block;

	font-size: 20px;

	line-height: 1.4em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 15px;

}



.news-block h4 a{

	color: #353535;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block h4 a:hover{

	color: #ab7442;

}



.news-block .btn-box{

	position: relative;

}



.news-block .btn-box a{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	font-weight: 600;

	color: #353535;

}



.news-block .btn-box a span{

	opacity: 0;

	visibility: hidden;

	font-size: 12px;

	-webkit-transform: translateX(-20px);

	-moz-transform: translateX(-20px);

	-ms-transform: translateX(-20px);

	-o-transform: translateX(-20px);

	transform: translateX(-20px);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block .btn-box a:hover{

	color: #353535;

}



.news-block .inner-box:hover .btn-box a span{

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	-ms-transform: translateX(0px);

	-o-transform: translateX(0px);

	transform: translateX(0px);

	visibility: visible;

	opacity:1;

}



/*** 



====================================================================

		News Section Two

====================================================================



***/



.news-section-two{

	position: relative;

	padding: 120px 0 90px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.news-block-two{

	position: relative;

	margin-bottom: 30px;

}



.news-block-two .inner-box{

	position: relative;

	background-color: #ffffff;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

}



.news-block-two .image-box{

	position: relative;

}



.news-block-two .image{

	position: relative;

	overflow: hidden;

	margin-bottom: 0;

}



.news-block-two .image-box .image a:after{

  content: "";

  position: absolute;

  top: -110%;

  left: -210%;

  width: 200%;

  height: 200%;

  opacity: 0;

  background: rgba(255, 255, 255, 0.13);

  background: linear-gradient(

    to right, 

    rgba(255, 255, 255, 0.13) 0%,

    rgba(255, 255, 255, 0.13) 77%,

    rgba(255, 255, 255, 0.5) 92%,

    rgba(255, 255, 255, 0.0) 100%

  );

}



.news-block-two .inner-box:hover .image-box .image a:after {

  opacity: 1;

  top: -20%;

  left: -30%;

  transition-property: left, top, opacity;

  transition-duration: 0.7s, 0.7s, 0.15s;

  transition-timing-function: linear;

}



.news-block-two .image img{

	display: block;

	width: 100%;

}



.news-block-two .lower-content{

	position: relative;

	padding: 20px 20px;

}



.news-block-two .post-info{

	position: relative;

	margin-bottom: 10px;

}



.news-block-two .post-info li{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #353535;

	font-weight: 400;

	margin-right: 25px;

}



.news-block-two .post-info li a{

	color: #353535;

	display: inline-block;

}



.news-block-two .post-info li a:hover{

	color: #353535;

	text-decoration: underline;

}



.news-block-two .post-info li span{

	margin-right: 5px;

	color: #ab7442;

}



.news-block-two h4{

	position: relative;

	display: block;

	font-size: 22px;

	line-height: 1.4em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 10px;

}



.news-block-two h4 a{

	color: #353535;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-two h4 a:hover{

	color: #ab7442;

}



.news-block-two .lower-content .text{

	position: relative;

	font-size: 16px;

	line-height: 1.8em;

	margin-bottom: 10px;

}



.news-block-two .btn-box{

	position: relative;

}



.news-block-two .btn-box a{

	position: relative;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	font-weight: 600;

	color: #353535;

}



.news-block-two .btn-box a span{

	opacity: 0;

	visibility: hidden;

	font-size: 12px;

	-webkit-transform: translateX(-20px);

	-moz-transform: translateX(-20px);

	-ms-transform: translateX(-20px);

	-o-transform: translateX(-20px);

	transform: translateX(-20px);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.news-block-two .btn-box a:hover{

	color: #353535;

}



.news-block-two .inner-box:hover .btn-box a span{

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	-ms-transform: translateX(0px);

	-o-transform: translateX(0px);

	transform: translateX(0px);

	visibility: visible;

	opacity:1;

}



/*** 



====================================================================

		Blog Classic

====================================================================



***/



.blog-classic{

	position: relative;

}



.blog-classic .news-block-two{

	margin-bottom: 60px;

}



.blog-classic .news-block-two .lower-content{

	padding: 30px 30px;

}



/*** 



====================================================================

		Blog Detail

====================================================================



***/



.blog-detail{

	position: relative;

}



.blog-detail .news-block-two{

	margin-bottom: 60px;

}



.blog-detail .news-block-two h4{

	font-size: 24px;

	line-height: 1.2em;

	font-weight: 600;

	margin-bottom: 20px;

	margin-top: 20px;

}



.blog-detail .news-block-two .lower-content{

	padding: 20px 30px;

}



.blog-detail .news-block-two .post-info{

	padding-bottom: 15px;

	border-bottom: 1px solid #dddddd;

	margin-bottom: 15px;

}



.blog-detail .news-block-two p{

	position: relative;

	margin-bottom: 30px;

}



.blog-detail .two-column .image{

	margin-bottom: 30px;

}



.blog-detail blockquote{

	position: relative;

	border-left: 4px solid #ab7442;

	background-color: #f5f5f5;

	font-size: 18px;

	line-height: 1.8em;

	padding: 25px 40px;

	margin-bottom: 50px;

}



.blog-detail blockquote cite{

	display: block;

	text-align: right;

	font-style: normal;

	margin-top: 10px;

}



.blog-detail blockquote cite strong{

	font-weight: 500;

	color: #252525;

}



/*post share options*/



.blog-detail .post-share-options{

	position:relative;

	margin-bottom: 60px;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

	padding: 20px 20px;

}



.blog-detail .post-share-options p{

	position:relative;

	color:#353535;

	font-size:16px;

	line-height: 25px;

	font-weight:600;

	margin:0;

	display: inline-block;

	font-family: 'Montserrat', sans-serif;

}



.blog-detail .post-share-options .tags{

	position: relative;

	display: inline-block;

}



.blog-detail .post-share-options .tags li{

	position: relative;

	display: inline-block;

}



.blog-detail .post-share-options .tags a{

	position:relative;

	font-size:14px;

	font-weight:400;

	line-height: 25px;

	padding: 5px 10px;

	color:#ffffff;

	background-color: #ab7442;	

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.blog-detail .post-share-options .tags a:hover{

	color: #ffffff;

	background-color: #353535;

}



.blog-detail .post-share-options .social-icon{

	position: relative;

	display: inline-block;

}



.blog-detail .post-share-options .social-icon li{

	position: relative;

	display: inline-block;

	margin-left: 1px;

}



.blog-detail .post-share-options .social-icon li a{

	display: inline-block;

	font-size: 12px;

	line-height: 15px;

	color: #353535;

	padding: 5px 8px;

	color:#ffffff;

	background-color: #ab7442;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.blog-detail .post-share-options .social-icon li a:hover{

	color: #ffffff;

	background-color: #353535;

}



/*Author Box*/



.author-box{

	position:relative;

	padding: 30px 30px;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

	margin-bottom: 50px;

}



.author-box .inner-box{

	position:relative;

	padding-left: 160px;

	min-height: 150px;

	padding-top: 15px;

}



.author-box .thumb{

	position:absolute;

	left:0px;

	top:0px;

	height: 145px;

	margin-bottom: 20px;

}



.author-box .thumb img{

	display: block;

	width: 100%;

	height: auto;

}



.author-box .name{

	position: relative;

	font-size: 18px;

	line-height: 25px;

	color: #353535;

	font-weight: 600;

	margin-bottom: 10px;

}



.author-box .text{

	position: relative;

	float: right;

	width: 100%;

	font-size: 16px;

	line-height: 1.8em;

	color: #353535;

	font-weight: 400;

	margin-bottom: 10px;

}



.author-box .social-icon{

	position: relative;

	z-index: 9;

}



.author-box .social-icon li{

	position: relative;

	display: inline-block;

	margin-right: 12px;

}



.author-box .social-icon li a{

	position:relative;

	display: block;

	text-align: center;

	font-size:14px;

	font-weight:400;

	color:#353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.author-box .social-icon li a:hover{

	color: #ab7442;

}



/*** 



====================================================================

	Error Section

====================================================================



***/



.error-section{

	position:relative;

	text-align:center;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

	padding:150px 0px 150px;

}



.error-section .error-title{

	position:relative;

	font-size:300px;

	color:#353535;

	font-weight:600;

	font-family: 'PT Serif', serif;

	line-height:.7em;

	margin-bottom: 70px;

}



.error-section .error-title span{

	color: #ab7442;

}



.error-section .sec-title{

	margin-bottom: 30px;

}



.error-section h2{

	font-size:50px;

	line-height: 1em;

	padding: 0;

	margin: 0;

	text-transform: uppercase;

}



.error-section .sec-title h2:after,

.error-section .sec-title h2:before{

	display: none;

}



.error-section .text{

	font-size:24px;

	line-height: 1.2em;

	color:#353535;

	font-weight: 500;

	margin-bottom:35px;

}



.error-section .theme-btn{

	text-transform:uppercase;

	margin: 0 3px;

}



/*** 



====================================================================

		Clients Section

====================================================================



***/



.clients-section{

	position: relative;

	padding: 75px 0;

}



.clients-section .sponsors-outer{

	position: relative;

}



.clients-section .slide-item{

	position: relative;

}



.clients-section .image-box{

	position: relative;

	margin: 0;

	text-align: center;

}



.clients-section .image-box img{

	display: inline-block;

	max-width: 100%;

	width: auto;

	height: auto;

	opacity: 1;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.clients-section .image-box:hover img{

	-webkit-transform: scale(-1) rotate(180deg);

	-moz-transform: scale(-1) rotate(180deg);

	-ms-transform: scale(-1) rotate(180deg);

	-o-transform: scale(-1) rotate(180deg);

	transform: scale(-1) rotate(180deg);

}



.clients-section .sponsors-carousel .owl-dots,

.clients-section .sponsors-carousel .owl-nav{

	display: none;

}



.clients-section.style-two{

	background-color: #f9f9f9;

}



/*** 



====================================================================

		Contact Section

====================================================================



***/



.contact-section{

	position: relative;

	padding: 120px 0 70px;

}



.contact-section .upper-box{	

    position: relative;

    margin-bottom: 60px;

    text-align: center;

}



.contact-section .upper-box h3{	

	font-size: 38px;

    font-weight: 500;

}



.contact-section .upper-box .text{

	position: relative;

	margin-top: 10px;

} 	





.contact-section .form-column{

	position: relative;

	margin-bottom: 50px;

}



.contact-section .contact-column{

	position: relative;

	margin-bottom: 50px;

}



.contact-form{

	position: relative;

}



.contact-form .form-group{

	position:relative;

	margin-bottom:20px;	

}



.contact-form .form-group:first-child,

.contact-form .form-group:last-child{

	margin-bottom: 0;

}



.contact-form .form-group input[type="text"],

.contact-form .form-group input[type="email"],

.contact-form .form-group input[type="url"],

.contact-form .form-group textarea,

.contact-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 16px;

    color: #555555;

    line-height: 28px;

    padding: 10px 20px;

    border: 1px solid #ddd;

    background-color: #fafafa;

    font-weight: 400;

    height: 50px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.contact-form .form-group input:focus,

.contact-form .form-group select:focus,

.contact-form .form-group textarea:focus{

	border-color:#ab7442;

}



.contact-form .form-group textarea{

	height: 190px;

	resize: vertical;

}



.contact-form .form-group button{

	text-transform: capitalize;

}



.contact-form input.error:focus,

.contact-form select.error:focus,

.contact-form textarea.error:focus{

	border-color:#ff0000;	

}



.contact-form label.error{

	display:block;

	font-weight:500;

	font-size:13px;

	text-transform:capitalize;

	line-height:24px;

	color:#ff0000;

	padding-top:7px;

	margin-bottom: 0;

}





form .response{

	position: relative;

}



form .response .success{

    background: #1ca345;

    color: #ffffff;

	padding: 0 10px;

	margin-bottom: 20px;

}



form .response .failed{

	background-color: #de3f44;

	color: #ffffff;

	padding: 0 10px;

	margin-bottom: 20px;

}



form .response .text-info{

	background-color: #ffc001;

	color: #222222 !important;

	padding: 0 10px;

	margin-bottom: 20px;

}



.contact-info-block{

	position: relative;

}



.contact-info-block .inner{

	position: relative;

	text-align: center;

	padding: 30px 15px;

	background: #ffffff;

	box-shadow: 0 0 30px rgba(0,0,0,0.10);

}



.contact-info-block .icon{

	position: relative;

	font-size: 40px;

	line-height: 1em;

	color: #ab7442;

	display: inline-block;

	margin-bottom: 10px;

}



.contact-info-block h4{

	position: relative;

	font-size: 22px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	margin-bottom: 5px;

}



.contact-info-block p a{

	color: #353535;

}



.contact-info-block p a:hover{

	text-decoration: underline;

}



/*** 



====================================================================

		Map Section

====================================================================



***/



.map-section{

	position: relative;

	display: block;

}



.map-area{

	position:relative;

}



.map-data{

	text-align:center;

	font-size:14px;

	font-weight:400;

	line-height:1.8em;

}



.map-data a{

	display: block;

}



.map-data h6{

	font-size:16px;

	font-weight:700;

	text-align:center;

	margin-bottom:5px;

	color:#121212;

}



.map-section .map-canvas{

	height:400px;

	background-color: #dddddd;

}



/***



==================================================================

			Main Footer

==================================================================



***/



.main-footer{

	position:relative;

	background-repeat: repeat;

	background-position: center;

	padding: 100px 0 0px;

}



.main-footer:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #222222;

	opacity: .50;

	content: "";

}



.main-footer.fixed-footer{

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

	z-index: -1;

}



/*=== Widgets Section ===*/



.main-footer .widgets-section{

	position:relative;

	padding-bottom: 40px;

}



.main-footer .footer-column{

	position:relative;

}



.main-footer .footer-widget{

	position:relative;

	margin-bottom:40px;

}



.main-footer .widget-title{

	position: relative;

	font-size:22px;

	font-weight:400;

	color:#ffffff;

	line-height: 24px;

	margin-bottom:30px;

	padding-bottom: 15px;

}



.main-footer .widget-title:before{

	position: absolute;

	left: 0;

	bottom: 0;

	height: 2px;

	width: 40px;

	background-color: #ab7442;

	content: "";



}



/*=== links widget ===*/



.main-footer .links-widget{

	position: relative;

	margin-bottom: 0;

}



.main-footer .list-style-two{

	margin-bottom: 40px;

}



.main-footer .list-style-two li a{

	color: #ffffff; 

}



.main-footer .list-style-two li a:hover{

	color: #ab7442;

	text-decoration: underline;

}



/*=== About Widget ===*/



.main-footer .about-widget{

	position: relative;

}



.main-footer .about-widget .footer-logo{

	position: relative;

}



.main-footer .about-widget .footer-logo .image{

	position: relative;

	margin-bottom: 20px;

	top: -10px;

}



.main-footer .about-widget .footer-logo img{

	display: block;

	height: auto;

	max-width: 100%;

}



.main-footer .about-widget .text{

	position: relative;

	display: block;

	color: #ffffff;

	font-size: 16px;

	font-weight: 400;

	margin-bottom: 30px;

}



.main-footer .contact-list{

	position: relative;

}



.main-footer .contact-list li{

	position: relative;

	font-size: 16px;

	line-height: 1.4em;

	color: #ffffff;

	font-weight: 400;

	padding-left: 30px;

	margin-bottom: 11px;

}



.main-footer .contact-list li span{ 

	position: absolute;

	left: 0;

	top: 0;

	font-size:18px;

	line-height: 1.4em;

	color: #ab7442;

}



.main-footer .contact-list li a{

	color:#ffffff;

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease;

}



.main-footer .contact-list li a:hover{

	color: #c08c4d;

}



/*=== Popular Posts ===*/



.popular-posts{

	position: relative;

}



.popular-posts .post{

	position: relative;

	min-height: 90px;

	padding-left: 120px;

	margin-bottom: 40px;

}



.popular-posts .post:last-child{

	margin-bottom: 0;

}



.popular-posts .post .thumb{

	position: absolute;

	left: 0;

	top: 0;

	height: 90px;

	width: 90px;

	overflow: hidden;

}



.popular-posts .post .thumb a{

	display: block;

}



.popular-posts .post .thumb img{

	display: block;

	width: 100%;

	height: auto;

}



.popular-posts .post h4{

	position: relative;

	font-size: 17px;

	color: #ffffff;

	line-height: 30px;

	font-weight: 600;

	margin-bottom: 5px;

}



.popular-posts .post h4 a{

	color:#ffffff;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.popular-posts .post h4 a:hover{

	color: #c08c4d;

}



.popular-posts .post .date{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 24px;

	color: #dddddd;

}



/*=== Subscribe Widget ===*/



.subscribe-widget{

	position: relative;

}



.subscribe-widget .text{

	position: relative;

	color: #ffffff;

	margin-bottom: 30px;

	font-size: 16px;

}



.main-footer .subscribe-form{

	position: relative;

	margin-bottom: 30px;

}



/*Subscribe Form*/



.subscribe-form .form-group{

	position:relative;

	display:block;

	margin:0px;

	width:100%;

	padding-right: 50px;

}



.subscribe-form .form-group input[type="text"],

.subscribe-form .form-group input[type="tel"],

.subscribe-form .form-group input[type="email"],

.subscribe-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:20px;

	height:50px;

	font-size:16px;

	color:#333333;

	background:#ffffff;

	border: 1px solid transparent;

	padding:14px 20px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.subscribe-form .form-group input[type="submit"],

.subscribe-form .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	text-align: center;

	height: 50px;

	width: 52px;

	line-height: 50px;

	color: #333333;

	font-size: 18px;

	background-color: #ffffff;

}



.subscribe-form .form-group input[type="submit"]:hover,

.subscribe-form .form-group button:hover{

	color: #ab7442;

}



.main-footer .social-links{

	position: relative;

	display: block;

}



.main-footer .social-links li{

	position: relative;

	display: inline-block;

	margin-right: 20px;

	font-size: 20px;

	line-height: 30px;

	color: #ffffff;

	font-weight: 400;

}



.main-footer .social-links li a{

	color: #ffffff;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer .social-links li.title{

	font-weight: 500;

	font-size: 20px;

	line-height: 30px;

}



.main-footer .social-links li a:hover{

	color: #c08c4d;

}



/*=== Footer Bottom ===*/



.main-footer .footer-bottom{

	position:relative;

	background-color: #c08c4d;

}



.main-footer .footer-bottom .copyright-text{

	position: relative;

	padding:15px 0;

	text-align: center;

	font-size: 16px;

	line-height: 25px;

	color: #ffffff;

	font-weight: 400;

}



.main-footer .footer-bottom .copyright-text a{

	color: #ffffff;

	font-weight: 500;

}



.main-footer .footer-bottom .copyright-text a:hover{

	text-decoration: underline;

}



/***



==================================================================

			Main Footer Style Two

==================================================================



***/



.main-footer.style-two{

	padding: 0;

    background-position: center;

    background-repeat:no-repeat;

    background-size: cover;

}



.main-footer.style-two:before{

	background-color: #ffffff;

}



.main-footer.style-two .widgets-section{

	padding: 120px 0 ;

}



.main-footer.style-two .about-widget{

    position: relative;

    background-color: #353535;

    padding: 50px 40px;

    margin: 0;

    border: 10px solid #fff;

    box-shadow: 0 0 30px rgba(0,0,0,0.10);

}



.main-footer.style-two .about-widget:before {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    background-image: url(../images/icons/pattern-3.png);

    background-position: center right;

    background-repeat:no-repeat;

    content: "";

    opacity: .03;

}



.main-footer.style-two .footer-logo{

	border-bottom: 1px solid rgba(255,255,255,.10);

	margin-bottom: 30px;

}



.main-footer.style-two .contact-list{

	margin-bottom: 30px;

}



.main-footer.style-two .widget-title{

	margin-bottom: 20px;

}



.main-footer.style-two .contact-list li{

	padding-left: 35px;

}



.main-footer.style-two .contact-list li span{

	font-size: 12px;

	height: 25px;

	width: 25px;

	border-radius: 25px;

	line-height: 25px;

	text-align: center;

	color: #ffffff;

	background-color: #ab7442;

}



.main-footer.style-two .map-widget{

	position: absolute;

	left: 15px;

	right: 15px;

	top: 0;

	height: 100%;

	background-color: #ffffff;

	box-shadow: 0 0 30px rgba(0,0,0,0.30);

	margin: 0;

    border: 10px solid #fff;

}



.main-footer.style-two .map-canvas{

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0;

	height: 100%;

}



/*=== Footer Bottom ===*/



.main-footer.style-two .footer-bottom .inner-container{

	position: relative;

}



.main-footer.style-two .footer-bottom .copyright-text{

	position: relative;

	float: left;

	padding:20px 0;

}



.main-footer.style-two .footer-bottom .copyright-text p{

	position: relative;

	line-height: 20px;

	font-size: 16px;

	color: #ffffff;

	font-weight: 400;

}



.main-footer.style-two .footer-bottom .copyright-text a{

	color: #ffffff;

	font-weight: 500;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer.style-two .footer-bottom .copyright-text a:hover{

	color: #ffffff;

}



.main-footer.style-two .footer-bottom .footer-nav{

	position: relative;

	float: right;

}



.main-footer.style-two .footer-bottom .footer-nav ul{

	position: relative;

	padding:20px 0;

}



.main-footer.style-two .footer-bottom .footer-nav ul li{

	position: relative;

	float: left;

	padding-left: 30px;

	margin-left: 30px;

}



.main-footer.style-two .footer-bottom .footer-nav ul li:first-child{

	margin-left: 0;

	padding-left: 0;

}



.main-footer.style-two .footer-bottom .footer-nav ul li a{

	position: relative;

	display: block;

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.main-footer.style-two .footer-bottom .footer-nav ul li:before{

	position: absolute;

	left: 0;

	top: 0px;

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

	font-weight: 400;

	content: '|';

}



.main-footer.style-two .footer-bottom .footer-nav ul li a:hover{

	color: #002121;

}



.main-footer.style-two .footer-bottom .footer-nav ul li:first-child:before{

	display: none;

}



/***



==================================================================

			Main Footer Style Three

==================================================================



***/



.main-footer.style-three{

	position: relative;

	text-align: center;

}



.main-footer.style-three .widgets-section{

	padding: 0px 0 90px;

}



.main-footer.style-three .logo-box{

	position: relative;

	margin-bottom: 30px;

}



.main-footer.style-three .text{

	position: relative;

	color: #ffffff;

	margin-bottom: 30px;

}



.main-footer.style-three .list-style-three{

	display: inline-block;

	padding: 10px 0 5px;

	border-top: 1px solid #222222;

	border-bottom: 1px solid #222222;

	margin-bottom: 30px;

}



.main-footer.style-three .list-style-three li a,

.main-footer.style-three .list-style-three li{

	color: #ffffff;

}



.main-footer.style-three .list-style-three li{

	display: inline-block;

	margin-left: 10px;

	padding-left: 30px;

}



.main-footer.style-three .list-style-three li:first-child{

	padding-left: 0;

	margin-left: 0;

}



.main-footer.style-three .list-style-three li:first-child:before{

	display: none;

}



.main-footer.style-three .list-style-three li a:hover{

	color: #ab7442;

}



.main-footer.style-three .social-links li{

	font-size: 24px;

	line-height: 50px;

	margin: 0 15px;

}





/***



==================================================================

			Sidebar Page Container

==================================================================



***/



.sidebar-page-container{

	position: relative;

	overflow: hidden;

	padding: 110px 0 60px; 

}



.sidebar-page-container .sidebar-side,

.sidebar-page-container .content-side{

	position: relative;

	margin-bottom: 50px;

}



.sidebar-side .sidebar{

	position: relative;

	padding-right: 30px;

}



.sidebar-widget{

    position: relative;

    padding: 40px 30px;

    margin-bottom:60px;

    box-shadow: 0 0 30px rgba(0,0,0,0.05);

}



.sidebar-side .sidebar-widget:last-child{

	margin-bottom: 0;

}



.sidebar-page-container .sidebar-title{

	position: relative;

	margin-bottom: 15px;

}



.sidebar-page-container .sidebar-title h2{

	position: relative;

	display: inline-block;

	font-size: 20px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 500;

	text-transform: capitalize;

}



/*Search Box Widget*/



.sidebar .search-box{

	padding: 0;

}



.sidebar .search-box .form-group{

	position:relative;

	margin:0px;	

}



.sidebar .search-box .form-group input[type="text"],

.sidebar .search-box .form-group input[type="search"]{

	position:relative;

	display:block;

	font-size:18px;

	color:#333333;

	line-height:30px;

	padding:14px 25px;

	height:60px;

	width:100%;

	border: 1px solid #f1f1f1;

	background-color: #ffffff;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.sidebar .search-box .form-group input:focus{

	border-color:#ab7442;	

}



.sidebar .search-box .form-group input[type="submit"],

.sidebar .search-box .form-group button{

	position:absolute;

	right:0;

	top:0;

	width:60px;

	height:60px;

	line-height: 60px;

	text-align:center;

	display:block;

	font-size:18px;

	background-color: #ab7442;

	color:#ffffff;

	font-weight:normal;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.sidebar .search-box .form-group input[type="submit"]:hover,

.sidebar .search-box .form-group button:hover{



}



/*=== Categories ===*/



.sidebar .blog-categories{

	position: relative;

}



.cat-list{

	position:relative;

}



.cat-list li{

	position:relative;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.cat-list li:before{

    position: absolute;

    top: 20px;

    left: 0px;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    border: 2px solid #353535;

    content: "";

    z-index: 8;

    opacity: .5;

}



.cat-list li a{

	position: relative;

    font-size: 16px;

    color: #353535;

    line-height: 30px;

    font-weight: 500;

    padding: 10px 0px;

    padding-left: 20px;

    border-bottom: 1px solid #f1f1f1;

    display: block;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.cat-list li a span{

	float: right;

	font-size: 16px;

	line-height: 30px;

	color: #999999;

}



.cat-list li:hover a,

.cat-list li.active a{

	background-color: #ffffff;

	color: #ab7442;

}



.cat-list li:hover:before,

.cat-list li.active:before{

    border: 2px solid #ab7442;

}



/*=== Latest News ===*/



.latest-news .post{

	position: relative;

	padding-left: 105px;

	margin-bottom: 30px;

	min-height: 85px;

	padding-top: 5px;

}



.latest-news .post:last-child{

	margin-bottom: 0;

}



.latest-news .post-thumb{

	position: absolute;

	left: 0;

	top: 0;	

	height: 85px;

	width: 85px;

	margin-bottom: 20px;

}



.latest-news .post-thumb a:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	opacity: .80;

	content: "";

	background-color: #ab7442;

	z-index: 1;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.latest-news .post:hover .post-thumb a:before{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.latest-news .post-thumb a:after{

	position: absolute;

	height: 20px;

	width: 20px;

	left: 50%;

	top: 50%;

	margin-left: -10px;

	margin-top: -10px;

    text-align: center;

    line-height: 20px;

    font-size: 18px;

    z-index: 9;

    color: #ffffff;

    font-weight: 900;

    content: "\f0c1";

	font-family: "Font Awesome 5 Free";

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.latest-news .post:hover .post-thumb a:after{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.latest-news .post-thumb img{

	position: relative;

	display: block;

	width: 100%;

}



.latest-news .post h3{

	position: relative;

	font-size: 16px;

	line-height: 24px;

	color: #353535;

	font-weight: 500;

	margin-bottom: 7px;

}



.latest-news .post h3 a{

	color: #353535;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.latest-news .post:hover h3 a{

	color: #c08c4d;

}



.latest-news .post .post-info{

	position: relative;

	font-size: 14px;

	line-height: 24px;

	color: #c08c4d;

	font-weight: 400;

}



/* Instagram Widget */



.instagram-widget .link-box{

	position: absolute;

	right: 30px;

	top: 37px;

}



.instagram-widget .link-box a{

	display: inline-block;

	height: 30px;

	width: 30px;

	border-radius: 50%;

	background-color: #ab7442;

	color: #ffffff;

	font-size: 18px;

	text-align: center;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.instagram-widget .link-box a:hover{

	box-shadow: 0 0 10px rgba(0,0,0,0.10);

	background-color: #ffffff;

	color: #ab7442;

}



.instagram-widget .outer{

	position:relative;

	margin: 0px -4px 0;

}



.instagram-widget .outer .image{

	position:relative;

	float:left;

	width:33.3333%;

	padding:0px 4px;

	margin-bottom:8px;

}



.instagram-widget .image img{

	display:block;

	width:100%;	

}



.instagram-widget .image a{

	position: relative;

	display: block;

}



.instagram-widget .image a:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: #ffffff;

	padding: 5px;

	opacity: .70;

	content: "";

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.instagram-widget .image a:hover:before{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



.instagram-widget .image a:after{

	position: absolute;

	height: 20px;

	width: 20px;

	left: 50%;

	top: 50%;

	margin-left: -10px;

	margin-top: -10px;

    text-align: center;

    line-height: 20px;

    font-size: 18px;

    color: #ab7442;

    font-weight: 900;

    content: "\f0c1";

	font-family: "Font Awesome 5 Free";

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.instagram-widget .image a:hover:after{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



/*=== Tags ===*/



.sidebar .tags{

	padding: 30px 30px 30px;

	box-shadow: 0 0 30px rgba(0,0,0,0.05);

}



.tag-list{

	position: relative;

	display: block;

}



.tag-list li{

	position: relative;

	float: left;

	margin-bottom: 5px;

	margin-right: 5px;

} 



.tag-list li a{

	position: relative;

    display: block;

    font-size: 14px;

    color: #353535;

    line-height: 25px;

    padding: 5px 18px;

    font-weight: 400;

    text-align: center;

    border:1px solid #dddddd;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.tag-list li a:hover{

	color: #ab7442;

	background-color: #ffffff;

	border-color: #ab7442;

}



/*Services Sidebar*/



.sidebar-side .services-sidebar{

	position: relative;

	padding: 0;

	border: 0;

}



/*Blog Category*/



.blog-cat{

	position:relative;

	border:1px dashed #cccccc;

}



.blog-cat li{

	position:relative;

}



.blog-cat li a{

	position:relative;

	font-size:18px;

	font-weight:600;

	line-height: 34px;

	color:#353535;

	display:block;

	border-bottom:1px dashed #cccccc;

	border-left: 5px solid transparent;

	padding: 25px 40px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: 'Rubik', sans-serif;

}



.blog-cat li:last-child a{

	border-bottom: 0;

}



.blog-cat li a:before{

	position:absolute;

	content:'\f105';

	right:33px;

	top:27.5px;

	color:#ab7442;

	font-size: 18px;

	line-height: 30px;

	font-family: 'FontAwesome';

}



.blog-cat li.active a,

.blog-cat li a:hover{

	color:#ffffff;

	background-color:#ab7442;

	border-left: 5px solid #353535;

}



.blog-cat li.active a:before,

.blog-cat li a:hover:before{

	color: #ffffff;

}



/*** 



====================================================================

		Comment Area

====================================================================



 ***/



.group-title{

	position: relative;

	margin-bottom: 40px;

}



.group-title h3{

	position: relative;

	display: block;

	font-size: 26px;

	line-height: 1.2em;

	color: #353535;

	font-weight: 600;

}



.comments-area{

	position:relative;

	margin-bottom: 50px;

}



.comments-area .comment-box{

	position:relative;

	margin-bottom:30px;

}



.comments-area .comment-box.reply-comment{

	margin-left: 70px;

}



.comments-area .comment-box:last-child{

	margin-bottom: 0;

}



.comments-area .comment{

	position:relative;

	min-height: 110px;

	padding: 30px 30px;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	padding-left: 130px;

}



.comments-area .comment-box .author-thumb{

	position:absolute;

	left:30px;

	top:30px;

	height: 80px;

	width: 80px;

	margin-bottom: 10px;

}



.comments-area .comment-box .author-thumb img{

	width:100%;

	display:block;

}



.comments-area .comment-info{

	position: relative;

	display: block;

}



.comments-area .comment-box .name{

	position: relative;

	display: inline-block;

	font-size:18px;

	line-height:1em;

	font-weight:600;

	color:#252525;

	margin-right: 10px;

	font-family: 'Montserrat', sans-serif;

}



.comments-area .comment-box .date{

	position: relative;

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	color: #ab7442;

	font-weight: 400;

}



.comments-area .comment-box .rating {

    font-size: 10px;

    line-height: 1em;

    color: orange;

    margin-bottom: 5px;

    margin-top: 5px;

}



.comments-area .comment-box .text{

	font-size: 16px;

	line-height: 1.8em;

	color:#353535;

	font-weight: 400;

}



.comments-area .comment-box .reply-btn{

	position: absolute;

	right: 30px;

	top: 28px;

	font-size: 14px;

	line-height: 15px;

	color: #ffffff;

	font-weight: 400;

	background-color: #ab7442;

	padding: 5px 10px;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.comments-area .comment-box .reply-btn:hover{

	color: #ab7442;

	box-shadow: 0 0 5px rgba(0,0,0,0.10);

	background-color: transparent;

}



/*** 



====================================================================

		Comment Form

====================================================================



 ***/



.comment-form{

 	position: relative;

}



.comment-form .form-group{

	position:relative;

	margin-bottom: 30px;

}



.comment-form .form-group:last-child{

	margin-bottom: 0;

}



.comment-form .form-group input[type="text"],

.comment-form .form-group input[type="email"],

.comment-form .form-group textarea,

.comment-form .form-group select{

	position: relative;

    display: block;

    height: 60px;

    width: 100%;

    font-size: 16px;

    color: #353535;

    line-height: 30px;

    font-weight: 400;

    padding: 14px 30px;

    background-color: #ffffff;

    border: 1px solid #f1f1f1;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.comment-form .form-group input:focus,

.comment-form .form-group select:focus,

.comment-form .form-group textarea:focus{

	border-color:#ab7442;

}



.comment-form .form-group textarea{

	height: 180px;

	resize: none;

	padding-top: 20px;

}



.comment-form .form-group input[type="submit"],

.comment-form .form-group button{



}



/***



==================================================================

			Our Shop

==================================================================



***/



.our-shop{

	position: relative;

}



.our-shop .styled-pagination{

	position: relative;

	margin-top: 50px;

}



.shop-sidebar{

	position: relative;

	padding-right: 30px;

}



/*Sidebar Realated Posts */



.sidebar .related-posts{

	position: relative;

	padding: 30px 30px 40px;

	box-shadow: 0 0 30px rgba(0,0,0,0.05);

}



.sidebar .related-posts .post{

	position:relative;

	padding:0px 0px;

	padding-left:90px;

	margin-bottom:20px;

}



.sidebar .related-posts .post:last-child{

	margin-bottom:0px;

	border:0px;

	min-height:inherit;

}



.sidebar .related-posts .post .post-thumb{

	 position:absolute;

	 left:0px;

	 top:0px;

	 width:70px;

}



.sidebar .related-posts .post .post-thumb img{

	display:block;

	width:100%;	

}



.sidebar .related-posts .post h4{

	position: relative;

	padding-top: 4px;

	font-size:16px;

	font-weight:500;

	color:#333333;

	line-height:1.2em;

	text-transform:capitalize;

	margin-bottom: 4px;

}



.sidebar .related-posts .post h4 a{

	color:#333333;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.sidebar .related-posts .post a,

.sidebar .related-posts .post a:hover{

	color:#ab7442;	

}



.sidebar .related-posts .post .price{

	font-size:14px;

	letter-spacing:1px;

	font-weight:400;

	color:#353535;

	line-height: 20px;

}



.sidebar .related-posts .post .rating{

	line-height:1em;

}



.sidebar .related-posts .post .rating .fa{

	position:relative;

	display:inline-block;

	font-size:10px;

	line-height:20px;

	color:orange;

}



/*Sidebar Range slider */



.price-filters{

	position: relative;

	padding: 30px 30px;

	box-shadow: 0 0 30px rgba(0,0,0,0.05);

}



.price-filters .sidebar-title{

	margin-bottom: 30px;

}



.range-slider-one{

	position:relative;

	min-height:48px;

    padding-top: 10px;

	margin-top:-20px;

}



.range-slider-one .title{

	position:relative;

	float:left;

	color:#000000;

	font-size:16px;

	font-weight:400;

	margin-top:8px;

}



.range-slider-one .title:before{

	position:absolute;

	content:'$';

	right:-14px;

	top:0px;

	color:#848484;

	font-size:16px;

	font-weight:300;

}



.range-slider-one .input{

	float:right;

    left: 8px;

	max-width:75px;

	padding-left:8px;

	margin-top:8px;

    position: relative;

}



.range-slider-one .input input{

	background:none;

	color:#353535;

	font-size:16px;

	font-weight:300;

	width:auto;

	text-align:left;	

}



.range-slider-one .ui-widget.ui-widget-content{

	height:3px;

	border:none;

	margin-bottom:25px;

	background:#eeeeee;	

}



.range-slider-one .ui-slider .ui-slider-range{

	top:0px;

	height:3px;

	background:#333333;	

}



.range-slider-one .ui-state-default,

.range-slider-one .ui-widget-content .ui-state-default{

	top:-3px;

	width:10px;

	height:10px;

	background:#ab7442;

	cursor:pointer;

	border-radius: 50%;

	border-color:#ab7442;

}



.range-slider-one .theme-btn{

	padding:8px 25px;

	border-radius:0px;

}



/*** 



====================================================================

		Product Details

====================================================================

**/





.portfolio-grid .wp-block-gallery {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: center;

}



.portfolio-grid .wp-block-gallery .wp-block-image {

    flex: 1 0 30%;

    max-width: 30%;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    position: relative;

}



.portfolio-grid .wp-block-gallery .wp-block-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    border-radius: 6px;

}





/*** 

====================================================================

		Product Details

====================================================================

**/



.product-title-label {

    position: absolute;

    top: 10px;

    left: 10px;

    background-color: #865c2f;

    color: #fff;

    padding: 6px 14px;

    border-radius: 8px;

    font-weight: bold;

    font-size: 16px;

    z-index: 10;

}



/* .image-box {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}



.image-box img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    border-radius: 10px;

} */



.product-title {

    font-size: 20px;

    font-weight: 600;

    color: #3e3e3e;

}



.product-price {

    font-size: 18px;

    font-weight: 500;

    color: #2d2d2d;

}



.btn-box .btn {

    background-color: #a1673f;

    color: #fff;

    padding: 10px 25px;

    border-radius: 3px;

    font-weight: 500;

    transition: 0.3s;

    display: inline-block;

}



.btn-box .btn:hover {

    background-color: #805432;

}



.image-fixed {

    width: 100%;

    height: 300px;

    overflow: hidden;

    border-radius: 8px;

    background-color: #f9f9f9;

    display: flex;

    align-items: center;

    justify-content: center;

}



.image-fixed img {

    height: 100%;

    width: auto;

    object-fit: cover;

    transition: transform 0.3s ease;

}











.product-price {

    font-weight: bold;

    font-size: 16px;

    color: #000;

    padding-top: 10px;

    padding-left: 5px;

}





.product-details{

	position: relative;

}



.product-details .basic-details{

	position:relative;

	margin-bottom:20px;

}



.product-details .image-column,

.product-details .info-column{

	margin-bottom:20px;

}



.product-details .image-column .image-box img{

	position:relative;

	display:block;

	width:100%;

	background-color:#f7f7f7;

}



.product-details .basic-details .details-header{

	position:relative;

	margin-bottom:16px;

}



.product-details .basic-details .details-header h4{

	font-size:28px;

	font-weight:500;

	line-height:1.4em;

	color:#353535;

	margin:0px 0px 5px;

}



.product-details .basic-details .details-header h4 a{

	color:#333333;	

}



.product-details .basic-details .details-header .rating{

	font-size:12px;

	color:#ab7442;

	margin-bottom:15px;

	display:inline-block;

}



.product-details .basic-details .details-header .reviews{

	position:relative;

	display:inline-block;

	color:#353535;

	font-weight:400;

	margin-left:15px;

}



.product-details .basic-details .details-header .rating .fa{

	display:inline-block;

}



.product-details .basic-details .details-header .rating .txt{

	font-size:14px;

	padding-left:10px;

	color:#353535;	

}



.product-details .basic-details .details-header .item-price{

	font-size:20px;

	font-weight:600;

	color:#353535;

	line-height:24px;

	font-family: 'Montserrat', sans-serif;

}



.product-details .basic-details .details-header .item-price del{

	color: #999999;

	margin-left: 10px;

	font-weight:400;

}



.product-details .basic-details .prod-info{

	margin-bottom:15px;

	line-height:1.6em;

	font-size:13px;	

}



.product-details .basic-details .prod-info strong{

	font-weight:700;

	color:#111111;	

}



.product-details .basic-details .text{

	margin-bottom:25px;

	color:#353535;

	font-size:16px;

	font-weight:400;

	line-height:1.8em;	

}



.product-details .basic-details .item-quantity .field-label{

	float:left;

	font-weight:700;

	font-size:14px;

	line-height:32px;

	display:inline-block;

	padding-right:20px;	

}



.product-details .basic-details .quantity-spinner,

.cart-section input.quantity-spinner{

	line-height:24px;

	padding:10px 15px !important;

	height:46px !important;

	box-shadow:none !important;	

}



.cart-section .bootstrap-touchspin .input-group-btn-vertical{

	position: absolute;

	right: 20px;

	top: 0;

	z-index: 99;

}



.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,

.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{

	padding:11px 10px;

	background:#f4f5f6;	

}



.product-details .bootstrap-touchspin .input-group-btn-vertical i,

.cart-section .bootstrap-touchspin .input-group-btn-vertical i{

	top:0px;	

	font-weight: 900;

}



.product-details .basic-details .item-quantity{

	position:relative;

	float:left;

	width:85px;

	margin-bottom:25px;

	margin-right:25px;

}



.product-details .basic-details .item-quantity .field-label{

	float:left;

	font-weight:700;

	font-size:14px;

	line-height:32px;

	display:inline-block;

	padding-right:20px;	

}



.product-details .basic-details .quantity-spinner,

.cart-table input.quantity-spinner{

	font-size:18px;

	line-height:24px;

	padding:10px 15px !important;

	height:50px !important;

	box-shadow:none !important;	

}



.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,

.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{

	padding:12px 10px;

	background:#f4f5f6;

	border-radius:0px;	

}



.product-details .bootstrap-touchspin .input-group-btn-vertical i,

.cart-table .bootstrap-touchspin .input-group-btn-vertical i{

	top:8px;	

}



.product-details .basic-details .add-to-cart{

	margin-left: 10px;

	border-radius: 0;

}



/*** 



====================================================================

		Product Tabs

====================================================================



***/



.shop-single .product-details .prod-tabs{

	position:relative;

}



.shop-single .product-details .prod-tabs .tab-btns{

	position:relative;

	z-index:1;

	margin-bottom:50px;

}



.shop-single .product-details .prod-tabs .tab-btns .tab-btn{

	position:relative;

	top:1px;

	display:block;

	float:left;

	margin-right:10px;

	font-size:14px;

	background:#ffffff;

	color:#353535;

	font-weight:600;

	line-height:20px;

	cursor:pointer;

	border-radius:0px;

	padding:10px 30px;

	transition:all 500ms ease;

	font-family: 'PT Serif', serif;

	border: 1px solid #353535;

}



.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,

.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{

	box-shadow: 0 0 10px rgba(0,0,0,0.10);

	background-color: #353535;

	color: #ffffff;

}



.shop-single .product-details .prod-tabs .tabs-content{

	position:relative;

}



.shop-single .product-details .prod-tabs .tabs-content .tab{

	position:relative;

	display:none;

	border-top:0px;

}



.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{

	display:block;	

}



.shop-single .product-details .prod-tabs .tabs-content .tab .content{

	position:relative;

	padding: 30px 30px;

	box-shadow: 0 0 20px rgba(0,0,0,0.10);

}



.shop-single .product-details .prod-tabs .tabs-content .tab .content p{

	position:relative;

	font-size:16px;

	line-height:1.7em;

	margin-bottom:25px;

	color:#797979;

}



.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{

	margin-bottom:0px;

}



.prod-tabs .tabs-content .tab .title{

	position:relative;

	color:#353535;

	font-size:24px;

	font-weight:600;

	margin-bottom:30px;

	font-family: 'PT Serif', serif;

}



/*Comment Form*/



.shop-comment-form{

	position:relative;

	margin-top:50px;

}



.shop-comment-form h2{

	position:relative;

	color:#333333;

	font-size:24px;

	font-weight:500;

	margin-bottom:10px;

}



.shop-comment-form .mail-text{

	position:relative;

	color:#353535;

	font-size:16px;

	margin-bottom:15px;

}



.shop-comment-form .group-title{

	margin-bottom:20px;

}



.shop-comment-form .rating-box{

	position:relative;

	margin-bottom:20px;

}



.shop-comment-form .rating-box .text{

	position:relative;

	float: left;

	margin-right: 30px;

	font-size:16px;

	color:#333333;

	margin-bottom:15px;

}



.shop-comment-form .rating-box .rating{

	position:relative;

	margin-right:10px;

	display:inline-block;

}



.shop-comment-form .rating-box .rating .fa{

	position:relative;

	margin-right:5px;

	display:inline-block;

}



.shop-comment-form .rating-box .rating a{

	position:relative;

	color:#cccccc;

	font-size:12px;

	display:inline-block;

}



.shop-comment-form .rating-box .rating a:hover{

	color:orange;

}



.shop-comment-form .form-group{

	position:relative;

	margin-bottom:20px;

}



.shop-comment-form .form-group label{

	position:relative;

	color:#333333;

	font-size:16px;

	font-weight:400;

}



.shop-comment-form .form-group:last-child{

	margin-bottom:0px;

}



.shop-comment-form .form-group input[type="text"],

.shop-comment-form .form-group input[type="password"],

.shop-comment-form .form-group input[type="tel"],

.shop-comment-form .form-group input[type="email"],

.shop-comment-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	border:1px solid #dddddd;

	height:50px;

	color:#848484;

	font-weight:300;

	background:#ffffff;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shop-comment-form .form-group input[type="text"]:focus,

.shop-comment-form .form-group input[type="password"]:focus,

.shop-comment-form .form-group input[type="tel"]:focus,

.shop-comment-form .form-group input[type="email"]:focus,

.shop-comment-form .form-group select:focus,

.shop-comment-form .form-group textarea:focus{

	border-color:#ab7442;

}



.shop-comment-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:26px;

	padding:15px 20px;

	color:#848484;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	border:1px solid #dddddd;

	height:150px;

	font-weight:300;

	background:#ffffff;

	resize:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shop-comment-form button{

	position:relative;

	margin-top:10px;

	text-transform:uppercase;

}



.shop-comment-form input:focus,

.shop-comment-form select:focus,

.shop-comment-form textarea:focus{

	border-color:#f06529;	

}



/*** 



====================================================================

		Cart Section

====================================================================



***/



.cart-section{

	position:relative;

	padding:100px 0px 60px;

}



.cart-outer{

	position:relative;	

}



.checkout-page .cart-outer{

	margin-bottom:40px;	

}



.cart-outer .table-outer{

	position:relative;

	width:100%;

	overflow-x:	auto;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	margin-bottom: 50px;

}



.cart-outer .cart-table{

	width:100%;

	min-width:900px;	

}



.cart-table .cart-header{

	position:relative;

	width:100%;

	text-transform:uppercase;

	font-size:13px;

	background:#fafafa;

	color:#353535;

	border:1px solid #dddddd;

}



.cart-table thead tr th{

	line-height:24px;

	padding:15px 25px;

	font-weight:700;

	font-size:16px;

	letter-spacing:1px;

	text-align:center;

	text-transform:uppercase;

	border-right:1px solid #dddddd;

}



.cart-table thead tr th .fa{

	font-size:18px;	

}



.cart-table tbody tr td{

	line-height:24px;

	padding:30px 25px 30px;

}



.cart-table tbody tr .qty{

	width:200px;

}



.cart-table tbody tr .qty .item-quantity{

	max-width: 100px;

	margin: 0 auto;

}



.cart-table tbody tr .qty .quantity-spinner{

	background:#ffffff;	

}



.cart-table tbody tr .prod-column .column-box{

	position:relative;

	min-height:110px;

}



.cart-table tbody tr .prod-column .column-box .prod-thumb{

	position:relative;

	width:140px;

	margin: 0 auto;

	text-align: center;

}



.cart-table tbody tr .prod-column .column-box .prod-thumb img{

	 display:inline-block;

	 max-width:100%;

}



.cart-table tbody tr .prod-column .column-box h4{

	font-size:14px;

	color:#444444;

	font-weight:400;

	line-height:90px;

}



.cart-table tbody tr .prod-column .author{

	font-size:13px;

	color:#333333;

	margin-bottom:0px;

}



.cart-table tbody tr .sub-total{

	font-weight: 500;

	color:#353535;

	font-size:16px;

}



.cart-table tbody tr .sub-total.price{

	font-weight: 500;

}



.cart-table tbody tr .remove-btn{

	position:relative;

	font-size:14px;

	color:#353535;

	line-height:30px;

	font-weight:500;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	transition:all 500ms ease;

}



.cart-table tbody tr .remove-btn .fa{

	position:relative;

	font-size:18px;

	line-height:30px;

}



.cart-table tbody tr .remove-btn:hover{

	color:#ab7442;

}



.cart-table tbody tr{

	border-bottom:1px solid #dddddd;	

}



.cart-table tbody tr td{

	vertical-align:middle;

	color:#797979;

	font-size:17px;

	text-align:center;

	font-weight: 500;

	border-left:1px solid #dddddd;

	font-family: 'Montserrat', sans-serif;

}



.cart-table tbody tr td.total{

	font-size:18px;

	color:#333333;

}



.cart-table tbody tr td:last-child{

	border-right:1px solid #dddddd;

	text-align:center;

}



.cart-table tbody tr td .prod-title{

	position:relative;

	font-size:16px;

	color:#353535;

	font-weight: 500;

}



.cart-table tbody tr td .quantity-spinner{

	padding:5px 0px 5px 20px;

	line-height:24px;

	height:34px;

	display:block;

	width:100%;

	position:relative;

}



.cart-table tbody .available-info{

	position:relative;

	padding-left:50px;	

}



.cart-table tbody .available-info .icon{

	position:absolute;

	left:0px;

	top:5px;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	font-size:18px;

	color:#ffffff;

	background:#223555;

	border-radius:50%;

}



.cart-section .cart-options{

	position:relative;

	padding:30px 30px 10px;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	margin-bottom:50px;

}



.cart-section .apply-coupon{

	position:relative;

}



.cart-section .cart-options .cart-btn{

	padding:13px 36px;

    line-height: 20px;

	font-size:16px;

	color:#ffffff;

	font-weight:500;

	text-transform:capitalize;

	background-color:#353535;

	border: 2px solid transparent;

	margin-bottom: 10px;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.cart-section .cart-options .cart-btn:hover{

	background-color:#ffffff;

	color: #353535;

	border: 2px solid #353535;

}



.cart-section .apply-coupon .form-group{

	position:relative;

	float:left;

	margin-right:20px;	

}



.cart-section .apply-coupon .form-group input[type="text"]{

	display:block;

	line-height:28px;

	padding:10px 25px;

	border:1px solid #dddddd;

	width:225px;

	height:50px;

	background:#ffffff;

}



.cart-section .coupon-btn{

    padding:13px 25px;

    line-height: 24px;

	font-size:16px;

	color:#ffffff;

	font-weight:500;

	line-height: 20px;

	text-transform:capitalize;

	background-color:#353535;

	border: 2px solid transparent;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.cart-section .coupon-btn:hover{

	background-color:#ffffff;

	color: #353535;

	border: 2px solid #353535;

}



.cart-section .cart-options .btn-style-one{

	top:-7px;

	padding-left:32px;

	padding-right:32px;

}



.cart-section .totals-table{

	position:relative;

	margin-bottom:20px;

	border:1px solid #dddddd;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

}



.cart-section .totals-table li{

	line-height:24px;

	padding:18px 30px;

	border-bottom:1px solid #dddddd;	

}



.cart-section .totals-table li:first-child{

	background-color:#fafafa;

	padding:18px 45px;

}



.cart-section .totals-table li h3{

	position:relative;

	font-weight:600;

	color:#333333;

	font-size:18px;

}



.cart-section .totals-table li:last-child{

	border-bottom:none;

	padding:40px 40px 50px;

}



.cart-section .totals-table .col{

	position:relative;

	display:block;

	float:left;

	line-height:30px;

	width:50%;

	color:#353535;

	font-size:16px;

	font-weight:500;

	text-transform:capitalize;

}



.cart-section .totals-table li .col:last-child{

	text-align:right;	

	border-left: 1px solid #dddddd;

}



.cart-section .totals-table .total .price{

	color:#353535;

	font-weight:600;

}



.cart-section .totals-table .proceed-btn{

    padding:13px 25px;

    line-height: 24px;

	font-size:14px;

	color:#ffffff;

	font-weight:500;

	line-height: 20px;

	text-transform:capitalize;

	background-color:#353535;

	border: 2px solid transparent;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.cart-section .totals-table .proceed-btn:hover{

	background-color:#ffffff;

	color: #353535;

	border: 2px solid #353535;

}



.shipping-block{

	position:relative;

}



.shipping-block .inner-box{

	position:relative;

	padding:40px 30px 20px;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	border:1px solid #dddddd;

	margin-bottom:50px;

}



.shipping-block .inner-box h3{

	position:relative;

	color:#333333;

	font-size:24px;

	font-weight:500;

	margin-bottom:4px;

	text-transform:capitalize;

}



.shipping-block .inner-box h4{

	position:relative;

	color:#353535;

	font-size:14px;

	font-weight:400;

	margin-bottom:22px;

	text-transform:capitalize;

}



.shipping-form{

	position:relative;

}



.shipping-form .row{

	position:relative;

	margin:0px -10px;

}



.shipping-form .form-group{

	position:relative;

	margin-bottom:20px;

	padding:0px 10px;

}



.shipping-form .form-group input[type="text"],

.shipping-form .form-group input[type="password"],

.shipping-form .form-group input[type="tel"],

.shipping-form .form-group input[type="email"]{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	height:50px;

	font-size:16px;

	border:1px solid #dddddd;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shipping-form .form-group input[type="text"]:focus,

.shipping-form .form-group input[type="password"]:focus,

.shipping-form .form-group input[type="tel"]:focus,

.shipping-form .form-group input[type="email"]:focus,

.shipping-form .form-group select:focus,

.shipping-form .form-group textarea:focus{

	border-color:#ab7442;

}



.shipping-form button{

    padding:13px 25px;

    line-height: 24px;

	font-size:16px;

	color:#ffffff;

	font-weight:500;

	line-height: 20px;

	text-transform:capitalize;

	background-color:#353535;

	border: 2px solid transparent;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.shipping-form button:hover{

	background-color:#ffffff;

	color: #353535;

	border: 1px solid #353535;

}



/*====================================================================

		CheckOut Section

====================================================================*/



.checkout-page{

	position:relative;

	padding:110px 0px 70px;

}



.checkout-page .default-links{

	position:relative;

	margin-bottom:40px;

}



.checkout-page .default-links li{

	line-height:20px;

	padding:15px 25px;

	font-size:14px;

	font-weight: 500;

	color:#353535;

	background-color :#ffffff;

	box-shadow: 0 0 10px rgba(0,0,0,.05);

	margin-bottom: 30px;

}



.checkout-page .default-links li .far{

	position:relative;

	display: inline-block;

	font-size:14px;

	line-height: 20px;

	color:#ab7442;

	margin-right:20px;

}



.checkout-page .default-links li a{

	color:#ab7442;

	font-size: 16px;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.checkout-page .default-links li a:hover{

	color: #ab7442;

	text-decoration: underline;

}	



.checkout-page .sec-title{

	margin-bottom: 20px;

} 



.checkout-page .sec-title h3{

	font-size: 20px;

	line-height: 1.2em;

	color: #ab7442;

	font-weight: 600;

	padding-bottom: 20px;

	border-bottom: 1px solid #dddddd;

}



.checkout-form{

	position:relative;

	margin-bottom: 50px;

}



.checkout-form .column{

	position: relative;

	margin-bottom: 40px;

}



.checkout-form .column .inner-column{

	position: relative;

	padding: 30px 30px;

	box-shadow: 0 0 20px rgba(0,0,0,0.04);

}



.checkout-form .form-group{

	position:relative;

	margin-bottom: 15px;

}



.checkout-form .form-group .field-label{

	display:block;

	line-height:24px;

	text-transform:capitalize;

	color:#353535;	

	font-size:15px;

	font-weight:500;

	margin-bottom:10px;

}



.checkout-form .form-group .field-label span{

	position: relative;

	font-size: 16px;

	color: #353535;

	display: block;

	font-weight: 600;

}



.checkout-form .form-group .field-label sup{

	top:-1px;

	font-size:15px;

	color: #009fe9;

}



.checkout-form .form-group .text{

	position:relative;

	color:#353535;

	font-size:14px;

	line-height: 24px;

}



.checkout-form input[type="text"],

.checkout-form input[type="email"],

.checkout-form input[type="password"],

.checkout-form input[type="tel"],

.checkout-form input[type="number"],

.checkout-form input[type="url"],

.checkout-form select,

.checkout-form textarea{

	position:relative;

	display:block;

	width:100%;

	background:#ffffff;

	font-size: 16px;

	line-height:20px;

	color: #353535;

	padding:14px 22px;

	height:50px;

	border:1px solid #e0e0e0;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

}



.checkout-form select{

	cursor:pointer;

	-webkit-appearance:none;

	-ms-appearance:none;

	-o-appearance:none;

	-moz-appearance:none;

	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;

}



.checkout-form textarea{

	resize:none;

	height:160px !important;	

	padding-left: 30px;

}



.checkout-form input:focus,

.checkout-form select:focus,

.checkout-form textarea:focus{

	border-color: #ab7442;

}



.checkout-page .check-box{

	line-height:24px;

	font-size:14px;

	font-weight:normal;

	padding-top:5px;	

}



.checkout-page .check-box label{

	position:relative;

	top:-1px;

	font-weight:normal;

	padding:0px;

	font-size:16px;

	cursor:pointer;

	color:#333333;

}



.checkout-page .lower-content{

	margin-top:30px;

}



.checkout-page .lower-content .order-column{

	margin-bottom:40px;

}



.checkout-page .lower-content .column h2{

	position:relative;

	color:#353535;

	font-size:24px;

	margin-bottom:30px;

	padding-bottom:12px;

}



.checkout-page .lower-content .column h2:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:40px;

	height:2px;

	background-color:#fa9928;

}



/*Coupon Box*/



.coupon-box{

	position:relative;

	padding:25px 25px;

	margin-bottom:25px;

	background-color:#f5f5f5;

}



.coupon-form{

	position:relative;

}



.coupon-form .form-group{

	position:relative;

	margin-bottom:0px;

}



.coupon-form .form-group input[type="text"]{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	height:44px;

	font-size:14px;

	border:1px solid #cccccc;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.coupon-form .form-group input[type="text"]:focus{

	border-color: #ab7442;

}



.coupon-form button{

	margin-top:0px;

	font-size:16px;

	font-weight:700;

	border-radius:0px;

	-webkit-border-radius:0px;

	-moz-border-radius:0px;

	-ms-border-radius:0px;

	-o-border-radius:0px;

	padding:8px 26px;

	text-transform:capitalize;

}



.order-box{

	position:relative;

	padding: 30px 30px;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	margin-bottom: 50px;

	font-family: 'Montserrat', sans-serif;

}



.order-box .sec-title{

	margin-bottom: 25px;

}



.order-box .sec-title h3{

	border-bottom: 0;

	padding-bottom: 0;

}



.order-box .title-box{

	position:relative;

	padding:15px 15px;

	font-weight: 500;

	color: #ffffff;

	background-color :#353535;

}



.order-box .title-box .col{

	position:relative;

	width:50%;

	float:left;

	color:#ffffff;

	font-size: 16px;

	line-height: 25px;

}



.order-box ul{

	position:relative;

}



.order-box ul li{

	position:relative;

	padding: 25px 30px;

	font-size: 16px;

	font-weight: 500;

	color: #353535;

	line-height: 30px;

	border-bottom:1px solid #cccccc;

}



.order-box ul li strong{

	color:#353535;

	font-weight: 500;

	font-size:16px;

}



.order-box ul li span{

	padding: 0 15px;

	width:50%;

	float:right;

	color:#ab7442;

	font-size:16px;

}



.order-box ul li span.free{

	color:#353535;

}



.order-box ul li:last-child{

	border-bottom: 0;

}



.payment-box{

	position:relative;

	padding: 30px 50px;

	box-shadow: 0 0 20px rgba(0,0,0,0.05);

	margin-bottom: 50px;

}



.payment-box .upper-box{

	position:relative;

	border-bottom:1px solid #b7b7b7;

}



.payment-options{

	position:relative;

	margin-top:20px;

	margin-bottom:20px;	

}



.payment-box .payment-options li{

	position:relative;

	margin-bottom:15px;	

}



.payment-box .payment-options li .radio-option{

	position:relative;		

}



.payment-box .payment-options li .radio-option label{

	position:relative;

	display:block;

	padding-left:30px;

	font-weight: 500;

	text-transform:capitalize;

	color:#353535;

	cursor:pointer;

	font-size:16px;

}



.payment-box .payment-options li .radio-option label strong{

	font-weight: 400;

}



.payment-box .payment-options li .radio-option input[type="radio"]{

	position:absolute;

	left:0px;

	top:3px;	

}



.payment-box .payment-options li .radio-option label .small-text{

	position:relative;

	display:none;

	letter-spacing:0px;

	text-transform:none;

	font-weight:normal;

	font-size:14px;

	color:#ffffff;

	line-height:1.8em;

	padding:15px 20px;

	margin-top:20px;

	background-color :#ab7442;

}



.payment-box .payment-options li .radio-option input:checked + label .small-text{

	display:block;

}



.payment-box .payment-options li .radio-option label .small-text:before{

	position:absolute;

	content:'';

	left:30px;

	top:-8px;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 8px solid #ab7442;

}



.payment-box .payment-options li .radio-option label img{

	position:relative;

	display:block;

	max-width:100%;

	padding-left:30px;	

	margin-top:20px;

}



.payment-box .payment-options li .radio-option .what-paypall{

	position:relative;

	display:block;

	color:#353535;

	font-size:16px;

	font-weight:700;

	margin-left:120px;

	margin-top:10px;

}



.payment-box .lower-box{

	position:relative;

	padding: 30px 0 0;

	text-align: right;

}



.payment-box .lower-box .theme-btn{

	margin-right: 0;

}



/*** 



====================================================================

	Login Section

====================================================================



***/



.login-section{

	position:relative;

	padding:110px 0px 60px;

}



.login-section .row{

	margin: 0 -60px;

}



.login-section .column{

	padding: 0 60px

}



.login-form.register-form{

	padding-bottom:50px;

}



.login-section h2{

	position:relative;

	color:#353535;

	font-size:26px;

	font-weight:600;

	line-height:1.2em;

	margin-bottom:25px;

}



.login-form{

	position:relative;

	margin-bottom:40px;

	padding:30px 40px 25px;

	background-color: #eeeeee;

	border: 10px solid #ffffff;

	box-shadow: 0 0 20px rgba(0,0,0,0.15);

}



.login-form .form-group{

	position:relative;

	margin-bottom:20px;

}



.login-form .form-group.check-box{

	margin-bottom:0px;

}



.login-form .form-group:nth-child(2){

	margin-bottom:25px;

}



.login-section.style-two .login-form .form-group:nth-child(2){

	margin-bottom:15px;

}



.login-form .form-group label{

	position:relative;

	top:-1px;

	color:#666666;

	font-weight:400;

	font-size:14px;

	margin-bottom: 0px;

}



.login-form .form-group.no-margin{

	margin-bottom:0px;

}



.login-form .form-group input[type="text"],

.login-form .form-group input[type="password"],

.login-form .form-group input[type="tel"],

.login-form .form-group input[type="email"]{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	height:50px;

	color: #666666;

	font-size:14px;

	border:1px solid #dddddd;

	box-shadow: 0 0 15px rgba(0,0,0,0.05);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;



	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.login-form .form-group input[type="text"]:focus,

.login-form .form-group input[type="password"]:focus,

.login-form .form-group input[type="tel"]:focus,

.login-form .form-group input[type="email"]:focus,

.login-form .form-group select:focus,

.login-form .form-group textarea:focus{

	border-color:#ab7442;

}



.login-form button{

	line-height: 20px;

}



.login-form .psw{

	position:relative;

	color:#666666;

	font-size:16px;

}



.login-form .psw:hover{

	text-decoration: underline;

}



/*** 



====================================================================

			Coming Soon

====================================================================



***/



.coming-soon{

	position:fixed;

	width:100%;

	height:100%;

	display:block;

	overflow-y:auto;

	background-repeat: no-repeat;

	background-position: center right;

	background-size: cover;

	text-align: center;

}



.coming-soon .content{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: table;

    vertical-align: middle;

}



.coming-soon .content:before{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background-color: #000000;

	content: "";

	opacity: .30;

}



.coming-soon .content .content-inner{

	position: relative;

	padding: 90px 15px;

    display: table-cell;

    vertical-align: middle;

}



.coming-soon .content .content-inner .logo{

	position:relative;

	margin-bottom: 200px;

}



.coming-soon .content .content-inner .sec-title{

	display: none;

	margin-bottom:50px;

}



.coming-soon .content .content-inner h2{

	position:relative;

	font-size:48px;

	font-weight:700;

	color: #ffffff;

	line-height:1.2em;

	padding-bottom: 0;

	font-variant: small-caps;

}



.coming-soon .content .content-inner h2:after{

	display: none;

}



.time-counter{

	position:relative;

}



.time-counter .time-countdown{

	position:relative;

	margin-bottom: 180px;

}



.time-counter .time-countdown .counter-column{

	position:relative;

	display: inline-block;

	width:180px;

	height:180px;

	font-size:20px;

	line-height: 1em;

	color:#ffffff;

	text-transform:uppercase;

	font-weight:600;

	text-align: center;

	z-index: 7;

	border-radius: 20px;

	box-shadow: 0 0 30px rgba(0,0,0,0.25);

    background-color: rgba(54,54,54,.40);

	font-family: 'Montserrat', sans-serif;

	margin:0 15px 20px;

}



.time-counter .time-countdown .counter-column .count{

	position:relative;

	display:block;

	font-size:72px;

	line-height:30px;

	padding:60px 0px 30px;

	color:#ffffff;

	font-weight:600;

	font-family: 'PT Serif', serif;

}



.coming-soon .emailed-form{

	position: relative;

	margin-bottom: 40px;

}



.coming-soon .emailed-form h3{

	font-size: 38px;

	line-height: 1.2em;

	font-weight: 600;

	color: #ffffff;

	margin-bottom: 20px;

}



.coming-soon .emailed-form .text{

	position: relative;

	display: block;

	font-size: 22px;

	font-weight: 500;

	color: #ffffff;

	margin-bottom: 40px;

}



.coming-soon .emailed-form .form-group{

	position:relative;

	display:block;

	max-width:540px;

	width:100%;

	margin: 0 auto;

}



.coming-soon .emailed-form .form-group input[type="text"],

.coming-soon .emailed-form .form-group input[type="tel"],

.coming-soon .emailed-form .form-group input[type="email"],

.coming-soon .emailed-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	height:60px;

	font-size:16px;

	color:#ffffff;

	overflow:hidden;

	padding:15px 50px 15px 20px;

	background: rgba(255,255,255,.10);

	border: 1px  rgba(255,255,255,.40);

	box-shadow: 0 0 13px rgba(0,0,0,0.10);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.coming-soon .emailed-form .form-group input:focus,

.coming-soon .emailed-form .form-group select:focus,

.coming-soon .emailed-form .form-group textarea:focus{



}



.coming-soon .emailed-form .form-group input[type="submit"],

.coming-soon .emailed-form button{

	position:absolute;

	right:0px;

	top:0px;

	width: 60px;

	height:60px;

	line-height:40px;

	font-size:18px;

	color: #ffffff !important;

	background-color: transparent;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.coming-soon .emailed-form .form-group input[type="submit"]:hover,

.coming-soon .emailed-form button:hover{

	color: #353535;

}



/*Social Icon Three*/



.social-icon-three{

	position:relative;

}



.social-icon-three li{

	position:relative;

	display: inline-block;

	margin: 0 7px 10px;

}



.social-icon-three li:first-child{

	margin-left: 0;

}



.social-icon-three li a{

	position:relative;

	display:block;

	font-size:22px;

	color:#ffffff;

	height: 50px;

	width: 50px;

	line-height: 50px;

	background-color: rgba(255,255,255,.10);

	border-radius: 50%;

	box-shadow: 0 0 10px rgba(0,0,0,0.10);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.social-icon-three li a:hover{

	color: #ab7442;

}



.coming-soon .copyright-text{

	position: relative;

	font-size: 18px;

	line-height: 26px;

	color: #ffffff;

	font-weight: 400;

}



.coming-soon .copyright-text a{

	color: #ff9600;

}



.coming-soon .copyright-text a:hover{

	text-decoration: underline;

}



.clock-wrapper{

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    width: 250px;

    height: 250px;

    margin: auto;

    margin-top: -145px;

    border-radius: 50%;

    box-shadow: 0 0 20px rgba(0,0,0,0.05);

    background-color: rgba(0,0,0,.40);

    transform: scale(2);

}



.clock-base{

    width: 250px;

    height: 250px;

    border-radius: 50%;



}



.click-indicator{

    position: absolute;

    z-index: 1;

    top: 10px;

    left: 10px;

    width: 230px;

    height: 230px;

}



.click-indicator div{

    position: absolute;

    width: 2px;

    height: 4px;

    margin: 113px 114px;

}



.click-indicator div > span{

	height: 5px;

	width: 5px;

	background-color: #353535;

	display: inline-block;

	border-radius: 50%;

	margin-left: -1px;

	margin-top: -1px;

}



.click-indicator div:nth-child(1) {

    transform: rotate(30deg) translateY(-120px);

}



.click-indicator div:nth-child(2) {

    transform: rotate(60deg) translateY(-120px);

}



.click-indicator div:nth-child(3) {

    transform: rotate(90deg) translateY(-120px);

    background-color: #F00;

}



.click-indicator div:nth-child(4) {

    transform: rotate(120deg) translateY(-120px);

}



.click-indicator div:nth-child(5) {

    transform: rotate(150deg) translateY(-120px);

}



.click-indicator div:nth-child(6) {

    transform: rotate(180deg) translateY(-120px);

    background-color: #F00;

}



.click-indicator div:nth-child(7) {

    transform: rotate(210deg) translateY(-120px);

}



.click-indicator div:nth-child(8) {

    transform: rotate(240deg) translateY(-120px);

}



.click-indicator div:nth-child(9) {

    transform: rotate(270deg) translateY(-120px);

    background-color: #F00;

}



.click-indicator div:nth-child(10) {

    transform: rotate(300deg) translateY(-120px);

}



.click-indicator div:nth-child(11) {

    transform: rotate(330deg) translateY(-120px);

}



.click-indicator div:nth-child(12) {

    transform: rotate(360deg) translateY(-120px);

    background-color: #F00;

}



.clock-hour{

    position: absolute;

    z-index: 2;

    top: 75px;

    left: 123px;

    width: 4px;

    height: 65px;

    background-color: #555;

    border-radius: 2px;

    box-shadow: 0 0 2px rgba(0,0,0,.2);

    transform-origin: 2px 50px;

    transition: .5s;

    -webkit-animation: rotate-hour 43200s linear infinite;

    -moz-animation: rotate-hour 43200s linear infinite;

}



.clock-minute{

    position: absolute;

    z-index: 3;

    top: 55px;

    left: 123px;

    width: 4px;

    height: 85px;

    background-color: #555;

    border-radius: 2px;

    box-shadow: 0 0 2px rgba(0,0,0,.2);

    transform-origin: 2px 70px;

    transition: .5s;

    -webkit-animation: rotate-minute 3600s linear infinite;

    -moz-animation: rotate-minute 3600s linear infinite;

}



.clock-second{

    position: absolute;

    z-index: 4;

    top: 15px;

    left: 124px;

    width: 2px;

    height: 130px;

    background-color: #a00;

    opacity: .5;

    box-shadow: 0 0 2px rgba(0,0,0,.2);

    transform-origin: 1px 110px;

    transition: .5s;

    -webkit-animation: rotate-second 60s linear infinite;

    -moz-animation: rotate-second 60s linear infinite;

}



.clock-second:after{

    content: "";

    display: block;

    position: absolute;

    left: -3px;

    bottom: 16px;

    width: 8px;

    height: 8px;

    background-color: #a00;

    border: solid 2px #a00;

    border-radius: 50%;

    box-shadow: 0 0 3px rgba(0,0,0,.2);

}



.clock-center{

    position: absolute;

    z-index: 1;

    width: 150px;

    height: 150px;

    top: 50px;

    left: 50px;

    box-shadow: 0 0 3px rgba(0,0,0,.2);

    border-radius: 50%;

}



.clock-center:after{

    content: "";

    display: block;

    width: 20px;

    height: 20px;

    margin: 65px;

    background-color: #ddd;

    border-radius: 50%;

}



/***



==================================================================

		Right To Left Style

==================================================================



***/



.rtl{

	direction: rtl;

	text-align: right;

}



.rtl .cart-table tbody tr .qty .item-quantity,

.rtl .group-title h2,

.rtl .styled-pagination,

.rtl .owl-carousel{

	direction: ltr !important;

}



.rtl .main-header .main-menu,

.rtl .main-header .info-box,

.rtl .main-menu .navigation > li,

.rtl .product-details .basic-details .item-quantity,

.rtl .shop-comment-form .rating-box .text,

.rtl .about-us .bottom-box .name,

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn,

.rtl .main-footer.style-two .footer-bottom .copyright-text,

.rtl .main-header .top-left{

	float: right;

}



.rtl .cat-list li a span,

.rtl .main-header .header-lower .nav-outer,

.rtl .main-footer.style-two .footer-bottom .footer-nav,

.rtl .fluid-section-one .content-column,

.rtl .main-header .top-right{

	float: left;

}



.rtl .latest-news .post-thumb,

.rtl .popular-posts .post .thumb,

.rtl .fun-facts-section .count-box,

.rtl .fluid-section-one .image-column,

.rtl .main-footer .widget-title:before,

.rtl .main-header .info-box .icon-box,

.rtl .contact-info-box .info-list:before,

.rtl .main-menu .navigation > li > ul,

.rtl .help-box .info-box li .icon,

.rtl .category-list li:before,

.rtl .feature-block-two .icon,

.rtl .list-style-one li:before,

.rtl .about-us .about-years:before,

.rtl .payment-box .payment-options li .radio-option input[type="radio"],

.rtl .sidebar .related-posts .post .post-thumb,

.rtl .project-detail .project-info li .icon,

.rtl .video-section .fact-counter .count-box,

.rtl .main-footer .contact-list li span,

.rtl .testimonial-block .info-box .icon,

.rtl .fluid-section-one .content-column .services li .icon{

	left: auto;

	right: 0;

}



.rtl .mobile-menu .navigation li.dropdown .dropdown-btn,

.rtl .sidebar .search-box .form-group input[type="submit"], 

.rtl .sidebar .search-box .form-group button,

.rtl .pricing-tabs .tab-buttons,

.rtl .projects-section-three .view-all,

.rtl .fluid-section-one .content-column:before,

.rtl .coming-soon .emailed-form .form-group input[type="submit"],

.rtl .coming-soon .emailed-form button,

.rtl .subscribe-form .form-group input[type="submit"], 

.rtl .subscribe-form .form-group button{

	right: auto;

	left: 0;

}



.rtl .sec-title.text-center h2:after{

	left: 100%;

	right: auto;

	margin-left: 15px;

}



.rtl .fixed-header .sticky-header .logo,

.rtl .range-slider-one .btn-box,

.rtl .header-style-three .logo-outer,

.rtl .header-style-two .header-upper .logo-outer,

.rtl .main-header .header-lower .logo-outer{

	float: right !important;

}



.rtl .fixed-header .sticky-header .nav-outer,

.rtl .range-slider-one .input-box,

.rtl .header-style-three .nav-outer,

.rtl .header-style-two .upper-right{

	float: left !important;

}



.rtl .service-detail .work-area .work-block,

.rtl .range-slider-one .input input,

.rtl .banner-section.style-two .owl-nav,

.rtl .main-menu .navigation > li > ul > li > ul > li > a,

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

	text-align: right;

}



.rtl .services-section .right-btn{

	text-align: left !important;

}



.rtl .main-header .search-box-outer .dropdown-menu{

	right: auto !important;

	left: 0 !important;

}



.rtl .sec-title h2:before, 

.rtl .sec-title h2:after{

	left: auto;

	right: 100%;

	margin-left: 0;

	margin-right: 15px;

}



.rtl .sticky-header .main-menu .navigation > li{

	margin-left: 0;

	margin-right: 35px;

}



.rtl .main-menu .navigation li > ul > li.dropdown > ul{

	left: auto;

	right: 100%;

	margin-left: 0;

	margin-right: 15px;

}



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

	transform: scaleX(-1);

	left: 10px;

	right: auto;

}



.rtl .header-style-four .search-box-outer{

	margin-right: 0;

	margin-left: 20px;

}



.rtl .main-header .cart-btn,

.rtl .header-style-three .cart-btn,

.rtl .header-style-two .cart-btn{

	margin-left: 10px;

	margin-right: 0;

}



.rtl .main-menu .navigation > li{

	margin-left: 40px;

	margin-right: 0;

}



.rtl .payment-box .lower-box,

.rtl .project-carousel .owl-nav,

.rtl .banner-section .owl-nav{

	text-align: left;

}



.rtl .service-block .image-box .icon{

	left: auto;

	right: 30px;

}



.rtl .testimonial-block .thumb{

	right: auto;

	left: 80px;

}



.rtl .testimonial-block .info-box{

	left: auto;

	right: 230px;

	padding-left: 0;

	padding-right: 80px;

	text-align: right;

	bottom: -30px;

}



.rtl .fluid-section-one .content-column:before{

	transform: scaleX(-1);

}



.rtl .news-block-two .post-info li,

.rtl .news-block .post-info li{

	margin-right: 0;

	margin-left: 15px;

}



.rtl .news-block-two .post-info li span,

.rtl .news-block .post-info li span{

	margin-right: 0;

	margin-left: 5px;

}



.rtl .main-footer .contact-list li{

	padding-left: 0;

	padding-right: 30px;

}



.rtl .popular-posts .post{

	padding-left: 0;

	padding-right: 120px;

}



.rtl .subscribe-form .form-group{

	padding-right: 0;

	padding-left: 50px;

}



.rtl .main-footer .social-links li{

	margin:0;

	margin-left: 18px;

}



.rtl .banner-section.style-two .btn-box .theme-btn{

	margin-left: 0;

	margin-right: 20px;

}



.rtl .main-header .info-box{

	padding-left: 0;

	margin-left: 0;

	text-align: right;

	padding-right: 60px;

	margin-right: 70px;

}



.rtl .main-header .info-box:last-child{

	margin-left: 0;

}



.rtl .main-header .info-box.btn-box{

	padding-right: 0;

}



.rtl .fluid-section-one .content-column .inner-column{

	padding: 70px 60px 60px 15px;

}



.rtl .fluid-section-one .content-column .services li{

	padding-right: 65px;

	padding-left: 50px;

}



.rtl .main-footer.style-two .contact-list li{

	padding-left: 0;

	padding-right: 35px;

}



.rtl .testimonial-block-two .info-box{

	padding-left: 0;

	padding-right: 100px;

}



.rtl .testimonial-block-two .thumb{

	left: auto;

	right: 0px;

}



.rtl .testimonial-block-two .inner-box:before{

	left: auto;

	right: -15px;

}



.rtl .header-style-three .main-menu .navigation > li{

	margin-right: 10px;

	margin-left: 0;

}



.rtl .header-style-three .outer-box{

	margin-left: 0;

	margin-right: 30px;

}



.rtl .header-style-three .cart-btn{

	float: right;



}



.rtl .header-style-three .search-box-outer{

	float: right;

	margin-left: 30px;

}



.rtl .header-style-three .btn-outer{

	float: right;

	margin-left: 0;

	margin-right: 0px;

}



.rtl .hidden-bar .inner-box .cross-icon{

	right: auto;

	left: 30px;

}



.rtl .fun-facts-section .counter-column .inner-column,

.rtl .video-section .fact-counter .counter-column .inner-column{

	padding-left: 0;

	padding-right: 110px;

}



.rtl .fun-facts-section .counter-column .inner-column:before,

.rtl .video-section .fact-counter .counter-column .inner-column:before{

	left: auto;

	right: 85px;

}



.rtl .accordion-box .block .acc-btn{

	padding-right: 30px;

	padding-left: 80px;

}



.rtl .accordion-box .block .icon{

	right: auto;

	left: 15px;

}



.rtl .faqs-section .image-column .image{

	margin-right: 0;

	margin-left: -90px;

}



.rtl .page-title .bread-crumb li:first-child{

	padding-right: 0;

	margin-right: 0;

}



.rtl .page-title .bread-crumb li{

	margin-left: 0;

	padding-left: 0;

	margin-right: 10px;

	padding-right: 10px;

}



.rtl .page-title .bread-crumb li:after{

	right: auto;

	left: -13px;

}



.rtl .coming-soon .emailed-form .form-group input[type="text"],

.rtl .coming-soon .emailed-form .form-group input[type="tel"],

.rtl .coming-soon .emailed-form .form-group input[type="email"],

.rtl .coming-soon .emailed-form .form-group textarea{

	padding:15px 30px 15px 50px;

}



.rtl .feature-box .feature-block .inner{

	padding-left: 25px;

	padding-right: 90px;

}



.rtl .feature-box .feature-block .icon-box{

	left: auto;

	right: 25px;

}



.rtl .category-list li a:before{

	left: auto;

	right: 20px;

	transform: rotate(-180deg);

}



.rtl .category-list li a{

	padding-left: 25px;

	padding-right: 38px;

}



.rtl .brochure-box .theme-btn i{

	margin-right: 0;

	margin-left: 10px;

}



.rtl .help-box .info-box li{

	padding-left: 0;

	padding-right: 30px;

}



.rtl .project-detail .project-info li{

	padding-left: 20px;

	padding-right: 35px;

}



.rtl .blog-detail blockquote,

.rtl .project-detail blockquote{

	border-left: 0;

	border-right: 4px solid;

}



.rtl .cat-list li a{

	padding-left: 0;

	padding-right: 20px;

}



.rtl .cat-list li:before{

	left: auto;

	right: 0px;

}



.rtl .latest-news .post{

	padding-left: 0;

	padding-right: 105px;

}



.rtl .instagram-widget .link-box{

	right: auto;

	left: 30px;

}



.rtl .tag-list li{

	float: right;

	margin-left: 5px;

	margin-right: 0;

}



.rtl .comments-area .comment{

	padding-left: 30px;

	padding-right: 130px;

}



.rtl .comments-area .comment-box .author-thumb{

	left: auto;

	right: 30px;

}



.rtl .comments-area .comment-box .reply-btn{

	right: auto;

	left: 30px;

}



.rtl .comments-area .comment-box .name{

	margin-right: 0;

	margin-left: 10px;

}



.rtl .sidebar .related-posts .post{

	padding-left: 0px;

	padding-right: 90px;

}



.rtl .product-details .basic-details .details-header .reviews{

	margin-left: 0;

	margin-right: 30px;

}



.rtl .product-details .basic-details .add-to-cart,

.rtl .product-details .basic-details .details-header .item-price del{

	margin-left: 0;

	margin-right: 10px;

}



.rtl  .product-details .basic-details .item-quantity{

	margin-right: 0;

	margin-left: 25px;

}



.rtl .shop-comment-form .rating-box .text{

	margin-right: 0;

	margin-left: 30px;

}



.rtl .checkout-page .default-links li .far{

	margin-right: 0;

	margin-left: 20px;

}



.rtl .order-box ul li{

	padding-left: 0;

	padding-right: 0;

}



.rtl .order-box .title-box .col{

	padding: 0;

}



.rtl .payment-box .payment-options li .radio-option label{

	padding-right: 30px;

	padding-left: 0;

}



.rtl .payment-box .payment-options li .radio-option label .small-text:before{

	left: auto;

	right: 30px;

}



.rtl .payment-box .payment-options li .radio-option .what-paypall{

	margin-left: 0;

	margin-right: 120px;

}



.rtl .login-form .pass{

	text-align: left;

}



.rtl .social-icon-three li.title{

	margin-right: 0;

	margin-left: 5px;

}



.rtl .mobile-menu .close-btn{

	right: auto;

	left: 20px;

}



.rtl .mobile-menu .nav-logo{

	text-align: right;

}



.rtl .mobile-menu .menu-box{

	transform-origin: top left;

}



.rtl .checkout-form select{

	background-position: 10px center;

}



.rtl .list-style-one li{

	padding-left: 0;

	padding-right: 25px;

}



.rtl .about-us .image-column .inner-column{

	padding-left: 0;

	padding-right: 50px;

}



.rtl .about-us .image-column .inner-column:before{

	right: auto;

	left: -50px;

}



.rtl .about-us .bottom-box .signature{

	margin-right: 0;

}



.rtl .about-us .btn-box{

	float: right;

	margin-left: 0;

	margin-right: 20px;

}



.rtl .about-us .about-years .years{

	margin-left: 10px;

	margin-right: 0;

}



.rtl .offer-section .form-column .inner-column{

	padding-right: 0;

    padding-left: 40px;

}



.rtl .feature-block-two .inner-box{

	padding-left: 0;

	padding-right: 80px;

}



.rtl .testimonial-block .text .inner:before{

	left: auto;

	right: 0;

	border-left: 0;

	border-right: 6px solid #838182;

}



.rtl .testimonial-block .inner-box:before{

	right: 0;

	left: 120px;

	border-radius: 30px 0 0 0;

	transform: scaleX(-1);

}



.rtl .testimonial-block .inner-box:after{

	left: auto;

	right: 0;

	transform: scaleX(-1);

}



.rtl .offer-section .content-column > .inner-column {

    padding: 50px 30px 30px;

    padding-right: 100px;

    margin-right: -80px;

    margin-left: 0px;

}



.rtl .news-block .post-date{

	left: auto;

	right: 0;

	border-radius: 30px 0 0 30px;

}



.rtl .news-block .post-date span{

	margin-left: 10px;

}



.rtl .list-style-two li{

	padding-left: 0;

	padding-right: 30px;

}



.rtl .list-style-two li:before{

	left: auto;

	right: 0;

	transform: scaleX(-1);

}



.rtl .services-section-two .image-column .image{

	margin-right: 0;

	margin-left: 20px;

}



.rtl .service-block-three .inner-box{

	padding-left: 20px;

	padding-right: 110px;

}



.rtl .service-block-three .icon{

	left: auto;

	right: 20px;

}



.rtl .pricing-table.tagged .inner-box:before{

	right: auto;

	left: 30px;

}



.rtl .pricing-table .duration{

	margin-left: 0;

	margin-right: 5px;

}



.rtl .pricing-table .price sup{

	margin-right: 0;

	margin-left: 5px;

}



.rtl .pricing-table .table-content ul li{

	padding-left: 0;

	padding-right: 20px;

}



.rtl .pricing-table .table-content ul li:before{

	left: auto;

	right: 0;

}



.rtl .products-section .owl-nav{

	right: auto;

	left: 10px;

}



.rtl .header-style-four .main-menu .navigation > li{

	margin-right: 0;

	margin-left: 10px;

}



.rtl .header-style-two .outer-box .social-links{

	margin-right: 0;

	margin-left: 30px;

}



.rtl .sidebar-btn-outer{

	margin-left: 0px;

}



.rtl .banner-section-two .shape-layer{

	right: 0;

	left: auto;

	transform: scaleX(-1);

}



.rtl .banner-section-two .image-layer{

	float: left;

}



.rtl .sidebar-side .sidebar{

	padding-right: 0;

	padding-left: 30px;

}



.rtl .offer-section .bg-pattern{

	right: auto;

	left: -100px;

	transform: scale(-1);

}



.rtl .offer-section .content-column .title:before{

	right: 100%;

	transform: scaleX(-1);

}



.rtl .header-style-two .outer-box{

	float: left;

}



/*** 



====================================================================

	Box Layout

====================================================================



***/



.box-layout .page-wrapper{

	max-width: 1280px;

	margin: 0 auto;

	background-color: #ffffff;

	overflow: hidden;

	box-shadow: 0 0 50px rgba(0,0,0,0.10);

}



.box-layout{

	background-repeat: repeat;

	background-position: center;

	background-attachment: fixed;

	background-image: url(../images/background/boxed-bg/1.png);

}



.box-layout .header-style-two.fixed-header .outer-container,

.box-layout .sticky-header{

	max-width: 1280px;

	left: 0;

	right: 0;

	margin: 0 auto;

}



.box-layout .fixed-footer{

	position: absolute;

}



.box-layout .coming-soon{

	position: relative;

}



.box-layout .coming-soon .content{

	position: relative;

}



.nav-logo img {

    display: block !important;

    max-width: 150px;

    height: auto;

}





/*** 



====================================================================

	Thank you page start

====================================================================



***/



.thank-you-details {

    max-width: 500px;

    margin: 40px auto 60px auto;

    padding: 30px 25px;

    border: 2px solid #d6d6d6;

    border-radius: 10px;

    background-color: #fdfdfd;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

    font-size: 16px;

    line-height: 1.6;

    color: #333;

}



.thank-you-details h3 {

    color: #5c4525;

    font-size: 24px;

    margin-bottom: 20px;

    text-align: center;

}



.thank-you-details p {

    margin: 8px 0;

}



.thank-you-details strong {

    display: inline-block;

    width: 100px;

    font-weight: 600;

}



/*** 



====================================================================

	Thank you page end

====================================================================



***/