/* roboto-condensed-regular - latin */

@charset "utf-8";
/* CSS Document */

/* ============================================================================ 
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
@import url("http://fonts.googleapis.com/css?family=Suranna");
@import url("http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff");

/*  SCSS VARIABLES
================================================================================ */

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form,
label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}
body {margin: 0px;font-size: 100%;font-family: 'Open Sans', sans-serif; !important;}
img {border: none;}
a {text-decoration: none;}
p { padding:0px;margin:0 0 18px 0; line-height:27px; font-size:15px;}
.clr{clear:both;}
.fullImage{width:100%; height:auto;}

.blue{color:#006faf;}
.black{color:#000;}
.white{color:#fff;} 
.red{color:#0098db;}

.topRibon{width:100%; height:auto; padding:0px 7%; margin:auto; background:#373839;}
.trContactDetails{width:50%; height:auto; padding:0; margin:5px 0 0 0; float:left; color:#fff; font-size:14px;}
.trContactBox{ width:auto; height:auto; padding:0; margin:5px 20px 0 0; float:left;}
.trContactIcon{ margin:1px 5px 0 0; color:#0098db;}
.trRightBox{width:50%; height:auto; padding:0; margin:0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trSMBox{width:auto; height:auto; padding:0; margin:0; float:right;}
.trsmnav{width:40px; height:auto; padding:14px 10px 8px 10px; margin:0; display:block; float:left; border-left:solid 1px #b1b1b1; text-align:center; color:#f1f1f1;}
.trsmnav:hover{ background:#0098db; color:#fff;}
.trRightBorder{border-right:solid 1px #b1b1b1;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;background:#fff;}
header .header{width:100%; height:auto; padding:5px 7%; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.1);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }

header .rightBox{width:auto;float:right; margin:28px 0 10px 0; position:relative; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:150px;height: auto; padding:0px; margin:2px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px 7%; margin:auto; background:#fff; position:absolute; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:auto;float:right; margin:28px 0 10px 0; position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:150px;height: auto; padding:0px; margin:2px 0; position:relative; top:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; padding:0; margin:120px 0 0 0;}
.bannerHeading{width:40%; height:auto; padding:25px 2%; margin:auto auto auto 7%; background:rgba(0,0,0,0.5); position:absolute; z-index:1; top:15%; color:#fff; font-size:25px; font-weight:bold; text-align:left; text-shadow:0 2px 2px #000; border-radius:10px;}
.bannerSMText{width:100%; height:auto; padding:12px 0 0 0; margin:auto;color:#fff; font-size:18px; font-weight:400; text-align:left; text-shadow:0 2px 2px #000; line-height:27px; font-style:italic;}

.product-nav-panel{width:100%; height:auto; padding:0; margin:40px 0 0 0;}
.product-nav{width:100%; height:auto; padding:10px 2.5% 10px 3.5%; margin:0 0 25px 0; background:#2092af; color:#fff; font-size:15px; border-radius:5px; display:block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.product-nav:hover{background:#0098db; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.product-nav i{margin:3px 7px 0 0;}

.inner-page .inn-heading{width:100%; height:auto; padding:0px;margin:0 0 30px 0;}
.inner-page .inn-heading .bborder{width:100px; height:auto; padding:2px;margin:0; background:#0098db;}
.inner-page h1{width:100%; height:auto; padding:0px;margin:0 0 18px 0;color:#555; line-height:25px; font-size:30px;}