/*   
Theme Name: Peninsula Glass - Boat Windows
Description: Peninsula Glass - Boat Windows Wordpress Theme
Author: Admin
*/
/*** 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: none;font-size: 100%;margin: 0;outline: none;padding: 0;vertical-align: baseline;text-decoration:none;}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
*{ padding:0 0 0 0; margin:0 0 0 0; }
html, body { height: 100%;}

/*** General Settings ***/
body {
	background:#fff;
	color:#333;
	font-size: 16px;
	font-family: 'open_sansregular';
	position:relative;
}
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin-bottom:15px; }
p { margin: 0 0 15px 0; line-height:1.7em}
element { cursor:pointer; }

/*** CSS IDs ***/
#top { position:relative; z-index:999;}
#topwrap { padding:25px 0; background:url(images/innertopbg.jpg) scroll 0 0; background-size:100%}
#topwrap::before { content:'';
	background:url(images/lightdark-trans.png) scroll 0 0;
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
}
.home #topwrap { position:absolute; left:0; width:100%; top:0; padding:30px 0; z-index:999; background:0}
.home #topwrap::before { display:none}
#topnav { position:relative; top:-13px;}
#topnav ul li::after { content:"\f111";
	position:absolute;
	top:6px;
	left:-14px;;
	color:#fff;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#topnav ul li:first-child::after,
#topnav ul li:nth-child(1)::after { display:none}
#topnav ul li { float:left; display:block; font-size:11px; margin:0 0 0 25px; position:relative;}
#topnav ul li a { display:block; color:#fff; text-transform:uppercase;}
#topnav ul li:hover a,
#topnav ul li.current_page_item a { color:#4bbbf1}
#logo { position:relative; z-index:995; margin: 8px 0 0 0;}
#mainnav {}
#pagenav {/* position:relative; */padding:15px 0 0 0;}
#pagenav > ul {}
#pagenav > ul > li { display:block; float:left; position:relative; padding:1px; margin:0 0 0 10px}
#pagenav > ul > li > a { display:block; padding:9px 15px; color:#fff; font-size:15px; text-transform:uppercase; text-shadow:0 1px 1px #000}
#pagenav > ul > li:hover,
#pagenav > ul > li.current_page_item,
#pagenav > ul > li.current_page_ancestor { color:#fff; border:1px solid #fff; padding:0}
#pagenav > ul > li.current_page_item > a,
#pagenav > ul > li.current_page_ancestor > a { font-family:'open_sansbold'}
#pagenav ul li > ul {
	position:absolute;
	z-index: 9999;
	display:none;
	min-width:200px;
	background:#333;
	margin:1px 0 0 -1px;
	border:1px solid #2b2b2b;
	border-top:0
}
#pagenav ul li:last-child > ul { right:0; margin-right:-1px}
#pagenav ul li:hover > ul { display:block}
#pagenav ul li:hover > ul li a { color:#fff;
	padding:7px 15px;
	font-size:13px;
	display:block;
	border-top:1px solid #2b2b2b
}
#pagenav ul li:hover > ul li:hover a,
#pagenav ul li:hover > ul li.current_page_item a { background:#4bbbf1; color:#111}


/*Wide Menus*/
#pagenav > ul > li.widenmenus {position:inherit;}
#pagenav > ul > li.widenmenus a { }
#pagenav > ul > li.widenmenus > ul {
	position:absolute;
	background:#fff;
	width:100%;
	left:0;
	margin:0!important;
	border:0;
	padding:20px 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#pagenav > ul > li.widenmenus.menu-item-has-children > a::before { content: "\f0de";
	position:absolute;
	color:#f6f6f6;
	bottom:-13px;
	left:0;
	text-align:center;
	width:100%;
	z-index:9;
	display: inline-block;
	display:none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 21px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#pagenav > ul > li.menu-item-has-children:hover > a::before {/* display:inline-block */}
#pagenav > ul > li.widenmenus > ul > li { float:left;
	display:block;
	width:23.2%;
	padding:8px 10px;
	margin:0 .9%;
	border:1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#pagenav > ul > li.widenmenus ul li.menu-item-get-started { padding:1px; width:18%; text-align:center; border: 1px solid #4bbbf1!important; position:relative; top:25px; left:10px;}
#pagenav > ul > li.widenmenus > ul > li > a { border:0;
	display:inline-block;
	width:100%;
	font-family:'open_sanssemibold';
	padding:0;
	color:#222;
	font-size:12px;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.115s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#pagenav > ul > li.widenmenus > ul > li.menu-item-get-started > a { text-align:center;
	display:block;
	color:#fff;
	background:#4bbbf1!important;
	text-shadow:none;
	padding:10px;
	moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}
#pagenav > ul > li.widenmenus > ul > li:hover,
#pagenav > ul > li.widenmenus > ul > li.current_page_item { background:#fff;
	border:1px solid #222;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius: 2px;
}

#pagenav > ul > li.widenmenus > ul > li:hover a,
#pagenav > ul > li.widenmenus > ul > li.current_page_item a { background:0}
#pagenav > ul > li.widenmenus > ul > li > a > span { float:right; display:block; width:55%; margin-top:20px;}
#pagenav > ul > li.widenmenus > ul > li.menu-item-photo-gallery > a > span { margin-top:30px}
#pagenav > ul > li.widenmenus > ul > li.menu-item-get-started > a > span { margin-top:0; float:none; width:auto}
#pagenav > ul > li.widenmenus > ul > li > a::before { content:'';
	margin:0;
	width:40%;
	min-height:100px;
	display:block;
	float:left;
}
#pagenav > ul > li.widenmenus > ul > li.menu-item-get-started > a::before { display:none}

#pagenav > ul > li.widenmenus ul li.series-1150 a::before { background:url(images/widenmenus/series-1150.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.series-1200 a::before { background:url(images/widenmenus/series-1200.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.series-1250 a::before { background:url(images/widenmenus/series-1250.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.series-1260 a::before { background:url(images/widenmenus/series-1260.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.series-1275 a::before { background:url(images/widenmenus/heavyduty-top-hinge.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.series-1600 a::before { background:url(images/widenmenus/elite-single-windowws.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.series-1800 a::before { background:url(images/widenmenus/elite-dual-pane.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.shop-parts a::before { background:url(images/widenmenus/winparts.jpg) no-repeat scroll 0 50%;}
#pagenav > ul > li.widenmenus ul li.photo-gallery a::before { background:url(images/widenmenus/photogal.jpg) no-repeat scroll 0 50%;}

#mob-pagenav,
#mobnav { display:none;}
#linken {}
#linken i { display:block; background:#fff; color:#111; padding:7px;
	width:40px;
	font-size:20px;
	cursor:pointer;
	margin-right:3px;
	margin-top:-3px;
	text-align:center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(235,235,235,1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(235,235,235,1);
	box-shadow: 3px 3px 0px 0px rgba(235,235,235,1);
	-webkit-transition: all 0.15s ease; 
	-moz-transition: all 0.15s ease; 
	-ms-transition: all 0.115s ease; 
	-o-transition: all 0.15s ease; 
	transition: all 0.15s ease;
}
#mob-pagenav .mobnav { position:absolute;
	text-align:left;
	z-index:9999;
	width:42%;
	overflow:auto;
	height:337px;
	background:#111;
	right:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;

	box-sizing: border-box;
}
#mob-pagenav .mobnav li { border-top:1px solid #2b2b2b}
#mob-pagenav .mobnav li a { color:#eee; font-size:13px; display:block; padding:5px 10px;}
#mob-pagenav .mobnav li ul li a { padding:5px 30px}
#mob-pagenav .mobnav li ul li ul li a { padding:5px 50px}
#mob-pagenav .mobnav li:hover > a {  background:#4bbbf1; color:#111}

#banner-area {}
#banner-area .container { width:1090px}
#banner-area .nivoSlider::before {
	content:'';
	background:#000;
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:99;
	/*opacity:.6;*/
	opacity:.2; /*December seasons*/
}
#banner-area .slide-caption-entry { width:100%;}
#banner-area .slide-caption-entry h1,
#banner-area .slide-caption-entry h2 { text-transform:uppercase; margin:0; text-shadow:0 0 10px #000; color:#fff;}
#banner-area .slide-caption-entry h1 br,
#banner-area .slide-caption-entry h2 br { display:none}
#banner-area .slide-caption-entry h1 em,
#banner-area .slide-caption-entry h2 em { font-family: 'open_sansregular'; display:block; font-size:20px; font-style:normal; }
#banner-area .slide-caption-entry h1 strong,
#banner-area .slide-caption-entry h2 strong { margin:10px 0;
	font-family: 'open_sansbold';
	font-size:30px;
	background:url(images/lightdark-trans.png);
	border-left:5px solid #4bbbf1;
	padding: 10px 30px 10px 25px;
	display:inline-block;
}
#banner-area .slide-caption-entry p { margin:0}
#banner-area .slide-caption-entry .slide-button { padding:25px 0 0 0}
#banner-area .slide-caption-entry .slide-button a.btn { display:block;
	background:#4bbbf1;
	font-size:22px;
	padding:7px 20px;
}
#banner-area .slide-caption-entry .slide-button a.btn:hover { background:#3bb9f6}
#main-content { padding:2% 0}
.home #main-content { padding:0}

/*#floating-widget {
	width:113px;
	position:fixed;
	left:10px;
	top:30%;
	z-index:999;
}*/

.home #floating-widget { padding-top:150px}
#floating-widget {
	width:113px;
	position: absolute!important;
	left:10px;
	top: 0;
	z-index: 996;
	padding-top: 150px;
	display:none!important; /* Hidden as of 09-11-2024 */
}

#floating-widget .floating-icon {  margin:0 0 5px 0}
#floating-widget .floating-icon a { background:url(images/floatin-widget-icons.png);
	display:block;
	width:113px;
	height:113px;
}
#floatlink1 a { background-position:0 226px!important}
#floatlink2 a { background-position:113px 0!important}

#main-left,
#main-right {  width:72%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#main-right { width:25%}

#site-quote-icons { text-align:center; padding:12px 0 12px 0;}
#site-quote-icons li { display:inline-block; vertical-align:top; margin:8px;}
#site-quote-icons li i { display:none}
#site-quote-icons li a em { text-indent:-99999px; display:block}
#site-quote-icons li a { background:url(images/floatin-widget-icons.png);
	display:block;
	width:113px;
	height:113px;
}
#site-quote-icons li a.qquote { background-position:0 226px!important}
#site-quote-icons li a.dquote { background-position:113px 0!important}

#services { padding-top:0}
#services h2 { margin-bottom:35px}


#proven-quality { background:#f6f6f6;}
#proven-quality h2 {
	font-size:27px!important;
    font-family: 'open_sanssemibold';
}
#proven-quality h3 > a { color:#21a6d9; text-decoration:underline}
#proven-quality > p { margin:0}
#proven-quality > br { display:none}
#proven-quality .content-column h1 { font-size:30px; margin:0 0 5px 0; font-family:'open_sanssemibold'}
#proven-quality .content-column h2 { font-size:19px; margin:0 0 30px 0}
#proven-quality .content-column { padding:3% 1% 1% 130px}
#proven-quality .content-column.last_column { padding:0}
#proven-quality .content-column.last_column p,
#proven-quality .content-column.last_column img { margin:0}

#solutions { text-align:center}
#solutions .content-column { float:none; display:inline-block; vertical-align:top; text-align:left}
#solutions .content-column p a { font-size:12px}
#solutions h2 { margin-bottom:30px}


#testi-wrap { text-align:center; background:url(images/testibg.jpg); background-size:100% 100%; color:#fff; padding:2% 0 1% 0}
#testi-wrap .entry .main-title { margin:0 0 20px 0}
#testi-wrap  .bx-wrapper { margin:0 auto}
#testi-wrap h1,
#testi-wrap h3 { font-size:30px; margin:0 0 5px 0; font-family:'open_sanssemibold'; color:#fff}
#testi-wrap .main-title { border:0}
#testi-wrap .bx-prev,
#testi-wrap .bx-next { position:absolute;
    top:50%;
    color:#46aada;
    background:#fff;
    display:block;
    padding:10px 15px;
    display:none;
}
#testi-wrap .bx-prev { left:-10%}
#testi-wrap .bx-next { right:-10%}

#sidebar {}
#sidebar .widget { position:relative}

#sidebar .widget.widget_recent_entries ul,
#sidebar .widget.widget_archive ul,
#sidebar .widget.widget_categories ul,
#sidebar .widget .PLlinksWidget ul { padding:0; margin:0}
#sidebar .widget.widget_recent_entries ul li,
#sidebar .widget.widget_archive ul li,
#sidebar .widget.widget_categories ul li,
#sidebar .widget .PLlinksWidget ul li,
#sidebar .widget.location-links.widget_text ul li { display:block;}
#sidebar .widget.widget_recent_entries ul li a,
#sidebar .widget.widget_archive ul li a,
#sidebar .widget.widget_categories ul li a,
#sidebar .widget .PLlinksWidget ul li a,
#sidebar .widget.location-links.widget_text a { display:block;
	padding:10px 5px 10px 25px;
	border-bottom:1px dashed #ddd;
	color:#333;
	font-family:'open_sansregular';
	font-size:13px;
	-webkit-transition: all 0.25s ease; 
	-moz-transition: all 0.25s ease; 
	-ms-transition: all 0.125s ease; 
	-o-transition: all 0.25s ease; 
	transition: all 0.25s ease;
	position:relative;
}
#sidebar .widget.widget_archive ul li { border-bottom:1px dashed #ddd; font-family:'open_sansregular';}
#sidebar .widget.widget_archive ul li a { display:inline-block; border:0}
#sidebar .widget.widget_recent_entries ul li a i,
#sidebar .widget.widget_archive ul li a i,
#sidebar .widget.widget_categories ul li a i,
#sidebar .widget .PLlinksWidget ul li a i { left:-0.3em; top:0.9em;
	-webkit-transition: all 0.25s ease; 
	-moz-transition: all 0.25s ease; 
	-ms-transition: all 0.125s ease; 
	-o-transition: all 0.25s ease; 
	transition: all 0.25s ease;
}
#sidebar .widget.widget_recent_entries ul li:hover a,
#sidebar .widget.widget_archive ul li:hover a,
#sidebar .widget.widget_categories ul li:hover a,
#sidebar .widget .PLlinksWidget ul li:hover a { color:#037590}
#sidebar .widget.widget_recent_entries ul li:hover a i,
#sidebar .widget.widget_archive ul li:hover a i,
#sidebar .widget.widget_categories ul li:hover a i,
#sidebar .widget .PLlinksWidget ul li:hover a i { left:-0.2em}


#sidebar #banner-callaction { width:100%; margin:0 0 5% 0}
#sidebar #banner-callaction .widget { display:inline-block; width:100%}
#sidebar #banner-callaction .widget .textwidget { height:185px}
#sidebar #banner-callaction .widget h1 {font-size: 40px;}
#sidebar .wrap-col { border:1px solid #f3f3f3; background:#dadada; padding:1px;}
#sidebar .wrap-col .wrap-inside { border:1px solid #fff; background:#e6e6e6; padding:8px;}
#sidebar .breaker { position:relative;
	height:6px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	width:100%;
	display:inline-block;
	margin:5% 0 7% 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar .breaker .line { background:#21a6d9; height:6px; display: block; width:10%; margin: 0 auto;}
#sidebar .widget h2 { line-height:1.2em; font-size:25px; font-family: 'open_sanssemibold';}

#banner-callaction { width:21.5%;}
#banner-callaction .widget {color:#fff; font-family: "open_sansbold"; font-size:20px; margin:0 0 8.2px 0}
#banner-callaction .widget h1 { font-size:38px;
	text-transform:uppercase;
	line-height:1.1em;
	margin:0 0 4px 0;
}
#banner-callaction .widget h2 { font-size:27px; margin:0 0 5px 0;}
#banner-callaction .widget .widget-button { display:inline-block;
	width:100%;
	padding:9px 0 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#banner-callaction .widget .widget-button a { display:inline-block;
	font-size:14px;
	font-family: "open_sansregular";
	color:#fff;
	width:55%;
	padding:5px 5px 7px 5px;
	text-transform:uppercase;
	border:1px solid #444;
	background:url(images/grey-grad.png) repeat-x #2c2c2c;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
#banner-callaction .widget .widget-button a:hover { background:#444}
#banner-callaction .widget.window .widget-button a { background:url(images/red-grad-button.png) repeat-x #e5382e; color:#fff; border:1px solid #f5543a}
#banner-callaction .widget.window .widget-button a:hover { background:#e5382e}
#banner-callaction .widget.window { margin:0}
#banner-callaction .widget.get-started .textwidget,
#banner-callaction .widget.window .textwidget { height:176px;
	padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#banner-callaction .widget.get-started .textwidget { background:url(images/red-grad.png) repeat-x #e3352c; border:1px solid #e62617;}
#banner-callaction .widget.window .textwidget { background:url(images/grey-grad.png) repeat-x #2c2c2c; border:1px solid #000}

#full .faq-custompage input[type=text] { padding:8px; width:40%}
#full .faq-custompage input[type=submit] { padding:8px 8px 9px 8px;
	display:block;
	background:#4bbbf1;
	display:inline-block;
	position:relative;
	z-index:99;
	cursor:pointer;
	color:#fff;
	border-top:1px solid #747474;
	font-family: "open_sansbold";
	border:0;
	width:7%;
	text-transform:uppercase;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
#full .faq-custompage #search-4 i { position:relative; top:5px}
#full .faq-custompage .col.fl { width:53%}
#full .faq-custompage .col.fr { width:44%}
#full .faq-custompage .faq-taxonomy { padding:15px 0 0 0}
#full .faq-custompage .faq-item { display:block; border-bottom:1px dashed #eee; margin:0 0 15px 0; padding:0}
#full .faq-custompage .faq-item i { padding:0 10px 0 0; color:#21a6d9; font-size:18px}
#full .faq-custompage .faq-item h2 a { text-transform:uppercase; color:#565656; font-size:16px; text-decoration:none}
#full .faq-custompage .faq-item h2 a:hover { color:#21a6d9; text-decoration:none}

.faq-custompage .faq-item2 { display:block; margin:26px 0; padding:0}
.faq-custompage .faq-item2 i { padding:0 10px 0 0; color:#21a6d9; font-size:20px}
.faq-custompage .faq-item2 h3 a {  text-decoration:none!important;}
.faq-custompage .faq-item2 h3,
.faq-custompage .faq-item2 h6,
.faq-custompage .single-faq h2 { font-size:15px; font-family: "open_sanssemibold"; }
.faq-custompage .single-faq h2 { color:#565656; }
.faq-custompage .single-faq h2 i { padding:0 10px 0 0}
.faq-custompage .faq-item2 h3 a,
.faq-custompage .faq-item2 h6 a { color:#565656!important;}
.faq-custompage .faq-item2 h3 a:hover,
.faq-custompage .faq-item2 h6 a:hover { color:#21a6d9!important; text-decoration:none!important}
#faq-block .faq-list { padding:0}

#testimonials-slider .bx-wrapper { position: relative; padding: 0; width:100%; *zoom: 1;}
#testimonials-slider .bx-wrapper .testimonials-carousel-context{ overflow: hidden;}
#testimonials-slider .testi-entry { font-size:14px; text-shadow:0 1px 2px #2d94c6; padding:30px 0}
#testimonials-slider .testi-entry strong { font-family: "open_sanssemibold"; font-size:17px; color:#fff; font-weight:normal}
#testimonials-slider .testi-entry span { color:#fff; font-family: "open_sansitalic";}
#testimonials-slider .testi-entry i { color:#46aada; background:#fff;
	text-shadow:none;
	margin:0 0 40px 0;
	 -webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius: 100px;
	width:100px;
	height:100px;
	line-height:100px
}
#testimonials-slider .bx-wrapper .slide {padding:0; margin:0; display: block;}
#testimonials-slider .bx-wrapper .bx-viewport { margin-left:0; z-index:1;width:100%;}
#testimonials-slider .bx-wrapper .bx-loading {min-height: 50px;background:
	url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

#blogposts {}
#blogposts .post { border-bottom:1px dashed #ccc; padding:0 0 25px 0; margin:0 0 25px 0}
#blogposts .post .main-title { position: relative;
    border-bottom: 1px solid #333;
    padding: 0 0 10px 0;
    margin: 0 0 25px 0;
    display: inline-block;
    width: 100%;
}
#blogposts .post .main-title .line {height:3px; width: 70px; position:absolute; bottom: -1px; background:#285083; display: inline-block; left: 0;}
#blogposts .post .post-title { margin:0 0 20px 0; font-family: 'open_sansbold'; font-size:20px; line-height:1.1em; text-transform:capitalize}
#blogposts .post .post-title a { color:#404040}
#blogposts .post .post-title a:hover {color: #4bbbf1;}
#blogposts .post .post-thumb,
#blogposts .post .post-entries { width:30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#blogposts .post .post-entries { width:67%}
#blogposts .post .post-thumb img { padding:4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ccc;
	background:#eee;
}
#blogposts .post .post-readmore a { color:#fff;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.125s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	 background:#4bbbf1; display:none;
	 font-size:13px;
	font-family:Verdana;
	padding:10px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
#blogposts .post .post-readmore a:hover{ color:#fff; background:#222}
#blogposts .post .post-entries.full { width:auto}

#blogposts .post .post-meta { font-size:12px; padding:10px 0 0 0}
#blogposts .post .post-meta span { text-decoration:underline}
#blogposts .post .post-meta a { color:#285083}
#blogposts .post .post-meta a:hover { text-decoration:underline}

#blogposts.singlepost { margin-top:0}
#blogposts.singlepost .post h1 {  margin:0 0 5px 0; font-family: 'open_sansbold'; font-size:30px; line-height:1.1em; text-transform:capitalize}
#blogposts.singlepost .post { border-bottom:0;}
#blogposts.singlepost .post .post-thumb { margin:0 1.2em 0 0; width: auto; max-width: 35%;}
#blogposts.singlepost .post .post-entries { width:100%; margin:0 0 3% 0}
#blogposts.singlepost .post .post-entries strong { font-family:'open_sansbold'; color:#285083}
#blogposts.singlepost .post .post-entries a { color:#285083; text-decoration:underline}
#blogposts.singlepost .post .post-entries a:hover { text-decoration:none}

#blogposts.singlepost .post-content { margin:0 0 20px 0}
#blogposts.singlepost .post-content h2 { font-family:'open_sansbold'; font-size:25px; color:#4bbbf1}
#blogposts.singlepost .post-content h3 { font-family:'open_sansbold'; font-size:20px; color:#4bbbf1}
#blogposts.singlepost .post-content ol li { margin:0 0 15px 0; line-height:1.6em}
#blogposts.singlepost .post-content ol li strong { font-family:'open_sansbold'}

#blogposts.singlepost .post-content ul,
#blogposts.singlepost .post-content ol { display:inline-block; margin:10px 0 20px 40px; }
#blogposts.singlepost .post-content ul li,
#blogposts.singlepost .post-content ol li { display:block;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	position:relative;
	line-height:1.7em
}
#blogposts.singlepost .post-content ul li::before { content: "\f0da";
	color:#285083;
	position:absolute;
	left:0;
	top:4px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#blogposts.singlepost .post-meta {}
#blogposts.singlepost .post-meta span { text-decoration:underline}

#blogposts.singlepost .comments-area {}
#blogposts.singlepost .comments-area h2#comments { margin:0 0 40px 0;
	font-family: 'open_sansbold';
	color: #285083;
	font-size: 20px;
	text-transform: uppercase;
}
#blogposts.singlepost .comments-area h2#comments span { border-bottom: 1px dashed #ccc; display:block; padding: 0 0 5px 0; margin:0 0 20px 0}
#blogposts.singlepost .comments-area ol li { display:block; margin:0 0 35px 0}
#blogposts.singlepost .comments-area ol li #respond { padding:30px 0 0 0}
#blogposts.singlepost .comments-area ol li #respond .desc { display:none}
#blogposts.singlepost .comments-area ol li #respond .submit-button {}
#blogposts.singlepost .comments-area ol li ul.children { margin:35px 0 0 0; padding:0 0 0 155px}
#blogposts.singlepost .comments-area ol li ul.children .comment-body { background: #285083;}
#blogposts.singlepost .comments-area .comment-body { background: #285083; color:#fff; padding:35px 35px 15px 35px; font-size:14px;}
#blogposts.singlepost .comments-area .vcard { position:relative; margin: -65px 0 20px 0; color:#fff; font-family: 'open_sansregular';}
#blogposts.singlepost .comments-area .vcard a { color:#fff}
#blogposts.singlepost .comments-area .vcard a:hover { color:#fd2928}
#blogposts.singlepost .comments-area .vcard .fn { margin:0 0 0 15px; font-family: 'open_sansitalic';}
#blogposts.singlepost .comments-area .vcard span.says { margin:0 40px 0 0 }
#blogposts.singlepost .comments-area .vcard img.avatar { position:relative;
	top:10px;
	background:#fff;
	border:5px solid #285083;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
}
#blogposts.singlepost .comments-area .commentdate { padding:40px 0 0 0}
#blogposts.singlepost .comments-area .comment-txt { color: #fff; font-size:14px; line-height: 1.5em; margin:0 0 15px 0; font-family: 'open_sansregular';}
#blogposts.singlepost .comments-area .reply { text-align:right}
#blogposts.singlepost .comments-area .reply a { display:inline-block; background:#fff; color: #285083; font-size:11px; padding:3px 10px}
#blogposts.singlepost .comments-area .reply a:hover {  color:#285083; text-decoration:none}

#respond { font-family: 'open_sansregular';}
#respond h2 {margin:0;font-family: 'open_sansbold';color: #4bbbf1;font-size: 20px;text-transform: uppercase;padding: 0 0 5px 0;border-bottom: 1px dashed #ccc;}
#respond a {color: #4bbbf1;text-decoration:underline;}
#respond a:hover { text-decoration:none}
#respond form { margin:2% 0 0 0}


#paginations {}
#paginations ul li a { font-size:14px; font-family: 'open_sansitalic'; color:#285083}
#paginations ul li a:hover { text-decoration:underline}

#footer { color:#fff}
#contact-info-footer { background:url(images/footerbg.jpg); background-size:100% 100%; padding:3% 0}
#contact-info-footer h1 ,
#contact-info-footer h2 { font-size:35px; line-height:1.4em; color:#fff}
#contact-info-footer h1 span,
#contact-info-footer h2 span { font-size:20px; display:block; color:#9b9b9b}

#contact-info-footer h2 { font-size:25px; margin:0 0 10px 0; color:#fff}
#contact-info-footer .contact-info {}
#contact-info-footer .contact-info .gform_wrapper { margin:0}
#contact-info-footer .contact-info .gform_wrapper .top_label li.gfield { padding:0; margin:0 0 10px 0}
#contact-info-footer .contact-info .gform_wrapper .top_label div.ginput_container { margin:0!important;}
#contact-info-footer .contact-info .gform_wrapper .top_label li.gfield.gf_left_half,
#contact-info-footer .contact-info .gform_wrapper .top_label li.gfield.gf_right_half { float:left; clear:inherit; width:49%; padding:0;}
#contact-info-footer .contact-info .gform_wrapper .top_label li.gfield.gf_right_half { float:right}
#contact-info-footer .contact-info .gform_wrapper label.gfield_label { display:none}
#contact-info-footer .contact-info .gform_wrapper .withlabel label.gfield_label { display:block; font-family:'open_sansbold'; margin:0 0 5px 0}

#contact-info-footer .contact-info .gform_wrapper .gfield_captcha_container { display:inline-block; width:100%}
#contact-info-footer .contact-info .gform_wrapper .gfield_captcha_container .gfield_captcha { display:inline-block; height:43px;}
#contact-info-footer .contact-info .gform_wrapper .gfield_captcha_container .gfield_captcha_input_container { display:inline-block; width:60%; padding:0}

#contact-info-footer .contact-info .gform_wrapper input[type=text],
#contact-info-footer .contact-info .gform_wrapper textarea { color:#000;
	background:#eee;
	border:0; 
	display:block;
	font-size:14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	resize:none;
	width:100%;
	padding:12px;
}
#contact-info-footer .contact-info .gform_wrapper textarea { height:100px}
#contact-info-footer .contact-info .gform_wrapper .gform_footer { padding:10px 0 0 0; margin:0;}
#contact-info-footer .contact-info .gform_wrapper .gform_footer input.button,
#contact-info-footer .contact-info .gform_wrapper .gform_footer input[type=submit] {
	display:block;
	color:#fff;
	background:#4bbbf1;
	font-size:14px;
	font-family:'open_sanslight';
	border:0;
	text-transform:uppercase;
	padding:12px 50px;
	cursor:pointer;
}
#contact-info-footer .contact-info .gform_wrapper .gform_footer input.button:hover,
#contact-info-footer .contact-info .gform_wrapper .gform_footer input[type=submit]:hover { background:#3bb9f6}
#left-info,
#right-info { float:left;
	width:48.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#right-info { float:right}
#contact-txts { color:#9b9b9b; margin:0 0 25px 0; display:inline-block; width:100%}
#contact-txts p { font-size:16px; margin:0 0 30px 0}
#contact-txts ul li { position:relative; margin:0 0 14px 0; line-height:2.2em; padding:0 0 0 50px}
#contact-txts ul li::before { content:'';
	text-align:center;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	background:#4bbbf1;
	width:40px;
	height:40px;
	line-height:40px!important;
	 -webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius: 100px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#contact-txts ul li a { color: #9b9b9b; text-decoration:underline}
#contact-txts ul li#map::before { content: "\f041";}
#contact-txts ul li#phone::before { content: "\f095";}
#contact-txts ul li#fax::before { content: "\f1ac";}
#social-icons {}
#social-icons ul li { display:block; float:left; margin:0 10px 0 0}
#social-icons ul li a {
	text-align:center;
	color:#fff;
	top:0;
	left:0;
	background:#444;
	width:50px;
	height:50px;
	line-height:48px!important;
	 -webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius: 100px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.15s ease; 
	-moz-transition: all 0.15s ease; 
	-ms-transition: all 0.115s ease; 
	-o-transition: all 0.15s ease; 
	transition: all 0.15s ease;
}
#social-icons ul li#fb:hover a { background:#3a8ddc}
#social-icons ul li#tw:hover a { background:#00b1ff}
#social-icons ul li#pi:hover a { background:#cb2027}
#social-icons ul li#yt:hover a { background:#cc181e}
#social-icons ul li#rss:hover a { background:#ffa100}
#copy { background:#171717; padding:20px 0; font-size:15px}
#copy a { color:#fff}
#copy a:hover { text-decoration:underline}


/*** CSS Classes ***/
* html .clearfix { height: 1%; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0;}
.clear { clear:both;}
.clearpad { clear:both; padding:10px 0}
.clearhr { clear:both; padding:1px 0;display:inline-block;width:100%;border-bottom:1px dashed #ddd;margin:10px 0 20px 0;}
.fl, .fr {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.fl { float:left;}
.fr { float:right;}
.txt-left { text-align:left;}
.txt-right { text-align:right;}
.txt-center { text-align:center;}
.container { margin:0 auto; width:1170px; position:relative}
.content-column{ margin-right:3%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.content-column.one_half { width:48.5%}
.content-column.one_third { width:31.3%}
.content-column.two_third { width:65%}
.content-column.one_fourth { width:22.7%}
.content-column.two_fifth { width:38.5%;}
.content-column.three_fifth { width:58.5%;}
.content-column.last_column { margin-right:0}

/* Images Alignment */
img.alignright, a img.alignright { float:right; margin:0 0 0 1em;}
img.alignleft, a img.alignleft { float:left; margin:0 1em 0 0}
img.aligncenter, a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignnone, a img.alignnone { margin:0 0 .5em 0}
img.alignright, a.alignright, img.alignleft, a.alignleft, img.aligncenter, a.aligncenter, img.alignnone, a.alignnone {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.noborder { padding:0!important; background:0!important; border:0!important}

.txt,
.txtarea {width:100%;
	border:1px solid #cacaca;
	color:#565656;
	background:#fff; 
	display:block;
	font-family:'open_sansregular';
	padding:15px;
	font-size:14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	resize:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.txthalf { width:49%}
.submit-button {
	width:auto;
	display:block;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
	padding:10px 25px;
	border:0;
	font-family: 'open_sansbold';
	font-size:20px;
	color:#fff;
	text-shadow:none;
	background: #4bbbf1;
}
.submit-button:hover { background:#222}

.commentwrap { margin:0 0 2% 0}
.commentwrap label { display:none}

.innerpage img.alignright,
.innerpage a.alignright,
.innerpage img.alignleft,
.innerpage a.alignleft,
.innerpage img.aligncenter,
.innerpage a.aligncenter,
.innerpage img.alignnone,
.innerpage a.alignnone {
	padding:8px;
	background: #f6f6f6;
    border: 1px solid #eee;
    border-bottom:2px solid #eee;
    margin-bottom:10px
}
.entry {}
.entry sup { font-size:11px; vertical-align: 15%;}
.entry hr { display:none}
.entry .main-title { position:relative;
	border-bottom:1px solid #333;
	padding:0 0 10px 0;
	margin:0 0 35px 0;
	display:inline-block;
	width:100%;
}
.entry .main-title .line {height:3px; width: 40px; position:absolute; bottom: -1px; background:#21a6d9; display: inline-block; left: 0;}
.entry .main-title h1 { margin:0}
.home .entry .main-title { border:0; padding:0; margin:0 0 50px 0}
.home .entry .main-title .line { display:none}
.entry h1 {font-family:'open_sansbold'; font-size:30px; margin-bottom:20px; color:#222}
.entry h2 { font-family:'open_sansbold'; font-size:27px;}
.entry small { text-transform:lowercase}
.entry h3 {  font-size:23px; color:#21a6d9; margin:0 0 10px 0; font-family: 'open_sanssemibold';}
.entry h4, .entry h5, .entry h6 {  font-size:20px}
.entry h5 {  font-size:18px;}
.entry h6 {  font-size:16px;}
.entry p > a,
.entry p > span a { color:#21a6d9; text-decoration:underline}
.entry p > a:hover,
.entry p > span a:hover { text-decoration:none} 
.entry p > em { font-family: 'open_sansitalic'; color:#21a6d9}
.entry p > em a { color:#21a6d9; text-decoration:underline}
.entry p > strong { font-family:'open_sansbold'; color:#21a6d9}
.entry dl { line-height:1.6em; margin:0 0 15px 0}
.entry > ul,
.content-column ul,
.entry > ol,
.content-column ol { margin: 0 0 20px 25px;}
.content-column ol { list-style:decimal}
.entry ul > li {line-height:1.8em;}
.entry ul li strong,
.entry > ol li strong { font-family:'open_sansbold'}

.entry > ol li a,
.entry > ul li a { color:#21a6d9; text-decoration:underline}


.entry ul li > i { top:.4em; color:#21a6d9;}
.entry > table { margin:0 0 20px 0; width:100%;}
.entry > table tr th { background:#333; color:#fff; font-family:'open_sansbold'}
.entry > table tr th.blueth { background:#21a6d9;}
.entry > table tr td, .entry > table tr th { padding:8px; border:1px solid #333}
.entry > table tr td.nobor { border-bottom:0; border-top:0}
.entry > table tr.bottom-divider td { border-bottom:5px solid #333}
.entry > table tr td strong { font-family:'open_sansbold'}
.entry > table tr td em { font-style:normal;}
.entry .content-lists .conlists { margin:0}
.entry .logolists { display:inline-block; width:100%; margin-top:30px}
.entry .logolists ul li { display:inline-block; margin:0 20px}
.entry .logolists ul li img.alignnone { border:0; padding:0; background:0}
.entry iframe { width:100%; height:450px}
.entry .pdf-link-wrap { margin:0 0 17px 0; display:inline-block; width:100%; text-align:left}
.entry .pdf-link-wrap i { margin:0 10px 0 0; top:5px; position:relative; float:left; font-size:35px}
.entry .pdf-link-wrap a { font-family: "open_sanssemibold"; font-size:14px; color:#21a6d9; text-decoration:none; line-height:0.8em}
.entry .pdf-link-wrap a span { display:block; color:#333; font-size:12px; text-decoration:underline}
.entry .content-lists {}
.entry .content-lists ul li { display:block; margin:0 0 5px 0;}
.entry .content-lists ul li i { top:.1em}
.entry .content-lists ul li a { color:#21a6d9}
.entry .content-lists .conlistwrap { line-height:1.4em}
.entry .content-lists .conlistwrap .conlist-img { width:11%}
.entry .content-lists .conlistwrap .conlist-entry { width:85%}
.entry .content-lists .conlistwrap .conlist-entry a > p { margin:0}
.entry .content-lists .conlistwrap .conlist-entry ul { margin-bottom:15px;}
.entry .content-lists .conlistwrap .conlist-entry ul li br { display:block;}
.entry .content-lists .conlistwrap .conlist-entry ul li span { padding:7px 0 5px 0; display:inline-block; line-height:1.7em; color:#565656}
.entry .content-lists .conlistwrap img { border:0; background:0;}
.entry .content-lists .conlistwrap h3 { margin-top:0; line-height:1.4em; font-size:16px}
.entry .content-lists .conlistwrap strong { display:inline-block; margin:8px 0; font-size:20px; font-family: "open_sansbold"; color:#21a6d9}
.entry .content-lists .conlistwrap br { display:none}
.entry .ulist { margin:0 0 10px 0}
.entry .ulist ul { margin-left: 1.6em;}
.entry .ulist ul li { display:block; margin:0 0 6px 0; line-height:1.4em}
.entry .ulist ul li i { margin:0 5px 0 0}
.entry .solution-lists {}
.entry .solution-lists li { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dashed #ccc;}
.entry .solution-lists li p { margin:0;}
.entry .solution-lists li h3 { margin:0;}
.entry .solution-lists li h3 a { text-decoration:none; color:#565656; font-size:17px}
.entry .solution-lists li h3 a i { display:none}
.entry .solution-lists li a { font-size:12px}
.entry .gallery-item { margin:15px 5px; width:30%!important}
.entry .gallery-item img { border:1px solid #e3e3e3;
	padding:5px; background:#f6f6f6;
	margin:0 0 5px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.entry .gallery-item .gallery-caption { font-size:12px}
.entry .table-responsive {}
.entry .table-responsive caption { font-size:17px; font-family: "open_sansbold"; margin:10px 0 5px 0; color:#21a6d9}
.entry .ngg-galleryoverview { margin:0; text-align:center}
.entry .ngg-gallery-thumbnail-box { margin:0 10px 20px 10px;
    float:none;
    display:inline-block;
    vertical-align:top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.entry .ngg-gallery-thumbnail { float:none; background:0; border:0; margin:0}
.entry .ngg-gallery-thumbnail a { margin:0}
.entry .ngg-gallery-thumbnail img { background:#eee; border:1px solid #ccc; padding:6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin:0
}

.entry .vids { width:100%; display:inline-block;}
.entry .vids p { display:none}
.entry .vids p.wp-caption-text { display:block; margin:0; text-align:center; font-size:12px}
.entry .vids .wp-caption { width:47%!important; float:left; margin:0 3% 3% 0;
	 border:1px solid #ccc; background:#eee; padding:8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.entry .vids .wp-caption img {
	margin:0 0 5px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.img-caption-lists {padding: 4% 0 5% 0;}
.img-caption-lists .entry > p { margin:0}
.img-caption-lists .entry .content-column p { font-size:14px}
.img-caption-lists .entry h1,
.img-caption-lists .entry h2,
.img-caption-lists .entry h3 { text-align:center; font-family:'open_sanssemibold'}
.img-caption-lists .entry h1 em,
.img-caption-lists .entry h2 em,
.img-caption-lists .entry h3 em { font-style:normal; display:block; font-family:'open_sansregular'; font-size:18px; color:#676767}
.img-caption-lists .entry .wp-caption { width:auto!important; position:relative; margin:0 0 10px 0; background:#000}
.img-caption-lists .entry .wp-caption img:hover { opacity:.8}
.img-caption-lists .entry .wp-caption .wp-caption-text { position:absolute; bottom:0; left:0; margin:0; text-align:center; background:#4bbbf1; color:#fff; font-size:12px; padding:5px; width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



.testibox { border:1px solid #eee;
	border-bottom:4px solid #eee;
	padding:15px;
	margin:0 0 25px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.testibox .testi-thumb { float:left;
 	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 130px;
}
.testibox .testi-thumb img { border:1px solid #ccc; background:#eee; padding:6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.testibox .testicont {float:right;width: 86%;}
.testibox .testicont p strong { display:inline-block; width:100%}
.backbutton { display:block}
.backbutton a { display:inline-block; padding:5px 10px;
	background:#bd1c1c;
	color:#fff;
	position:relative;
	border-bottom: 4px solid #900707;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.btn-button { display:inline-block; clear:both; padding:10px 0 0 0}
.btn-button a.btn { display:block;
	background:#4bbbf1;
	color:#fff;
	padding:7px 20px;
}
#banner-area .slide-caption-entry .slide-button a.btn:hover { background:#3bb9f6}
.error-img { width:30%;}
.error-cont { width:69%}

.single-question .entry table { border:1px solid #ccc; margin:0 0 20px 0}
.single-question .entry table tr td { padding:10px; border:1px solid #ccc}
.single-question .entry table tr td strong { font-size:18px;}
.search-content { margin:10px 0 20px 0; padding:0 0 15px 0; border-bottom:1px dashed #ccc}
.search-content h2.search-content-title { color:#21a6d9;
	font-family: 'open_sansbold';
	font-size:25px;
}
.search-content table { border:1px solid #ccc; margin:0 0 20px 0}
.search-content table tr td { padding:10px; border:1px solid #ccc}
.search-content table tr td strong { font-size:18px;}
.search-content .readmore a { display:inline-block;
	text-decoration:none;
	background:url(images/red-grad-button.png) repeat-x #e5382e;
	color:#fff;
	border:1px solid #f5543a;
	padding:4px 10px 6px 10px;
	font-family: 'open_sansregular';
	font-size:14px;
	text-transform:uppercase;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.search-content .readmore a:hover { background:#e5382e; text-decoration:none}

#frame-widget {position:relative;height: 790px;display:inline-block;width:100%;background:#eee;border:1px solid #ddd;margin:10px 0 0 0;}
.tints, .frames { position:absolute; top: 70px; right:20px; z-index:9; width:390px;}
.frames { z-index:99}
.tints span, .frames span.glasstitle,
.tints span, .frames span.desc { display:inline-block; margin: 0; position:absolute; top: -12px; left:0;width:100%; text-align:center;font-size: 11px;}
.tints span, .frames span.glasstitle { top:-57px; font-size:16px; color:#565656!important; font-family: 'open_sansbold'!important}
.tints span, .frames span.tinttitle { top:-36px}
.tints span { float:right}
.frames-thumb, .tints-thumb {position:absolute;top:5px;z-index: 995;left:20px;}
.frames-thumb { width:380px;}
.frames-thumb h3 { font-size:17px!important}
.tints-thumb { top:inherit; bottom:5px;}
.thumbs { display:inline-block; width:100%;}
.thumbs li { display:block; float:left; text-align:center; width:105px; line-height:1em!important}
.thumbs li img { margin:0 0 2px 0; border:3px solid #eee}
.thumbs li.ui-tabs-active img { border:3px solid #222}
.thumbs li a { color:#222; text-decoration:none!important; display:block;}
.thumbs li a span { font-size:11px; }
.frames-thumb ul li {margin:0 18px 5px 0;}
.frames-thumb ul li:nth-child(3) { clear:both}
.frames-thumb ul li span { color:#222; font-family:'open_sanssemibold';}
.tints-thumb ul li { margin:0 11px 15px 0;}
.tints-thumb h3 { font-size:17px}
.fancybox-nav {
    width: 0% !important;
}
.fancybox-next span, .fancybox-prev span {
    visibility: visible !important;
}


.overlaybox { background:#333; font-size:14px; padding:10px 30px; display:inline-block; width:100%; color:#fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.overlaybox ul.pdf-icon-imgs {}
.overlaybox ul.pdf-icon-imgs li { position:relative; padding:0 0 0 50px; margin:0 0 20px 0}
.overlaybox ul.pdf-icon-imgs li > br { display:none}
.overlaybox ul.pdf-icon-imgs li a::before { content:'';
	position:absolute;
	left:0;
	top:10px;
	background:url(images/pdficon-real.png) no-repeat scroll 0 0;
	display:block;
	width:32px;
	height:32px
}
.overlaybox ul.pdf-icon-imgs li a > strong { display:block; font-size:17px}
.overlaybox ul.pdf-icon-imgs li em { display:block; padding:10px 0 0 0; font-style:normal;}
.overlaybox ul.pdf-icon-imgs li em > strong { font-family:'open_sansregular'; font-weight:normal; color:#e7463e}
.overlaybox ul.pdf-icon-imgs li em > br { display:none}
.overlaybox ul.pdf-icon-imgs li a { color:#fff;}
.overlaybox ul.pdf-icon-imgs li a:hover strong { color:#e7463e}

.overlaybox ul.bullets {}
.overlaybox ul.bullets li { margin:0 0 15px 0}
.overlaybox ul.bullets li i.fa-arrow-right { display:none;}
.overlaybox ul.bullets li i { color:#e7463e; font-size:9px; top:8px; left:-25px;}
.overlaybox ul.bullets li a,
.overlaybox ul.bullets li strong { font-family:'open_sansbold'; color:#e7463e;}


.overlaybox.step1,
.overlaybox.step2 { min-height:560px; margin:0 0 18px 0}
.overlaybox h3 { color:#e7463e; font-family:'open_sansbold'}
.overlaybox h3::before { content:'';
	display:inline-block;
	vertical-align:middle;
	margin:0 20px 0 0;
	width:57px;
	height:55px;
}
.overlaybox.step1 h3::before {background:url(images/step1.png) no-repeat scroll 0 0;}
.overlaybox.step2 h3::before {background:url(images/step2.png) no-repeat scroll 0 0;}
.overlaybox.step3 h3::before {background:url(images/step3.png) no-repeat scroll 0 0;}
.overlaybox h4 { font-family:'open_sansbold'; padding:0 100px 0 0; font-size:17px}
.overlaybox p > a { color:#e7463e}
.overlaybox a img.alignleft { background:0; padding:0}
.overlaybox ul { margin-bottom:5px; display:inline-block}

.overlaybox.step1 { background:url(images/step1bg.jpg;) no-repeat scroll 0 0; background-size:100%}
.overlaybox.step2 { background:url(images/step2bg.jpg;) no-repeat scroll 0 0; background-size:100%}
.overlaybox.step3 { background:url(images/step3bg.jpg;) no-repeat scroll 0 0; background-size:100%}
#html5-watermark { display:none!important}

.popupbox { display:none}
.popupbox h1,
.popupbox h2 { font-size:20px; font-family:'open_sansbold'; color:#51bcef}
.popupbox#quote-worksheet {}
.popupbox#quote-worksheet .content-column { text-align:left; width:100%; margin:0 0 0 0;padding:20px 20px 30px 20px; border-bottom:1px solid #eee}
.popupbox#quote-worksheet .content-column  br { display:none}
.popupbox#quote-worksheet .content-column img { float:left; margin:0 20px 0 0}
.popupbox#quote-worksheet .content-column a { color:#51bcef; display:block; font-family:'open_sansbold'; line-height:1.5em}
.popupbox#quote-worksheet .content-column strong { color:#222; font-family:'open_sansregular'; font-weight:normal; font-size:12px}
.popupbox#quote-worksheet .content-column strong em { font-style:normal; text-decoration:underline}
/*.popupbox#quote-worksheet .content-column.last_column { border-left:1px solid #ddd;}*/


.mob-show { display:none}

.covid-notice { padding:15px;background:lightyellow;text-align:center; font-size:20px}
.covid-notice em { font-style:normal; font-weight:700; color:#cc0000}
.covid-notice a { color:#111; font-family:'open_sansbold';}

/*ETHYL Additional CSS*/
.page-contact-form .gform_legacy_markup_wrapper ul li.gfield {margin-top: 0px !important;}
.gform_legacy_markup_wrapper.gf_browser_chrome span.address_country {margin-top: 8px;}
#input_1_3_6_container select {padding: 4px 0 4px 3px;}
#gform_1 {background: #4bbbf1;padding: 10px 10px 10px 15px;}
#gform_1 .gform_button{background: #fff !important;color: #000;font-family: 'open_sansbold';}
.page-contact-form .gform_legacy_markup_wrapper  li.hidden_label input {margin-top: 10px;border: none;}
.page-contact-form .gform_legacy_markup_wrapper  li.hidden_label textarea, .page-contact-form .gform_legacy_markup_wrapper  li.hidden_label select{border: none;}
.page-contact-form .gform_legacy_markup_wrapper  li.hidden_label label {display: none !important;}
.gfield_captcha_container input {border: none;}
#input_1_4 {margin-top: -10px;}
.post-author {display: inline-block !important;}
.post-author-single {display: inline-block; display:none!important}
#blogposts.singlepost .post-meta span {text-decoration: none;}
#blogposts .post .post-meta span {text-decoration: none;}

#input_1_3_6_container select {margin-top: 10px;}

.archive h1 {margin: 0;}
.archive h1 {font-family: 'open_sansbold';font-size: 30px;margin-bottom: 0px;color: #222;}
#page-entry .main-title {
    position: relative;
    border-bottom: 1px solid #333;
    padding: 0 0 10px 0;
    margin: 0 0 35px 0;
    display: inline-block;
    width: 100%;
}
#page-entry .main-title .line {
    height: 3px;
    width: 40px;
    position: absolute;
    bottom: -1px;
    background: #21a6d9;
    display: inline-block;
    left: 0;
}
@media screen and (max-width: 414px){
.cust-trick {overflow: inherit;}
}