/***** Project Video Section ****/


.projectVideo{
    width: 800px;
    height: 400px;
    margin: 0 auto;
    background: #fff;
    padding: 0;
}


/***** Project Video Section ****/

@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);






/* ----------------------------------------------------
	SIDEBAR	
------------------------------------------------------- */ 

	#sidebar-fix {
	  	width: inherit;
	  	min-width: 280px;
	  	max-width: 280px;
	  	background-color:#fff;
	  	float: left;
	  	height:100%;
	  	bottom:0;
	  	left: 0;
	  	overflow-y:auto;
	  	z-index: 9991;
	  	overflow-x:hidden;
	  	position: fixed;
	  	top: 0;
	  	height: 100%;
	  	-webkit-overflow-scrolling:touch;
	  	overflow:auto;
	}

	#main {
	  	height:100%;
	  	overflow:auto;
	  	margin-left:280px;
	}
	#main .container-full {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	#sidebar-fix .social {
	  	margin:0 0 30px 28px !important;
	}

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

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

	.side-logo img {
	  	display: block;
	  	position: relative;
	  	margin: 2rem auto !important;
	}

	.sidebar-nav {
	  	margin: 15px 0 30px;
	  	padding: 0;
	  	list-style: none;
	}

	.sidebar-nav li {
	    margin:0;
	    padding:5px 20px;
	    border-top:1px solid #eee;
	    line-height: 40px;
	}

	.sidebar-nav li:last-child {
	    border-bottom:1px solid #eee;
	}

	.sidebar-nav li a {
		font-weight: 400;
		font-size:15px;
		letter-spacing: 1px;
		color:#111111;
		padding-left: 10px;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out; 
		transition: all 0.3s ease-in-out;
	}

	.sidebar-nav li a:active,
	.sidebar-nav li a:focus {
	  	text-decoration: none;
	}

	.mobile-menu {
	  	z-index: 9999;
	  	display: block;
	  	position: fixed;
	  	top:0;
	  	left: 0;
	  	display: none;
	  	line-height: 0;
	  	background-color: #ffffff;
	}

	.mobile-menu .btn {
	  	border-radius: 0 !important;
	  	font-size: 12px !important;
	}

	@media (max-width: 992px) {
        .header {
		padding: 5px 0 25px;
		background-color: #ffffff;
        border-bottom: 1px solid #ffdd00;
        box-sizing: border-box;
        height: auto;
	}
	    #sidebar-fix {
	        position: relative;
	        box-shadow: none;
	    }
	   .mobile-menu{
	      display: normal!important;
	   }
	}

	@media screen and (max-width: 1180px) {
	  .row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		width:calc(100% + 280px);
	  }  
	  .row-offcanvas-left {
	    left: -280px;
	  }

	  .row-offcanvas-left.active {
	    left: 0;
	  }

	  .sidebar-offcanvas {
	    position: absolute;
	    top: 0;
	  }
	}



/* ----------------------------------------------------
	SECTIONS	
------------------------------------------------------- */  
	
	.parallax .breadcrumb > li a {
		color:#503629;
	}
	.bread {
		z-index: 10;
		position: relative;
	}
	.nopadbot {
		padding-bottom:0 !important;
	}
	.nopad {
		padding:0 !important;
	}
	.overlay {
		background-color: rgba(0,0,0,0.4);
		bottom: 0;
		height: 100%;
		left: 0;
		padding: 60px 0;
		position: absolute;
		right: 0;
	}

	.lightoverlay {
		background-color: rgba(255,255,255,0.8);
		bottom: 0;
		height: 100%;
		left: 0;
		padding: 60px 0;
		position: absolute;
		right: 0;
	}
	.banner,
	.parallax {
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
	    background-repeat:no-repeat;
	    /* custom background-position */
	    background-position:50% 50%;
	    /* ie8- graceful degradation */
	    background-position:50% 50%\9 !important;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: relative;
		/* vertical-align: sub; */
		z-index: 99;
	}
	.banner {
		background-attachment:scroll;
		min-height: 220px;
	}
	.section {
		position: relative;
		display: block;
		padding:80px 0;
	}
	.callout-section {
		position: relative;
		display: block;
		padding:40px 0 0;
	}
	.callout-section h3 {
	    color: #503629;
	    font-size: 24px;
	    font-weight: 700;
	    line-height: 1;
	    margin-top: 0;
	    padding-bottom: 20px;
	    padding-top: 15px;
	    text-transform: uppercase;
	}
	.callout-section p {
		padding:0;
		font-weight: 500;
		margin:0;
	}
	.callout-section .btn {
		margin-top:22px;
	}
	.white {
		background-color: #ffffff;
	}
	.lighttopbar,
	.grey {
		background-color: #f9f9f9;
	}
	.general-title {
		margin-bottom: 20px;
		display: block;
		position: relative;
	}
	.general-title h4 {
		padding:0;
		margin:0;
		font-weight: 700;
		font-size: 30px;
		text-transform: uppercase;
		line-height: 1;
		letter-spacing: 0.3px
	}
	.dark .general-title h4 {
		color:#ffffff;
	}
	.general-title hr {
		width: 45px;
		border-width: 3px;
		margin:20px auto;
	}
	.general-title .lead {
		padding:0;
		margin: 10px 0 0;
		font-style: italic;
	}
	.why-us img {
	    display: block;
	    margin: 0 auto 25px;
	    max-width: 116px;
	    padding: 20px;
	}
	.twocol .why-us img {
		max-width: 85px !important;
		padding:10px;
	}
	.text-left .why-us img {
		margin-left: 0;
	}
	.invis {
		margin: 30px 0;
		border:0;
	}
	.invis1 {
		margin: 15px 0;
		border:0;
	}
	.service-style-2 .lead {
		line-height: 2;
	}
	.services-1 i {
		color:#503629;
		width: 65px;
		height: 65px;
		line-height: 65px;
		text-align: center;
		font-size: 28px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
	}
	.service-style-2 h3,
	.services-1 h4 {
		font-size: 18px;
		padding:0;
		font-weight: 700;
		margin: 15px 0 10px;
	}

	.service-style-2 .why-us {
		margin: 15px 0;
	}
	.service-style-2 .services-1 {
		margin: 15px 0;
		padding:30px;
		background-color: #ffffff;
	}
	.service-style-2 .why-us img {
		max-width: 150px;
		margin: 15px 20px
	}
	.why-us strong {
		font-size: 18px;
		padding:0;
		color:#503629;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 0.5px;
		margin: 20px auto 15px;
		display: block;
		text-transform: capitalize;
		font-weight: 700;
	}
	.team-square {
		padding:20px;
		background-color: #ffffff;
	}
	.team-member h4 span {
		padding:0 5px;
	}
	.team-member h4,
	.service-style-2 h4,
	.shop-item h4 a,
	.shop-item h4,
	.team-member h4 a,
	.team-member h4 {
		font-size: 21px;
		padding:0;
		text-transform: capitalize;
		color:#111111;
		letter-spacing: 0.5px;
		margin: 20px auto 10px;
		display: block;
		font-weight: 700;
	}
	.dark .team-member h4 a,
	.dark .team-member h4 {
		color:#ffffff;
	}
	.team-member p {
		padding:0 30px;
	}
	.team-member img {
		width: 100%;
	}
	.team-member-2 .entry h4 {
		margin-top: 80px;
		font-size: 24px;
	}
	.team-member-2 .magnifier:hover .buttons{
		margin-top: 40px;
	}
	.magnifier .btn-default {
		padding:0 20px !important;
		color:#222222 !important;
		width:auto !important;
	}
	

	.bgcolor1 {
		-webkit-transition: background-color 0.3s ease 0s;
		-moz-transition: background-color 0.3s ease 0s;
		-ms-transition: background-color 0.3s ease 0s;
		-o-transition: background-color 0.3s ease 0s;
		transition: background-color 0.3s ease 0s;	
	}
	.magnifier .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 54%;
		margin-top: -20px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.magnifier:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.entry {
		position: relative;
	}
	.entry:hover .magnifier { 
		opacity: 1;
		visibility: visible;
	}
	.magnifier {
		background:#503629;
		background-color: rgba(255,255,255,0.8);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.owl-featured .magnifier {
		border-radius: 500px 500px 500px 500px;
		-moz-border-radius: 500px 500px 500px 500px;
		-webkit-border-radius: 500px 500px 500px 500px;
	}
	.myimg {
	    padding: 0;
	    top: 0;
	    left: 0;
		bottom:0;
		background:url(upload/about.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	    overflow: hidden;
		position: absolute;
	}
	.one-col-services {
		padding-left: 30px;
	}
	.one-col-services i {
	    float: left;
		border-radius: 114px 114px 114px 114px;
		-moz-border-radius: 114px 114px 114px 114px;
		-webkit-border-radius: 114px 114px 114px 114px;
	    margin: 23px 30px 30px;
	}
	.one-col-services h4 {
		padding-bottom: 0px;
		color:#ffffff;
	}
	.one-col-services .services-1 {
		display: table;
		margin:5px 0;
	}
	.header ul li {
		margin-bottom: 0;
	}

/* ==================================================================
	PAGE STYLES
================================================================== */
	
	.page-title {
		padding:40px 0;
	}
	.page-title .container {
		padding:5px 30px;
	}
	.owl-featured p,
	.dark-yellow p,
	.module-wrapper p {
		padding-bottom: 0;
	}


/* ==================================================================
	SLIDER
================================================================== */
	
	.slider-bottom {
		background:#574638;
		padding:20px 0;
	}
	.tp-rightarrow.default,
	.tp-leftarrow.default {
		background-color: #503629 !important;
		opacity: 1;
	}
	.boxedcontainer {
		max-width: 1170px; 
		margin:auto; 
		padding:0px 30px;
	}
	.tp-banner-container{
		width:100%;
		position:relative;
		padding:0;
		z-index: 0;
	}
	.tp-banner{
		width:100%;
		position:relative;
	}
	.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
	}
	.tp-bannertimer {
		display: none;
	}
	.lightcolor {
		color:#ffffff !important;
	}
	.tp-caption.slider_layer_03,
	.slider_layer_03 {
		font-weight: 400;
		color:#503629;
		font-size: 17px;
		line-height: 1.6;
		text-transform: none;
		font-family: 'Roboto', sans-serif;
	}
	.tp-caption.slider_layer_01,
	.slider_layer_01 {
		font-weight: bold;
		color:#fff;
		background-color: rgba(0,0,0,0.3);
		padding:10px 20px;
		font-size: 41px;
		line-height: 1.2;
		text-transform: uppercase;
		 font-family: 'Roboto', sans-serif;
	}
	.tp-caption.slider_layer_04,
	.slider_layer_04 {
		font-weight: bold;
		color:#fff;
		background-color: rgba(0,0,0,0.3);
		padding:10px 20px;
		font-size: 31px;
		line-height: 1.2;
		text-transform: uppercase;
		 font-family: 'Roboto', sans-serif;
	}
	.tp-caption.slider_layer_02,
	.slider_layer_02 {
		color:#111111;
		font-weight: 400;
		font-size: 28px;
		font-family: 'Roboto', sans-serif;
		line-height: 1.5;
	}
	.slider_layer_02.dark-color {
		color:#503629;
	}
	.slider_layer_03 {
		color:rgba(255,255,255,0.8);
		font-size: 66px;
		padding:20px;
		line-height: 1.5;
	}
	.slider_btn .btn-primary {
		color: #503629!important;
		letter-spacing: 0.5px;
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
	}
	.tp-caption.lighttext,
	.lighttext {
		color:#ffffff !important;
	}

	.makepadbot {
		padding-bottom: 90px;
	}
	.border-radius .magnifier {
		border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;
		border: 0px solid #503629;
	}
	#welcome {
	    left: 0;
	    position: relative;
	    right: 0;
	    padding:0 50px;
	    top: -100px;
	    z-index: 1000
	}
	.welcome-box {
		text-align: center;
		padding:50px 25px;
		top:0;
		cursor: pointer;
		background-color: rgba(255,255,255,0.4);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.welcome-box img {
		max-width: 90px;
	}
	#services .welcome-box.active,
	#services .welcome-box:hover {
		top:0;
		padding-bottom: 30px;
	}
	.welcome-box.active,
	.welcome-box:hover {
		padding-top:80px;
		background-color: #fff !important;
		top:-30px;
	}

	.welcome-box h6 {
		margin:20px 0 0;
		font-size: 18px;
		font-weight: bold;
		text-transform: capitalize;
	}
	.icon-container {
		width: 80px;
		background-color: #303030;
		color:#ff671d;
		height: 80px;
		line-height: 80px;
		-webkit-box-shadow: 0px 0px 0px 2px #fff;
		-moz-box-shadow:    0px 0px 0px 2px #fff;
		box-shadow:         0px 0px 0px 2px #fff;
		display: block;
		margin:20px auto 35px;
		text-align: center;
		font-size: 24px;
	}

/* ----------------------------------------------------
	MODULES	
------------------------------------------------------- */
	
	.btn {
		font-weight: 600;
		text-transform: none;
		letter-spacing: 0.5px;
		 font-family: 'Roboto', sans-serif;
	}	
	.btn-default {
		color:#ffffff !important;
		border-color: #503629;
		background-color: #503629;
	}
	.shop-item .st,
	.team-member .st,
	.btn-default:hover,
	.btn-default:focus,
	.btn-default.focus,
	.btn-default:active,
	.btn-default.active,
	.open > .dropdown-toggle.btn-default {
		background-color: #503629 !important;
		border-color: #503629 !important;
	}
	.nav-tabs > li > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background-color: transparent;
	    border-color: #ededed #ededed #ededed !important;
	    border-image: none;
	    border-radius: 0 !important;
	    letter-spacing: 0.5px;
	    text-align: center;
	    font-size: 15px;
	    width: 100%;
		 font-family: 'Roboto', sans-serif;
	    padding: 15px 30px;
	    border-style: solid;
	    border-top-width: 1px;
		cursor: pointer;
		text-transform: uppercase;
		color: #503629;
	 
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
		background-color: transparent;
	}
	.tab-content {
		padding:0 !important;
	
	}
	.nav-tabs > li a {
		font-weight: 600;
	}
	.tab-pane .alignleft {
		margin:5px 20px 10px 0;
		max-width: 150px;
	}
	.tab-pane .alignright {
		margin:5px 0 10px 20px;
		max-width: 150px;
	}
	.nopadding {
		border:0 solid #222;
		padding:0 !important;
	}
	.nopadding img {
		width: 100%;
		height: 100%;
	}
	.workinghours ul {
		list-style: none;
	}
	.workinghours ul li {
		font-weight: bold;
		padding:15px 0;
		border-bottom: 1px solid #ededed;
		color:#503629;
		margin: 0;
		position: relative;
	}
	.workinghours ul li:last-child {
		border-bottom: 0;
	}
	.workinghours ul li span {
		font-weight: 400;
		position: absolute;
		right: 0;
	}
	.workinghours {
		background-color: #ffffff;
		padding:18px 40px 19px;
		border-top:3px solid #ededed;
	}
	.messagebox h2 {
		color:#ffffff !important;
		font-weight: bold;
		font-size: 28px;
		letter-spacing: -1px;
	}
	.messagebox mark {
		padding:6px 14px;
	}
	.messagebox .lead {
		color:#ffffff;
		padding:10px 0 20px;
	}
	.messagebox {
		position: relative;
	}
	.welcomemessage .lead {
		font-family: 'Droid Serif',sans-serif;
		font-weight:400;
		font-style: italic;
		line-height:2;
		letter-spacing: 0;
		margin:5px 0 20px;
	}
	.welcomemessage h1 {
		color:#fff;
		font-weight:bold;
		font-size:30px;
	}
	.welcomemessage .btn-dark,
	.welcomemessage .btn-dark:hover {
		background:#503629 !important;
		color:#fff !important;
	}
	.welcomemessage h2 {
		letter-spacing: 0.5px;
		font-weight:700;
		text-transform: uppercase;
		font-size:32px !important
	}


/* ----------------------------------------------------
	SHOPPING	
------------------------------------------------------- */  
	
	.shop-single-style .shop-item {
		margin-bottom: 30px;
	}
	.shop-item {
	    background: #ffffff none repeat scroll 0 0;
	    border: 1px solid #eff0f2;
	    padding:30px;
	}
	.shop-item small {
		font-weight: bold;
		font-size: 15px;
		font-family: Oswald;
		letter-spacing: 0.5px;
		display: block;
		margin-top: 12px;
		margin-bottom: 0;
	}
	.shop-item .rating {
		margin-top: 10px;
	}
	#payment span {
	    display: block;
	    font-style: italic;
	    position: relative;
	    font-size: 12px;
	    margin-top: 10px;
	}
	.payment-method {
	    margin-bottom: 30px;
	}
	.trackform label, .payment-method, .shopform label {
	    font-weight: 300;
	}
	.product-remove {
	    max-width: none;
	    min-width: 25px;
	    text-align: left;
	    width: 25px;
	}
	a.remove {
	    float: none;
	    font-size: 0;
	    height: 18px;
	    line-height: 18px;
	    position: relative;
	    top: 1px;
	    width: auto;
	}
	.remove::before {
	    -moz-osx-font-smoothing: grayscale;
		content: "\f00d";
  	    display: inline-block;
	    font: 18px/1 FontAwesome;
	    text-rendering: auto;
	}
	.totalarea {
	    border: 1px solid #ededed;
	    margin-top: 30px;
	    padding: 20px;
	}
	.shop-form .form-control {
		border-color: #ededed;
	}
	.shipping .form-control {
	    margin-bottom: 10px;
	    border-color: #ededed;
	}
	.shopform label {
	    margin-top: 10px;
	}
	.totalarea p {
		padding:10px 5px;
		font-weight: bold;
	}
	.payment-method {
	    background: #f9f9f9 none repeat scroll 0 0;
	    line-height: 1.6;
	    margin-bottom: 10px;
	    padding: 10px 50px;
	}
	.totalarea h4 {
	    margin-bottom: 0;
	}
	#payment input {
	    left: 10px;
	    position: absolute;
	    top: 15px;
	}
	.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
		background-color: #f9f9f9;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	    border-color: #cdd2d8;
	}
	#cart-table {
	    border-bottom: 1px solid #cdd2d8;
	}
	#cart-table thead tr th {
	    border-left: 1px solid #cdd2d8;
	    padding: 20px;
	}
	#cart-table thead tr th:first-child {
	    border-left: 0 none;
	}
	#cart-table th, #cart-table td {
	    font-size: 15px;
	    font-weight:400;
	}
	#cart-table h3 {
	    font-size: 14px;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	#cart-table th, #cart-table td {
	    padding: 23px;
	    position: relative;
	    vertical-align: middle;
	}
	#cart-table .media-left,
	#cart-table .media-right, 
 	#cart-table .media-body {
	    display: inline;
	}
	#cart-table .media img {
	    margin-top: 0;
	    width: 50px !important;
	}
	.shop-top {
		margin-bottom: 20px;
		display: block;
		position: relative;
	}
	.shop-top p {
		padding: 10px 0 0
	}
	.shop-top .dropdown-menu {
		box-shadow: none;
		max-width: 100% !important
	}
	.shop-layout .img-wrap {
		border:1px solid #ededed;
	}
	.shop-layout .grid {
		margin: 15px 0
	}
	.client_list_v_2 img {
	    border: 1px solid #f7f7f7;
	    padding: 10px;
	}
	.shopmeta span {
		margin: 15px 0 0;
		display: block;
	}
	.addwish {
		margin:10px 0 25px;
	}
	.shop-desc .btn {
		margin: 20px 0
	}
	.shop-desc .rating {
		margin-bottom: 15px;
	}
	.shop-desc small {
		font-size: 24px !important;
		display: block;
		font-weight: 600;
		margin: 0px 0 20px;
	}
	.shop-desc h3 {
		font-weight: 700;
		letter-spacing: -0.5px;
		font-size: 21px;
	}
	.product-images ul.thumbnail {
		padding:0;
	}
	.product-images ul.thumbnail li {
		list-style: none;
		display: inline-block;
		margin:0 22px 0;
		margin-top: 10px;
		max-width: 29%;
	}
	.product-images  img {
		width: 100%;
		border:1px solid #ededed;
	}
	.grid figure {
		margin: 0;
		position: relative;
	}
	.grid figure img {
		max-width: 100%;
		display: block;
		position: relative;
	}
	.grid figcaption {
		position: absolute;
		top: 0;
		left: 0;
		color: #EAEAEA;
	}
	.cs-style-3 h4,
	.cs-style-3 h4 a {
		color:#222222;
		text-transform: capitalize;
		font-weight: 700;
		padding:15px 0 10px;
	}
	.dark .cs-style-3 h4 a,
	.dark .cs-style-3 h4 {
		color:#ffffff;
	}
	.grid figcaption p {
		text-align:left;
		padding: 10px 30px;
		margin:0;
		font-size:16px;
		color: #fff;
	}
	.grid figcaption p i {margin-right:10px;}
	.grid figcaption a {
		text-align: center;
		display: inline-block;
		cursor:pointer;
		color: #ffffff !important;
		font-size:18px;
		line-height:50px;
	}
	.grid figcaption a:hover {
		opacity:1;
		text-decoration:none;
	}
	/* Caption Style 3 */
	.cs-style-3 figure {
		overflow: hidden;
	}
	.cs-style-3 figure img {
		-webkit-transition: -webkit-transform 0.4s;
		-moz-transition: -moz-transform 0.4s;
		transition: transform 0.4s;
	}
	.no-touch .cs-style-3 figure:hover img,
	.cs-style-3 figure.cs-hover img {
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	.cs-style-3 figcaption {
		height: 50px;
		width: 100%;
		top: auto;
		bottom: 0;
		opacity: 0;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
		transition: transform 0.4s, opacity 0.1s 0.3s;
	}
	.no-touch .cs-style-3 figure:hover figcaption,
	.cs-style-3 figure.cs-hover figcaption {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
	}
	.cs-style-3 figcaption a.blogging {
		bottom: 0;
		color: #FFFFFF;
		background-color: #503629;
		display: block;
		height: 50px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 50px;
	}


/* ==================================================================
	CONTACT PAGE
================================================================== */

	.contact-details {
	    margin: 0 auto;
	    padding:0;
	}
	.contact-details h1,
	.contact-details h2 {
		color:#ffffff;
		padding-bottom: 0;
		line-height: 2 !important;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 4px;
	    margin-bottom: 0;
	    text-transform: uppercase;
	}
	.contact-details h1 {
	    background:#503629;
	    color: #fff;
	    padding:10px 0;
	    font-weight: bold;
	    max-width: 500px;
	    line-height: 1;
	    font-size: 38px;
	    margin:15px auto;
	}

	#message {
		display: block; 
		position:relative; 
		text-align:left; 
		padding:0 20px;
	}
	#map{
		height:400px;
		width:100%
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.map .row .col-lg-4{
		float:right;
		margin-top:-450px;
		z-index:9
	}
	.contact-icon {
		margin:20px 0;
		overflow:hidden;
	}
	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}

/* ----------------------------------------------------
	GALLERY
------------------------------------------------------- */
	
	.singlegallery .workinghours {
		padding-left:0;
		margin-top: 15px;
		padding-right: 0;
	}
	.singlegallery .pager {
		padding-right: 0;
	}
	.singlegallery .widget-title h4 {
		font-size: 28px !important;
		font-weight:600;
	}
	.mini-gallery ul {
		padding:0;
		list-style: none;
	}
	.mini-gallery ul li img {
		width: 100% !important;
	}
	.mini-gallery ul li {
		z-index: 1;
		cursor: pointer;
		width: 25% !important;
		display: block;
		float:left;
		position: relative;
	}
	.gallery-desc .widget-title {
		margin: 20px 0 0;
		font-size: 21px;
		font-weight: 600;
	}
	.gallery-desc .openinghours span {
		min-width: 110px;
	}
	.openinghours {
		padding:20px 5px 0;
		list-style: none;
	}
	.openinghours span {
		font-weight: bold;
		min-width: 80px;
		margin-bottom: 10px;
		color:#171c22;
		display: inline-block;
	}
	.openinghours li small {
		font-weight: 300;
	}
	.module img {
		width: 100%;
	}
	.portfolio-list .gallery-carousel {
		margin-bottom: 30px;
	}
	.portfolio-filter {
		margin-bottom: 50px;
	}
	.text-left .portfolio-filter ul  {
		padding-left: 0;
		margin-left: -10px
	}
	.portfolio-filter ul li{
		display: inline-block;
	    border-radius: 0;
		 font-family: 'Roboto', sans-serif;
	    font-size: 17px;
	    font-weight: 400;
	    letter-spacing: 0.6px;
	    margin:0 10px;
	
	    text-decoration: none;
		text-transform: capitalize;
		
	
	}

	@media only screen and (max-width: 725px){
		.portfolio-filter ul li{
			display: block;
		}
	}


	@media only screen and (max-width: 615px){
		.portfolio-filter ul li{
			
			
			font-size: 13px;
			text-align: justify;
			margin-top: 15px;
			font-size: 18px;
		}
	}


	.portfolio-filter ul li a {
		color:#503629;
		font-weight: 700;
	}


	@media only screen and (max-width: 615px){
		.portfolio-filter ul li a{
			
			
			font-weight: 300;
		}
	}

	.portfolio-filter ul li a:hover {
		color:#ff671d;
		font-weight: 700;
	}
	#fourcol .box img {
		width: 100%;
	}
	.item-h2,
	.item-h1 {
		width: 100%;
		height: 100% !important;
		height: auto !important;
	}
	.isotope-item {
	  z-index: 2;
	  padding:0;
	}
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}
	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	          transition-property: height, width;
	}
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	          transition-property:         transform, opacity;
	}
	#entry-listing {
		position: relative;
		display: block;
		margin:0;
		overflow: visible;	
	}
	.portfolio {
		position: relative;
		margin: 0 auto;
		padding-bottom: 0;
		list-style: none;
		text-align: center;
	}

	.grid-layout .shop-item {
		margin-bottom: 30px;
	}


/* ----------------------------------------------------
	OTHERS	
------------------------------------------------------- */  
	
	.title-area h2 {
	    font-size: 26px;
	    font-weight: 700;
	    padding: 0;
	    text-transform: capitalize;
	}
	.title-area h2 small {
		padding-left: 10px;
	}
	.breadcrumb {
	    background-color: transparent;
	    border-radius: 0;
	    font-size: 15px;
		font-family: 'Roboto', sans-serif;
	    letter-spacing: 0.6px;
	    list-style: outside none none;
	    margin-top: 20px;
	    padding: 0;
	}
	.breadcrumb > li + li::before {
		padding:0 4px;
	}
	.search {
		margin-top: 14px;
	}
	.search .btn {
		width: 40px;
		text-align: center;
		padding:0;
	}
	.search .form-control,
	.search .btn {
		height: 40px;
	}
	.search .form-control {
		background-color: #ffffff;
	}
	#loader {
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background-color: #ffffff;
		position:fixed;
		display: table;
		width: 100%;
		top:0;
		height: 100%;
		min-height: 100%;
		z-index:99999;
	}
	.loader-container {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 12;
		text-align:center;
	}
	.loader {
	    margin-top: 20px;
	    vertical-align: top;
	}
	#comingsoon .newsletter {
		padding:0 0;
	}
	#comingsoon .lead {
		font-style: italic;
		color:#fff;
		font-size: 18px;
		padding:30px 0;
	}
	.home-text-wrapper{
		display: table;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.home-message .form-control {
	    background-color: #fff !important;
	    height: 41px;
	    width: 207px;
	    font-size: 13px;
	}
	.home-content{
		position: relative;
	}
	.home-message .btn {
	    font-size: 13px;
	    padding: 14px 24px;
	}
	.home-message{
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	.home-text-wrapper {
		background-color: rgba(0,0,0,0.5);
		position: relative;
	}
	#comingsoon .parallax-text-22 {
		font-size: 48px;
		color:#ffffff;
		font-weight: bold;
		line-height: 70px;
		text-transform: uppercase;
	}
	#comingsoon .parallax-text-22 {
		font-size: 60px;
	}
	.notfound h3 {
		font-size: 120px;
		padding-bottom: 10px;
		margin-bottom: 0;
		line-height: 1 !important;
		font-weight: bold;
	}
	.notfound p {
		font-style: italic;
		font-size: 18px;
		line-height: 1.8;
		padding: 20px 0 30px;
	}
	.appoform .btn-white {
		height: 40px;
		display: block;
		margin-bottom: 0 !important;
		width: 100% !important;
		border: 2px solid #ededed;
	}
	.appoform .btn-white,
	.appoform .form-control {
	    background-color: #f9f9f9 !important;
	    border: 2px solid #f8f8f8;
	    color: #767676;
	    font-family: 'Roboto', sans-serif;
	    font-size: 14px;
	    font-weight: 300;
	    height: 51px;
	    letter-spacing: 0.5px;
	    margin-bottom: 30px;
	}
	.appoform .form-control::-moz-placeholder {
		color: #767676;
	}
	.appoform .form-control:-ms-input-placeholder {
		color: #767676;
	}
	.appoform .form-control::-webkit-input-placeholder {
		color: #767676;;
	}
	.appoform textarea {
		min-height: 132px;
	}

	.form-header {
		padding:20px 0;
		text-align: center;
		margin-top: -30px;
		border-radius: 3px;
		margin-bottom: 30px
	}
	.post-body-form {
		margin-bottom: 30px;
	}
	.post-body-form p {
		padding-bottom: 0;
	}
	.form-header h3 {
		padding: 0;
		margin: 0;
		font-size: 21px;
		line-height: 1;
		color:#fff;
		font-weight: 700;
		letter-spacing: -1px;
	}
	.btn-white {
		border-bottom: 2px solid #ededed;
		box-shadow: none;
		color:#767676 !important;
		font-size: 13px;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		padding:12px 15px;
		border-radius: 0;
		background-color: transparent !important;
	}
	.bootstrap-select .dropdown-menu {
		width: 328px !important;
		box-shadow: none;
		border:1px solid #e6e6e6;
	}
	.appoform-wrapper {
		background-color: #fff;
		border:1px solid #ededed;
		padding: 0 20px 40px 20px;
	}
	.ui-widget-content,
	.ui-widget-header {
		border-radius: 0;
	}
	.ui-widget-content {
		width: 326px;
		background-color: #ffffff;
		border-color: #ededed;
	}
	.teacher-skills p {
		font-weight: 700;
		padding: 0;
	}
	.teacher-skills .progress {
		height: 6px;
		margin-bottom: 20px;
	}
	.teacher-list h4 {
		font-size: 21px !important;
	}
	.accordion-toggle-2 .panel-heading {
	    background-color: #f7f7f7 !important;
	    border-radius: 0 !important;
	    padding: 10px 15px;
	}
	.accordion-toggle-2 .panel, 
	.accordion-toggle-2 .panel-heading {
	    background-color: #fff;
	    border-color: #ededed;
	    border-bottom: 1px solid #ededed;
	}
	.accordion-toggle-2 .panel-heading h3 i {
	    background-color: #503629 !important;
	    color: #ffffff;
	    height: 20px;
	    line-height: 20px;
	    font-size: 11px;
	    position: absolute;
	    right: -10px;
	    top:1px;
		-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    margin-right: 10px;
	    text-align: center;
	    width: 21px;
	    vertical-align: text-top;
	}
	.accordion-toggle-2 .panel-heading h3 {
	    display: inline-block;
	    font-size: 13px;
	    font-weight: bold;
	    margin: 0;
	    width: 100%;
	    padding: 0;
	}
	.accordion-toggle-2 .panel-group .panel + .panel {
		margin:-2px 0;
	}
	.accordion-toggle-2 .panel-title {
	    line-height: 16px;
	}
	.accordion-toggle-2 .panel {
		margin-bottom: 10px !important;
	    border-color: #f5f5f5;
	    border-radius: 0 !important;
	    box-shadow: none;
	}
	.accordion-toggle-2 p {
		padding-bottom: 0;
	}
	.alert {
		margin-bottom: 10px;
	}

/* ----------------------------------------------------
	PRICING	
------------------------------------------------------- */  

	
	.pricing-tables h1 {
		font-size:48px;
	}
	.pricing-tables .plan.first {
		border-bottom-left-radius:4px;
		border-top-left-radius:4px;
	}
	.pricing-tables .plan.last {
		border-bottom-right-radius:4px;
		border-top-right-radius:4px;
	}
	.pricing-tables .plan.recommended {
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
	}
	.pricing-tables .plan.recommended .head {
		margin-bottom:20px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	.pricing-tables.attached .col-sm-4,.pricing-tables.attached .col-md-4,.pricing-tables.attached .col-sm-3,.pricing-tables.attached .col-md-3 {
		padding-left:0;
		padding-right:0;
	}
	.pricing-tables.attached .plan.recommended {
		border-radius:4px;
	}
	.pricing-tables.attached .plan.recommended .head {
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	.pricing-tables.attached .plan.last {
		border-bottom-right-radius:4px;
	}
	.pricing-tables.attached .plan.last .head {
		border-top-right-radius:4px;
	}
	.pricing-tables.attached .plan.first {
		border-bottom-left-radius:4px;
	}
	.pricing-tables.attached .plan.first .head {
		border-top-left-radius:4px;
	}
	.fullpadding {
		padding: 180px 0
	}
	.videobg {
		background-color: #503629;
		display: block;
		position: relative;
		padding:20px;
	}
	.videobg p {
		color:#fff;
	}
	.videobg h1 {
		color:#fff;
		font-size:38px;
		font-weight: 600;
	}
	.image-center img {
		position: relative;
		margin:-20px auto -140px;
		z-index: 10;
		text-align: center;
	}

	.image-center2 img {
		margin:-180px auto -1px;
	}

	.plan {
		min-height:100px;
		background:#fff;
		border-radius:4px;
		padding-bottom:25px;
		text-align:center;
		margin:20px 0;
	}
	.plan .head {
		background:#ffffff;
		color:#503629 !important;
		padding:12px 16px;
	}
	.plan .head h1,.plan .head h2,.plan .head h3 {
		color:#503629 !important;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	.plan .price {
		border-top:1px solid #eee;
		width:80%;
		margin:0 auto 30px;
	}
	.plan .price h3 {
	    font-size: 74px;
	    line-height: 1;
	    padding: 3rem 0 0;
	    vertical-align: top;
	}
	.plan .price h3 span {
		font-size:28px;
		vertical-align:top;
		position:relative;
		display:inline-block;
		margin:6px 0 0 -7px;
	}
	.plan .price h4 {
	    color: #503629;
	    font-size: 15px;
	    text-transform: uppercase;
	    letter-spacing: 0.6px;
	    padding: 10px 0 0;
	    font-weight: 400;
	}
	.plan .btn {
	    font-weight: bold;
	    padding: 10px 30px;
	    text-transform: uppercase;
	    letter-spacing: 0.6px;
	    font-size: 16px;
	}
	.plan ul {
		list-style-type:none;
		margin-top:0px;
		padding:0 0 20px;
	}
	.plan ul li {
		line-height:22px;
		margin-bottom:15px;
		font-size:15px;
		text-transform: capitalize;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
	}
	.plan ul li a {
		text-decoration:underline;
		color:#e6e9ed;
	}
	.plan ul li:last-child {
		border-bottom:none;
	}
	.plan ul strong {
		font-weight:700;
	}
	.plan.recommended {
		margin-top:6px;
		box-shadow:0 0 22px rgba(10,10,10,0.42);
		position:relative;
		z-index:99;
		border-radius:4px;
	}
	.plan.recommended .head {
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		background:#171717;
	}
	.plan.recommended .btn {
		margin-bottom:10px;
	}
	.pricing-tables.attached .plan,
	.pricing-tables.attached .plan .head {
		border-radius:0;
	}

/* ----------------------------------------------------
	TESTIMONIALS	
------------------------------------------------------- */  

	.testimonials blockquote {
		position: relative;
		background: white;
		min-height: 150px;
		margin-top: 0;
		margin-bottom: 60px;
		border: 1px solid #ededed;
	}
	.testimonials blockquote:before {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 18%;
		margin-left: -10px;
		border-top: 10px solid #ededed;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	.testimonials blockquote:after {
		content: '';
		position: absolute;
		bottom: -8px;
		left: 18%;
		margin-left: -9px;
		border-top: 9px solid white;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
	}
	.testimonials blockquote img {
		height: 60px;
		width: 60px;
		position: absolute;
		border: 1px solid #ededed;
		background: white;
		bottom: -75px;
		left: 15%;
		margin-left: -30px;
	}
	blockquote p.clients-words {
	    font-size: 14px;
	}
	span.clients-name {
		font-size: 14px;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	.about-us .general-title {
		margin-bottom: 30px;
	}
	.carousel-control.left,.carousel-control.right  {
		background:none;width:25px;
	}
	.carousel-control.left {left:-25px;}
	.carousel-control.right {right:-25px;}
	.block-text {
	    background-color: #fff;
	    border-radius: 5px;
	    color: #222222;
	    font-size: 14px;
	    padding:40px 20px 20px;
	}
	.block-text p {
		padding:14px 0;
	}
	.block-text a {
		color: #503629;
		font-family: Roboto;
	    font-size: 21px;
	    font-weight: bold;
	    line-height: 21px;
	    text-decoration: none;
	}
	#carousel-reviews img {
		width: 80px;
		margin-top: 10px;
	}

	.block-text a small {
		display: block;
		padding-top: 15px;
		font-weight: 300;
	}
	.carousel-control .fa-angle-left {
		left: 25px;
	}
	.carousel-control .fa-angle-right {
		right: 25px;
	}
	#carousel-reviews .carousel-control .fa {
	    background-color: #fff;
	    color: #503629;
	    font-size: 24px;
	    height: 60px;
	    line-height: 60px;
	    padding: 0;
	    position: absolute;
	    top: 34%;
	    width: 80px;
	    z-index: 5;
	}
	#quote-carousel img {
		width: 100px !important;
	}
	#quote-carousel  .carousel-control .fa {
		background-color: transparent;
		top:0;
	}
	#quote-carousel .carousel-indicators {
		background-color: transparent;
	}
	#quote-carousel {
		padding: 0 10px 30px 10px;
		margin-top: 30px;
	}
	#quote-carousel .carousel-control {
		background: none;
	  	color: #503629;
	  	font-size: 2.3em;
	  	text-shadow: none;
	  	margin-top: 30px;
	}
	#quote-carousel .carousel-control.left {
	  	left: -12px;
	}
	#quote-carousel .carousel-control.right 
	{
	  right: -12px !important;
	}
	#quote-carousel .carousel-indicators  {
		right: 50%;
		top: auto;
		bottom: 0px;
		margin-right: -19px;
	}
	#quote-carousel .carousel-indicators li {
		background: #c0c0c0;
	}
	#quote-carousel .carousel-indicators .active 
	{
	  background: #503629;
	}
	#quote-carousel img
	{
	  width: 250px;
	  height: 100px
	}
	.item blockquote {
		border-left: none; 
	    margin: 0;
	}
	.item blockquote img {
	    margin-bottom: 10px;
	}
	.item blockquote p:before {
	    content: "\f10d";
	    font-family: 'Fontawesome';
	    float: left;
	    margin-right: 10px;
	}

/* ----------------------------------------------------
	RESPONSIVE	
------------------------------------------------------- */ 

	@media (min-width: 768px) { 
	    #quote-carousel 
	    {
	      margin-bottom: 0;
	      padding: 0 40px 30px 40px;
	    }
	}
	@media (max-width: 768px) { 
		.welcomemessage h2 {
		    font-size: 18px !important;
		}
		.item-h2,
		.item-h1 {
			width: 100% !important;
			height: 100% !important;
			height: auto !important;
		}

		.tabs-left .nav-tabs {
			width: 100%;
			float:none;
		}
	    #quote-carousel .carousel-indicators {
	        bottom: -20px !important;  
	    }
	    #quote-carousel .carousel-indicators li {
	        display: inline-block;
	        margin: 0px 5px;
	        width: 15px;
	        height: 15px;
	    }
	    #quote-carousel .carousel-indicators li.active {
	        margin: 0px 5px;
	        width: 20px;
	        height: 20px;
	    }
	}

	@media (max-width: 768px) {
		.bootstrap-select .dropdown-menu,
		.appoform .btn-white,
		.ui-widget-content {
			width: 100%;
		}
		.appoform .btn-white {
			margin-top: 10px;
		}
		#carousel-reviews .carousel-control {
			display: none;
		}
		.service-style-2 .why-us img {
			float:none;
		}
		.owl-prev {
		  left: 0;
		}
		.owl-next {
		  right: 0;
		}
		.grid img {
			width: 100%;
		}

		.services-1  {
			margin-top: 30px;
		}
		.grid,
		.shop-item,
		.team-member,
		.why-us {
			margin-bottom: 30px;
		}
		.topbar .text-left,
		.topbar .text-right {
			text-align: center !important;
			float:none;
			font-size: 12px;
		}
     
	}
	.text-left hr {
		margin-left: 0;
	}

	@media (min-width: 992px) {
	  	.yamm-fw {
	    	position: relative;
	  	}
	  	.yamm-fw:hover > ul {
		    visibility: visible;
		    opacity: 1;
		    top: 100%;
	  	}
	  	.navbar-nav .yamm-fw ul {
		    -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
		    -moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
		    -o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
		    transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
	  	}
		.yamm-fw .dropdown-menu {
		    min-width: 240px;
		    padding: 0;
		    -webkit-border-radius: 0;
		    -moz-border-radius: 0;
		    border-radius: 0;
	  	}
	    .yamm-fw > ul {
		    position: absolute;
		    top: 130%;
		    visibility: hidden;
		    display: block;
		    opacity: 0;
		    left: 0;
	    }
	    .yamm-fw > ul.start-right {
		    right: 0;
		    left: auto;
	  	}
	  	.yamm-fw > ul li {
	    	position: relative;
	  	}
	  	.yamm-fw > ul li:hover > ul {
		    visibility: visible;
		    opacity: 1;
		    left: 100%;
	  	}
	    .yamm-fw > ul li:hover > ul.show-right {
		    right: 100%;
	  	}
	}

	@media (max-width: 1200px) {
		.nav > li > a {
			padding:1em 0.7em;
		}
	}


	@media (max-width: 990px) {
		.aboutUS .nav > li  {
			width: 33.33%;
		}
	}


	@media (max-width: 490px) {
		.aboutUS .nav > li a {
			font-size: 12px;
		}

		  
		.tab-content > .tab-pane{
			left: 0 !important;
		}
		
	}

	@media only screen and (max-width: 321px){
		.aboutUS .tab-content > .tab-pane p{
			font-size: 13px;
			 width: 100%
		 }
	}

	.yamm .dropdown.yamm-fw .dropdown-menu {
	    background: url(upload/menubg.jpg) no-repeat right bottom #fff !important;
	}
	.yamm .dropdown.yamm-fw .dropdown-menu li a{
		color:#767676;
	}


/* ----About style 1 --- */
.aboutImage{
    height: 50vh;    background: url(../images/aboutImage.png);
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    position: relative;

}

@media only screen and (max-width: 999px){
	#home img {
		display: none;
		width: 0;
	}

	.whatWedo{
		display: none;
		width: 0;
	}
	
}


@media only screen and (max-width: 414px){
	.aboutImage{
		height: 40vh;    background: url(../images/aboutImage.png);
		background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    position: relative;
	}

	.section {
		padding: 20px 0 0 0;
	}
}







/* ----Sevices style 1 --- */
.serviceImage{
    height: 50vh;    background: url(../images/serviceImage.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;

    
}

@media only screen and (max-width: 600px){
	.serviceImage{
		height: 30vh;    background: url(../images/serviceImage.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
	
		
	}
}





/* ----------------------------------------------------
	Services	
------------------------------------------------------- */  

	.tabs-left .nav-tabs {
	    float: left;
	    border-bottom: 0;
	}
	.tabs-left .nav-tabs li {
	    float: none;
	    border-radius: 0;
	    border-bottom: 1px solid #f9f9f9;
	    margin: 0;
	}
	.tabs-left .nav-tabs li:first-child,
	.tabs-left .nav-tabs li:last-child {
	    border-bottom: 0 !important;
	}
	.tabs-left .tab-content .tab-pane {
	    border-left: 1px solid #f5f5f5;
	}
	.tabs-left .nav-tabs li a {
	    background-color: #ffffff;
	    border: 0 none !important;
	    border-radius: 0;
	    color: #503629;
		font-family: 'Roboto', sans-serif;
	    font-size: 15px;
	    font-weight: 700;
	    letter-spacing: 0.5px;
	    line-height: 30px;
	    margin-right: 0;
	    padding-left: 20px !important; 
	    min-height: 30px;
	    text-align: left !important;
	    text-decoration: none !important;
	    text-transform: uppercase;
	}
	.tabs-left .nav-tabs li a:focus,
	.tabs-left .nav-tabs li:focus {
		background-color:#ffffff;
	}
	.tabs-left .nav-tabs li a span {
	    background: #f9f9f9 none repeat scroll 0 0;
	    bottom: 0;
	    padding: 0;
	    vertical-align: middle;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    font-size: 18px;
	    height: 60px;
	    line-height: 59px;
	    top: 0;
	    width: 60px;
	}
	.tabs-left .tab-content .tab-pane {
	    display: none;
	    background-color: #fff;
	    padding: 2.6rem 2.6rem;
	    overflow-y: auto;
	}

	@media only screen and (max-width: 516px){
		.tabs-left .tab-content .tab-pane {
		
			overflow-y: hidden;
		}
	}
	.tabs-left .tab-content .active {
	    display: block;
	}



img.imageBoder1{
    border: 8px solid #fff;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
;

}

img.imageBoder{
    border: 8px solid #fff;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
    border-top-left-radius: 0px;

}

@media only screen and (max-width: 988px){
	.widget .widget-title h4 {
		margin-top: 30px;
	}
}