/* Sprite */

#navigation em a,
.stripNavL a,
.stripNavR a,
#contentRight .uspOne,
#contentRight .uspTwo,
#contentRight .uspThree,
.titleAbout,
.titleContact,
#filter a,
#filter .selected a,
.ciClient,
.ciProblem,
.ciSolution,
.formButton,
.readOn,
.archives
{
	background: url(../images/sprite.png) no-repeat;
}

/* Typography */

h1 {
	color: white;
	font-size: 40px;
}

h2 {
	color: white;
	font-size: 28px;
	/*margin: 0;
	padding: 0;*/
}

#contentLeft h2 {
	/*color: #333333;
	margin: 0 0 10px 0;
	*/
	font-size: 24px;
}

h3 {
	color: #555555;
	font-size: 20px;
	/*margin: 0 0 10px 0;*/
}

/* Links */

a {	color: #E48F44;	}
a:hover { text-decoration: none; cursor: pointer; }
a:visited { color: #6B4320; }

a img {
	border: none;	
}

h1 a, h1 a:visited {
	color: white;
	text-decoration: none;
}
/* loader */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ededed;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1032;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #bababa;

	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #d8d6d6;

	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222;
	z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-100%);  /* IE 9 */
			transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(100%);  /* IE 9 */
			transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader {
	opacity: 0;

	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

}
.loaded #loader-wrapper {
	visibility: hidden;

	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateY(-100%);  /* IE 9 */
			transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

/* /loader */

/* Lay-out */

* {
	outline: none;
}

body {
	/*background: url(../images/body_bg.jpg) repeat-x #2F2F2F;*/
	background-color: #b9b9b9 !important;
	font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 160%;
	font-size: 13px;
	color: #333333;
	margin: 0;
	padding: 0;
}

#wrapper {
	/*margin: 0px auto;
	width: 991px;
	min-height: 515px;
	background: url(../images/container_bg.jpg) no-repeat center 119px;*/
}
#mainContent {
	background-color: #fff;
	padding-top: 15px;
	box-shadow: 0px 0px 17px #000;
}
	#container {
		/*width: 951px;*/
		margin: 0px auto;
	}
	
	#header {
	/*	width: 951px;	*/
	}
	
		#logo {
			/*float: left;
			margin: 30px 0 6px 10px;*/
			margin: 25px 0 0 0;
			
		}
		#logo img {
			max-height: 40px;
			width: auto;
		}
		
			#logo h1 {
				margin: 0;
				padding: 0;	
			}
			
			#logo .cufon {
				float: left;
			}
		
		#hireMe {
		/*	float: right;
			width: 160px;*/
			margin: 25px 0 0 0;
			font-size: 14px;
			color: white;
			text-align: center;
			line-height: 130%;
		}
			
		#navigation {
			/*clear: left;
			float: left;
			width: 750px;*/
			margin-top: 10px;
		}
			
			#navigation em a {
				float: left;
				margin: 0 6px 0 0;
				font-style: normal;
				font-weight: bold;
				font-size: 16px;
				width: 129px;
				height: 26px;
				padding: 7px 0 0 0;
				text-align: center;
				background-position: -112px -33px;	
			}
			
			#navigation em a, #navigation em a:visited {
				text-decoration: none;
				color: #333333;
			}
			
			#navigation em a:hover {
				background-position: -112px 0px;
				color: #E48F44;		
			}
			
			#navigation em a.selected {
				background-position: -112px 0px;
				color: #E48F44;	
			}
	/* Homepage header */
		
	#slider {
		clear: left;
		float: left;
		display: block;
		margin: 10px 0 0 10px;
		display: block;
		width: 929px;
		height: 298px;
		border: 1px solid #ABABAB;
	}
	
		.stripNav {
			visibility: hidden;
			position: absolute !important;
		}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}
	
		/* These 2 lines specify style applied while slider is loading */
		
		.csw {
			width: 100%;
			height: 298px;
			background: #fff;
			color: white;
			overflow: hidden;
			background: url(../images/slider_bg.jpg) no-repeat #333333;
		}
		
		.csw .loading {
			margin: 120px 0 180px 0;
			text-align: center;
			padding: 0 0 0 5px;
		}
		
		.csw .loading img {
			margin: 5px 5px 0 0;
		}
	
		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			background: url(../images/slider_bg.jpg) no-repeat #333333;
			width: 929px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 298px;
			clear: both;
		}
		
		.panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0;
			top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 298px;
			position: relative;
			width: 929px; /* Also specified in  .stripViewer  above */
		}
		
		.panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px 70px;
		}
		
			.panelContainer .panel .wrapper .text {
				float: left;
				width: 258px;
				padding: 20px 20px 20px 0;
				color: white;
			}
			
			.panelContainer .panel .wrapper #textNoJS {
				float: left;
				height: 260px;
				padding: 20px;	
			}
			
			.panelContainer .panel .wrapper .image {
				float: right;
				margin: 0;
				padding: 0;
				width: 510px;
				height: 300px;
			}
			
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 140px;
			z-index: 100;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 29px;
			width: 27px;
		}
		
		.stripNavL {
			left: 20px;
		}
		
		.stripNavR {
			right: 20px;
		}
		
		.stripNavL a {
			background-position: 0px -79px;
		}
		
		.stripNavR a {
			background-position: -54px -79px;
		}
		
		.stripNavR a:hover {
			background-position: -81px -79px;
		}
	
		.stripNavL a:hover {
			background-position: -27px -79px;
		}

	
	/* Non-homepage headers */
	
	#sliderStatic {
		clear: left;
		float: left;
		display: block;
		margin: 10px 0 0 10px;
		display: block;
		width: 929px;
		height: 148px;
		border: 1px solid #ABABAB;
	}
	
	/* Content layer */
	
	#content {
		/*clear: left;
		float: left;
		width: 911px;
		padding: 20px;*/
		background: #FFFFFF;	
	}
	
		/* Left colum */
		
		#contentLeft {
			/*float: left;
			width: 584px;*/
		}
			
			#contentLeftMore {
				/*float: left;
				width: 270px;
				padding: 0 20px 0 0;*/
				border-right: 1px solid #DDDDDD;	
			}
			
			#contentLeftOld {
				/*float: right;
				width: 270px;
				padding: 0 0 0 20px;*/
			}
			
				#contentLeftOld .date {
					color: #555555;	
				}
		
		/* Right colum */
		
		#contentRight {
			/*float: right;
			padding: 20px 25px 0 25px;
			width: 259px;
			min-height: 510px;
			background: url(../images/content-right_bg.png) no-repeat top center;*/
		}
		
			#contentRight .uspOne, #contentRight .uspTwo, #contentRight .uspThree {
				padding: 0 10px 0 0;
				height: 50px;
				width: 38px;
			}
			
			#contentRight .uspOne {
				background-position: -241px -65px;
			}
			
			#contentRight .uspTwo {
				background-position: -291px -65px;
			}
			
			#contentRight .uspThree {
				background-position: -344px -65px;
			}
			
			.titleAbout {
				background-position: -397px -75px;
				height: 39px;
				width: 36px;
			}
			
			.titleContact {
				background-position: -447px -80px;
				height: 39px;
				width: 36px;
			}
	
	/* Footer */
	
	#footer {
		/*width: 911px;
		clear: both;
		float: left;
		padding: 26px 20px 26px 20px;
		height: 8px;
		*/
		font-size: 11px;
		margin-bottom: 30px;
		/*background: url(../images/footer_bg.jpg) no-repeat top center;*/
	}
	
		#footer .alignLeft {
			float: left;
		}
		
		#footer .alignRight {
			float: right;
		}
		
		#footer .top {
			float: right;
			display: block;
			background-position: -496px -76px;
			padding: 0 0 0 28px;
			height: 23px;
		}
	
	/* Alignment and style of images */
	
	#content .alignLeft, #content .alignRight {
		padding: 10px;
		border: 1px solid #DDDDDD;
		background: #F5F5F5;	
	}
	
	#content .alignLeft {
		float: left;
		margin: 0 10px 10px 0;	
	}
	
	#content .alignRight {
		float: right;
		margin: 0 0 10px 10px;	
	}
	
	#content img {
		/*padding: 10px;
		border: 1px solid #DDDDDD;
		background: #F5F5F5;	*/
	}
	
	.thumb {
		display: block;
		padding: 10px;
		border: 1px solid #DDDDDD;
		background: #F5F5F5;
		width: 564px;
		height: 150px;
	}
		
		.thumb img {
			padding: 0px !important;
			border: none !important;
			background: none !important;	
		}
	
	.thumb:hover {
		padding: 0px;
		border: 11px solid #DDDDDD;
		background: #F5F5F5;
	}

/* Portfolio page */
			
#filter {
	float: left;
	margin: 0 0 20px 0;	
}

#filter em {
	float: left;
	display: inline;
	font-style: normal;
}

	#filter a {
		cursor: pointer;
		display: block;
		width: 102px;
		height: 22px;
		margin: 5px 10px 0 0;
		text-align: center;
		background-position: -577px 0px;
		color: white;
	}
	
	#filter a:hover {
		background-position: -577px -22px;
		color: #333333;
	}
	
	#filter .selected a {
		background-position: -577px -44px;
		color: #333333;
	}
	
.clientInfo {
	color: #777777;
	width: 544px;
	margin: 10px 20px 0 20px;	
}
	
	.ciClient, .ciProblem, .ciSolution {
		width: 14px;	
	}

	.ciClient {
		background-position: -111px -90px;
	}
	
	.ciProblem {
		background-position: -154px -90px;
	}
	
	.ciSolution {
		background-position: -134px -90px;
	}

/* Contact page */
			
.contactTable {
	width: 45%;
	float: left;	
}

.formTable td {
	padding: 5px 0;	
}

.formField, .formSelect, .formTextarea, .formButton {
	font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #333333;	
}

.formField {
	height: 17px;
	width: 300px;
	padding: 5px;
	border: 1px solid #ccc;
	background: url(../images/field_bg.jpg) repeat-x top left;
}

.formTextarea {
	height: 200px;
	width: 300px;
	padding: 5px;
	border: 1px solid #ccc;
	background: url(../images/field_bg.jpg) repeat-x top left;
}

.formButton {
	border: none;
	display: block;
	width: 112px;
	height: 30px;
	background-position: -465px 0px;
	text-indent: -9999px;
}

.formButton:hover {
	background-position: -465px -30px;	
}

/* Buttons */

#hireMeButton {
	margin: 7px auto 0 auto;
	background-color: #c4c4c4;
	padding: 8px;
	border-radius: 10px;
	color: #585858;
	box-shadow: 2px 2px 5px #494949;
	border: 1px solid #626262;
}
#hireMe .text {
	display: block;
}
#hireMeButton:hover {
	background-color: #E48F44;
	color: #fff;
	border: 1px solid #B36E32;
}

.panel .readOn {
	display: block;
	width: 112px;
	height: 30px;
	background-position: -679px 0px;
	text-indent: -9999px;
	margin-top: 15px;
}

.panel .readOn:hover {
	background-position: -679px -30px;	
}

.readOn {
	display: block;
	width: 112px;
	height: 30px;
	background-position: -241px 0px;
	text-indent: -9999px;
	margin-top: 15px;
}

.readOn:hover {
	background-position: -241px -30px;	
}

.archives {
	display: block;
	width: 112px;
	height: 30px;
	background-position: -353px 0px;
	text-indent: -9999px;
	margin: 10px 0 0 0;
}

.archives:hover {
	background-position: -353px -30px;	
}

/* Other elements */
	
.hr {
	clear: both;
	height: 1px;
	border-top: 1px solid #dddddd;
	font-size: 0px;
	line-height: 0px;
	padding: 0;
	margin: 15px auto;
}

.clr {
	clear: both;	
}
#logo img {
	/*max-height: 100%;
	width: auto;*/
	vertical-align: bottom;
}
#logo img, #logo h1 {
	display: inline-block;
}
.sidebarServices a {
	display: block;
	text-decoration: none;
}
.sidebarCert img {
	width: 100%;
}
.navbar {
    padding-top: 0;
    padding-bottom: 0;
}
#navigation a, #navigation button#menu_services {
	width: auto;
	height: auto;
	padding: 7px 25px;
	background: #fff;
	border: none;
	border-radius: initial;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #717171;
	font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 13px;
}
.serviceToggleWrapper {
	min-height: 0;
}
#navigation button#menu_services:focus {
	outline:none;
}
#navigation button#menu_services {
	padding-top: 8px;
}
#navigation a:hover, #navigation a.selected, #navigation a:focus, #navigation button#menu_services:hover, #navigation button#menu_services.selected, #navigation button#menu_services:focus {
	color: #E48F44;
}
#contentRight {
	border-left: 1px solid #dddddd;
}
#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	border-top: 1px solid #dddddd;
}
#footer p {
	margin-bottom: 0px;
}
#content {
	margin-top: 15px;
	margin-bottom: 15px;
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
	padding: 0px;
	margin: 0;
	color: #555555;
	font-weight: 500;
}
.sidebarCert img {
	max-width: 200px;
	display: block;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
#contentRight > .row > div, #contentLeft > .row {
	margin-bottom: 25px;
}
.fitImg {
	max-width: 100%;
	display: block;
	margin: auto;
	box-shadow: 2px 2px 2px #535353;
	border-radius: 2px;
}
#certCar .carousel-caption img{
	max-width: calc(100% - 30%);
	max-height: 200px;
	width: auto;
	height: auto;
}
#certCar .carousel-inner {
	height: 200px;
}
#certCar {
    height: 200px;
	margin-top: 20px;
    margin-bottom: 20px;
}
#certCar .carousel-caption {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	background-color: transparent;
	border-radius: 0;
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: initial;
	-ms-transform: initial;
	-moz-transform: initial;
	-o-transform: initial;
	transform: initial;
}
.certCarouselItem {
    max-width: 200px;
    max-height: 200px;
    height: auto;
    width: auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	background-color: #9e9e9e;
	border-radius: 25px;
	box-shadow: 2px 2px 2px #565656;
}
.card-header h5 button.btn-link {
	text-align: left;
	white-space: normal;
	color: #E48F44;
	padding: .65rem 1rem;
	width: 100%;
}
.card-header h5 button.btn-link.collapsed {
	color: #959595;
}
.card-header h5 button.btn-link:hover{
	color: #E48F44;
}
.card-header h5 button.btn-link:hover, .card-header h5 button.btn-link:focus {
	text-decoration: none;
}
.card-header {
	padding: 0px;
}
#newsAccordion .card, #serviceAccordion .card {
	border-radius: 0px;
}
#newsAccordion .card:first-child, #serviceAccordion .card:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
#newsAccordion .card:last-child, #serviceAccordion .card:last-child, #newsAccordion .card.isLastChild, #serviceAccordion .card.isLastChild  {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
#newsAccordion .newsDate {
	color: #B0B0B0;
	text-align: right;
	display: block;
}
#newsAccordion .card-body {
	padding-top: 0.50rem;
}
.sidebarServices a {
	color: #8c8c8c;
}
.sidebarServices a:hover {
	color: #E48F44;
}
#contentRight h3, .atout h3 {
	font-size: 16px;
}
.sidebarContact .row {
	word-break: break-all;
}
.contactInfo {
	min-height: 42px;
	position: relative;
	padding: 10px 10px 10px 45px;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	line-height: 1.6;
}
.contactInfo p{
	margin-bottom: 0px;
}
.contactInfo i {
	position: absolute;
	color: #E48F44;
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 0;
	text-align: center;
	line-height: 2.8;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.atout {
	text-align: center;
	margin-bottom: 10px;
}
.atout h3 {
	font-style: italic;
}
.atoutContent {
	padding: 10px;
	background-color: #efefef;
	height: 100%;
	border-radius: 10px;
}
.taj, .card-body p, .about_us p, .indService p {
	text-align: justify;
}
.capz, .card-header h5 button.btn-link, .atout h3, .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6, .sidebarServices a, .requestQuoteForm h6, #addBtn, #succBtn, #submitQuote, #hireMeButton {
	text-transform: capitalize;
}
.serviceImgWrapper {
	margin-bottom: 20px;
}
.instruction {
	text-align: center;
	font-style: italic;
}
#google_map {
	height: 250px;
	margin-bottom: 40px;
	margin-top: 10px;
}
.requestQuoteForm h6 {
	text-align: center;
}
.requestQuoteForm input, .requestQuoteForm textarea {
	width: 100%;
	padding: 5px;
}
.missingFieldToSubmit {
	border: 1px solid #f00 !important;
}
#login_form input{
	width: 100%;
	margin-bottom: 5px;
}
#contact-form input, #contact-form textarea {
	margin-bottom: 10px;
}
#login_form #username:focus, #login_form #password:focus, #contact-form input:focus, #contact-form textarea:focus {
	border-color: #E48F44;
	-webkit-box-shadow: 0px 0px 10px #E48F44;
	box-shadow: 0px 0px 10px #E48F44;
}
#addBtn, #succBtn, #submitQuote {
	width: 100%;
	color: #fff;
	margin-bottom: 5px;
	background-color: #E48F44;
	border: 1px solid #B36E32;
}
#addBtn:hover, #succBtn:hover, #addBtn:focus, #succBtn:focus, #submitQuote:hover, #submitQuote:focus {
	background-color: #B36E32;
	box-shadow: none;
}
a.forgot-password {
	color: #8c8c8c;
}
#navbarToggleServices a {
	color: #8c8c8c;
	padding-left: 10px; 
	padding-right: 10px;
	border-right: 1px solid #8c8c8c;
}
#navbarToggleServices a:hover {
	color: #E48F44;
}
.editionAccordionHeader {
	display: none;
	font-size: 16px;
	font-weight: 600;
}
#serviceAccordion .card-body h6 {
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
}
.form_border {
	margin-top: 45px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}
.indService img.fitImg {
	margin-bottom: 20px;
	margin-top: 20px;
}
#homepageBanner, #indServiceSlider {
	overflow: hidden;
}
#homepageBanner .carousel-inner .carousel-item .carousel-caption {
	top: 0;
	left: 0;
	bottom: initial;
	right: initial;
	height: 100%;
	width: 100%;
}
#homepageBanner .carousel-inner .carousel-item .carousel-caption .carousel-caption-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.85);
	padding: 10px;
	box-shadow: 2px 2px 5px black;
	width: 100%;
}
#homepageBanner .carousel-inner .carousel-item .carousel-caption .carousel-caption-wrapper h2, #homepageBanner .carousel-inner .carousel-item .carousel-caption .carousel-caption-wrapper h3, #homepageBanner .carousel-inner .carousel-item .carousel-caption .carousel-caption-wrapper p {
	color: #fff;
	text-transform: uppercase;
}
#homepageBanner .carousel-inner .carousel-item .carousel-caption .carousel-caption-wrapper p {
	font-size: 13px;
}
#homepageBanner .carousel-inner .carousel-item .carousel-caption .carousel-caption-wrapper h3 {
	color: #E48F44;
	font-style: italic;
}
.jumbotron h1 {
	color: #E48F44;
}
.jumbotron {
	margin-bottom: 0px;
}
.pic img {
    width: 100%;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 2px;
}
.stacked .pic {
	height: 50%;
}
.stacked .pic .bottomStack {
	position: absolute;
	bottom: 0;
	max-width: calc(100% - 30px);
}
.about_us_content {
	margin-top: 30px;
}
#contentLeft .about_us_content h2 {
	color: #555555;
	font-size: 18px;
}
#footerContact {
	background-color: #e9ecef;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 15px;
}
.contactInfoV0 p, .contactInfoV0 a, .contactInfoV0 i {
	display: block;
}
.contactInfoV0 {
	text-align: center;
}
.contactInfoV0 i {
	font-size: 24px;
	color: #E48F44;
	margin-bottom: 5px;
	word-break: break-all;
}
.contactInfoV0 p {
	margin-bottom: 0px;
}
.version0 #footer, .version2 #footer {
	margin-top: 0px;
}
.version0 #contentRight {
	padding-left: 50px;
	border-left: initial;
}
.version0 .carousel-control-next-icon, .version0 .carousel-control-prev-icon {
	background-color: transparent;
	box-shadow: initial;
}
#indServiceSlider .carousel-inner .carousel-item img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
#indServiceSlider {
	margin-bottom: 0px;
}
#indServiceSlider .carousel-inner .carousel-item img {
	border-radius: 2px;
}
.version2 #contentRight {
	border-right: 1px solid #dddddd;
	border-left: initial;
}
.version2 .atoutContent {
	box-shadow: 2px 2px 5px #535353;
	border-radius: 2px;
	background-color: #e07c23;
	color: #fff;
	opacity: 0.7;
}
.version2 .atout:hover .atoutContent {
	opacity: 1;
}
.version2 .atoutContent i {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.version2 .atoutContent h3 {
	color: #fff;
}
.galleryWrapper .fitImg {
	box-shadow: initial;
}
.galleryItem {
	margin-bottom: 20px;
	text-align: center;
}
.galleryContent p {
	text-align: center;
	margin-bottom: 0px;
}
.galleryContent h6 {
	color: #555555;
}
.galleryContent .navbar {
	padding-top: 10px;
	padding-bottom: 10px;
}
.galleryContent .navbar button.navbar-toggler {
	width: 100%;
}
/*drawer is open*/
.galleryContent .navbar button.navbar-toggler .opened {
	display: block;
}
.galleryContent .navbar button.navbar-toggler .closed {
	display: none;
}
/*drawer is closed*/
.galleryContent .navbar button.navbar-toggler.collapsed .opened {
	display: none;
}
.galleryContent .navbar button.navbar-toggler.collapsed .closed {
	display: block;
}
#edition_menu_services {
	display: none;
}
#navbarToggleServices a.selected {
	color: #E48F44;
}
.version0 #contentRight, .version2 #contentRight {
	margin-top: 50px;
}
@media (min-width: 1200px){
	/*xl*/
	#homepageBanner, #homepageBanner .carousel-inner, #homepageBanner .carousel-inner .carousel-item, #indServiceSlider, #indServiceSlider .carousel-inner, #indServiceSlider .carousel-inner .carousel-item  {
		height: 500px;
	}
}
@media (max-width: 1199px) and (min-width: 992px){
	/*lg*/
	#homepageBanner, #homepageBanner .carousel-inner, #homepageBanner .carousel-inner .carousel-item, #indServiceSlider, #indServiceSlider .carousel-inner, #indServiceSlider .carousel-inner .carousel-item  {
		height: 500px;
	}
	.version0 #contentRight {
		padding-left: 30px;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	/*md*/
	#homepageBanner, #homepageBanner .carousel-inner, #homepageBanner .carousel-inner .carousel-item, #indServiceSlider, #indServiceSlider .carousel-inner, #indServiceSlider .carousel-inner .carousel-item  {
		height: 350px;
	}
}
@media (max-width: 767px) and (min-width: 576px){
	/*sm*/
	#homepageBanner, #homepageBanner .carousel-inner, #homepageBanner .carousel-inner .carousel-item, #indServiceSlider, #indServiceSlider .carousel-inner, #indServiceSlider .carousel-inner .carousel-item  {
		height: 270px;
	}
}
@media (max-width: 575px){
	/*xs*/
	#homepageBanner, #homepageBanner .carousel-inner, #homepageBanner .carousel-inner .carousel-item, #indServiceSlider, #indServiceSlider .carousel-inner, #indServiceSlider .carousel-inner .carousel-item  {
		height: 200px;
	}
	.stacked .pic .bottomStack {
		position: relative;
		bottom: initial;
		max-width: 100%;
	}
	.version0_about_us img {
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {
	#logo, .jumbotron {
		text-align: center;
	}
	#hireMe {
		margin: 25px 0 15px 0;
	}
	.fitImg {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.version0 #contentRight {
		padding-left: 15px;
	}
	.contactInfoV0 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
}
@media (max-width: 767px){
	/*style menu for mobile*/
	#navigation a, #navigation button#menu_services {
		background: transparent;
		margin-right: 0px;
		height: auto;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	#navigation {
		background-color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.navWrapper {
		padding-top: 7px;
	}
	.version0 #contentRight, .version2 #contentRight {
		margin-top: 0px;
	}
	
}
@media (max-width: 575px){
	#hireMeButton {
		display: block;
	}
/*	.contactInfo i, .contactInfo p, .contactInfo a {
		display: block;
		text-align: center;
	}*/
	#footer {
		text-align: center;
	}
	#footer .top {
		float: initial;
		padding: 0px;
	}
	.jumbotron {
		text-align: center;
	}
	.jumbotron h1 {
		font-size: 1.5rem;
	}
	.jumbotron p.lead {
		font-size: 1rem;
	}
}
.contentNormal.row:before, .contentNormal.row:after, #content.row:before, #content.row:after, #footerContact.row:before, #footerContact.row:after, #footer.row:before, #footer.row:after, .row.serviceImgWrapper:before, .row.serviceImgWrapper:after, .row.galleryWrapper:after, .row.galleryWrapper:before {
	content: normal;
}
#menu_services {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
/*style for dynamic content page*/
#styleDynamicContent .container {
	max-width: 100%;
}
#styleDynamicContent .btn > h5 {
	color: #fff;
	margin-bottom: 0px;
}
#styleDynamicContent h1,
#styleDynamicContent h2,
#styleDynamicContent h3,
#styleDynamicContent h4,
#styleDynamicContent h5,
#styleDynamicContent h6 {
	color: #555555;
} 
#styleDynamicContent .panel.panel-default {
	margin: 30px 0 !important;
}
#styleDynamicContent .btn.btn-primary,
#styleDynamicContent .btn.btn-default,
#styleDynamicContent .btn.btn-success,
#styleDynamicContent input.form-control {
	margin-bottom: 5px;
	margin-top: 5px;
}
#styleDynamicContent .btn {
	white-space: normal;
}
#styleDynamicContent hr {
	clear: both;
}
#styleDynamicContent .btn-primary,
#styleDynamicContent .btn-default,
 #styleDynamicContent .btn-success  {
	background-color: #8c8c8c;
	border: 1px solid #808080;
	color: #fff;
}
#styleDynamicContent .btn-primary:hover,
#styleDynamicContent .btn-default:hover,
 #styleDynamicContent .btn-success:hover {
	background-color: #6a6a6a;
	border-color: #808080;
}
#styleDynamicContent .btn-primary:hover,
#styleDynamicContent .btn-default:hover,
 #styleDynamicContent .btn-success:hover {
	background-color: #6a6a6a;
	border-color: #808080;
}
#styleDynamicContent .btn-primary:focus, #styleDynamicContent .btn-primary.focus,
#styleDynamicContent .btn-default:focus, #styleDynamicContent .btn-default.focus,
#styleDynamicContent .btn-success:focus, #styleDynamicContent .btn-success.focus {
	background-color: #8c8c8c;
	border-color: #808080;
}
#styleDynamicContent .btn-primary:active, #styleDynamicContent .btn-primary.active,
#styleDynamicContent .btn-default:active, #styleDynamicContent .btn-default.active,
#styleDynamicContent .btn-success:active, #styleDynamicContent .btn-success.active {
	background-color: #4e4e4e;
	border-color: #808080;
}
#styleDynamicContent .panel-default > .panel-heading strong{
	line-height: 3em;
}
#styleDynamicContent input:focus, #styleDynamicContent textarea:focus {
	border-color: rgba(181, 181, 181, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(181, 181, 181, 0.6);
  outline: 0 none;
}
#termsAndConditions {
	color: #333333;
	display: block;
}
#address-geo .close {
	margin-left: 0px;
}
#address-geo .modal-header
{
display: block!important;
}
#address-geo .modal-title
{
float: left;
}
#address-geo .modal-header .close
{
float: right;
}
.row.fancy-btn-list .col-sm-3, .row.fancy-btn-list .col-sm-2 {
	width: 100%;
	flex: auto;
	max-width: 100%;
}
.row.fancy-btn-list .col-sm-3 .fancy-btn, .row.fancy-btn-list .col-sm-2 .fancy-btn {
	margin-bottom: 5px;
	margin-top: 0px;
}
.step-wizard .form-group .row .control-label {
	width: 100%;
	max-width: 100%;
	text-align: center;
	flex: auto;
}
.step-wizard .form-group .row .control-label ~ .col-sm-10 {
	width: 100%;
	flex: auto;
	max-width: 100%;
}
.nav-calendar li a {
	background-color: transparent !important;
	color: #919191 !important;
}
.front-wizard .nav-tabs > li.active > a, .front-wizard .nav-tabs > li.active > a:hover, .front-wizard .nav-tabs > li.active > a:focus {
	background-color: transparent !important;
	color: #555555 !important;
}