/*****************************************
		CUSTOM CSS
******************************************/
.top-header {
  border-bottom: 2px solid #eaeaea;
  padding: 3px 12px;
  background-color: #333333;
  color: #ffffff;
}
.top-header a,
.text-email a,
.text-phone,
.text-email:before,
.text-phone:before,
.social-links li a i {
  color: #ffffff;
}
.social-links li a:hover i,
.social-links li + li a:hover > i {
  color: #2c84cd;
}

.drop-down.lighter li.active > a, 
.drop-down.lighter li.active > span, 
.drop-down.lighter li:hover, 
.drop-down.lighter a:hover, 
.drop-down.lighter span:hover {
background: #ffffff;
  color: #35495E !important;
}
.theme-shadow-normal{
	margin: 0px !important;
}
.user3, .user6 {
float: left;
margin-left: 0;
}
.user1, .user4 {
float: left;
margin-right: 0;
}

.turquoise.new_color1 > div {
background-color: #35495E;
color: #fff;
padding: 12px 18px;
}
.turquoise.new_color1 div.module-title {
background: #CFCFD1;
}
.turquoise.new_color1 div.module-title span{
color: #35495E;
}
.turquoise.new_color2 > div {
background-color: #333333;
color: #fff;
padding: 12px 18px;
}
.turquoise.new_color2 div.module-title  {
background-color: #E2E8E3;
}
.turquoise.new_color2 div.module-title span{
color: #333333;
}
.bg-blue {
background: #333333;
color: #fff;
}
.table > tbody > tr.info > td {
background-color: #E2E8E3;
}








.website-content {
    padding: 7px 0 40px 0;
}



.car-item{
    border: 1px solid #a3a3a3;
}
.car-item .articleBody{
    padding: 15px
}
.car-item .item-image {
    margin: 0px;
}
.car-item .item-image img{
    margin: 0px;
}
.car-item h3{
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}
.car-item p.readmore {
    text-align: center;
}
.car-item p.readmore a {
    background: #333;
    border: 0px solid rgba(0,0,0,0.06);
    padding: 10px 15px;
    color: #555;
}
.cols-3 .column-1 {
    float: left;
    width: 33%;
    padding: 0px 5px;
    margin-right: 0.5%;
}
.cols-3 .column-2 {
    float: left;
    width: 33%;
    margin-left: 0;
    padding: 0px 5px;
}
.cols-3 .column-3 {
    float: right;
    width: 33%;
    padding: 0px 5px;
}










.website-title {
    padding: 0;
}




































































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

									IMAGES

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


.js-border .main_component img, #tinymce .js-border img, img.js-border {
border-radius: 3px;
margin: 12px 1px 12px 0;
box-shadow : 0px 1px 3px rgba(0,0,0,0.20);
padding : 3px ;
border : 1px solid #ddd ;
border-color: rgba(0,0,0,0.10);
background: rgba(255,255,255,0.26);
}

.js-border .main_component img.no-style, #tinymce .js-border img.no-style,
.js-border .main_component .weblink-category img, .js-border .main_component .thumbnail img,
.js-border .main_component .actions img, .js-border .main_component .gm-style img,
.js-border .main_component .breadcrumb img {
background: transparent;
border-radius: 0;
border:none;
box-shadow:none;
margin: 0;
padding: 0;
}

/*********************		Special Effects for Images 			******************************************/

.js-border .main_component [class*="effect-image"] img {
display: block;
position: relative;
background: transparent;
border:none;
border-radius: 0;
box-shadow:none;
margin: 0;
padding: 0;
}

[class*="effect-image"] {
position: relative;
float: left;
overflow: hidden;
margin: 20px 1%;
max-width:98%;
text-align: center;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);
}

/**		no min width to prevent problem in Blog page 
@media screen and (min-width: 600px) {

	[class*="effect-image"] {
	min-width: 400px;
	}

}
**/

[class*="effect-image"] + p, [class*="effect-image"] + h1, [class*="effect-image"] + h2,
[class*="effect-image"] + h3, [class*="effect-image"] + h4, [class*="effect-image"] + h5 {
clear:both;
}


[class*="effect-image"] img {
position: relative;
display: block;

}

[class*="effect-image"] figcaption {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

[class*="effect-image"] figcaption::before,
[class*="effect-image"] figcaption::after {
pointer-events: none;
}

[class*="effect-image"] figcaption,
[class*="effect-image"] figcaption > a {
position: absolute;
top: 0;
bottom:0;
left: 0;
right:0;
font-style:normal;
}

/* Anchor will cover the whole item by default */

[class*="effect-image"] figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

[class*="effect-image"] h3 {
text-transform: uppercase;
text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1);
font-weight: 300;
}

[class*="effect-image"] h3 span {
font-weight: 800;
}

[class*="effect-image"] h3, [class*="effect-image"] p {
margin: 0;
padding:0;
}

[class*="effect-image"] p {
letter-spacing: 1px;
font-size: 70%;
}

[class*="effect-image"] h3, [class*="effect-image"] p {
color: #fff;
}

[class*="effect-image"] a, [class*="effect-image"] a:hover {
color : red;
}


/*****		EFFECT 01		**********/

.effect-image-1:hover {
background: #2e5d5a;
}

.effect-image-1 figcaption {
padding: 3em;
}

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

	.effect-image-1 figcaption::before,
	.effect-image-1 figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
	}
	
	.effect-image-1 figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	}
	
	.effect-image-1 figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-ms-transform: scale(1);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	}
	
}

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

	.effect-image-1 h3 {
	padding-top: 12%;
	transition: transform 0.35s;
	}
	
	.effect-image-1 h3 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
	}

}

.effect-image-1 p {
padding: 1em 2em 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}

@media screen and (max-width: 600px) {
	
	.effect-image-1 figcaption {
	padding: 20px;
	}

	.effect-image-1 p {
	padding: 8px 0px 0 0px;
	}
}

.effect-image-1 img, .effect-image-1 figcaption::before,
.effect-image-1 figcaption::after, .effect-image-1 p {
transition: opacity 0.35s, transform 0.35s;
}

.effect-image-1:hover img {
opacity: 0.5;
}

.effect-image-1:hover figcaption::before, .effect-image-1:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.effect-image-1:hover h3, .effect-image-1:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.effect-image-1:hover figcaption::after, .effect-image-1:hover h3,
.effect-image-1:hover p, .effect-image-1:hover img {
transition-delay: 0.15s;
}


/*****		EFFECT 02		**********/


.effect-image-2 {
background: #22682a; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjI2ODJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjOWI0YTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhMzQyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #22682a 0%, #9b4a1b 40%, #3a342a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#22682a), color-stop(40%,#9b4a1b), color-stop(100%,#3a342a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* IE10+ */
background: linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22682a', endColorstr='#3a342a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.effect-image-2 img {
opacity: 1;
transition: opacity 0.35s;
}

.effect-image-2 figcaption {
padding: 3em;
transition: background-color 0.35s;
}

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

	.effect-image-2 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	}

}

.effect-image-2 h3 {
margin: 20% 0 10px 0;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}

.effect-image-2 figcaption::before,
.effect-image-2 p {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

.effect-image-2:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.effect-image-2:hover figcaption::before,
.effect-image-2:hover p {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.effect-image-2:hover figcaption {
background-color: rgba(58,52,42,0);
}

.effect-image-2:hover img {
opacity: 0.4;
}


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

	.effect-image-2 figcaption {
	padding: 20px;
	}
	
	.effect-image-2 h3 {
	margin: 10px 0;
	}
}



/*****		EFFECT 03		**********/

.effect-image-3 figcaption {
text-align: right;
}

.effect-image-3 figcaption:hover {
background: rgba(0,0,0,0.25);
}

.effect-image-3 h3, .effect-image-3 p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}


.effect-image-3 p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}

.effect-image-3 h3 {
top: 30px;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}

.effect-image-3:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.effect-image-3 h3::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}

.effect-image-3 h3::after,
.effect-image-3 p {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}

.effect-image-3:hover h3::after,
.effect-image-3:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}


/*****		EFFECT 04		**********/

.effect-image-4 {
background: #030c17;
}

.effect-image-4 img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}


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

	.effect-image-4 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
	}
	
}

.effect-image-4 h3 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}

@media screen and (max-width: 600px) {
	
	.effect-image-4 h3 {
	margin: 10px 0;
	}

}

.effect-image-4 p {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

.effect-image-4:hover h3 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

.effect-image-4:hover figcaption::before,
.effect-image-4:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.effect-image-4:hover figcaption {
background-color: rgba(58,52,42,0);
}

.effect-image-4:hover img {
opacity: 0.4;
}


/*****		EFFECT 05		**********/

.effect-image-5 {
background: #2e5d5a;
}

.effect-image-5 img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.12);
transform: translate3d(-30px,0,0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.effect-image-5:hover img {
opacity: 0.5;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}

.effect-image-5 h3 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}

.effect-image-5 p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}

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

	.effect-image-5 p {
	width: 80%;
	}

}

.effect-image-5:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}


/*****		EFFECT 06		**********/

.effect-image-6 {
background: #3498db;
}

.effect-image-6 img {
opacity: 0.95;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}

.effect-image-6 figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.effect-image-6 p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
	opacity: 0;
	transition: opacity 0.35s;
	}
	
	@media screen and (max-width: 600px) {
	
	.effect-image-6 p {
	margin: 12px;
	padding: 0 8px;
	max-width: none;
	border-right: 2px solid #fff;
	}

}

.effect-image-6 h3 {
text-align: left;
}

.effect-image-6:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.effect-image-6:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.effect-image-6:hover p {
opacity: 1;
transition-delay: 0.1s;
}












.user2{
      width: 32%;
}


.wrapper-image-module-position .moduletable .content-module {
    height: 400px;
    height: 580px;
}
.custom.custom_home {
    height: 100%;
    background-size: cover;
}
.custom.custom_home div{
    max-width: 600px;
    background-color: #000;
    margin-top: 30px;
    display: inline-block;
    padding: 20px 40px;
}
.custom.custom_home h1{
    max-width: 700px;
    color: #ffffff;
    font-size: 350%;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    padding: 0;
    border: 0;
    margin: 0;
    text-transform: initial;
}
.custom.custom_home h2{
    max-width: 700px;
    color: #ffffff;
    font-size: 250%;
    padding: 0;
    margin: 0;
}
em.fa {
    font-size: 0;
}
em.fa::before {font-size: 14px;}