body {
    background-color: #ffffff;
}
.bodyborderradius {
	border-left: solid #007290;
	border-right: solid #007290;
    border-width: 4px;
    border-radius: 0px;
	margin-top: 0px;
	padding: 10px;
	padding-top: 0px;
}
.img-radius {
    border-radius: 15px;
	margin-top: 5px;
	padding: 5px;
}
.buttonstyle {
		font-size: 22px;  background-color: #007290; border: solid #0015FF; color: #ffffff; border-width: 2px; border-radius: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px;
		}
.buttonstyle:hover {
	background-color: #000168;
}
.buttontext {color: #ffffff;}
.buttontext:hover {color: #ffffff;}


	.reveal{
  position: relative;
  transform: translateY(40px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 1.8s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 1.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 1.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 1.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}

.zoom {
  background-color: #ffffff;
  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}


.carousel-inner {
    border-radius: 15px;	
}
/*  BEGIN HEADER  */
.bg-header {
    width: 100%;
    height: 429px;
    background-image: url('/images/Layout/Header-bg2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 
/*    border: 1px solid red;  */
}
.padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 75px;
	padding-left: 0px;
}
@media (max-width: 1200px) {
	.bg-header {
    width: 100%;
    height: 380px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
/*    background-size: contain; */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 0px;
}
}
@media (max-width: 992px) {
	.bg-header {
    width: 100%;
    height: 250px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
 /*   background-size: contain;  */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 0px;
}
}
@media (max-width: 768px) {
	.bg-header {
    width: 100%;
    height: 250px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
/*    background-size: contain; */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-left: 0px;
}
}
@media (max-width: 400px) {
	.bg-header {
    width: 100%;
    height: 120px;
    background-image: url('/images/Layout/Header-bg.png');
    background-repeat: no-repeat;
/*    background-size: contain; */
}
    .padding-header {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 0px;
}
}
/*  END HEADER  */
	

.padding-top {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 0px;
}

/* navbar */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.NavBG {
/*	background-image: url("/images/Layout/BK_Left.png");
    background-repeat: repeat-y; */
	background-color: #007290;
    border-radius: 5px;
}

.navbar-brand {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
	padding: 0;
	margin: 0;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #83FF00;
}
/* link */
.navbar-default .nav-pills > li > a {
	font-family: Arial;
	font-size: 20px;
	color: #FFFFFF;
 /*   text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;  
	line-height: 20px;
	z-index: 5000;*/
	margin-top: 0px;
}
.navbar-default .nav-pills > li > a:hover,
.navbar-default .nav-pills > li > a:focus {
    color: #D7D7D8;
    background-color: #745954;
}
.navbar-default .nav-pills > .active > a, 
.navbar-default .nav-pills > .active > a:hover, 
.navbar-default .nav-pills > .active > a:focus {
    color: #D7D7D8;
    background-color: #745954;
}
.navbar-default .nav-pills > .open > a, 
.navbar-default .nav-pills > .open > a:hover, 
.navbar-default .nav-pills > .open > a:focus {
    color: #ffffff;
    background-color: #745954;
}

.dropdown-menu  {
	font-family: Arial;
	font-size: 19px;
	background-color: #007290;
}
   .dropdown-menu li>a{color:#ffffff; }
   .dropdown-menu li>a:hover{color:#D7D7D8; }
/*   .dropdown-menu>li{padding:5px; border-bottom:1px solid white;border-left:1px 
              solid white;border-right:1px solid white } */
   .dropdown-menu li>a:hover{background:#745954; }

/* caret */
.navbar-default .nav-pills > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .nav-pills > .dropdown > a:hover .caret,
.navbar-default .nav-pills > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .nav-pills > .open > a .caret, 
.navbar-default .nav-pills > .open > a:hover .caret, 
.navbar-default .nav-pills > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
	color: #ffffff;
    border-color: #ffffff;
    background-color: #007290;
	margin-top: 0px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #745954;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
 

/* Links inside the navbar */

@media (max-width: 767px) {
    .navbar-default .nav-pills .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-default .nav-pills .open .dropdown-menu > li > a:hover,
    .navbar-default .nav-pills .open .dropdown-menu > li > a:focus {
        color: #D7D7D8;
    }
}
	

/*  Begin Collapse Adustment */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .nav-pills {
        float: none!important;
        margin-top: 7.5px;
    }
    .nav-pills>li {
        float: none;
    }
    .nav-pills>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
/* End Collapse Adjustment */


.text-main     		{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #272727;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.text-main:active 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #00006C;
	text-decoration: none;
}
a.text-main:hover 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #00006C; text-decoration: underline}
a.text-main:link 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #00006C; text-decoration: none}
a.text-main:visited 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #00006C; text-decoration: none}
a.text-main:visited:hover 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: underline
}
.text-mainBold {
font-family: Arial; font-size: 18px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;
}


.text-mainWhite     		{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #ECECEC;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.text-mainWhite:active 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FDF87F;
	text-decoration: none
}
a.text-mainWhite:hover 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: underline}
a.text-mainWhite:link 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #FDF87F; text-decoration: none}
a.text-mainWhite:visited 	{font-family: Arial; font-size: 18px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}
a.text-mainWhite:visited:hover 	{
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.text-small     		{font-family: Arial; font-size: 15px; font-style: normal; font-weight: normal; color: #000000; text-decoration: None;}
.text-smallBold     	{font-family: Arial; font-size: 15px; font-style: normal; font-weight: bold; color: #000000; text-decoration: None;}
.text-smallWhite     		{
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: None;
}

h1     	{
	color: #007290;
	margin-top: 0px;
	padding-top: 20px;
}
h2     	{
	color: #007290;
}
h3     	{
	color: #007290;
}
.FooterMenu     		{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	left: 5px;
	top: 5px;
}
a.FooterMenu:active 	{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none
}
a.FooterMenu:hover 	{font-family: Arial; font-size: 14px; font-style: normal; font-weight: normal; color: #FDF87F; text-decoration: underline}
a.FooterMenu:link 	{font-family: Arial; font-size: 14px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}
a.FooterMenu:visited 	{font-family: Arial; font-size: 14px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}
a.FooterMenu:visited:hover 	{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.Copyright 			{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none
}

.carousel-control {
  color: #86002D;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100)
}
.carousel-control.left {
 background-image: -webkit-gradient(linear, 0 top, 100% top, from(transparent), to(rgba(0,0,0,0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(transparent), color-stop(rgba(0,0,0,0.0001) 100%));
background-image: -moz-linear-gradient(left, transparent) 0, rgba(0,0,0,0.0001) 100%);
background-image: linear-gradient(to right, transparent) 0, rgba(0,0,0,0.0001) 100%);
background-repeat: repeat-x; 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(transparent), to(transparent));
background-image: -webkit-linear-gradient(left, color-stop(transparent) 0, color-stop(transparent 100%));
background-image: -moz-linear-gradient(left, transparent 0, transparent 100%);
background-image: linear-gradient(to right, transparent 0, transparent 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:hover, .carousel-control:focus {
opacity: 1;
filter: alpha(opacity=100)
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 163px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
	padding-left:  20px;
	padding-right: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(255,255,255,0.60);
}
.carousel-caption .btn {
  text-shadow: none;
}
.carousel-caption {
  /*  background: rgba(255, 255, 255, 0.55); */
    background-image: url('/images/trans-terq.png');
	border-radius: 10px;
}

/*    BEGIN CAROUSEL FADE */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 3s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
 
.RollOver img:last-child{display:none;
}
.RollOver:hover img:first-child{display:none;
}
.RollOver:hover img:last-child{display:inline-block;
	border:4px solid #FC060A;
}



/*  BEGIN SHOWROOM  */



@media (max-width: 2000px) {
	.showroom {
    min-height: 400px;
}
}
@media (max-width: 992px) {
	.showroom {
    min-height: 275px;
}
}
@media (max-width: 768px) {
	.showroom {
    min-height: 200px;
}
}
@media (max-width: 400px) {
	.showroom {
    min-height: 200px;
}
}
/*  END HEADER  */