@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/* -----------------------CSS Document--------------------------- */

#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#container {
	width: 100%;
	height: 100%;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}
#slider-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
}
#background {
	width: 100%;
	height: 100%;
	position: absolute;
}
#header-container {
	position: relative;
	width: 100%;
	height: 70px;
	-webkit-box-shadow: 0px 0px 4px 0px #999;
	-moz-box-shadow: 0px 0px 4px 0px #999;
	box-shadow: 0px 0px 4px 0px #999;
	z-index: 100000;
}
#header-desktop {
	position: relative;
	width: 100%;
	height: 100%;
}
#header-mobile {
	display: none;
	overflow: visible;
	width: 100%;
	z-index: 999999;
	-webkit-box-shadow: 0px 0px 4px 0px #999;
	-moz-box-shadow: 0px 0px 4px 0px #999;
	box-shadow: 0px 0px 4px 0px #999;
}
#header-desktop #logo-d {
	max-width: 500px;
	position: absolute;
	top: -4px;
	width: 387px;
	height: 144px;
	background-image: url(../images/logo-big.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: 9%;
	-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
/*#header-desktop #logo-d:hover {
	max-width: 500px;
	position: absolute;
	top: -4px;
	width: 430px;
	height: 161px;
	background-image: url(../images/logo-big.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: 9%;
}*/
.streetview {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.logo-test {
	background-image: url(../images/logo-r.png) !important
}
#header-mobile #logo-m {
	display: none;
}
/*MAIN NAV BAR DROPDOWN*/
.main-nav-dropdown-content {
	margin-left: -8px;
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	opacity: 0.9;
	width: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;/*-webkit-box-shadow: 0px 0px 4px 0px #999;
    -moz-box-shadow: 0px 0px 4px 0px #999;
    box-shadow: 0px 0px 4px 0px #999;*/
}
.main-nav-dropdown-content ul {
	position: relative;
	width: 100%;
}
.main-nav-dropdown-content li {
	line-height: 15px;
	float: left !important;
	clear: left !important;
	font-size: 15px;
	font-family: 'corporate_s_regular', sans-serif;
	text-decoration: none;
	list-style: none;
}
.dropdown-chevron {
	margin-top: 11px;
	padding-top: 0px;
	line-height: 15px;
}
.chevron:hover .main-nav-dropdown-content {
	display: block;
}
/*MAIN NAV BAR*/

.chevron a {
	cursor: pointer;
}
#main-nav {
	width: 47%;
	height: 40px;
	position: relative;
	top: 21px;
	float: right;
	text-decoration: none;
	list-style: none;
	margin-right: 2%;
}
#main-nav ul {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	right: 0;
	width: 100%;
}
#main-nav li {
	font-size: 15px;
	font-family: 'corporate_s_regular', sans-serif;
	text-decoration: none;
	float: right;
	list-style: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}
#main-nav li:first-child {
	background-image: url();
}
#location {
	width: 150%;
}
#rquote-img {
	height: auto;
	width: 75%;
	max-width: 180px;
}
#rquote {
	background-image: url(../images/q-button.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: auto;
	padding-bottom: 3px;
	width: 75%;
	max-width: 180px;
	margin-top: 9px;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}
#rquote:hover {
	background-image: url(../images/q-button-hover.png);
}
#rquote:active {
	-moz-transform: scale(0.97);
	-webkit-transform: scale(0.97);
	-o-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);
}
.requestaquote {
	position: absolute;
	left: 9.6%;
	top: 43%;
	background-image: url(../images/q-button.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 15%;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
	max-width: 240px;
	min-width: 150px;
}
.requestaquote:hover {
	background-image: url(../images/q-button-n-hover.png);
}
.requestaquote:active {
	-moz-transform: scale(0.97);
	-webkit-transform: scale(0.97);
	-o-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);
}


.requestaquote-n {
	position: absolute;
	left: 9.6%;
	top: 43%;
	background-image: url(../images/q-button-n.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 15%;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
	max-width: 240px;
	min-width: 150px;
}
.requestaquote-n:hover {
	background-image: url(../images/q-button-n-hover.png);
}
.requestaquote-n:active {
	-moz-transform: scale(0.97);
	-webkit-transform: scale(0.97);
	-o-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);
}


.viewbrochure {
	position: absolute;
	left: 9.6%;
	top: 43%;
	background-image: url(../images/n-button.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 15%;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
	max-width: 240px;
	min-width: 150px;
}
.viewbrochure:hover {
	background-image: url(../images/n-button-hover.png);
}
.viewbrochure:active {
	-moz-transform: scale(0.97);
	-webkit-transform: scale(0.97);
	-o-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);
}


.chevron {
	background-image: url(../images/chevron.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	padding-buttom: 7px;
	padding-right: 14px;
	padding-left: 9px;
	margin-top: 14px;
	padding-top: 0px;
	line-height: 15px;
	cursor: pointer;
}
#main-nav li a {
	color: #038061;
	-moz-transition-property: color;
	-moz-transition-duration: 200ms;
	-webkit-transition-property: color;
	-webkit-transition-duration: 200ms;
	-o-transition-property: color;
	-o-transition-duration: 200ms;
	-ms-transition-property: color;
	-ms-transition-duration: 200ms;
	transition-property: color;
	transition-duration: 200ms;
	list-style: none;
	text-decoration: none;
}
#main-nav li a:hover {
	color: #196dcb;
}
#main-nav li a:active {
	color: #038061;
}
#main-nav li a:current {
 color: #196dcb;
}
a {
	color: #038061;
	list-style: none;
	text-decoration: none;
}
a:hover {
	color: #196dcb;
}
a:active {
	color: #038061;
}
a.current {
}
#current {
	color: #196dcb !important;
}
/*MAIN NAV BAR END----------------------*/

/*MOBILE NAV BAR----------------------*/

.mobile-dd-button {
}
.mobile-dropdown {
	display: none;
	position: relative;
}
.mobile-dropdown li {
	background-color: rgba(235,235,235,0.97) !important;
	font-size: 15px !important;
	padding-left: 13px;
}
.mobile-dropdown li a {
	margin-left: 10px;
}


.chevron-down::before {
	background: url('../images/nav-arrows-down.png') no-repeat 0 0 !important;
	width: 14px !important;
	height: 8px !important;
	display: block;
	position: absolute;
	content: " ";
	top: 12px !important;
	right: 9%;
}
.mobile-dd-button:hover::before {
	background: url('../images/nav-arrows-down.png') no-repeat 0 0 !important;
	width: 14px !important;
	height: 8px !important;
	display: block;
	position: absolute;
	content: " ";
	top: 12px !important;
	right: 9%;
}
#mobile-nav-button {
	position: relative;
	float: right;
	background-image: url(../images/mobile-nav-button-active.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 33px;
	height: 33px;
	margin-top: 7px;
	margin-right: 2.5%;
	cursor: pointer;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
#mobile-nav-button:focus {
	background-image: url(../images/mobile-nav-button-active.png);
	background-repeat: no-repeat;
}
#mobile-nav-dropdown {
	text-decoration: none;
	font-size: 16px;
	list-style: none;
	line-height: 30px;
	position: absolute;
	width: 100%;
	top: 100%;
	right: 0;
	float: right;
	min-width: 160px;
	padding: 0;
	margin: 1px 0 0 0;
	text-align: left;
	display: none;
	overflow: hidden;
}
#mobile-nav-dropdown ul {
	margin-right: 0;
	padding: 0;
	position: relative;
	float: right;
	width: 300px;
}
#mobile-nav-dropdown ul li {
	position: relative;
	list-style: none;
	font-size: 16px;
	font-family: 'corporate_s_regular', sans-serif;
	position: relative;
	margin-bottom: 1px;
	padding-left: 2%;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	cursor: pointer;
	box-shadow: 0 0 6px #ccc;
}
#mobile-nav-dropdown ul li a {
	position: relative;
	display:block;
	color: #038061;
	list-style: none;
	text-decoration: none;
	padding-left: 5%;
	width: 100%;
}
#mobile-nav-dropdown ul li:hover a {
	color: #196dcb;
}
#mobile-nav-dropdown ul li:active a {
	color: #00ADEF;
}
#mobile-nav-dropdown ul li:hover {
	color: #196dcb;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#mobile-nav-dropdown ul li:before {
	background: url('../images/nav-arrows.png') no-repeat 0 0;
	width: 8px;
	height: 14px;
	display: block;
	position: absolute;
	content: " ";
	top: 8px;
	right: 9%;
}
#mobile-nav-dropdown ul li:hover::before {
	background: url('../images/nav-arrows.png') no-repeat 0 -16px;
	width: 8px;
	height: 14px;
}
/*MOBILE NAV BAR END----------------------*/
	
	/*SLIDER NAV BAR----------------------*/

.slider-nav-wrapper {
	position: absolute;
	width: 75px;
	padding-bottom: 45.3125%;
	z-index: 999999;
	right: 13%;
}
.slider-nav {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	width: 100px;
	height: 300px;
}
.slider-nav>ul {
	list-style: none;
	text-decoration: none;
	width: 100%;
	height: 100%;
	margin-top: -91px;
}
.slider-nav>ul li {
	margin-bottom: 4px;
	width: 100%;
	height: 16.666666666%;
	/*	border:1px solid #000;*/
	overflow: visible;
}
.slider-nav>ul li:hover {
	opacity: 0.8;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-out;
}
.slider-nav ul li .text {
	position: absolute;
	height: 50%;
	width: 140px;
	right: -150px;
	top: 14px;
	overflow: visible;
	font-size: 16px;
	color: #204b86;
	font-family: 'corporate_s_regular', sans-serif;
}
.slider-nav ul li .icon {
	position: relative;
	float: left;
	height: 100%;
	width: 65px;
	overflow: visible;
	cursor: pointer;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	opacity: 0.5;
}
.slider-nav ul li .icon:hover {
	opacity: 1.0;
}
.si-active {
	opacity: 1.0 !important;
}
.si-start {
	opacity: 1.0 !important;
}
/*SLIDER NAV BAR END----------------------*/

/*SLIDER MOBILE NAV BAR----------------------*/
.mobile-slider-nav-wrapper {
	position: relative;
	width: 100%;
	height: 200px;
	background-color: #069;
}
.mobile-slider-nav {
	height: 100%;
	width: 100%
}
.mobile-slider-nav>ul {
	list-style: none;
	text-decoration: none;
	height: 100%;
	width: 100%;
}
.mobile-slider-nav>ul li {
	border: 1px solid #000;
	height: 20%;
	width: 100%;
}
.mobile-slider-nav>ul li a:hover {
}
/*SLIDER MOBILE NAV BAR END----------------------*/
#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 46px;
	width: 90%;
	-webkit-box-shadow: 0px -1px 4px rgba(120, 120, 120, 0.5);
	-moz-box-shadow: 0px -1px 4px rgba(120, 120, 120, 0.5);
	box-shadow: 0px -1px 4px rgba(120, 120, 120, 0.5);
	z-index: 999999;
	padding-left: 10%;
	background-color: #FFFFFF;
	overflow: hidden;
}
#copyright {
	margin-left: 0px;
	margin-right: 35px;
	width: 180px;
	float: right;
	position: relative;
	font-size: 11px;
	padding-top: 14px;
	font-family: 'corporate_s_regular', sans-serif;
	color: #999;
	line-height: 20px;
}
#media-text {
	margin-left: 0px;
	width: 140px;
	float: left;
	position: relative;
	font-size: 13px;
	padding-top: 12px;
	font-family: 'corporate_s_regular', sans-serif;
	color: #666;
	line-height: 20px;
}
#media-icons {
	margin-top: -1px;
	height: 47px;
	width: 250px;
	position: relative;
	float: left;
}
#media-icons #facebook {
	opacity: 0.3;
	position: relative;
	float: left;
	margin-right: 15px;
	background: url('../images/media-icons.png') no-repeat -4px -3px;
	width: 46px;
	height: 47px;
}
#media-icons #twitter {
	opacity: 0.3;
	position: relative;
	float: left;
	margin-right: 15px;
	background: url('../images/media-icons.png') no-repeat -78px -3px;
	width: 46px;
	height: 47px;
}
#media-icons #instagram {
	opacity: 0.3;
	position: relative;
	float: left;
	margin-right: 15px;
	background: url('../images/media-icons.png') no-repeat -150px -3px;
	width: 47px;
	height: 47px;
}
#media-icons #google {
	opacity: 0.3;
	position: relative;
	float: left;
	margin-right: 15px;
	background: url('../images/media-icons.png') no-repeat -3px -128px;
	width: 47px;
	height: 47px;
}
#media-icons #facebook:hover {
	background: url('../images/media-icons.png') no-repeat -4px -64px;
	width: 46px;
	height: 47px;
	opacity: 1.0;
}
#media-icons #twitter:hover {
	background: url('../images/media-icons.png') no-repeat -78px -64px;
	width: 46px;
	height: 47px;
	opacity: 1.0;
}
#media-icons #instagram:hover {
	background: url('../images/media-icons.png') no-repeat -150px -64px;
	width: 47px;
	height: 47px;
	opacity: 1.0;
}
#media-icons #google:hover {
	background: url('../images/media-icons.png') no-repeat -3px -190px;
	width: 47px;
	height: 47px;
	opacity: 1.0;
}
/*Sticky footer-------------  END*/ 

/*<-----------------------SLIDER WRAP CODE-----------------------*/
.home-slider-wrapper {
	position: relative;
	width: 100%;
	max-width: 1920px;
	overflow: hidden;
}
.home-slider {
	padding: 0 0 0 0;
	width: 100%;
	max-width: 1920px;
	z-index: 200;
}
.home-slider-t {
	z-index: 99999999;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.sh-b {
	background-color: #FFF
}
.home-slider-b {
	position: absolute;
	width: 100%;
	overflow: hidden;
}
.home-slider-b-wrapper {
	z-index: -10;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #FFF;
	overflow: hidden;
}
.home-slider-c {
	position: absolute;
	width: 100%;
}
.home-slider-c-wrapper {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
}
.sf-wrapper {
	width: 89%;
	position: relative;
	z-index: 1000;
	margin-left: 10%;
	background-color: #FFFFFF;
}
.sf-container {
	float: left;
	position: relative;
	width: 20%;
}
.slider-main-heading {
	position: absolute;
	width: 70%;
	bottom: 10px;
	left: 9.5%;
	height: auto;
	font-size: 65px;
	font-family: 'corporate_s_light', sans-serif;
	font-weight: 100;
	color: #1F4B86;
	z-index: 100;
	pointer-events: none;
	background: url('images/nothing.png');
}
.slider-main-heading-mobile {
	position: relative;
	width: 97%;
	height: auto;
	font-size: 77px;
	font-family: 'corporate_s_bold', sans-serif;
	color: #1F4B86;
	font-weight: 100;
	z-index: 100;
	padding-left: 3%;
	padding-bottom: 5%;
	display: none;
	overflow: hidden;
	pointer-events: none;
	background: url('images/nothing.png');
}
.slider-main-heading-mobile-c {
	position: relative;
	width: 97%;
	height: auto;
	font-size: 77px;
	font-family: 'corporate_s_light', sans-serif;
	color: #1F4B86;
	font-weight: 100;
	z-index: 100;
	margin-top: -10%;
	padding-left: 3%;
	padding-bottom: 5%;
	display: none;
	overflow: hidden;
	pointer-events: none;
	background: url('images/nothing.png');
}
.sf-column {
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.sf-column:first-child {
	padding-left: 0px;
}
/*.sf-column:first-child {padding-left: 0px !important;}
.sf-container:last-child {padding-right: 0px !important; }*/

.sf-column .heading-panel {
	width: 100%;
	height: 20%;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 20px;
	height: auto;
}
.sf-column .heading-panel-desktop-only {
	width: 100%;
	height: 20%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	font-family: 'corporate_s_regular', sans-serif;
}
.sf-column>.heading-panel>h2 {
	font-size: 20px;
	font-weight: 500;
	font-family: 'corporate_s_regular', sans-serif;
	color: #12742D;
}
.sf-column>.heading-panel>h1 {
	font-size: 20px;
	font-weight: 500;
	font-family: 'corporate_s_regular', sans-serif;
	color: #12742D;
}
.sf-column .body-panel {
}
.sf-column>.body-panel p {
	font-size: 14px;
	font-family: 'corporate_s_regular', sans-serif;
	color: #666;
}
.sf-column .bold {
	color: #000;
	font-family: 'corporate_s_bold', sans-serif;
	line-height: 22px;
	font-size: 15px;
}
/* ------us text---------*/
#us-wrapper {
	position: absolute;
	padding-bottom: 45.3125%;
	width: 100%;
}
#us-wrap {
	position: absolute;
	top: 30%;
	width: 55%;
	left: 10%;
	height: 65%;
}
.us-container {
	position: relative;
	float: left;
	clear: right;
	height: auto;
	width: 33.3333333333%;
	min-height: 30%;
}
.us-heading {
	position: relative;
	height: auto;
	width: 80%;
	margin-right: 20%;
	font-size: 20px;
	font-weight: 100;
	font-family: 'corporate_s_regular', sans-serif;
	color: #1F4B86;
}
.us-text {
	position: relative;
	height: auto;
	width: 85%;
	padding-top: 5%;
	margin-right: 15%;
	font-size: 13px;
	font-family: 'corporate_s_light', sans-serif;
	color: #ABABAB;
	min-height: 25%;
}
.us-text b {
	font-family: 'corporate_s_bold', sans-serif;
}
a.tooltip {outline:none; text-decoration:none;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; 
    margin-top:0px; margin-left:0px;
    width:20%;
}
a.tooltip:hover span{
    display:inline; position:absolute;}

   /*CSS3 extras*/
a.tooltip span
{
    box-shadow: 5px 5px 8px #CCC;
}
/*----------------------------------------thumbnail-hover-------------------------------------------------*/
.slider-content-wrapper {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
}
.text-inner-wrap {
	position: relative;
	float: left;
	width: 100%;
	padding-left: 9%;
	padding-top:5%;
	height: 100%;
}
.text-inner-wrap h1 {
	color: #038061;
	font-family: 'LatoWebBold';
	font-size: 65px;
}
.text-inner-wrap span {
	font-weight:100;
font-family: 'LatoWebHairline';
}
.text-inner-wrap p {
	overflow:hidden;
	width:70%;
	font-size: 30px;
		color:#038061;
 font-family: 'LatoWebLight';
}
.right-info-wrapper {
	position: relative;
	float: left;
	width: 60%;
	height: 100%;
}
.thumb-wrapper {
	position: absolute;
	left: 9%;
	bottom: 6%;
	width: 100%;
	height: 18%;
}
.thumb-wrapper h3{
		font-size: 20px;
		color:#038061;
 font-family: 'LatoWebLight';
 padding-bottom:1%;
	}
.feature-wrapper {
	position: relative;
	float: left;
	margin-left: 10%;
	width: 30%;
	height: 100%;
}

.thumbnails img {
	height: auto;
	width: 7%;
	float: left;
	cursor: pointer;
	opacity: 0.8;
}
.thumbnails img:hover {
	opacity: 1.0;
}

/*-----------------------------------------------------------------------------------------*/
/* ------mid Devices---------*/
@media only screen and (max-width : 1270px) {
	/*----------------------------------------thumbnail-hover-------------------------------------------------*/
.text-inner-wrap h1 {
	color:#038061;
	font-family: 'LatoWebBold';
	font-size: 50px;
}
.text-inner-wrap p {
	font-size: 25px;
}
.right-info-wrapper {
	position: relative;
	float: left;
	width: 60%;
	height: 100%;
}
.thumb-wrapper {
	position: absolute;
	left: 9%;
	bottom: 0%;
	width: 100%;
	height: 18%;
}
.thumb-wrapper h3{
		font-size: 15px;
		color:#038061;
 font-family: 'LatoWebLight';
 padding-bottom:1%;
	}
/*-----------------------------------------------------------------------------------------*/
#rquote {
	height: auto;
	width: 90% !important;
	padding-top: 9px;
}
#us-wrap {
	top: 5%;
}
#container {
	min-width: 1000px;
}
#footer {
}
.sf-wrapper {
	width: 87%;
}
.slider-rs-contrainer {
	font-size: 45px;
}
.slider-nav>ul {
	width: 80%;
	height: 80%;
	margin-top: -50px;
}
.slider-nav ul li .text {
	font-size: 14px;
}
.slider-nav ul li .icon {
	width: 60px;
}
}
/* --------small Devices----------*/
@media only screen and (max-width : 768px) {
	
	/*----------------------------------------thumbnail-hover-------------------------------------------------*/
	.thumb-wrapper {
	position: absolute;
	left: 9%;
	bottom: 0%;
	width: 100%;
	height: 22%;
}
.thumbnails img {
	height: auto;
	width: 8%;
	float: left;
	cursor: pointer;
	opacity: 0.8;
}
.thumb-wrapper h3{
font-size: 12px;
color:#038061;
 font-family: 'LatoWebLight';
 padding-bottom:1%;
	}
.feature-wrapper {
	position: relative;
	float: left;
	margin-left: 0%;
	width: 30%;
	height: 100%;
	z-index:9999;
}
	.text-inner-wrap {
	position: relative;
	float: left;
	width: 100%;
	padding-left: 9%;
	padding-top:5%;
	height: 100%;
}
.text-inner-wrap h1 {
	color:#038061;
	font-family: 'LatoWebBold';
	font-size: 30px;
}
.text-inner-wrap p {
	font-size: 15px;
}
.right-info-wrapper {
	position: relative;
	float: left;
	width: 60%;
	height: 100%;
}

/*-----------------------------------------------------------------------------------------*/
.viewbrochure {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom:21%;
	margin: auto;
}

.requestaquote {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom:21%;
	margin: auto;
}
#rquote {
	height: auto;
	width: 200px !important;
	padding-top: 9px;
}
#media-text {
	font-size: 12px;
	line-height: 20px;
}
#us-wrapper {
	display: none;
}
.sf-column .heading-panel-desktop-only {
	width: 100%;
	height: 0%;
	margin-top: 0px;
	margin-bottom: 0px;
}

#planetary-background-outside {
	display: none;
}
#products-view {
	display: non;
}
#planetary-wrapper {
	display: non;
}
.slider-nav-wrapper {
	display: none;
}
#container {
	min-width: 200px;
}
#footer {
	padding-left: 3%;
	width: 100%;
	min-width: 300px;
}
.sf-wrapper {
	width: 97%;
	margin-left: 3%;
	margin-top: 0%;
}
.sf-container {
	width: 100%;
}
#header-desktop {
	display: none;
}
#header-mobile {
	position: relative;
	width: 100%;
	height: 100%;
	display: block !important;
}
#header-mobile #logo-m {
	max-width: 350px;
	display: block;
	position: absolute;
	top: 0px;
	left: 3%;
	width: 75%;
	height: 200%;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#header-container {
	position: relative;
	width: 100%;
	height: 50px;
}
.sf-column {
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.slider-main-heading {
	margin-left: 2%;
	display: none;
}
.slider-main-heading-mobile {
	display: block;
}
.slider-main-heading-mobile-c {
	display: block;
}
}

@media only screen and (max-width : 550px) {
	/*----------------------------------------thumbnail-hover-------------------------------------------------*/
	.viewbrochure {
bottom:0%;
}
	
		.requestaquote {
bottom:0%;}
.text-inner-wrap h1 {
	color:#038061;
	font-family: 'LatoWebBold';
	font-size: 21px;
}
.text-inner-wrap p {
	font-size: 11.5px;
	width:100%;
	 font-family: 'LatoWeb' ;
}
.thumb-wrapper {
	position: absolute;
	left: 9%;
	bottom: 6%;
	width: 100%;
	height: 18%;
}
.thumb-wrapper h3{
		font-size: 10px;
		color:#038061;
 font-family: 'LatoWebLight';
 padding-bottom:1%;
	}
/*-----------------------------------------------------------------------------------------*/
}

@media only screen and (max-width : 400px) {
	/*----------------------------------------thumbnail-hover-------------------------------------------------*/
.text-inner-wrap h1 {
	color:#038061;
	font-family: 'LatoWebBold';
	font-size: 15px;
}
.text-inner-wrap p {
	font-size: 10px;
	width:100%;
	 font-family: 'LatoWeb' ;
}
.thumb-wrapper {
	position: absolute;
	left: 9%;
	bottom: 6%;
	width: 100%;
	height: 18%;
}
.thumb-wrapper h3{
		font-size: 7px;
		color:#038061;
 font-family: 'LatoWebLight';
 padding-bottom:1%;
	}
/*-----------------------------------------------------------------------------------------*/
.requestaquote {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0%;
	margin: auto;
}
#copyright {
	display: none;
}
#location {
	width: 100% !important;
}
.google-map {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#header-mobile #logo-m {
	max-width: 350px;
	display: block;
	position: absolute;
	top: 0px;
	left: 3%;
	width: 75%;
	height: 100%;
	background-image: url(../images/logo-m.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#header-container {
	position: relative;
	width: 100%;
	height: 50px;
}
#mobile-nav-dropdown ul {
	margin: 0 0 0 0;
	padding: 0;
	float: none;
	position: relative;
	width: 100%;
}
#footer {
	padding-left: 4%;
	height: auto;
}
#media-text {
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.requestaquote {
	bottom:0%;
	height:54px;
	overflow:hidden;
}
.requestaquote:hover {
	background-image: url(../images/q-button-hover.png);
}

}

@media only screen and (max-width : 320px) {
	.text-inner-wrap h1 {
	color:#038061;
	font-family: 'LatoWebBold';
	font-size: 12px;
}
.text-inner-wrap p {
	font-size: 8px;
	width:100%;
	 font-family: 'LatoWeb' ;
}
	}