*{margin:0; padding:0;}
img, a {outline:none; border:none;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
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,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
ol,ul{list-style:none;}
@font-face {
    font-family: 'NeoSans';
	src: url('../fonts/Neo_Sans.ttf');
	src: url('../fonts/neo_sans_black.ttf') format('truetype'),
}

html body{width: 100%;height: 100%;padding: 0px;margin: 0px;font-family:NeoSans;font-size: 12px; overflow-x:hidden;color: #333;}
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.right{float:right;}/* float right */
.left{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.f-normal{font-weight:normal;}
.pdb10{padding:0 0 20px 0 !important;}
.main-container, .banner{width:100%; margin:auto;}
.banner{position:relative;}
.banner img{width:100%; height:auto;}
header{width:100%; border-top:6px solid #db251a;}
header{-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75); -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.07);box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.07);}
.content h1{color:#db251a; text-transform:uppercase; font-size:22px; padding:5px 0; border-bottom:3px solid #737272;}
.content h2{color:#db251a;font-size:17px;text-transform:uppercase;}
.content p{padding:10px 0; font-size:15px;}
.container{max-width:980px; width:100%;margin:0 auto;}
.logo{width:185px; height:98px; float:left; margin:3px 0 0 0;}
.content{margin-bottom:10px;}
.navigation{max-width:600px; width:60%; float:right;}
.site-search{padding:13px 0; width:100%;}
nav{float:right; padding:20px 0;}
nav ul li, nav ul li .submenu li{float:left;}
nav ul li{position:relative;}
nav ul li .submenu{display:none; position:absolute; left:0px; z-index: 9; top: 36px;}
nav ul li .submenu li a{color:#FFF; padding:10px 10px; background:#474545; display: block;width: 78px;}
nav ul li a{padding:20px 10px; text-transform:uppercase; font-weight: bold; color:#474545;}
nav ul li a.active, nav ul li a:hover, nav ul li .submenu li a:hover{background:#db251a; color:#FFF;}
nav ul li .submenu li{display:block;}
li.dropdownArrow a{background:url(../images/dropdown-arrow.jpg) no-repeat center 40px;}
.pro-name {color:#FFF; background:#da251e; margin:0 0 5px 0; padding:6px 0; text-align:center; font-size:18px;bottom: 0;
position: absolute;
width: 100%;}
.pro-name span{
	font-size:12px;
}
.product-display .container aside:nth-child(2){margin:0 3%;}
.product-display .container aside{border:1px solid #CCC;}
.product-display .container{margin:25px 0;}
.nav-btn-holder{display:none;}
.nav-btn{background: transparent;border-bottom: 15px double #ff0f00;border-top: 5px solid #ff0f00; cursor:pointer;height: 5px;width: 25px; float:right; margin-right:10px;}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0; background: #fff; border: 4px solid #fff; border-top:none; border-bottom:none; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flexslider .container{position:relative;}
.flexslider .anchor{position:absolute; left:0px; top:0px;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 22px; height: 35px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; background:url(../images/slider-arrow.png) no-repeat left;}
.flex-direction-nav .flex-next { right: -50px; text-align: right; background:url(../images/slider-arrow.png) no-repeat right;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-size: 40px; display: inline-block; }
.flex-direction-nav a.flex-next:before  { }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 35px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background:#303030; border:2px solid #FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background:#dc281e; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.slide-content{position:absolute; top:160px; right:0px; color:#FFF; font-size:2em; opacity:0;}
.slide-content h1{color:#db251a; font-weight:bold; text-transform:uppercase;}
.slide-content p{font-size:16px;}
.slide-content .smallReadmore{margin:10px 0; float:left;}
.anchor-model{position:absolute; max-width:980px; width:100%; float:left; top:0px; left:50%; margin-left:-36%; height:300px;}
.col-2{width:45%; padding:0 2.5%; float:left;}
.col-3{width:33%; float:left;}
.products h2{background:#fe0000; color:#FFF; font-size:16px; padding:3px 10px; margin:10px 0;}
.products ul{padding:10px 0 20px 20px; list-style-type:none;}
.products ul li{padding:5px 0 5px 10px; background:url(../images/red_bullet.png) no-repeat left center; }
.content form fieldset .container{width:auto;}
#contactus fieldset{width:320px;padding:20px;border:1px solid #ccc;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
#contactus legend, h2{font-size: 1.3em;font-weight:bold;color:#333;}
#contactus label{font-size:1em;font-weight: bold;}
input[type="text"],textarea{font-size: 0.8em;line-height:140%;color : #000; padding : 3px; border : 1px solid #999;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
#contactus input[type="text"]{height:18px;width:220px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#contactus #scaptcha{width:60px;height:18px;}
input[type="submit"]{width:100px;height:30px;padding-left:0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#contactus textarea{height:120px;width:310px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#contactus input[type="text"]:focus, #contactus textarea:focus{color : #009;border : 1px solid #990000;background-color : #ffff99;font-weight:bold;}
#contactus .container{margin-top:8px;margin-bottom: 10px;}
#contactus .error{font-size: 0.8em;color: #EB1010;}
#contactus fieldset#antispam{padding:2px;border-top:1px solid #EEE;border-left:0;border-right:0;border-bottom:0;width:350px;}
#contactus fieldset#antispam legend{font-size: 0.9em;font-weight:bold;color:#333;}
#contactus .short_explanation{font-size: 0.8em;color:#333;}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip{display:none;width:10px;height:3px;}
#fg_crdiv{font-size: 0.3em;opacity: .2;-moz-opacity: .2;filter: alpha(opacity=20);}
#fg_crdiv p{display:none;}
form.cmxform fieldset {margin-bottom: 10px;}
form.cmxform legend {padding: 0 2px;font-weight: bold;_margin: 0 -7px;/* IE Win */}
form.cmxform label {display: inline-block;line-height: 1.8;vertical-align: top;cursor: hand;}
form.cmxform fieldset p {list-style: none;padding: 5px;margin: 0;}
form.cmxform fieldset fieldset {border: none;margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;width: auto;}
form.cmxform label { width: 100px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error {width: 220px;}
form.cmxform input.submit {float:right;}
form.cmxform {font-size: 1.0em;color: #333;}
form.cmxform legend {padding-left: 0;}
form.cmxform legend, form.cmxform label {color: #333;}
form.cmxform fieldset {border: 1px solid #CCC;padding:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
form.cmxform fieldset fieldset {background: none;}
form.cmxform fieldset p, form.cmxform fieldset fieldset {padding: 5px 10px 7px;}
form.cmxform label.error, label.error {/* remove the next line when you have trouble in IE6 with labels in list */
color: red;font-style: italic;font-size:11px;}
#contactForm input[type="text"], #contactForm textarea{width:100%;}
#contactForm textarea{height:170px;}
form.cmxform label{font-size:13px;}
form.cmxform legend{font-size:18px;}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox, input[type=file] { border: none }
input:focus { border: 1px dotted black; }
input.error, #contactForm textarea.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
#contact .col-2, #contact .col-2 p{padding:30px 0 0 0;}
.successMsg{
	padding:10px; font-size:14px; font-weight:bold; text-align:center;
}
/*   Slider Ends  */
#contentArea{position:relative;top:-30px; z-index:9;}
#contentArea aside{min-height: 235px;}
aside{width:31%; float:left; min-width:280px; background:rgba(240, 240, 240, 0.5); min-height:340px; -webkit-box-shadow: 5px 5px 10px 0px rgba(46,45,46,0.16);-moz-box-shadow: 5px 5px 10px 0px rgba(46,45,46,0.16);box-shadow: 5px 5px 10px 0px rgba(46,45,46,0.16);position:relative;}
aside.middle, article.middle{margin:0 3%;}
aside h3, article h3{font-size:16px; padding:6px 0 0 10px; text-transform:uppercase;}
aside h3{color:#ff0f00;}
.icon, .icon-pro, .icon-loc{width:65px; height:65px; margin:20px auto; background:url(../images/success-stories-icon.png) no-repeat;}
.icon{background-position:0 0;}
.icon-pro{background-position:-75px 0;}
.icon-loc{background-position:-157px 0;}
aside p{text-align:center; padding:0 10px; margin:20px 0;}
.readmore{background:#303030; padding:0 0 0 10px; line-height:35px; text-transform:uppercase; display:block; color:#FFF; font-size: 12px;}
.readmore:hover{background:#ec3000;}
.readmore:hover .readmore-arrow{background:#303030 url(../images/arrow-readmore.png) no-repeat center;;}
.readmore-arrow{width:8px; height:11px; padding:12px; background: #ec3000 url(../images/arrow-readmore.png) no-repeat center; float:right;}
.main-container h1, .main-container h3, .main-container p{text-align:center;}
.main-container h1{padding:10px 0; font-size:24px; color:#F00;}
.main-container h3{font-size:16px;}
.grey-bg{background:#ebebeb; padding: 10px 0;}
article{width:31%; float:left; min-width:280px; min-height:200px;}
.main-container article h3, .main-container article p{margin:20px 0; text-align:left;}
.smallReadmore{width:123px; margin: 20px auto;}
.socialMedia{width:303px; height:139px; margin:auto; padding: 20px 0;}
.facebook, .twitter, .gplus{display:block; padding:10px 40px; margin:5px 0; background:url(../images/social-media.png) no-repeat;}
.facebook{background-position:0 0; color:#3c5b9b;}
.twitter{background-position:0 -36px;color:#2daae1;}
.gplus{background-position:0 -72px; color:#f63e28;}
footer{background:#303030; padding:55px 0; border-bottom:5px solid #db261b; color:#FFF;}
footer a{color:#ec3000;}
footer span a{color:#474545;}
footer span a.active{color:#FFF;}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
@media screen and (max-width: 640px) {
aside, aside.middle{margin:20px auto; float:none; width: 95%;}
.product-display .container aside:nth-child(2){margin:20px auto;}
.navigation{width:100%;}
.logo{float:none; margin:0 auto;}
.site-search{display:none;}
.slide-content{top:20px;}
nav{display:none; padding:0;}
nav ul li{width:95%; padding: 0 8px;}
nav ul li ul li{padding:0px;}
nav ul li a{display:block; padding: 7px 10px;}
nav ul li .submenu{position:relative; display:block; top:auto; width:100%;}
nav ul li .submenu{}
nav ul li .submenu li a{width: 99%;}
.nav-btn-holder{display:block; margin-bottom:10px;}
}
@media screen and (max-width: 480px) {
#contentArea{top:0px;}
article, article.middle{width:310px; float:none; margin:0 auto;}

}