/* ---------------------------------------------------------------
--------------------------- PRELOADER ----------------------------
--------------------------------------------------------------- */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	/* change if the mask should have another color then white */
	z-index: 2000;
	/* makes sure it stays on top */
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	background-image: url(../images/status.gif);
	/* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	/* is width and height divided by two */
}

/* ---------------------------------------------------------------
--------------------------- GENERAL ------------------------------
--------------------------------------------------------------- */
html {
	width: 100%;
	overflow-x: hidden !important;
}

body {
	margin: 0;
	padding: 0 !important;
	font-family: 'Open Sans', sans-serif;
	color: #313336;
	background-color: #ffffff;
	font-weight: 400;
	overflow-x: hidden !important;
}

::selection {
	background: #1F2E3C;
	color: #ffffff;
	-webkit-text-stroke-color: #ffffff;
}

::-moz-selection {
	background: #1F2E3C;
	color: #ffffff;
}

p {
	margin: 0 0 18px 0;
}

ul,
ol {
	padding: 0;
	margin-bottom: 18px;
}

ul li {
	list-style-image: none;
	list-style-type: none;
	line-height: 18px;
	font-size: 14px;
}

ol li {
	line-height: 18px;
	list-style-position: inside;
}

ul ul,
ol ol {
	padding-left: 18px;
}

img {
	padding: 0 !important;
}

@media screen and (max-width:767px) {
	.container {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.underline {
	display: block;
	height: 4px;
	margin: 0 auto 5px auto;
	/* total 1/2*18=9px  which will with margin-bottom:9px of .page-title h1 make 18 px*/
	position: relative;
	width: 81px;
}

.page-title h1 {
	font-size: 49px;
	/*line-height is 54px = 3x18px*/
	margin-bottom: 9px;
	/*9px of underline + 9px = 18px*/
	margin-top: 18px;
}

@media screen and (max-width:768px) {
	.smxs-margin {
		margin-bottom: 18px;
	}
}

.not-home {
	padding-top: 81px;
	margin-top: -81px;
}

.page-title {
	margin-top: 54px;
}

.title {
	padding-bottom: 54px;
}

/* .pad-bot {
	padding-bottom: 54px;
} */

p {
	line-height: 18px;
}

.name {
	color: #999999;
}

a,
a:hover,
a:focus {
	outline: 0;
}

a {
	font-size: 14px;
	line-height: 18px;
}

.italic-text {
	font-style: italic;
}

.italic-text span {
	padding: 0 9px;
}

blockquote {
	border-left: 3px solid #313336;
	margin: 0 0 18px;
	padding: 9px 18px;
	font-style: italic;
}

blockquote p {
	font-size: 14px;
	line-height: 18px;
}

.lead {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 18px;
}

small {
	font-size: 12px;
	line-height: 18px;
}

.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0 8px;
	/*9+1+8=18px*/
}

.dropdown-menu>li>a {
	color: #313336;
	font-size: 14px;
	line-height: 18px;
	padding: 9px;
}

.alert {
	border-radius: 0;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 9px;
}

.progress {
	border-radius: 0;
	height: 18px;
	margin-bottom: 18px;
	box-shadow: none;
}

.progress-bar {
	box-shadow: none;
}

span {
	line-height: 18px;
}

/* ---------------------------------------------------------------
----------- TYPOGRAPHY: BASE 12px, LINE-HEIGHT:18px --------------
--------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

h1,
h2,
h3 {
	margin-bottom: 18px;
	margin-top: 18px;
	text-rendering: optimizeLegibility;
}

h4,
h5,
h6 {
	text-rendering: optimizeLegibility;
	margin-bottom: 18px;
	margin-top: 18px;
}

h1 {
	font-size: 49px;
	margin-top: 18px;
	margin-bottom: 18px;
	line-height: 54px;
}

h2 {
	font-size: 42px;
	line-height: 54px;
	/*18*3*/
}

h3 {
	font-size: 36px;
	line-height: 36px;
	/*18*2*/
}

h4 {
	font-size: 30px;
	line-height: 36px;
	/*18*2*/
}

h5 {
	font-size: 24px;
	line-height: 36px;
	/*18*2*/
}

h6 {
	font-size: 18px;
	line-height: 18px;
	/*18*1*/
}

p {
	font-size: 14px;
	line-height: 18px;
	/*18*1*/
}

/*h1.light-text{
	text-shadow: 0px 0px 1px rgba(255,255,255,0.3);
	}
h1.dark-text{
	text-shadow: 0px 0px 1px rgba(49,51,54,0.3);
	}*/
.uppercase {
	text-transform: uppercase;
}

a {
	-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;
}

a,
a:hover,
a:focus {
	outline: 0 !important;
	text-decoration: none !important;
}

a:hover {
	-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;
}

.fontweight-300 {
	font-weight: 300;
}

.fontweight-400 {
	font-weight: 400;
}

/* ---------------------------------------------------------------
------------------------------- ANGLES ---------------------------
--------------------------------------------------------------- */
.top_angle_left,
.bot_angle_left,
.top_angle_right,
.bot_angle_right {
	height: 0px;
	margin: 0;
	padding: 0;
}

.top_angle_right {
	border-style: solid solid solid dashed;
	border-width: 0 0 54px 336px;
}

.top_angle_left {
	border-width: 54px 0 0 336px;
	border-style: solid dashed solid solid;
}

.bot_angle_right {
	border-width: 0 336px 54px 0;
	border-style: solid dashed solid solid;
}

.bot_angle_left {
	border-width: 54px 336px 0 0;
	border-style: solid dashed solid solid;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.top_angle_left,
	.bot_angle_left,
	.top_angle_right,
	.bot_angle_right {
		border-style: solid;
	}
}

.ie9 .top_angle_left,
.ie9 .bot_angle_left,
.ie9 .top_angle_right,
.ie9 .bot_angle_right,
.ie8 .top_angle_left,
.ie8 .bot_angle_left,
.ie8 .top_angle_right,
.ie8 .bot_angle_right,
.ie10 .top_angle_left,
.ie10 .bot_angle_left,
.ie10 .top_angle_right,
.ie10 .bot_angle_right {
	border-style: solid;
}

@media screen and (max-width:768px) {
	.top_angle_right {
		border-width: 0 0 20px 480px;
	}

	.top_angle_left {
		border-width: 20px 0 0 480px;
	}

	.bot_angle_right {
		border-width: 0 480px 20px 0;
	}

	.bot_angle_left {
		border-width: 20px 480px 0 0;
	}

	.top_angle_left,
	.top_angle_right {
		margin-bottom: -1px;
	}

	.bot_angle_left,
	.bot_angle_right {
		margin-top: -1px;
	}
}

.menu_bottom {
	border-color: transparent #585f35 transparent transparent;
}

.project_top {
	border-color: transparent #BDC3C7 transparent transparent;
}

.project_bottom,
.team_bottom {
	border-color: transparent transparent #BDC3C7 transparent;
}

.about_bottom {
	border-color: #ffffff transparent transparent transparent;
}

.team_top {
	border-color: transparent transparent transparent #1F2E3C;
}

.portfolio_bottom {
	border-color: #ffffff transparent transparent;
}

.contact_bottom {
	border-color: transparent #1F2E3C;
}

@media screen and (max-width:480px) {
	.portfolio_bottom {
		margin-top: 0;
	}

	.team_bottom {
		margin-bottom: 0;
		margin-top: 1px;
	}
}

@media screen and (max-width:480px) {
	.ie10 .project_bottom {
		margin-top: -2px;
	}
}

.copyright {
	color: #ffffff;
	margin: 0;
	padding: 70px 0;
	/* Augmenté de 30px à 40px */
	background-color: #585f35;
}

.copyright .container {
	margin-top: -25px;
	/* Ajusté de -10px à -15px pour compenser l'augmentation du padding */
}

.bot_angle_right {
	border-width: 0 400px 70px 0;
	/* Augmenté la taille du triangle */
	/* border-color: transparent #1F2E3C; */
}



/* ---------------------------------------------------------------
--------------------------- BUTTONS ------------------------------
--------------------------------------------------------------- */
.btn,
.btn-primary {
	-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;
}

.btn:hover,
.btn-primary:hover {
	-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;
}

.btn-primary {
	color: #ffffff;
	border-radius: 0;
	border: 0;
	background-image: none;
	text-shadow: none;
}

.btn {
	border-radius: 0;
	border-width: 1px;
	background-image: none;
	text-shadow: none;
	padding: 8px 9px;
	/* border+padding = 1+8+8+1=18 */
	line-height: 18px;
}

.btn-lg {
	padding: 17px 9px;
	/* border+padding = 1+17+17+1=36 */
	line-height: 18px;
}

.btn-sm {
	padding: 2px 9px;
	/* border+padding+line-height = 1+2+12+2+1=18 */
	line-height: 12px;
	font-size: 12px;
}

.btn-xs {
	padding: 2px 9px;
	/* border+padding+line-height = 1+2+12+2+1=18 */
	line-height: 12px;
	font-size: 10px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn:hover {
	color: #ffffff !important;
}

/* ---------------------------------------------------------------
---------------------------- COLORS ------------------------------
--------------------------------------------------------------- */
/*WHITE*/
.white .colored-background,
.white .current {
	background-color: #ffffff !important;
	color: #2D3E50;
}

.white .colored-text {
	color: #ffffff !important;
}

.white a {
	color: #ffffff;
}

.white a:hover {
	color: #EDEDED;
}

.white .btn {
	color: #ffffff !important;
}

.white .btn:hover {
	color: #EDEDED;
}

.white .team-members .block-inner {
	border: 2px solid #ffffff;
	position: relative;
}

.white .contact-icons a {
	color: #1F2E3C;
	border: 1px solid #1F2E3C;
}

.white .btn-primary {
	color: #585f35 !important;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.white .btn-primary:hover {
	background-color: transparent;
	color: #ffffff !important;
}

.white .tooltip-inner {
	background-color: transparent;
	border: 1px solid #ffffff;
}

.white .team-img .overlay-img {
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 500px 500px 500px 500px;
}

.white.underline {
	background-color: #ffffff;
	color: #313336;
}

.white .isotope-item:hover .isotope-description {
	border-bottom: 5px solid #ffffff;
}

.white blockquote {
	border-left: 3px solid #313336;
}

/*GREEN*/
.green-bg {
	background-color: #585f35;
	color: #ffffff;
}

.green a,
.green .btn-default {
	color: #585f35;
}

.green .btn-default {
	border: 1px solid #585f35;
}

.green .btn-default:hover {
	background-color: #585f35;
	color: #ffffff;
}

.green a:hover {
	color: white;
}

.green .btn-primary {
	color: #ffffff !important;
	background-color: #585f35;
	border: 1px solid #585f35;
}

.green .btn-primary:hover {
	background-color: transparent;
	color: #585f35 !important;
}

.green .colored-text {
	color: #ffffff !important;
}

.green .colored-background,
.green .current {
	background-color: #585f35 !important;
}

.green .team-members .block-inner {
	border: 2px solid #585f35;
	position: relative;
}

.green .contact-icons a {
	border: 1px solid #ffffff;
}

.green .contact-icons a:hover {
	border: 1px solid #1F2E3C;
}

.green .tooltip-inner {
	background-color: #585f35 !important;
}

.green .team-img .overlay-img {
	background-color: rgba(22, 160, 133, 0.95);
	border-radius: 50%;
}

.green.underline {
	background-color: #585f35;
	color: #585f35;
}

.green .isotope-item:hover .isotope-description {
	border-bottom: 5px solid #585f35;
}

.green-bg blockquote {
	border-left: 3px solid #ffffff;
}

.green blockquote {
	border-left: 3px solid #585f35;
}

.green .btn-default .caret {
	border-top-color: #585f35;
}

.green .btn-default:hover .caret,
.green.open .dropdown-toggle.btn-default {
	background-color: #585f35;
	border-top-color: #ffffff;
}

.green.open .dropdown-toggle.btn-default,
.green.open .dropdown-toggle.btn-primary {
	box-shadow: none;
	border: 1px solid #585f35;
}

.green.open .dropdown-toggle.btn-default .caret {
	border-top-color: #ffffff;
}

.green.open .dropdown-toggle.btn-primary {
	border-top-color: #585f35;
	background-color: #ffffff;
}

.green.open .dropdown-toggle.btn-primary .caret,
.green .btn-primary:hover .caret {
	border-top-color: #585f35;
}

.green .dropdown-menu {
	border: 1px solid #585f35;
}

.green .dropdown-menu .divider {
	background-color: #585f35;
}

.green .dropdown-menu>li>a:hover,
.green .dropdown-menu>li>a:focus {
	background-color: #585f35;
}

.green.dropup .btn-default .caret,
.green.dropup .btn-primary:hover .caret,
.green.dropup.open .btn-primary .caret {
	border-bottom-color: #585f35;
}

.green.dropup .btn-default:hover .caret,
.green.dropup.open .btn-default .caret,
.green.dropup .btn-primary .caret {
	border-bottom-color: #ffffff;
}

/*BLUE*/
.blue-bg {
	background-color: #1f2e3c !important;
	color: #ffffff;
}

.blue .colored-background,
.blue .current {
	background-color: #1f2e3c !important;
	color: #ffffff;
}

.blue .colored-text {
	color: #1f2e3c !important;
}

.blue a,
.blue .btn-default {
	color: #1f2e3c;
}

.blue .btn-default {
	border: 1px solid #1f2e3c;
}

.blue .btn-default:hover {
	background-color: #1f2e3c;
	color: #ffffff;
}

.blue a:hover {
	color: #2D3E50;
}

.blue .btn-primary {
	color: #ffffff !important;
	background-color: #1f2e3c;
	border: 1px solid #1f2e3c;
}

.blue .btn-primary:hover {
	background-color: transparent;
	color: #1f2e3c !important;
}

.blue .team-members .block-inner {
	border: 2px solid #1f2e3c;
	position: relative;
}

.blue .contact-icons a {
	border: 1px solid #ffffff;
}

.blue .tooltip-inner {
	background-color: #585f35 !important;
}

.blue .team-img .overlay-img {
	background-color: rgba(31, 46, 60, 0.95);
	border-radius: 50%;
}

.blue.underline {
	background-color: #1f2e3c;
	color: #1f2e3c;
}

.blue .isotope-item:hover .isotope-description {
	border-bottom: 5px solid #1F2E3C;
}

.blue-bg blockquote {
	border-left: 3px solid #ffffff;
}

.blue blockquote {
	border-left: 3px solid #1f2e3c;
}

.blue .btn-default .caret {
	border-top-color: #1f2e3c;
}

.blue .btn-default:hover .caret,
.blue.open .dropdown-toggle.btn-default {
	background-color: #1f2e3c;
	border-top-color: #ffffff;
}

.blue.open .dropdown-toggle.btn-default,
.blue.open .dropdown-toggle.btn-primary {
	box-shadow: none;
	border: 1px solid #1f2e3c;
}

.blue.open .dropdown-toggle.btn-default .caret {
	border-top-color: #ffffff;
}

.blue.open .dropdown-toggle.btn-primary {
	border-top-color: #1f2e3c;
	background-color: #ffffff;
}

.blue.open .dropdown-toggle.btn-primary .caret,
.blue .btn-primary:hover .caret {
	border-top-color: #1f2e3c;
}

.blue .dropdown-menu {
	border: 1px solid #1f2e3c;
}

.blue .dropdown-menu .divider {
	background-color: #1f2e3c;
}

.blue .dropdown-menu>li>a:hover,
.blue .dropdown-menu>li>a:focus {
	background-color: #1f2e3c;
}

.blue.dropup .btn-default .caret,
.blue.dropup .btn-primary:hover .caret,
.blue.dropup.open .btn-primary .caret {
	border-bottom-color: #1f2e3c;
}

.blue.dropup .btn-default:hover .caret,
.blue.dropup.open .btn-default .caret,
.blue.dropup .btn-primary .caret {
	border-bottom-color: #ffffff;
}

/*GRAY Light*/
.gray-light-bg {
	background-color: #BDC3C7 !important;
	color: #313336;
}

/*GRAY*/
.gray-bg {
	background-color: #585f35 !important;
	color: #585f35;
}

/*GENERAL COLORS*/
.colored-background,
a.colored-background,
a.colored-background:hover,
a.current,
a.current:hover {
	color: #ffffff;
}

.tooltip-inner {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #fff;
	font-size: 1.1em;
	border-radius: 0;
}

.tooltip.top .tooltip-arrow {
	display: none;
}

/* ---------------------------------------------------------------
-------------------------- NAVIGATION ----------------------------
--------------------------------------------------------------- */
.navbar-nav {
	display: table;
	float: none;
	margin: 0 auto;
}

#navigate {
	overflow-x: hidden;
	padding: 0;
	height: auto;
	z-index: 1011;
	width: 100%;
	border-bottom: 0;
}

.navbar-collapse {
	box-shadow: none;
}

.navbar {
	margin: 0;
	border: 0;
	border-radius: 0;
}

.navbar-brand {
	display: block;
	float: none;
	margin: 0 auto;
	padding: 9px 5px;
}

@media screen and (min-width:768px) {

	#navigate,
	.navbar {
		min-height: 90px !important;
	}

	.navbar .nav>li>a,
	.navbar-brand,
	.btn-navbar {
		line-height: 90px;
	}

	.navbar-brand img {
		height: 108px;
	}

	.navbar .nav>li>a {
		padding: 0 15px;
	}

	.navbar .nav,
	.navbar .nav li {
		height: 90px;
	}

}

.navbar .nav li {
	display: table;
}

.navbar .nav>li>a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
	border-radius: 0;
}

.navbar .nav i,
.navbar .nav span {
	clear: both;
	display: table;
	margin: 9px auto;
	font-size: 14px;
	line-height: 18px;
}

.navbar .nav i {
	color: white;
}

.navbar .nav span {
	line-height: 18px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 18px;
}

@media (min-width:768px) and (max-width:992px) {
	.navbar .nav i {
		font-size: 1em;
	}

	.navbar .nav>.active>a,
	.navbar .nav>li>a:hover {}

	.navbar .nav>li>a {
		padding: 9px;
	}
}

@media screen and (max-width:767px) {
	.navbar .nav i {
		display: none;
	}

	.navbar-toggle {
		border: 0;
		background-color: transparent;
		border-radius: 0;
		height: 90px;
		margin: 0 5px 0 0;
		padding: 0;
		font-size: 36px;
		color: black;
		display: block;
		margin: 0 auto;
		float: none;
	}

	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-nav {
		float: none !important;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-nav li {
		width: 100%;
	}
}

.navbar .nav>.active>a:hover {
	background-color: #ffffff;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
	box-shadow: none;
}

.navbar .nav>.active>a:focus,
.nav-pills>.active>a:focus,
.nav>li>a:focus,
.navbar-nav {}

.navbar .nav>li>a,
.navbar .nav>li>a:focus,
.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus,
.nav-pills>li>a {
	text-shadow: none;
	-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;
	color: #ffffff !important;
	background-color: transparent;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>li>a:hover,
.navbar .nav>.active>a:focus,
.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus,
.nav>li>a:hover,
.nav>li>a:hover i,
.navbar .nav>.active>a>i,
.nav-pills>.active>a,
.nav-pills>li>a:hover {
	-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;
	outline: 0;
	text-decoration: none;
	color: #ffffff !important;
	background-color: transparent;
}

.sticky-wrapper {
	margin: 0;
	padding: 0;
}

.my-sticky-element.stuck {
	position: fixed;
	top: 0;
	width: 100%;
	overflow: hidden;
}

/* ---------------------------------------------------------------
----------------------- HOME PAGE SLIDER -------------------------
--------------------------------------------------------------- */
.home-slider {
	position: relative;
	padding: 0;
}

.caroufred {
	position: relative;
}

#home .caroufred ul {
	margin: 0;
}

.caroufred ul li {
	display: block;
	float: left;
	padding: 0;
	position: relative;
	text-align: center;
}

.caroufred ul li img {
	width: 100%;
	height: auto;
}

.carousel_pagination a {
	background-color: #585f35;
	display: block;
	float: left;
	height: 6px;
	margin: 0 2px 12px;
	/*0+6+12=18*/
	width: 36px;
}

.carousel_pagination a.selected {
	background-color: #ffffff;
}

.carousel_pagination-outer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.carousel_pagination {
	display: table;
	margin: 0 auto;
}

.carousel_pagination a span {
	text-indent: -99999px;
	display: block;
	height: 6px;
}

.home-slider .caroufred {
	position: relative;
}

.caroufred li .home-overlay {
	position: absolute;

	display: table;
	width: 100%;
	padding: 0 10px;
	font-weight: 400;
}

.home-overlay h4 span {
	position: relative;
	text-shadow: 0px 0px 1px rgba(89, 95, 52, 1);
	color: #ffffff;
}


.home-overlay h4 span:before,
.home-overlay h4 span:after {
	border-top: 2px solid #fff;
	bottom: 0;
	content: "";
	position: absolute;
	top: 21px;
	width: 96px;
}

@media screen and (max-width:1199px) {

	.home-overlay h4 span:before,
	.home-overlay h4 span:after {
		width: 54px;
	}
}

@media screen and (max-width:991px) {

	.home-overlay h4 span:before,
	.home-overlay h4 span:after {
		width: 36px;
		top: 17px;
	}

	.home-overlay h4 span {
		font-size: 24px;
		line-height: 36px;
	}
}

@media screen and (max-width:600px) {
	.home-overlay h4 span {
		bottom: 9px;
	}
}

.home-overlay h4 span:before {
	right: 105%;
}

.home-overlay h4 span:after {
	position: absolute;
	left: 105%;
}

/* ---------------------------------------------------------------
---------------------------- ABOUT US ----------------------------
--------------------------------------------------------------- */
.about-description p {
	margin: 0;
}

.highlights {
	padding-top: 9px;
	/* 55(square height) + 4 + 4 (borders) = 63 + 9 = 72 / 18 = 4*/
}

@media (max-width:560px) {
	.highlights {
		width: 100%;
		float: none;
	}
}

.highlights .about-overlay-under,
.highlights .about-overlay-above {
	height: 55px;
	/*18x4=72-9(highlights padding-top)=63-4-4 = 55 = 18*3.5 =63*/
	width: 55px;
	display: block;
	float: left;
}

.highlights .about-overlay-under {
	border: 4px solid #585f35;
	margin-right: 20px;
	-webkit-transform: rotate(7.5deg);
	-moz-transform: rotate(7.5deg);
	-ms-transform: rotate(7.5deg);
	-o-transform: rotate(7.5deg);
	transform: rotate(7.5deg);
	-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;
}

.highlights .about-overlay-above {
	border: 4px solid #1F2E3C;
	-webkit-transform: rotate(7.5deg);
	/* Chrome, Safari 3.1+ */
	-moz-transform: rotate(7.5deg);
	/* Firefox 3.5-15 */
	-ms-transform: rotate(7.5deg);
	/* IE 9 */
	-o-transform: rotate(7.5deg);
	/* Opera 10.50-12.00 */
	transform: rotate(7.5deg);
	/* Firefox 16+, IE 10+, Opera 12.10+ */
}

.highlights .about-overlay-above i {
	font-size: 24px;
	line-height: 46px;
	display: block;
	cursor: default;
	-webkit-transform: rotate(-15deg);
	/* Chrome, Safari 3.1+ */
	-moz-transform: rotate(-15deg);
	/* Firefox 3.5-15 */
	-ms-transform: rotate(-15deg);
	/* IE 9 */
	-o-transform: rotate(-15deg);
	/* Opera 10.50-12.00 */
	transform: rotate(-15deg);
	/* Firefox 16+, IE 10+, Opera 12.10+ */
	-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;
}

.highlights:hover .about-overlay-under {
	-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;
	border: 4px solid #1F2E3C;
}

.highlights:hover .about-overlay-above {
	-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;
	border: 4px solid #585f35;
}

.highlights h6 {
	margin-top: 15px;
	/*15+15+6px of span margin = 36/2 = 18*/
	margin-bottom: 15px;
	font-weight: 400;
}

span.highlights-first {
	margin-bottom: 6px;
	/* 15+15+6=36/2=18*/
}

.highlights h6 span {
	clear: right;
	display: block;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------
------------------------ TESTIMONIALS ----------------------------
--------------------------------------------------------------- */
.testimonials {
	background: url("../images/parallax.jpg") repeat fixed 50% 0 transparent;
	color: #fff
}

.testimonials .testimonials-quote {
	padding: 18px 0 18px 0;
	color: #ffffff;
}

cite {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 18px;
}

cite {
	color: #585f35 !important;
}

.testimonials-img {
	display: block;
	height: 108px;
	width: 108px;
	margin: 0 auto;
}

.testimonials-img img {
	border-color: #1F2E3C #1F2E3C #585f35 #585f35;
	border-radius: 50%;
	border-style: solid;
	border-width: 9px;
	margin: 0 auto;
	width: 108px;
	/* 108+ 9 +9= 126 / 18 = 7 */
}

.caroufredsel_wrapper {
	margin: 0 !important;
}

/* ---------------------------------------------------------------
--------------------------- STAFF --------------------------------
--------------------------------------------------------------- */
.team-img {
	border-radius: 50%;
	overflow: hidden !important;
	height: 234px;
	/*234/18=13*/
	width: 234px;
	margin: 0 auto;
	position: relative;
}

.team-img img {
	width: 100%;
}

.team-members .block-inner {
	height: 252px;
	/*252/18=14*/
	width: 252px;
}

@media screen and (max-width:992px) {
	.team-img {
		border-radius: 50%;
		overflow: hidden;
		height: 198px;
		/*198/18=11*/
		width: 198px;
		margin-left: auto;
		margin-right: auto;
	}

	.team-members .block-inner {
		height: 216px;
		/*216/18=12*/
		width: 216px;
	}
}

.team-members .block-inner {
	padding: 7px;
	/*7px+2px of border x 2*/
	border-radius: 50%;
	margin-left: auto !important;
	margin-right: auto;
}

.team-members {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

.team-members>div {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}


.names {
	margin-top: 18px;
}

.names h5 {
	margin-top: 0;
	margin-bottom: 0;
}

.overlay-img {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	display: table;
}

.team-img .overlay-img .contact-icons {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	/* IE 9 */
	-webkit-transform: scale(0, 0);
	/* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.team-img:hover .overlay-img .contact-icons {
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	/* IE 9 */
	-webkit-transform: scale(1, 1);
	/* Safari and Chrome */
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.overlay-img .contact-icons-inner {
	display: table;
	margin: 0 auto;
}

.ie9 .overlay-img .contact-icons-inner {
	display: block;
	width: 176px;
	margin: 0 auto;
}

.team-img .overlay-img {
	transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	/* IE 9 */
	-webkit-transform: scale(0, 0);
	/* Safari and Chrome */
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	width: 100%;
}

.team-img:hover .overlay-img {
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	/* IE 9 */
	-webkit-transform: scale(1, 1);
	/* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.contact-icons a {
	background-color: #FFFFFF;
	border-radius: 50% 50% 50% 50%;
	display: block;
	float: left;
	height: 34px;
	/*34 + 2px of border = 36/18=2*/
	line-height: 32px;
	margin: 0 5px;
	width: 34px;
}

.contact-icons a:hover {
	background-color: #1F2E3C;
	color: #ffffff;
}

/* ---------------------------------------------------------------
--------------------------- SERVICES -----------------------------
--------------------------------------------------------------- */
@media screen and (max-width:767px) {
	.service div {
		clear: both;
	}
}

@media screen and (min-width:768px) {
	.service div .service-description {
		border-color: #585f35;
		border-style: solid;
		border-width: 0;
		display: block;
		height: 2px;
		position: relative;
		margin: 0 0 16px 0;
		clear: both;
		width: 100%;
		-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;
	}

	.service div:hover .service-description {
		border-width: 0 0 0 300px;
		-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;
	}
}

.service .service-icon {
	height: 100%;
	width: 90px;
	float: left;
	margin-right: 18px;
}

.service i {
	height: 90px;
	width: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 36px;
	display: block;
}

.service h5 {
	margin-top: 0;
	margin-bottom: 0;
}

.service p {
	padding-top: 9px;
	padding-bottom: 9px;
	margin: 0;
}

@media screen and (max-width:767px) {
	.service .service-icon {
		margin-bottom: 18px;
	}
}

@media (min-width:480px) and (max-width:767px) {
	.service h5 {
		margin: 0;
	}
}

@media screen and (max-width:480px) {
	.service h5 {
		margin: 0;
		font-size: 18px;
		line-height: 18px;
		font-weight: 400;
	}

	.service .service-icon {
		margin-right: 9px;
		margin-bottom: 9px;
	}

	.service .service-icon {
		width: 54px;
	}

	.service i {
		height: 54px;
		width: 54px;
		line-height: 54px;
		font-size: 24px;
	}
}

/* ---------------------------------------------------------------
-------------------------- PROJECT LIST --------------------------
--------------------------------------------------------------- */
.popover {
	top: 0 !important;
	bottom: 0 !important;
	margin-top: 0 !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.popover .arrow {
	display: none;
}

.popover-title {
	text-transform: uppercase;
	text-align: center;
	color: #585f35;
	background-color: #ffffff;
	border-bottom: 1px solid #585f35;
}

.popover {
	font-size: 12px;
}

@media screen and (max-width:768px) {
	.popover {
		font-size: 10px;
	}
}

@media screen and (max-width:480px) {
	.popover-title {
		line-height: 0.1em;
	}

	.popover-content {
		padding: 2px 5px;
	}
}

.popover-content {
	text-align: center;
}

.project-list {
	background: url("../images/parallax.jpg") repeat fixed 50% 0 transparent;
}

.project-list-item .project-popover,
.popover {
	cursor: crosshair;
}

#caroufred_project_list_gallery {
	margin: 18px auto 0 auto;
}

/* ---------------------------------------------------------------
--------------------------- PROCESS ------------------------------
--------------------------------------------------------------- */
.process-description {
	display: table;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	background-color: transparent;
	border: 0 !important;
	color: #1F2E3C !important;
	line-height: 18px;
}

.nav-tabs>li>a {
	border: 0 !important;
	font-size: 14px;
	line-height: 18px;
	padding: 0;
}

.nav-tabs>li>a:hover {
	border-radius: 0;
}

.nav-tabs {
	border-right: 2px solid #1F2E3C;
	border-bottom: 0;
	padding: 0 5px;
}

.nav-tabs li {
	text-align: right;
	padding: 0;
	float: none;
	display: table;
	margin-left: auto;
	margin-bottom: 0;
}

@media screen and (max-width:767px) {
	.nav-tabs {
		border-bottom: 2px solid #1F2E3C;
		border-right: 0;
		margin-bottom: 16px;
		padding-bottom: 18px;
	}
}

@media screen and (max-width:767px) {
	.nav-tabs li {
		margin-right: auto;
		text-align: center;
	}
}

.nav-tabs li i {
	opacity: 0;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}

.nav-tabs>li.active>i {
	opacity: 1;
}

.tab-pane {
	padding-top: 0;
	padding-bottom: 0;
}

.nav-pills {
	border-bottom: 1px solid #585f35;
}

.nav-pills>li>a,
.nav-pills>li>a:focus {
	background-color: #ffffff;
	border: 0 !important;
	color: #585f35 !important;
	line-height: 18px;
	padding: 9px 9px 8px 9px;
	/*9px + 1px of border + 9px*/
	border-radius: 0;
}

.nav-stacked {
	border-bottom: 0;
}

.nav-stacked>li>a,
.nav-stacked>li>a:focus {
	padding: 9px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
	background-color: #585f35 !important;
	border: 0 !important;
	color: #ffffff !important;
	padding: 9px;
}

/* ---------------------------------------------------------------
--------------------------- PRODUCTS -----------------------------
--------------------------------------------------------------- */
.tile-bg-title {
	text-transform: uppercase;
	font-weight: 400;
}

.isotope-item {
	padding: 0;
	width: 24.975%;
}

@media (max-width:1199px) {
	.isotope-item {
		width: 33.305%;
	}
}

@media (max-width:991px) {
	.isotope-item {
		width: 49.975%;
	}
}

@media (max-width:768px) {
	.isotope-item {
		width: 100%;
	}
}

.isotope-img {
	position: relative;
	overflow: hidden;
}

.project-list-gallery,
.gallery {
	overflow: hidden;
}

.isotope-img img {
	padding: 0;
}

.isotope-overlay .icon-link {
	font-size: 2em;
}

.isotope-item .isotope-img .isotope-overlay {
	display: table-cell;
	height: 100%;
	position: absolute;
	top: 0;
	transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	/* IE 9 */
	-webkit-transform: scale(0, 0);
	/* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	vertical-align: middle;
	width: 100%;
}

.isotope-item:hover .isotope-img .isotope-overlay {
	background-color: rgba(40, 36, 42, 0.5);
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	/* IE 9 */
	-webkit-transform: scale(1, 1);
	/* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.isotope-item .isotope-img .isotope-overlay i {
	top: 0;
	position: relative;
	transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	/* IE 9 */
	-webkit-transform: scale(0, 0);
	/* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-size: 100px;
	line-height: 54px;
}

.isotope-item:hover .isotope-img .isotope-overlay i {
	top: 60%;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	/* IE 9 */
	-webkit-transform: scale(1, 1);
	/* Safari and Chrome */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.isotope-description {
	border-bottom: 0 none;
	margin: 18px 0 5px;
	padding: 0 5px 4px;
}

.isotope-description p {
	margin: 0 0 9px;
}

.isotope-description h6 {
	margin: 0 0 9px;
}

.isotope,
.isotope .isotope-item {
	-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;
}

.portfolioFilter {
	margin: 0 15px 18px;
	padding-left: 15px;
	padding-right: 15px;
}

.portfolioFilter a,
.portfolioFilter span {
	padding: 9px;
	line-height: 36px;
}

a.current {
	padding: 9px;
	text-decoration: none;
	line-height: 36px;
}

.product-type {
	color: #777777;
}

/* ---------------------------------------------------------------
--------------------------- CONTACT ------------------------------
--------------------------------------------------------------- */
.contact-form .btn {
	width: 100%;
}

/*CONTACT FORM*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #585f35;
	border-radius: 0 0 0 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 9px;
	margin-top: 9px;
	padding: 8px 9px !important;
	/*1px of border + 8px + 8px + 1px of border = 18px*/
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	box-shadow: none;
	border: 1px solid #585f35;
}

textarea {
	resize: none;
}

.btn-wrapper {
	margin-top: 9px;
	margin-bottom: 9px;
}

.Atitre {
	color: white;
}

.address {
	color: #b08000 !important;
}

.bande {
	padding-left: 10%;
	width: 28vh;
	height: 40vh;
}

.padd {
	padding-bottom: 20%;
}

@media screen and (max-width:767px) {
	.Atitre {
		color: white;
		/* display: flex; */
		text-align: center;
		margin-left: auto;

	}
	.imgtel {
		display: flex;
		justify-content: center;
	}

	.bande {
		padding-left: 10%;
		width: 28vh;
		height: 42vh;
	}

	.contact h6,
	.contact .address,
	.footer-icons {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.footer-icons i {
		margin-left: 0.5em;
		margin-right: 0.5em !important;
	}

	.contact h6 {
		margin-top: 0;
	}
}

/* ----------------- COPYRIGHT --------------------------- */
.copyright {
	color: #ffffff;
	margin: 0;
	padding: 0;

}

@media screen and (max-width:991px) {
	.copyright .navbar-brand img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

.footer-icons {
	margin-bottom: 0;
	display: table;
	height: 36px;
}

.footer-icons a {
	color: #ffffff;
	text-decoration: none;
	font-size: 30px;
	line-height: 36px;
}

.footer-icons a {
	color: #ffffff;
}

.footer-icons i {
	font-size: 30px;
	margin-right: 18px;
	line-height: 36px;
}

.footer-icons i:hover {
	color: #585f35;
}

.copyright .container {
	width: 100%;
	display: table;
	margin: 0 auto;
}

.copyright .rights {
	display: table-cell;
	float: none;
	font-size: 12px;
	vertical-align: middle;
	line-height: 18px;
}

.copyright .rights a {
	font-size: 12px;
	line-height: 18px;
}

@media screen and (max-width:991px) {
	.copyright .container {
		margin-bottom: 0;
		margin-top: 0;
		display: block;
	}

	.copyright .rights {
		display: block;
		line-height: 18px;
		clear: both;
		margin-top: 9px;
		margin-bottom: 9px;
		float: none;
	}

	.copyright .bottom-logo {
		display: block;
		clear: both;
		float: none;
	}
}

/* ---------------------------------------------------------------
--------------------------- ANIMATIONS ---------------------------
--------------------------------------------------------------- */
.animated-slideup,
.animated-slidedown,
.animated-slideleft,
.animated-slideright,
.animated-slideexpandup,
.animated-expandup,
.animated-fadein,
.animated-expandopen,
.animated-bigentrance,
.animated-hatch,
.animated-bounce,
.animated-pulse,
.animated-floating,
.animated-tossing,
.animated-pullup,
.animated-pulldown,
.animated-stretchleft,
.animated-stretchright {
	visibility: hidden;
	overflow: hidden !important;
}

.animated-scale-up,
.animated-scale-down,
.animated-slide-left,
.animated-slide-right,
.animated-slide-bottom,
.animated-slide-top,
.animated-fade {
	opacity: 0;
}

.ie8 .animated-slideup,
.ie8 .animated-slidedown,
.ie8 .animated-slideleft,
.ie8 .animated-slideright,
.ie8 .animated-slideexpandup,
.ie8 .animated-expandup,
.ie8 .animated-fadein,
.ie8 .animated-expandopen,
.ie8 .animated-bigentrance,
.ie8 .animated-hatch,
.ie8 .animated-bounce,
.ie8 .animated-pulse,
.ie8 .animated-floating,
.ie8 .animated-tossing,
.ie8 .animated-pullup,
.ie8 .animated-pulldown,
.ie8 .animated-stretchleft,
.ie8 .animated-stretchright {
	visibility: visible;
}

.ie9 .animated-scale-up,
.ie9 .animated-scale-down,
.ie9 .animated-slide-left,
.ie9 .animated-slide-right,
.ie9 .animated-slide-bottom,
.ie9 .animated-slide-top,
.ie9 .animated-fade,
.ie8 .animated-scale-up,
.ie8 .animated-scale-down,
.ie8 .animated-slide-left,
.ie8 .animated-slide-right,
.ie8 .animated-slide-bottom,
.ie8 .animated-slide-top,
.ie8 .animated-fade {
	opacity: 1;
}

/*COMPONENTS PAGE ONLY*/
#components-page .pad-bot {
	border-bottom: 1px dashed #DDDDDD;
	margin-bottom: 36px;
	padding-bottom: 35px;
}

/* ---------------------------------------------------------------
--------------------------- OTHER --------------------------------
--------------------------------------------------------------- */
/* ACCORDION */
.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
}

.panel-body {
	padding: 8px 9px 9px 8px;
	/*8px + 1px of border-top + 8px + 1px of border-bottom = 18*/
	font-size: 12px;
	line-height: 18px;
}

.panel-heading {
	padding: 8px 9px 9px 9px;
	/*8px + 1px of border-top + 9px = 18*/
	text-transform: uppercase;
}

.panel-group .panel+.panel {
	margin-top: 9px;
	margin-bottom: 9px;
}

/*WELLS*/
.well {
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #dddddd;
	margin-bottom: 18px;
	min-height: 18px;
	padding: 17px 9px;
	/*17px + 2px of border +17px = 36px/2=18*/
	font-size: 14px;
	line-height: 18px;
}

.well-lg {
	padding: 35px 9px;
	/*35px + 2px of border +35px = 72px/4=18*/
}

.well-sm {
	padding: 8px 9px;
	/*8px + 2px of border +8px =18*/
}

/*PANELS*/
.panel,
.panel-heading,
.panel-body,
.panel-footer {
	border-radius: 0;
}

.panel {
	box-shadow: none;
	margin-bottom: 18px;
}

.panel-footer {
	padding: 8px 9px 9px 9px;
	/*8px + 1px of border-top + 9px = 18*/
	font-size: 12px;
	line-height: 18px;
}

/*RESPONSIVE BASIC TABLE*/
.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
	line-height: 18px;
	text-align: center;
}

thead th {
	border-bottom: 2px solid #585f35 !important;
	padding: 8px 9px 8px 9px !important;
	/*8px + 2px of border +8px =18*/
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
}

tbody td {
	font-size: 12px;
	padding: 9px 9px 8px 9px !important;
	/*9px + 1px of border +8px =18*/
}

/*PRICING TABLE*/
.pricing-table {
	background-color: #FFFFFF;
}

.table-column {}

.table-title h6 {
	border-top: 2px solid #585f35;
	font-weight: 400;
	margin-bottom: 27px;
	margin-top: -9px;
	position: relative;
	top: 18px;
}

.table-body .table-title h6 {}

.table-title h6 span {
	background-color: #FFFFFF;
	/*this has to be the same as .pricing-table background-color*/
	padding: 0 9px;
	position: relative;
	top: -9px;
}

.table-price {
	color: #585f35;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 18px;
}

.table-body .description {
	font-size: 12px;
}