*, .pure-g [class *= "pure-u"]  {
	font-family: Raleway, 'Noto Sans', 'Droid Sans', Open Sans, Arial, Helvetica, Verdana, Sans-serif;
}

body{
	background:#A2DAFD;
	font-weight: 400;
	font-size: 0.91em;	
	font-size: 1.00vw;	
}


ul, li{
	padding:0;
	margin:0;
}
.inner-wrapper{
	background:#fff;
}
.inner-data{
	background:#fff;
	padding: 2em;'
	color:red;
}
#inner-content h2, #inner-content p{
	text-align:left;
	color:#02385C;
	padding-left:2em;
}
#inner-content h4{
	color:#02385C;
}
#inner-header-wrapper{
}
#inner-main-wrapper{
	margin-top:1em;
}
#main-wrapper{
	padding: 0 5em;
	text-align: center;
}

#main-header {
	background-color: #A2DAFD;
}

#title-header {
	padding-top: 1.5em;
	padding-left: 4em;
	background:#A2DAFD;
}

#title-header div{
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

#iso {
	height: 4.1em;
	background-image: url("../images/iso-certified.jpg");
    background-position-x: 0;
}

#lang {
/*
	font-size: 1.5em;
	font-weight: bold;
	color: #0E4281;
	background-color: #eeeeee;
    margin: 0 0.3em;
    padding-bottom: 0.9em;
*/
	background: transparent url("../images/Language.png") no-repeat 50%;
    background-size: contain;
    height: 3em;
	color: transparent;
}

#title-logo {
	height: 4.1em;
	background-image: url("../images/Logo.png");
    background-position-x: 100%;
}

#header-intro, #video-tabs{
	background:#A2DAFD;
}
#header-menu-intro{
	margin:1em 0 0 0em;
}
#menu-bar, #intro{
	text-align:center;
	color:#03395D;
}
#intro{
	margin-top:14.4em;
}
#menu-bar li{
	list-style:none;
	padding-left:1.2em;
	padding-right:.0em;
}
.pure-menu-link{
	text-decoration:none;
	text-transform: uppercase;
	color:#02395c;
	padding: 0 0 0.2em 0;
	border-bottom: 0.3em solid transparent;
}

#menu-bar li a:hover, .pure-menu-selected {
	border-bottom: 0.3em solid #FF4F19;
	background-color: transparent;
}

#menu-bar {
	margin-top:3em;
    text-align: right;
    padding: 0;
    right: 0;
}
#INTRO-HEAD{
	text-align:left;
	font-weight:bolder;
	font-size: x-large;
	font-size: 2.1em;
}
#intro-para{
	text-align:left;
	font-size: 1.3em;
}

#tab1{
	background-color:#0E4281;
}
#tab2{
	background-color:#76B439;
}
#tab3{
	background-color:#F46C22;
}

.tab-logo{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 35%;
    text-align: center;
    width: inherit;
    height: 3.3em;
    margin: 20% 30% 10% 30%;
    padding: 10% 0 10% 0%;
}
.tab-inner{
	text-align:center;
	color:#fff;
	width: 100%;
	font-size: 1.4em;
	padding-bottom: 10%;
}

#tab1 .tab-logo{
	background-image: url("../images/OldSiteLogo.png");
}
#tab2 .tab-logo{
	background-image: url("../images/eBrochure.png");
}
#tab3 .tab-logo{
	background-image: url("../images/reachus.png");
}

a{
	text-decoration:none;
	color:#fff;
}
#front-products{
	text-align:center;
	margin-bottom: 1.5em;
}
.red-head{
	color:#FF4F19;
	font-weight:bolder;
	font-size: x-large;
	font-size: 2.1em;
}
.blue-bar-head{
	background: #A2DAFD url("../images/arrow.png") no-repeat 95%;
	padding: .5em 0 .5em 0;
	font-weight:bold;
	font-size: larger;
	font-size: 1.3em;
	color:#02385C;
}
.blue-bar-head-inner{
	margin: 1em 0 1em 0em;
}
.products-list{
	
}
.products-list li{
	list-style:none;
	padding: .5em 0em .5em 0em;
	border-bottom:1px solid #A2DAFD;
	color:#02395c;
	text-transform:capitalize;
}
.products-arrow{
	display:inline;
	text-align:right;
	//margin-right:-3em;
	margin-left:2em;
}
#footer *{
    font-size: 1.8em;
    color: #0e4281;
    text-align: center;
    line-height: 0.75em;
    padding: 0.75em;
}

#footer strong {
	font-size: 1.2em;
}
#footer .copyright {
	color: #596b79; 
	font-size: 1em;
}

.inner-menu-wrapper{
	//border:1px solid black;
	text-align:center;
}
.inner-menu-wrapper li a{
	//border:1px solid black;
	text-align:center;
	font-size:1.2em;
}
.inner-menu-wrapper li{
	padding: 0 1em 0 1em;
}
#slider {
	background-color: #fff;
}
#banner{
	text-align:center;
	/*margin-top:2em;*/
}
#banner .nivo-prevNav {
	background: transparent url("../images/NavLeft.png") no-repeat 50%;
    background-size: contain;
    height: 3em;
    color: transparent;
    margin-left: 1em;
}
#banner .nivo-nextNav {
	background: transparent url("../images/NavRight.png") no-repeat 50%;
    background-size: contain;
    height: 3em;
    color: transparent;
    margin-right: 1em;
}
#banner .nivo-caption {
	background-color: transparent;
	color: #0E4281;
	width: 25%;
	top: 1.5em;
	text-align: left;
	left: 1em;
	font-size: 1.6em;
}

.prod{
	background:#ffffff;
}
#main-products{
	margin-top:2em;
}
.prod-wrapper{
	
}
.prod-bg{
	background-image:url("../images/white-bg.jpg")
}
.main-prod{
	background:#00397E;
	padding: 1em .5em 1em .5em;
	color:#fff;
}
.main-prod a{color:#fff; text-decoration:none;}
#products-list{
	background:#fff;
	padding-right:1em;
	padding-top:1.5em;
}
#products-list p, #products-list h4{
	color:#03395D;
	text-align:left;
}
#products-list p, #products-list a{
	font-size:.85em;
	line-height:1.3em;
	
}
.white-data{
	//background:#fff;
}
.search{
	color:gray;
	text-decoration:none;
	display:none;
}
.view-det{
	padding: .5em 1em .5em 1em;
	background:#A2DAFD;
		
}
.view-det a{
	text-decoration:none;
	color:#02385C;
}
.col{
}
.product-list-row{
	padding-bottom:2em;
	
}

.menu-wrapper {
    background-color: #A2DAFD;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

.menu-wrapper.open {
    height: 23em;
}

.menu-toggle {
    width: 3em;
    height: 100%;
    display: block;
    position: absolute;
    top: 1.1em;
    /*left: .2em;*/
    display: none;
    z-index: 1;
}

.menu-toggle .bar {
    background-color: #FF4F19;
    display: block;
    width: 3em;
    height: 0.3em;
    position: absolute;
    top: 1.6em;
    left: 0em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.menu-toggle .bar:first-child {
    -webkit-transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px);
}

.menu-toggle .bar:last-child {
    -webkit-transform: translateY(+9px);
    -moz-transform: translateY(+9px);
    -ms-transform: translateY(+9px);
    transform: translateY(+9px);
}

.menu-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	body {
	font-size: 1em;	
	font-size: 3.00vw;	
	}

	#main-wrapper{
	padding: 0;
	}

    .menu-toggle {
    display: block;
    }

    .menu-wrapper{
	height: 8em;
	margin-top: -0px;
    }

	#iso {
	background-image: none;
	}
	
	#iso-mob {
	background: transparent url("../images/Certification.png") no-repeat 50%;
    background-size: contain;
    height: 5em;
    margin-bottom: -3em;
    z-index: 1;
	}
	
	#title-header {
	padding-top: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
	}
	
    .menu-can-transform{
	margin: 1em;
    text-align: center;
    }

    #menu-brand {
	height: 60px;
	padding-left: 0px;
	background-image: url("../images/Logo.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	text-align:right;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
    }

	#content-row1, #intro {
	margin-top: 0;
	text-align:center;
	}
	
	#INTRO-HEAD, #intro-para {
	text-align:center;
	}
	
	#tab1 {
	display: none;
	}
	#banner {
	margin-top: 3em;
	}
}

@media all and (min-width: 769px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1025px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1025px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1025px) {

    .menu-can-transform{
	margin: 0;
    }
    
    #iso-mob {
    display: none;
    }

	#content-row1 {
	margin-top: -11.4em;
	}
	
}
#quote-button{
	background-color:#0E4281; 
	color:#ffffff; 
	padding:.5em
}