/*
Theme Name: Roof Rack (WooCommerce)
Theme URI: http://www.perth-web-design.com.au/
Author: Perth Web Design
Author URI: http://www.perth-web-design.com.au/
Description: Description
Version: 1.0
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	font-size:1.2em;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #494131;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
	padding-top: 10px;
	outline: none;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color:#4c74ab;
	line-height:1em;
	margin-bottom: 15px;
	font-family: "Oswald", Sans-serif;
}

h1{ font-size: 2.80em; }
h2{
	font-size: 25px;
    line-height: 25px;
	font-weight:600;
}
h3{
    font-size: 20px;
 }
h4{ font-size: 1.6em; }
h5{ font-size: 1.4em; }
h6{ font-size: 1.6em; }

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.2em;
}

/* Text elements */
p {
	margin-bottom: 1.2em;
}
ul, ol {
	margin: 0 0 1.2em 2em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.2em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.2em;
}
address {
	margin: 0 0 1.2em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 1.6em;
	padding: 1em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.2em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: 'Roboto Slab', serif;
	outline:none;
	background: #4c74ab;
	color: #FFF;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 14px; font-weight:600;
	line-height: 1;
	padding: 0px 15px;
	height:30px;
	line-height:30px;
	border:none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	outline:none;
	background:#041d45;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline:none;
	background:#041d45;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea {
	color: #666;
	border: 1px solid #ccc;
	width:250px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
	color: #111;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password] {
	height: 30px;
    line-height: 30px;
    padding: 0 7px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 3px 10px 10px 10px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
	height:120px;
	max-width:640px;
}
select{
	height: 32px;
    padding: 7px;
    width: 267px;
}

/* Links */
a,
a:visited {
	color: #4c74ab;
	text-decoration:none;
}
a:hover,
a:focus,
a:active {
	text-decoration:underline;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.2em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.2em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}



/* =Main Layout
----------------------------------------------- */
#page{}
.site-header{
	top:0px;
	border-top: 5px solid #4c74ab;
    height: 120px;
    margin: auto;
    width: 100%;
	position: fixed;
	width: 100%;
	z-index: 9999;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+59,ffffff+100&1+50,0+99 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 99%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 99%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 99%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.site-title{ float:left; padding:0; margin:0; clear:none; height:7px;  }
.site-title a{
	background: url("images/logo.png") no-repeat 0% 50% rgba(0, 0, 0, 0);
    display: block;
    height: 108px;
    text-indent: -9999px;
    width: 186px;
	position: absolute; z-index:999;
	margin:-3px 0 0 0;
	background-size: 100% !important;
 }
.site-description{ font-size:1em;}
#page {
	width: 100%;
	overflow: hidden;
}
.site-featured{ max-width:100%; margin:auto; }
.site-header-image-bg{ height: 350px!important;  background-size: cover !important; }


.site-container{ width:1240px; padding:0 0px; margin:auto; position:relative;  }
.site-main{ width:100%; padding:0 0px; margin:auto; padding:0px; }


.site-footer{
	background: none repeat scroll 0 0 #2e291f;
    float: left;
    width: 100%;
}
.site-footer .footer-content{
	clear: both;
    color: #b5b2ac;
    float: left;
    margin: auto;
    padding: 20px 0 0px;
    position: relative;
    width: 100%;
}
.site-footer .footer-content a{ color: #A8A5A1; }
.site-footer .footer-info {
	background: none repeat scroll 0 0 #041c45;
    clear: both;
    float: left;
    margin: auto;
    padding: 20px 0;
    position: relative;
    width: 100%;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 1px;
}
.site-footer .footer-info .site-info {
	width: auto;
	text-align: right;
	float: right;
	line-height: 20px;
	margin-right: 42px;
	margin-top: -45px;
}
.site-footer .footer-info .site-copyright {
	width: auto;
	text-align: left;
	float: left;
	margin-left: 245px;
	margin-top: -65px;
	letter-spacing: 1px;
	font-size: 11px;
	color: #d1d1d1;
}
.site-footer .footer-info .site-info p{ margin:0; }
.site-footer .footer-info .site-info #pwdlogo{ background:url(images/pwdlogo.png) right center no-repeat; width:85px; height:12px; display:inline-block; font-size:0; }
.site-footer .footer-info #pwd_footer_v2 li a img{ margin-left:5px; }

.page-template-default .site-main{
	/*background: url("images/content_top.gif") repeat-x scroll left top rgba(0, 0, 0, 0);*/
    border: 1px solid #FFFFFF;
    padding: 20px 0px;
}
.page .entry-header , .archive .entry-header  , .single .entry-header{
	border-bottom: 1px solid #D5D4D2;
    height: auto;
    margin-bottom: 20px;
    margin-top: auto;
 }
.page .entry-header .entry-title , .archive .entry-header .entry-title  , .single .entry-header .entry-title  { padding: 0px 0;
	color: #2e291f;
    font-family: 'Roboto Slab', serif;
    font-size: 25px;
    line-height: 25px;
	font-weight:600;
    padding: 0 0 30px; margin-bottom:inherit !important;
    position: relative;
    display: inline-block;
 }


.home .front-content .entry-header{ margin:0; height:auto;}

.home .site-header-image-bg{
	height:0px!important;
	display:none;
}

.page-template-page-templatescontact-us-php #contact-map{
    height: 480px;
    left: 0px;
    margin-top: -480px;
    position: absolute !important;
    right: 0px;
    width: 100%;
	display: none;
}
/*
	height: 300px;
    width: 100%;
	margin-bottom:20px;

.page-template-page-templatescontact-us-php .entry-header {
    height: auto;
    margin-top: -80px;
}*/
#footer-address{
	 float: left;
    margin-right: 20px;
    width: 520px;
}
#footer-address p{ margin-bottom:0;}
#footer-address .label{ width:80px; display:block; float:left; }
#footer-address .address{ margin-bottom: 1.2em; }
#footer-address .contact{
	float: right;
    margin: 0 0 0 20px;
    width: 240px;
}
#footer-address .image-map{
	float:left; 
}

/* =Layout: Content-Sidebar
----------------------------------------------- */
#primary {
	float: left;
	margin: 0 -320px 0 0;
	width: 100%;
}
#content {
	margin: 0 340px 0 0;
}
#secondary { /* Sidebar 1 */
	float: right;
	overflow: hidden;
	width: 320px;
}
#secondary .widget{ margin-left:20px; }
#tertiary { /* Sidebar 2 */
	clear: right;
}


/* =Menu
----------------------------------------------- */


#menu-primary-container{ text-align:center; }

.main-navigation {
	clear: none;
	display: block;
	float: left;
	line-height: 1;
	margin: 0 0 0 25%;
	text-align: center;
	width: auto;
	position: absolute;
	top: 0px;
}
.main-navigation .menu{
	margin: auto;
    padding: 0;
    position: relative;
    width: auto;
}
.main-navigation ul {
    display: inline-block !important;
    text-align: left;
    width: 100%;
	list-style:none;
	margin:0;
	position:relative;
}
.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
    
}
.main-navigation a {
	font-family: "Oswald", Sans-serif;
	border-bottom: 0 none;
    color: #031c47;
    display: block;
    font-size: 16px;
    line-height: 38px;
    padding: 0 20px;
	padding-top:40px;
	padding-bottom: 5px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    text-decoration: none;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main-navigation ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 100%;
	left:  0; 
	z-index: 99999;
	visibility:hidden;
	width:200px;
	border: 0px solid #EDEDED;
	
}
.main-navigation ul ul ul {
	left: 100%;
	top: -1px;
}
.main-navigation ul ul a { width: 180px; padding:0 10px; background:#4c74ab !important; text-transform:none; color:#FFF;  }
.main-navigation ul ul li {}
.main-navigation li:hover > a {color:#ffffff; background:#4c74ab !important}
.main-navigation ul ul :hover > a { background:#4c74ab;}
.main-navigation ul ul a:hover { background:#4c74ab;}
.main-navigation ul li:hover > ul { display: block; visibility:visible;}
.main-navigation ul li:hover > ul ul{ display: none; visibility:hidden;}
.main-navigation ul li:hover > ul li:hover ul{ display: block; visibility:visible }
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a { color:#ffffff; background: #4c74ab;}
.main-navigation li.current_page_item ul li a,
.main-navigation li.current-menu-item ul li a {background:#4c74ab !important; color:#FFF; }
.main-navigation li.current_page_item ul li a:hover,
.main-navigation li.current-menu-item ul li a:hover { color:#031c47; background:#4c74ab !important;  }


/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}

#footer-menu{ padding:0; margin:0; list-style:none; width:100%; }
#footer-menu li{ float:left; }
#footer-menu li a{ display:block; float:left; padding:3px 10px; }
#footer-menu li:first-child a{ padding-left:0; }
#footer-menu li:hover > a {}
#footer-menu li.current_page_item a,
#footer-menu li.current-menu-item a { }

.socials{ list-style:none; }
.socials li{ float:left; }
.socials li a{
	display: block;
    font-size: 0;
    height: 55px;
    margin-right: 10px;
    opacity: 0.8;
    width: 55px;
}
.socials li a:hover{ opacity:1; }
.socials li.facebook a{ background:url(images/footer-facebook.png) left top no-repeat;}
.socials li.twitter a{ background:url(images/footer-twitter.png) left top no-repeat;}



.widget_shoppcartwidget {
	float: right;
	position: absolute !important;
	right: 0;
	top: 85px;
}
.widget_shoppcartwidget i {
	font-size: 18px;
	margin-right: 5px;
	color: #4c74ab;
	margin-top: 3px;
	margin-right: 10px;
	float: left;
}
.page-id-59036 .widget_shoppcartwidget i {
	display: none;
}
nav.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0px;
}
nav.woocommerce-MyAccount-navigation ul li a {
	background: #4c74ab;
	padding: 10px;
	width: 90%;
	float: left;
	border: 1px solid #ffffff;
	line-height: 20px;
	font-size: 16px;
	color: #ffffff;
	font-family: "Oswald", Sans-serif;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
	background: #041c45;
}

/* =Content
----------------------------------------------- */

.sticky {}
.hentry {
	margin: 0 0 1.2em;
	padding: 0 0 1.2em;
	border-bottom:#eee solid 1px;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	font-family: "Lato", Sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	letter-spacing: 0.5px;
}
.entry-content p {
	font-family: "Lato", Sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	color: #041c45;
	letter-spacing: 0.5px;
}
.hentry .entry-header{}
.hentry .entry-header .entry-title {
	font-family: "Oswald", Sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #041c45;
	font-size: 34px;
}
.hentry .entry-header .entry-title a{  }
.single .hentry,
.page	.hentry{ border-bottom:none;  }
.entry-meta {
	clear: both;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.2em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.2em;
}

.page-header{ margin-bottom:20px; }

.attachment .entry-meta{ clear:none; float:left; }
#image-navigation{ text-align:right; }

.blueTitle {
    color: #000000;
}
.sub2 {
    color: #494131;
    font-size: 18px;
    margin-bottom: 15px;
}

.clear{ clear:both; }
/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	display:block;
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.2em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.site-content .gallery { margin-bottom: 1.2em; }
.gallery-caption {}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd { margin: 0; }
.site-content .gallery-columns-4 .gallery-item {}
.site-content .gallery-columns-4 .gallery-item img {}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin: 0 0 1.2em;
	overflow:visible;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a { word-wrap: break-word; }
.bypostauthor {}

#comments{ margin:0 0 1.2em; }
#comments h2{
	background: none repeat scroll 0 0 #F6F6F6;
    margin-bottom: 20px;
    padding: 10px;
}

.commentlist{ padding:0; margin:0; list-style:none;}
.commentlist li.comment{ padding: 0; min-height:70px; }
.commentlist li.comment .comment-content {
    padding-bottom: 0px;
    padding-left: 54px;
}
.commentlist li.comment .comment-author{}
.commentlist li.comment .comment-author img{ float:left; margin-right:10px;}
.commentlist li.comment .comment-meta{
	float: right;
    font-size: 11px;
    font-style: oblique;
    margin-top: -30px;
}
.commentlist li.comment .reply{
	background: none repeat scroll 0 0 #CCCCCC;
    color: #FFFFFF;
    font-size: small;
    margin-top: 0;
    padding: 5px;
    position: absolute;
    top: 60px;
}
.commentlist li.comment .reply a{
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 10px;
}
.commentlist li.comment .footer{}

.commentlist li.comment .children{
	list-style: none outside none;
    margin: 5px 0 5px 54px;
}
.commentlist li.comment article.comment{ background:#f6f6f6; padding:10px; margin-bottom:5px; position:relative; }
.commentlist li.comment article.comment .comment-content p{ margin:0; }

#respond{}
#respond #reply-title{ padding: 20px 0; }

#commentform{
	background: none repeat scroll 0 0 #F6F6F6;
    margin-bottom: 30px;
    padding: 30px;
 }
#commentform p{ margin-bottom:10px;}
#commentform .comment-notes{}
#commentform label{ width:100%; display:block;}
#commentform .comment-form-author{}
#commentform .comment-form-email{}
#commentform .comment-form-url{}
#commentform .comment-form-comment{}
#commentform .form-allowed-tags{}
#commentform textarea{
	height: 100px;
    line-height: 16px;
    overflow: auto;
    padding: 11px 7px 7px;
    vertical-align: top;
    width: 90%
}
#commentform .form-submit{}

.nocomments{ display:none; }

/* =Widgets
----------------------------------------------- */

.widget-title{
	border-bottom: 1px solid #EDEDED;
	color: #636363;
	font-size: 18px;
	line-height: 2em;
	margin-bottom: 10px;
 }
.widget {
	margin: 0 0 1.2em;
}
.widget ul{ padding:0; margin:0; list-style:none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
#searchform .field{ width:196px; }
#searchsubmit {}

.header-widgets{
	clear: right;
    display: block;
    float: right;
    /*height: 38px;*/
    margin-top: 15px;
    width: 600px;
}
.header-widgets .widget{ text-align:right; margin:0; }
.header-widgets .widget p{ margin-bottom:0;}
.header-widgets .widget .widget-title{ border:none; font-size:16px; line-height:1em; margin-bottom:0; font-weight:bold;  }
.header-widgets .widget .phone-number {
	display: block;
	float: right;
	position: relative;
	top: 0;
	font-size: 17px;
	color: #041d45;
	font-family: "Oswald", Sans-serif;
	outline: none;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header-widgets .widget .phone-number:hover {
	color:#4c74ab;
}

a.phone-number i.fa.fa-phone {
	background: #4c74ab;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	margin-right: 5px;
	width: 25px;
	float: left;
	height: 25px;
	line-height: 25px;
	margin-top: -2px;
}

.header-widgets .widget .email{ font-size:16px; font-weight:bold; line-height:1em;}
.header-widgets .widget .address{ font-size:16px; font-weight:bold; line-height:1em; }


.pwd-address{}
.pwd-address .address{}
.pwd-address .phone span{ display:block; font-size:14px; font-family: 'Roboto Slab', serif; font-weight:bold; margin-bottom:5px;}
.pwd-address .phone{
	/*/background: url("images/phone_number.gif") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    height: 45px;
    margin-bottom: 10px;
	font-size:28px;
    font-family: 'Roboto Slab', serif;
	font-weight:600; color:#736d63;
    width: 100%;
}
.pwd-address .fax{ margin-bottom:0; }
.pwd-address .email{ }
.pwd-address .image-map{}

#footer-sidebar{}
#footer-sidebar .widget{
	border-left: 1px solid #000;
    float: left;
    min-height: 120px;
    padding-left: 40px;
    width: auto;
	padding-right: 20px;
	outline: none;
}
#footer-sidebar .widget-title{
	border: medium none;
    color: #b5b2ac;
	font-weight:bold;
    font-family: 'Roboto Slab', serif;
    font-size: 25px;
	line-height:24px;
    margin-bottom: 25px;
	border:none;
}
#footer-sidebar #nav_menu-3 ul li a {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Oswald", Sans-serif;
	text-decoration: none !important;
	letter-spacing: 0.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#footer-sidebar #nav_menu-3 ul li a:hover {
	color:#4c74ab;
}

#footer-sidebar .widget:first-child{ padding-left:0; border:none; }

#input_3_1{
	outline: none !important;
	background:#6d675f;
    border: medium none !important;
    color: #C3C3C3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 24px;
    padding: 3px 5px;
    width: 236px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#input_3_2{
	outline: none !important;
	background:#6d675f;
    border: medium none !important;
    color: #C3C3C3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 24px;
    padding: 3px 5px;
    width: 156px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


#gform_3 .gform_footer{
	clear: none !important;
    float: right;
    margin-right: 46px !important;
    margin-top: -39px !important;
    text-align: right;
 }
 
#gform_submit_button_3{
	background:#4c74ab;
    border: medium none;
    box-shadow: none;
    font-size: 12px;
	color:#FFF;
    height: 29px; line-height:20px;
    width: 72px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#gform_submit_button_3:hover{
	background:#041d45;
	background-position:left bottom;
	box-shadow:none;
}

#footer-sidebar .widget_nav_menu{}
#footer-sidebar .widget_nav_menu .menu{ list-style: disc outside none; }
#footer-sidebar .widget_nav_menu .menu li{ float: left; margin-bottom: 10px; margin-left: 20px; width: auto; list-style: none; padding-top:40px; }
#footer-sidebar .widget_nav_menu .menu li a{}
#footer-sidebar .widget_nav_menu .menu li.current-menu-item a{}
#media_image-3 {
	float: right;
	position: absolute;
	right: 0;
	border-left: 0px !important;
	padding-top: 5px;
}

#tagline{
	position:relative;
	background: none repeat scroll 0 0 #FFF;
    color: #FFFFFF;
    height: 25px;
    line-height: 25px;
    margin: -55px auto auto;
    padding: 25px 30px 6px 30px;
    width: 1240px;
	z-index:9999;
}

#tagline .tagline-address{ position:relative;  top:5px; color:#918f8f; font-size:11px; float: right; background:url(images/icon_address.png) left center no-repeat; padding-left:20px; margin-right:15px;}
#tagline .tagline-hours{ position:relative; top:5px; color:#918f8f; font-size:11px; float:right; background:url(images/icon_clock.png) left center no-repeat; padding-left:20px;}
/*#tagline span{
	float: none;
    font-family: Museo500;
    font-size: 16px;
    padding-right: 10px;
    vertical-align: top;
}*/
 
#tagline #make_area,
#tagline #model_area,
#tagline #model_year_area{
	display: inline-block;
    margin-right: 13px;
    vertical-align: top;
}

#type_area { color: #fff; }
#type_area ul { list-style: none; margin: 0 0 10px; padding: 0; }
#type_area ul li { display: inline-block; height: 20px; line-height: 20px; margin-right: 10px; }
#type_area ul li input[type=checkbox] { vertical-align: middle; }

#tagline .searchSelect{
	background: url("images/select_box_bg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #1E1C19;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 25px;
    margin-top: -3px;
    padding: 5px 4px 4px;
    vertical-align: middle;
    width: 212px;
}

#tagline .btnSearchNow{
	background: url("images/btn_search_now.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    display: inline-block;
    height: 24px;
    margin-bottom: 5px;
    vertical-align: text-bottom;
    width: 105px;
}
#tagline .btnSearchNow:hover{ background-position:left bottom; box-shadow:none; }

.brandTable img{
	height: auto;
    padding: 25px 25px 0;
    width: 110px;
}
.brandTable tr td{ text-align:center; }

.brandTable{
	border-collapse: collapse;
    border-spacing: 0;
}
.brandTable td {
    border: 1px solid #D8D8D8;
    text-align: center;
    width: 160px;
}



/* = Custom Post type
------------------------------------------------*/
#slidercontainer{ margin:auto; /*background:#d7d7d7;*/ }
#sliderarea{ width:100%; height:445px; display:block; padding:0px; overflow:hidden;}
#sliderarea .bx-wrapper .bx-pager{ bottom: 0; font-size: 0; margin: 0 auto; padding:0px; right: 0px; width: auto; z-index: 55; }
#sliderarea .bx-wrapper .bx-viewport{ border:none; left:0; box-shadow:none; height:445px; background: #000 !important; }
#custom-slideshows > .slide{ width:100%!important; height:445px; }

#slidercontainer .site-container {
	color: #CFCFCF;
	margin:0 auto;
    position: relative;
    width: 1240px;
}
#slidercontainer .site-container .slide-text{ font-size:12px; color:#FFF; font-family: 'Roboto Slab', serif; padding:110px 0 0 0; width:270px;}
#slidercontainer .site-container .slide-text h2{
	font-family: 'Roboto Slab', serif;
	color:#89c1e7; font-size:30px;
	font-weight:600; line-height:1.0em;
	text-shadow: 1px 1px 2px #333;
}
#slidercontainer .site-container .slide-text a{ display:inline-block;}
#slidercontainer .site-container .slide-text a img{ position:relative; top:3px;}
.heroText {
    color: #CFCFCF;
	margin:0 auto;
    position: relative;
    width: 1240px;
}
.heroText .indentText {
	font-family: 'Roboto Slab', serif;
	color:#89c1e7; font-size:30px;
	font-weight:600;

}

.heroText .heroText p {
    color: #CFCFCF;
    line-height: 17px;
    margin-top: 29px;
}

.heroText .moreArrow {
    background: url("images/link_hero.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 0;
    height: 13px;
    margin-top: 0;
    text-indent: -99999px;
    width: 13px;
}

.moreArrow:hover{ background-position:center bottom; }


#cta-container{ }
#custom-cta{ width:1240px; padding:0; margin: 0 0 20px; list-style:none; float:left; }
#custom-cta .cta{ width:300px; position:relative; float:left; border-top:1px solid #dedddd; border-left:1px solid #dedddd; padding:20px 0 0 20px;   }
#custom-cta .cta.col-0{ padding-left:0; border-left:0px solid #dedddd;}

#custom-cta .cta .cta-title{ clear:none; font-family: 'Roboto Slab', serif; font-weight:600; }
#custom-cta .cta .thumbnail{ float:right; }
#custom-cta .cta .cta-summary{ width:175px;}
#custom-cta .cta .cta-summary p{ margin:0 0 5px 0; }
#custom-cta .cta .linkArrow{
    padding-right: 10px;
    position: relative;
}



/* = Custom Plugins
------------------------------------------------*/

/* Plugin WP Pagenavi */
.wp-pagenavi{}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BFBFBF;
    margin: 2px;
    padding: 0 8px!important;
    text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #333;
}
.wp-pagenavi .pages{ border:none; }
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{ border:none;}


/* Gravity Forms Section */

.gform_wrapper ul { margin: 0px !important; }
.gform_wrapper ul li { margin: 10px 0px !important; padding: 0px !important; list-style-image: none !important; list-style: none !important; }
.gfield_label { font-weight: lighter !important; }
.gfield_required { color: #ff0000 !important; font-weight: lighter !important; }
.ginput_container input {font-size: 14px;}


.ginput_container input:focus,
.ginput_container textarea:focus { }
.gform_wrapper .gform_footer { clear: both; margin: 0!important; padding: 0!important; }
.gform_button { }
.gform_button:focus,
.gform_button:hover {  }
.gform_validation_container {  }

/*-- Gravity Error Section ----------------*/

.gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message { padding: 0 !important; }
.validation_error { color: #790000 !important; font-size: 12px !important; font-weight: lighter !important; margin: 0 !important; }
.gfield_error { background: none !important; border: 0px !important; color: #70a7c5 !important; padding: 0px !important; }
.gfield_error .gfield_label { color: #2b424b !important; font-weight: lighter !important; }
.validation_message { color: #790000 !important; padding: 2px 0px 0px 0px !important; }
.gfield_error input,
.gfield_error textarea {  border: 1px #ff0000 solid !important; }
.gfield_error input:focus,
.gfield_error textarea:focus { color: #fff !important; }


/* Fix ie 7   */



.search-container{
	position:relative; width:1240px; height:1px;
	margin:0 auto; margin-top:-1px;
}
.search-box{
	position: absolute;
	background: url(images/bg-search.png) repeat;
	width: 224px;
	height: 276px;
	padding: 15px 28px;
	display: block;
	right: 45px;
	z-index: 100;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	top: 20px;
}
.home .search-box{
	position:absolute;
	background:url(images/bg-search.png) repeat;
	width:224px;
	height:275px; 
	padding:15px 28px;
	display:block;
	right:45px;
	z-index:9999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	top:60px;
	
}
.page-template-page-templatescontact-us-php .search-box{ display:none;}
.search-title{
	font-family: 'Roboto Slab', serif;
	color:#89c1e7;
	font-size:15px;
	margin-bottom:15px;
	display:block;
}
.search-box select{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2e291f;
	width:225px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	outline:none !important;
	margin-bottom:7px;
	height:28px;
	padding:0 0 0 7px;
}

.search-box .btnSearchNow{
	font-family: "Oswald", Sans-serif;
	background:#4c74ab;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0px;
	border:0px !important;
	height:30px;
	font-size:12px;
	color:#FFF;
	-webkit-box-shadow: none !important ;
	-moz-box-shadow: none !important ;
	box-shadow: none !important ;
	text-shadow: none !important;
	line-height:1em;
}
.search-box .btnSearchNow:hover{ background:#041d45;}
.search-box .des{ float:left; display:block; font-size:10px; font-family: 'Roboto Slab', serif; color:#FFF; line-height:14px; padding-top:15px;}
.btn{
	float:left;
	font-family: "Oswald", Sans-serif;
	font-size:15px;
	color:#FFF !important;
	background:#041d45;
	display: inline-block;
	padding:8px 15px 10px;
	position:relative; 
	float: right;
	right:0px;
	top:0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btncontact{
	float:left;
	font-family: "Oswald", Sans-serif;
	font-size:15px;
	color:#FFF !important;
	background:#4c74ab;
	display: inline-block;
	padding:8px 15px 10px;
	position:relative;
	float: right;
	margin-left: 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	font-family: "Oswald", Sans-serif;
	outline: none;
	background: #4c74ab;
	color: #FFF;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: 1;
	padding: 0px 15px;
	height: 40px;
	line-height: 40px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.home  .btn{ float:left;
	font-family: 'Roboto Slab', serif;
	font-size:13px;
	color:#FFF;
	background:#4c74ab;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	padding:5px 15px;
	position:relative !important;
	top:0px; right: inherit !important;
}
.btn:hover{ background:#041d45; text-decoration:none;}
.btncontact:hover{ background:#041d45; text-decoration:none;}
.btn span{ display:inline-block; margin-left:10px; text-align:right;}
.entry-header .inner{ position:relative;}

.page-id-62 .column-grid .column-first{ width:250px !important;}
.page-id-62 .column-grid .column-last{ width:645px !important;}

/**************/
.letterSearch {
	overflow: hidden;
	padding: 0;
	width: 920px;
	margin:0px;
	margin-bottom: 20px;
	list-style:none;
}
.letterSearch li {
float: left;
}
.letterSearch li a {
	background: url("images/brand_navi.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	color: #8b8b8b;
	display: block;
	font-weight: bold;
	height: 25px;
	padding-top: 7px;
	text-align: center;
	text-transform: uppercase;
	width: 33px;
	cursor:pointer;
}
.letterSearch li a:hover , .letterSearch li a.check  { text-decoration:none; background-position: center center;}
.letterSearch li:first-child a {
	border-left: 1px solid #E5E5E5;
}

#catalog-categories{
	margin-bottom:50px;
	width:100%;
	float:left;
}
#catalog-categories ul.categories{
	position:relative;
	list-style: none; padding:0px; margin:0px;
	float:left;
	width:966px;
}
#catalog-categories ul.categories .category{
	float: left;
    width: 159px;
    height: 143px;
    display: block;
    border: 1px solid #d5d4d2;
    text-align: center;
    vertical-align: middle;
    margin-left: -1px;
    margin-top: -1px;
}
#catalog-categories ul.categories .category a {
	display: table-cell;
	width: 159px;
	height: 143px;
	vertical-align: middle;
	font-size: 0;
}
#catalog-categories ul.categories .category:last-child a {
	  font-size: 13px;
  	  font-weight: bold;;
}
 .page-template-page-templatesthule-php #catalog-categories ul.categories .category:last-child a ,
 .page-template-page-templatesrola-php #catalog-categories ul.categories .category:last-child a {
 	font-size: 0!important;
 }

.rr-product-list .rr-product .col-md-8 {
	width: 100%;
	float: left;
}
.rr-product-list .rr-product .col-md-4 {
	width: 100%;
	float: left;
}
.rr-product-list .rr-product a.button-view {
	background: #616161;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	padding: 5px 10px;
	border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;	
	display: inline-block;
}
.rr-product-list .rr-product a.button-view:hover {
	background: #000;
	text-decoration: none;
}
.rr-product-list .navigation { clear: both;}
.rr-product-list .rr-product-thumb { display:block; height: 130px; overflow: hidden; margin-bottom: 10px;}
.rr-product-list .rr-product-name { display:block; font-weight: bold; height: 40px; overflow: hidden;font-size: 1em;}
.rr-product-list .rr-product-price { display:block; font-weight: bold;font-size:1.4em;}
.rr-product-list .rr-product-summary { display:block; height: 60px; overflow: hidden;}
#catalog-categories ul.categories .category .category-thumbnail{ display:block; height:96px;}
.home #catalog-categories ul.categories .category .category-thumbnail{ display:block; height:110px;}
#catalog-categories ul.categories .category .category-thumbnail img{ margin:0 auto; margin-top:10px; text-align:center;}
#catalog-categories ul.categories .category .category-title{ font-size:12px; color:#494131;}
#catalog-categories ul.categories .category .more{ font-family: 'Roboto Slab', serif; font-size:13px; color:#4c74ab; margin-top: 40px; display: block;}
#notFind{ display: none;}

#secondary .typefilterarea {margin-bottom: 15px;}
#secondary .typefilterarea ul { list-style: none;padding:0; margin:0 0 10px 0;}
#secondary .typefilterarea ul li { list-style: none; padding:0; margin:0;}
#secondary .typefilterarea .btnSearchNow { font-size: 12px; padding:5px 10px; height: auto; line-height: 14px; }

.rola-sub{ position:relative; top:-20px; list-style:none; margin:0px; background:url(images/bg-sub-rola.jpg) top center repeat-x; height:39px; width:910px; padding:10px 25px 0px 25px; float:left;}
.rola-sub li{ display:inline-block;}
.rola-sub li a{ padding:0px 10px; display:block; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; color:#494131; line-height:33px;}
.rola-sub li a.active , .rola-sub li a:hover {
	text-decoration:none;
	background:#ede3d4;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#roofstyles-content{ list-style:none; padding:0px; margin:0px; float: left; width:100%;}
#roofstyles-content .roofstyles{ float:left; width:465px; margin-left:30px; display:block; margin-top:20px;}
#roofstyles-content .roofstyles.col-0{ margin-left:0px;}
#roofstyles-content .roofstyles .img , #roofstyles-content .roofstyles .img img { float:left; width:165px; height:125px;}
#roofstyles-content .roofstyles .des{ float:right; width:280px;}
#roofstyles-content .roofstyles .des .roofstyles-title{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#494131; font-weight: bold;}

.content-left{
	position:relative;
	width:550px; float:left;
}
.content-right{
	position:relative;
	width:350px; float:right;
}
.category-logo{ width:100%; height:100px; position:relative;}
.category-logo img{ position: absolute; right: 0; top: -10px; }
label.model{
	display:inline-block;
	width:30%;
}
h3.search-title-b{ color:#041d45; font-size:16px; font-weight:600; }
h4.search-title-b{ color:#041d45; font-size:12px; margin-top:10px; font-weight:600; }
.search-content{ position:relative; padding:15px 0px; width:100%;}
.faq-title{
	margin-top:30px;
	font-family: "Oswald", Sans-serif;
}
.content-right .faq-title{ margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#494131; margin-bottom:5px;}
.content-right h2{ font-size:14px;}
.content-right h2 span{ display:inline-block; float:right;}
.content-right a.more{ font-size:12px; font-weight:600; color:#4c74ab; font-family: 'Roboto Slab', serif;}


#shopsearch-content{
	width:100%;
	position:relative;
	float:left;
}
#shopsearch-content .search-result-box{
	width:100%;
	float:left;
	position:relative;
	padding-bottom:35px;
	margin-bottom:25px;
	border-bottom:1px solid #e7e6e6;
}
#shopsearch-content .search-result-box:last-child{ border-bottom:0px !important;}
#shopsearch-content .search-result-box .des{
	float:left; width:730px;
	position:relative;
}
#shopsearch-content .search-result-box .des h3{ font-size:17px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#494131;}
#shopsearch-content .search-result-box .des h4{ font-size:12px; color:#041d45; font-weight:bold; font-family: 'Roboto Slab', serif; margin:15px 0px;}
#shopsearch-content .search-result-box .des .shop-search-title a{ font-size:16px !important; color:#041d45; font-weight:bold; font-family: 'Roboto Slab', serif;}
#shopsearch-content .search-result-box .des .shop-search-title a span{ color:#4c74ab; font-size:16px !important; font-weight:bold; font-family: 'Roboto Slab', serif;}
#shopsearch-content .search-result-box .img{
	position:relative;
	float:right; width:190px;
	
}
#shopsearch-content .search-result-box .img img{ border:1px solid #ccc}
#shopsearch-content .search-result-box .search-price{ position:absolute; right:0px; top:0px; background:#4c74ab url(images/btn-price.jpg) left no-repeat; height:19px; min-width:80px; color:#FFF; text-align: left; font-size:22px; font-family: 'Roboto Slab', serif; font-weight:600; padding:8px 10px 5px 35px;}
#shopsearch-content .search-result-box .addtocart{ background:url(images/btn-booking.jpg) 0 0 no-repeat !important; width:123px; height:34px; border:0px; cursor:pointer; display:block; text-indent:-99999em; opacity:1;}
#shopsearch-content .search-result-box .addtocart:hover{ opacity:0.8;}
.product-images {
	width: 240px;
	margin-right: 30px;
	float: left;
}
.product-images .shopp-zoom {
	display: block;
	margin-bottom: 20px;
}
.product-detail {
	margin-right: 0;
	width: 690px;
	float: left;
}
.featureTable td {
	border-bottom: 1px dotted #CCC!important;
	padding: 2px 3px!important;
}
.single-product .product-price{
	padding-left: 269px;
	margin-top: 50px;
	float: left;
	position: relative;
	width: 690px;
	border-bottom: 1px solid #D5D4D2;
	padding-bottom:20px;
}
.single-product .product-price .priceTag2 {
	background:#4c74ab;
	color: #FFF;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 0;
	float: left;
	padding: 10px;
}
.priceTag2 span.woocommerce-Price-amount.amount {
	font-weight: 600;
	float: right;
	margin-left: 10px;
	font-size: 17px;
	font-family: "Oswald", sans-serif;
}
.single-product .product-price {
	border-bottom: 0px;
}

.single-product .product-price .priceTag2 h3 {
	color: #FFF;
	font-weight: 400;
	font-size: 22px;
	font-family: "Oswald", sans-serif;
	letter-spacing: 0.5px;
	margin-bottom: 0px;
}
.single-product  .product-price .cart{
	float: right;
	padding-top: 15px;
}
.single-product .product-price .single_add_to_cart_button {
	background: #0d2054 !important;
	background-color: #0d2054 !important;
	border: medium none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	display: block;
	width: 129px;
	color:#ffffff;
}
.woocommerce button.button.alt {
	background-color: #0d2054 !important;
}
button.single_add_to_cart_button.button.alt {
	background: #041c45 !important;
	border-radius: 0px !important;
	float: right;
	margin-top: -15px;
	height: 45px;
	font-size: 15px;
}
.single-product .product-price .single_add_to_cart_button:hover{
	background-position:center bottom!important;
}
.sub6 {
	font-family: 'Roboto Slab', serif; 
	font-size: 12px;
	color: #041d45;
	margin-bottom: 0px;
}
.yellowText{ color: #4c74ab; }
.product-detail h3{
	font-size: 20px !important;
	color: #041D45;
	font-weight: bold;
	font-family: "Oswald", Sans-serif;
}
.product-detail h4{
	font-size: 14px !important;
	color: #041D45;
	font-weight: bold;
	font-family: 'Roboto Slab', serif;
}
.page-id-0.page-parent .hentry .entry-header {
	display: none;
}
.page-id-0.page-parent .category-logo { display:none;}
.header-widgets .menu {
	float: right;
	margin-right: 0px;
	padding: 0;
	right: 0;
	position: absolute;
	top: 51px;
}
.header-widgets .menu li {
	float: left;
	margin-left: 3px;
}
.header-widgets .widget_shoppcartwidget {
	/*// background: rgba(0, 0, 0, 0) url(images/top_cart.png) no-repeat scroll left top;*/
	display: block;
	float: right;
	font-weight: bold;
	margin-left: 0;
	width: auto;
	text-align: right;
	background-size: 37px;
	text-transform: uppercase;
	line-height: 22px;
	color: #041c45;
	font-family: "Oswald", Sans-serif;
	font-size: 14px;
	font-weight: 500 !important;
	padding-left: 50px;
}
.header-widgets .widget_shoppcartwidget .status {
float: left;
}

.header-widgets .widget_shoppcartwidget .btnTopCheckout {
	background: url("images/btn_top_checkout.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 29px;
	position: absolute !important;
	right:0 !important;
	top: 3px;
	width: 82px; padding:0px;
}
.page-template-page-templatesrola-php .header-widgets .widget_shoppcartwidget .btnTopCheckout {
	background: url("images/btn_top_checkout.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 29px;
	position: absolute !important;
	right:0 !important;
	top: -47px;
	width: 82px; padding:0px;
}
.header-widgets .widget_shoppcartwidget .btnTopCheckout:hover { background-position:center bottom!important;}
.widget_shoppcartwidget .btn {
	border: medium none;
	cursor: pointer;
	display: block;
	text-indent: -9999px !important;
}

.header-widgets .menu li a {
	display: inline-block;
	line-height: 20px;
	margin: 0;
	padding: 0 10px;
	font-family: "Oswald", Sans-serif;
}
p.selected {
	text-align: right;
	color: #011e44;
	font-weight: 600 !important;
	font-family: "Oswald", Sans-serif;
	font-size: 20px;
}
.site-header .widget ul.menu li a {
	border: 0px !important;
	background: #dddddd;
	border-radius: 0px !important;
	background: #4c74ab;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	padding: 4px 35px !important;
	text-decoration: none !important;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.site-footer {
	background: none repeat scroll 0 0 #041d45;
	float: left;
	width: 100%;
	border-top: 8px solid #4c74ab;
}

.widget ul.menu li a:hover {
	background: #041d45;
}
a.gotocheckout {
	font-family: "Oswald", Sans-serif;
	border: 0px !important;
	background: #dddddd;
	border-radius: 0px !important;
	background: #4c74ab;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	padding: 4px 35px !important;
	float: right;
	line-height: 20px;
	margin-left: 3px;
}
li#user-login a {
	background: #041d45 !important;
}
li#user-login a:hover {
	background: #4c74ab !important;
}

li.headerlogout a {
	background: #041d45 !important;
}
li.headerlogout a:hover {
	background: #4c74ab !important;
}
.header-widgets .menu li a {
	border: 1px solid #CCC;
	border-radius: 4px;
	display: inline-block;
	line-height: 20px;
	margin: 0;
	padding: 0 10px;
}
.cta-entry { margin: 20px 0 30px; }
.cta-entry h2 strong { color: #2e291f; }
.cta-entry figure { width: 300px; height: 150px; position: relative; }
.cta-entry figure img { max-weight: 100%; height: auto; }
.cta-entry-0 figure { float: right; text-align: right; }
.cta-entry-1 figure { float: left; }
.cta-entry-0 .text { width: 600px; float: left; }
.cta-entry-1 .text { width: 600px; float: right; text-align: right; }

#front-page article { margin: 0 0 25px; padding: 20px 0; border-top: 1px solid #dedddd; border-bottom: 1px solid #dedddd; }

.page-template-product-display-php .entry-content { width: 66%; float: left; }
.page-template-product-display-php .entry-content .rr-product { clear: none; padding: 10px 1%; margin: 0 0 10px; border-bottom: 1px dashed #dedddd; float: left; width: 31%; }
.page-template-product-display-php .entry-content .rr-product.rr-product-0 { clear: left;}
.page-template-product-display-php #secondary { width: 33.33%; float: right; }
.page-template-product-display-php #secondary img { max-width: 100%; max-height: 100%; }

.page-template-type-display-php .entry-content { width: 60%; float: left; }
.page-template-type-display-php .entry-content .rr-product { clear: both; padding: 10px; margin: 0 0 10px; border-bottom: 1px dashed #dedddd; }
.page-template-type-display-php #secondary { width: 33.33%; float: right; }
.page-template-type-display-php #secondary img { max-width: 100%; max-height: 100%; }

.list-types { list-style: none; margin: 0; padding: 0; }
.list-types li { width: 48%; float: left; margin-right: 1%; }
.list-types li > img { border: 4px solid #fff; }
.list-types li:hover > img, .list-types li.active > img { border: 4px solid #02B6FF; }
.list-types li input[type=radio] { visibility: hidden; }

.list-models { list-style: none; margin: 0; padding: 0; }
.list-models li { width: 30%; float: left; margin-right: 1%; }

/* CART ACCESSORIES */
#accessoriesdiv { width: 960px; margin:0 auto; position: relative; display: block;}
#accessoriesdiv .accessorieslist { list-style: none; margin:0; padding:0; clear: both;}
#accessoriesdiv .accessorieslist li { list-style: none; padding:0; margin: 0 0 15px 0; float:left; width: 32%; margin-left: 2%;}
#accessoriesdiv .accessorieslist li.accitem {}
#accessoriesdiv .accessorieslist li.accitem .accitemwrap { border: 1px solid #cccccc;}
#accessoriesdiv .accessorieslist li.accitem .accitemwrap:hover { border: 1px solid #aaaaaa; box-shadow: 0 5px 5px #aaaaaa;-o-box-shadow: 0 5px 5px #aaaaaa;-ms-box-shadow: 0 5px 5px #aaaaaa;-moz-box-shadow: 0 5px 5px #aaaaaa;-webkit-box-shadow: 0 5px 5px #aaaaaa;}
#accessoriesdiv .accessorieslist li.accitem .accitem-info { padding: 10px 10px 10px 10px; background: #eeeeee;}
#accessoriesdiv .accessorieslist li.accitem-0 { margin-left: 0;}
#accessoriesdiv .accessorieslist li.accitem .accitem-thumb { height: 150px; overflow: hidden; }
#accessoriesdiv .accessorieslist li.accitem img { width: 100%; height: auto;}
#accessoriesdiv .accessorieslist li.accitem .accitem-name {}
#accessoriesdiv .accessorieslist li.accitem .accitem-price {font-size: 1.6em; font-weight: bold;margin: 5px 0 10px 0;display:block;}
#accessoriesdiv .accessorieslist li.accitem a { text-decoration: none;}
#accessoriesdiv .accessorieslist li.accitem a:hover { color: #000000; text-decoration: none;}

select[disabled=disabled] {
	background: #efefef !important;
	color: #aaa !important;
}
#spinning {
	width: 50px;
	height: 50px;
	position: absolute;
	display: block;
	top: -7px;
	right: 0;
	display: none;
}
#spinning img {
	max-width: 100%;
	height: auto;
}
.contact-left{
	width: 60%;
	float:left;
}
.contact-right{
	width: 40%;
	display: inline-block;
}
.banner-questions{
	padding: 30px 20px;
	color: #5f5e5d;
}
.banner-questions a{
	color: #5f5e5d;
}
.banner-questions h3{
	font-size: 26px;
	color: #02b6ff;
	font-weight: bold;
}
.banner-questions h4{
	margin-bottom: 5px;
	color: #5f5e5d;
}
.banner-questions h2{
	font-weight: 900;
	margin-bottom: 5px
}
.banner-questions h2 a:hover{
	color: #02b6ff;
	text-decoration: none;
}
.banner-questions p{
	margin-bottom: 30px;
}
.btnquestions{
	color: #fff !important;
	background: #02b6ff;
	padding: 8px 20px;
	border-radius: 5px;
}
.btnquestions:hover{
	background: #fff;
	border: 2px solid #02b6ff;
	color:  #02b6ff !important;
	text-decoration: none;
}

/*.header-widgets .widget_shoppcartwidget{*/
/*	background: rgba(0, 0, 0, 0) url("images/top_cart.png") no-repeat scroll left top;*/
/*    display: block;*/
/*    float: left;*/
/*    font-weight: bold;*/
/*    height: 24px;*/
/*    line-height: 14px;*/
/*    margin-left: 20px;*/
/*    margin-top: -5px;*/
/*    padding: 5px 5px 5px 60px;*/
/*    position: relative;*/
/*    text-align: left;*/
/*}*/

.header-widgets .widget_shoppcartwidget .status{ float: left; }
.header-widgets .widget_shoppcartwidget .status.empty{ padding-top:6px; }

.header-widgets .widget_shoppcartwidget .gotocheckout {
	background: url(images/btn_top_checkout.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 29px;
    position: absolute !important;
    right: 0 !important;
    top: 3px;
    width: 82px;
    padding: 0px;
    font-size: 0;
}

.header-widgets .widget_shoppcartwidget .widget_shopping_cart{
	text-align: left;
	display: inline-block;
}

.header-widgets .widget_shoppcartwidget .widget_shopping_cart .widgettitle{
	display: none;
}

.header-widgets .product_list_widget li{ display: none; }
.header-widgets .product_list_widget li.empty{ display: block; padding:0;}

.header-widgets .widget_shopping_cart_content .buttons{
	display: none;
}

.woocommerce .widget_shopping_cart .total{
	
}

/* Rhino tool */

hr{
	margin: 40px 0;
}

.rhino #main {
	width: 100%;
	padding: 0;
}

#main-selector{
	padding: 50px 0;
	background: #ffffff;
}

#selector-wrapper,
#content-wrapper{
	max-width: 1240px;
	margin: auto;
}

#content-wrapper{
	padding: 60px 0px 80px 0px;
}

.rhino #featured-aside{
	display: none;
}

#current-selection {
	display: flex;
	flex-direction: row;
	padding: 10px 0;
	color: #ffffff;
	font-size: 15px;
	width: 100%;
	float: right;
	background: url(images/car.png) 80px 53% no-repeat #4c74ab;
	background-size: 110px;
}
.inner-selector {
	width: 100%;
}
#shop-action {
	flex-grow: 1;
	justify-content: space-between;
	display: flex;
	flex-direction: row;
	margin-right: 20px;
	font-weight: 300;
	letter-spacing: 0.5px;
}

input#remove-selection:hover{
	background: none!important;
	color: #011f44!important;
}

#shop-action input[type="submit"] {
	margin: auto;
}

#shop-action span {
	padding-top: 7px;
	width: 100%;
	padding: 13px;
	font-family: "Lato", Sans-serif;
	padding-left: 145px;
}

input#remove-selection {
	background: #011e44;
	margin-left: 20px;
	margin-top: 3px;
	padding: 14px;
	line-height: 10px;
}
input#remove-selection:hover {
	background: #ffffff !important;
}
a.added_to_cart.wc-forward {
	font-weight: 600;
	margin-left: 30px;
	font-size: 14px;
}

#product-range{
	background: #011f44;
}

#product-range:hover{
	background: hsla(213, 97%, 25%, 1);
}

#model_selector {
	display: flex;
	height: 300px;
	background: hsl(205, 46%, 92%);
	border: 2px solid #5077ad;
	padding: 35px;
}

#model_selector .disabled a {
	display: none;
}
#selectors {
	width: 40%;
	display: flex;
}
.selectors{
	display: flex;
	flex-direction: column;
	margin: 0;
	justify-content: space-between;
	width: 100%;
}
.selector {
	list-style: none;
	padding: 5px 20px;
	text-transform: uppercase;
	flex-grow: 1;
	background: #b6d1e4;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 12px;
	height: 60px;
}
.selector .selected{
	font-size: 16px;
}
.selector a{
	font-size: 12px;
	color: #011f44;
}
.selector.disabled{
	background: #b6d1e4;
	margin: 0px;
}
.selector:not(.disabled):hover{
	background: #4c74ab;
	transition: 100ms;
}
#options {
	overflow-x: hidden;
	width: 100%;
	overflow-y: scroll;
	background: hsla(204, 45%, 92%, 1);
	padding: 0px 35px;
	margin: 2px 0;
	border: 0px solid #e1ecf4;
}
.select-option {
	list-style: none;
	margin: 0;
}

.select-option h4 {
	font-family: "Oswald", Sans-serif;
	color: #041c45;
	text-transform: uppercase;
	font-weight: 500;
}
.selector-option {
	padding: 0 2%;
	font-size: 15px;
	border-bottom: 1px solid #79aef8;
	border-bottom-style: dotted;
	line-height: 32px;
	font-family: "Lato", Sans-serif;
	text-align: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.selector-option:hover{
	background: #ffffff;
}
.selector-option a{
	color: #041d45;
	font-weight: 600;
}

.select-option #current-selection {
	background: none;
	display: flex;
	flex-direction: column;
}

.select-option #current-selection #remove-selection{
	display: none;
}

.select-option #current-selection #shop-action{
	margin: auto;
	flex-direction: column;
}

.select-option #current-selection #shop-action #product-range{
	margin-top: 50px;
}

#make-logos {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	margin: 0px auto;
	margin-top: 35px !important;
}

#make-logos li{
	margin: auto;
	border: none;
	width: 7.666%;
	margin-bottom: 10px;
	margin-top: 10px;
}

#make-logos li img{
	max-width: 100%;
}


/* NEW UPDATED CSS - 2019 */
.elementor-slide-content {
	background: #041d45;
	padding: 30px 40px;
	max-width: 500px !important;
}
.elementor-slide-description h3 {
	color:#ffffff;
	font-family: "Oswald", Sans-serif;
	font-size: 26px;
}
.footer-logos h4 {
	font-family: "Oswald", Sans-serif;
	text-transform: uppercase;
	color: #001c44;
	text-align: center;
	margin-bottom: 15px;
	font-size: 32px;
}
.elementor-text-editor h3 {
	font-family: "Oswald", Sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: 500;
}
.footer-logos p {
	text-align: center;
	font-size: 15px;
	margin-bottom: 25px;
	letter-spacing: 0.5px;
}
.footer-logos p a {
	color:#4c74ab;
}
#content-full-width {
	width: 1240px;
	margin: 0 auto;
	padding: 50px 0px 0px;
}
.blue-line {
	width: 1240px;
	margin: 0 auto;
	height: 10px;
	background-size: 100%;
	background: url(images/border-bg.jpg)50% 50% no-repeat;
}
.gfield_label {
	font-weight: lighter !important;
	/* display: none; */
	float: left;
	width: 100%;
	display: none;
}

.ginput_container input {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	outline: none;
	border-top: 2px solid #cccccc;
	font-family: "Lato", Sans-serif;
}
textarea {
	border-top: 2px solid #cccccc;
	padding-top: 10px;
	width: 100%;
	font-family: "Lato", Sans-serif;
	max-width: 100%;
}

#homefooter {
	display: none !important;
}
.home #homefooter {
	display: block !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #041d45;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #041d45;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #041d45;
}
.selector {
	background: #4c74ab;
	border: 3px solid #ffffff;
	margin: 1px !important;
}
.inner-selector p {
	font-family: "Lato", Sans-serif;
	color:#ffffff;
	font-weight: 600;
	font-size: 16px;
}
.selector.disabled {
	background: #b6d1e4;
	margin: 0px;
	color: #ffffff;
	border: 3px solid #e1ecf4;
}
li.selector.disabled p {
	color: #011d44;
}
.page-header {
	margin-bottom: 20px;
	width: 1240px;
	margin: 0 auto;
	margin-top: 35px;
}
.page-header h1 {
	font-family: "Oswald", Sans-serif;
	border-bottom: 0 none;
	color: #031c47;
}
.archive .container {
	width: 1240px;
	margin: 0 auto;
}
a.button.wc-backward {
	background: #4c74ab;
	color: #ffffff;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.button.wc-backward:hover {
	background:#041d45;
	color: #ffffff;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	font-family: "Lato", Sans-serif;
	font-size: 16px;
}
.woocommerce ul.products li.product .button {
	margin-top: 1em;
	background: #4c74ab;
	color: #Ffffff;
	border-radius: 0px;
	padding: 13px 20px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.5px;
	font-family: "Oswald", Sans-serif;
}
span.woocommerce-Price-amount.amount {
	font-size: 15px;
	color: #041c45;
	font-family: "Lato", Sans-serif;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
	width: 26.75%;
	text-align: center;
	border: 1px solid #dddddd;
	padding: 20px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background: #041d45 !important;
}

.site-header .widget_shopping_cart_content .total {
	border-top: 0;
	padding: 0;
	float: right;
}
.header-widgets .widget p {
	margin-bottom: 0;
	float: right;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	color: #fff !important;
	background: #041c45 !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	height: 40px;
	width: 150px;
}
form.checkout.woocommerce-checkout h3 {
	color: #041b45;
}
.woocommerce-info {
	border-top-color: #4c74ab;
}

