@font-face {
  font-family: 'Calibre-Light';
  src: url('../font/Calibre-Light.eot'); /* IE9 Compat Modes */
  src: url('../font/Calibre-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Calibre-Light.woff') format('woff'), /* Modern Browsers */
       url('../font/Calibre-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Calibre-Light.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
  font-style:   normal;
  -webkit-font-smoothing: antialiased;
}


@font-face {
  font-family: 'Calibre-Regular';
  src: url('../font/Calibre-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/Calibre-Regular?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Calibre-Regular.woff') format('woff'), /* Modern Browsers */
       url('../font/Calibre-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Calibre-Regular.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
  font-style:   normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Calibre-Medium2';
  src: url('../font/Calibre-Medium.eot'); /* IE9 Compat Modes */
  src: url('../font/Calibre-Medium?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Calibre-Medium.woff') format('woff'), /* Modern Browsers */
       url('../font/Calibre-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Calibre-Medium.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
  font-style:   normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Calibre-Bold';
  src: url('../font/Calibre-Bold.eot'); /* IE9 Compat Modes */
  src: url('../font/Calibre-Bold?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Calibre-Bold.woff') format('woff'), /* Modern Browsers */
       url('../font/Calibre-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Calibre-Bold.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
  font-style:   normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('../font/gothic_0.eot');
    src: url('../font/gothic_0.eot') format('embedded-opentype'),
         url('../font/gothic_0.woff') format('woff'),
         url('../font/gothic_0.ttf') format('truetype'),
         url('../font/gothic_0.svg#CenturyGothicRegular') format('svg');
	font-style:   normal;
}


@font-face {
  font-family: 'Gotham-Book';
  src: url('../font/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Book.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Book.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('../font/Gotham-Light.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Light.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Light.svg#0fdc6c734a7ca54436fb28af9ab2f202') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  200;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Thin';
  src: url('../font/Gotham-Thin.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Thin.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Thin.svg#0aac47714e259d61a3445651c8075cce') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  200;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('../font/Gotham-Medium.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Medium.svg#0fbe3a09622d8fb1f474f00917396ba1') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url('../font/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Bold.svg#4b05af1f343b473876284bf412b923ab') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  700;
  -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'klavika_lightlight';
    src: url('../font/klavikalight-osf_0-webfont.eot');
    src: url('../font/klavikalight-osf_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/klavikalight-osf_0-webfont.woff2') format('woff2'),
         url('../font/klavikalight-osf_0-webfont.woff') format('woff'),
         url('../font/klavikalight-osf_0-webfont.ttf') format('truetype'),
         url('../font/klavikalight-osf_0-webfont.svg#klavika_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KlavikaRegularPlain';
    src: url('../font/klavikaregular-plain-webfont.eot');
    src: url('../font/klavikaregular-plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/klavikaregular-plain-webfont.woff') format('woff'),
         url('../font/klavikaregular-plain-webfont.ttf') format('truetype'),
         url('../font/klavikaregular-plain-webfont.svg#KlavikaRegularPlain') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KlavikaBoldBold';
    src: url('../font/klavikaboldbold1_0-webfont.eot');
    src: url('../font/klavikaboldbold1_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/klavikaboldbold1_0-webfont.woff') format('woff'),
         url('../font/klavikaboldbold1_0-webfont.ttf') format('truetype'),
         url('../font/klavikaboldbold1_0-webfont.svg#KlavikaBoldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../font/proximanova-regular-webfont.eot');
    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regular-webfont.woff') format('woff'),
         url('../font/proximanova-regular-webfont.ttf') format('truetype'),
         url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../font/proximanova-bold-webfont.eot');
    src: url('../font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-bold-webfont.woff') format('woff'),
         url('../font/proximanova-bold-webfont.ttf') format('truetype'),
         url('../font/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* Normalize.css v2.1.2 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;white-space:normal;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure,form{margin:0;}p,pre,dl,menu,ol,ul{margin:1em 0;}

code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;}
pre code{padding:0;color:inherit;background-color:transparent;border:0;}

img,
audio,
video,
canvas {
  max-width: 100%;
}

/* Grid > 6 Column Mobile First
-------------------------------------------------------------- */
.container {
  /*
    The `max-width` property is the width governer.
  */
	max-width: 1100px;
	max-width: 96%;
	width:100%;
	margin:0px auto;
	position: relative;
}


/* Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
For best results, use your favorite clearfix here.
-------------------------------------------------------------- */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


/* Helpers
-------------------------------------------------------------- */
.show-grid div[class*='grid-'] {
  background-color: #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  text-align: center;
}

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
html, body { height: 100%; }
html { font-size: 100%; }
body { 
font-size: 16px; 
line-height: 20px; 
text-rendering:optimizeLegibility; 
font-family: 'Calibre-Regular';
color: #535353; 
margin: 0;
background: url(../img/bg.jpg) no-repeat right 0;
background-attachment: fixed;
background-color: #fff;
display: table;
-overflow-x: hidden;
}



p {
	clear: both;
	-margin-top: 20px;
}

a { border: 0; color: #003399;}
a:focus,
a:hover { color: #003399; }

p { font-weight: 300; }
img.aligncenter { margin: 3em auto; display: block; }

section { margin-bottom: 2.5em; }

.header2 {
	z-index: 1000 !important;
	position: absolute;	
	width: 100%;
	top: 0px;
	-background: url(../img/navi_bg.png) repeat;
	background-color: #fff;
	height: 113px;
	border-bottom: 1px solid #ccc;
	display: none;
}

.header { position: relative; margin: 0px auto; background-size:cover; }
.header .welcome { }
.header .heavy { color: #333; font-size: 1.9em; line-height: 1.2; position: relative;  z-index: 100; font-weight: 300; }
.header .heavy span { font-size: 0.6em; }
.header .small { font-size: 0.9em; color: #fff; }
.header #carbonads-container { margin: 20px auto; width: 300px; }

.header2 .container {
	-border: 1px solid #ccc;
	-margin-top: 30px;
}


.logo {
	-background:url(../img/logo.png) no-repeat left top;
	width: 150px;
	-height: 99px;
	display: block;	
	-float: left;
	-border: 1px solid red;
	position: absolute;
	margin-top: 17px;
	margin-left: -10px;
	
}
.logo2 {
	-background:url(../img/logo.png) no-repeat 40px top;
	width: auto;
	height: auto;
	display: block;	
	padding-top: 7px;
	margin-bottom: 14px;
	-padding-left: 5%;
	text-align: center;
	width: 20%;
	position: relative;
	z-index: 1000;
	-float: left;
	-border: 1px solid red;
	
}
#logo2 {
	display: none;
	width: 120px;
	margin-top: 15px;	
}
.logo img {
	width: 100%;
}



h1 {
	color: #005aab;
	font-size: 22px;
	text-transform:uppercase;
	font-family: 'Calibre-Regular';
	font-weight: bold;
	
}

h2 {
	color: #333;
	font-size: 32px;
	text-transform:uppercase;
	font-family: 'Calibre-Light';
	font-weight: normal;
	
}

h3 {
	color: #005aab;	
	font-family: 'Calibre-Regular';
	font-weight: 600;
	letter-spacing: 0.5px;
}

.h3_form {
	margin-top: 0px;
	margin-bottom: -30px;	
}




.checkform {
	
	visibility:hidden;
	height: 1px;
	display: none;
}

.f12red {
	color: orange;
	font-weight: bold;
	font-size: 16px;

}

.textbox1 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	border-color: transparent;
	-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	-background: url('../img/textbox_bg.jpg') left top;
	background-color: #eee;
	padding: 7px !important;
	margin-bottom: 11px !important;
	padding: 10px;
	width: 100%;
	
}

.textbox2 {
	width: 49.5% !important;
	float: left;
	margin-right: 1%;	
}
.textbox2_last {
	margin-right: 0px;	
}

.main_btn {
	background-color: #1e1e53;
	display: block;
	padding: 10px !important;
	padding-bottom: 10px !important;
	text-align: center;
	color: #fff !important;
	font-size: 12px;
	border-radius: 5px;
	transition: all 0.5s ease;
	border: 0;
	-width: 49%;
	-margin-right: 2%;	
	float: left !important;
	height: 40px !important;
	line-height: 2 !important;
}

.main_btn:hover {
  background-color: #00003c;
}

.bannerbtn {
	display: block;
	height: 162px;
	-border: 1px solid red;	
	overflow: hidden;
	position: relative;
	margin-top: -13px;
	z-index: 1000;
}
#mainfooter, #mainfooter * {
	transition: all ease-out .5s !important;
}
.footer.animation  {
    animation: SHW .5s;
    animation-fill-mode: both
}
@keyframes SHW {
    from {
        margin-bottom: -100px;
        opacity:0
    }
    to {
        margin-bottom: 0px;
        opacity:1
    }
}
.footer {
	height: 60px;
	overflow: hidden;
	color: #fff;
	-border: 1px solid red;
	width: 100%;
	-position: absolute;
	
	background: url(../img/footer_bg.png) repeat-x left bottom;
	text-align: right;
	
	-padding-left: 50px;
	-border: 1px solid red;
	z-index: 0;
	font-size: 14px;
	z-index: 100;
	-position: relative;
	-position: fixed !important;
	position: relative;
	display: none;
	opacity: 0 !important;
	transition: all ease-out .5s !important;
	margin-top: 30px;
	-bottom: 0;
}
.footer a {
	color: #fff;
	text-decoration: none;	
}
.footer1 {
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	opacity: 1 !important;
	transition: all ease-out .5s !important;
	-border: 1px solid red;
	-display: none;
}

.footer2 {
	margin-top: 30px;
	-display: none;
}

.footer font {
	margin-right: 25px;
	margin-top: 27px;
	display: block;
	text-align: left;
	padding-left: 130px !important;
	display: block;
	left: 30px !important;
	width: 100% !important;
	-border: 1px solid red;
	position: relative;
}

.bannerbtn iframe {
	background-color: transparent;
}


.bannerbtn iframe, .bannerbtn .coveriframe {
	border: 0;
	width: 70%;
	width: 83%;
	height: 150px;
	margin-top: 13px;
	float: left;
	position: relative;
	z-index: 0;
	-border: 1px solid red;
}

.index_page .bannerbtn iframe, .bannerbtn .coveriframe {
	width: 80%;
}

.bannerbtn .coveriframe {
	position: absolute;
	z-index: 1;
	background-color: transparent;
}



.fader {
	position: relative;
	margin-top: 13px;
	-right: 300px;
	width: 178px;
	z-index: 100;
	margin-left: -177px;
	float: left;
	background: url(../banner2/img/fade1.png) no-repeat top right;
	height: 150px;
	-border: 1px solid yellow;
	
}

.fader2 {
	background: url(../banner2/img/fade2.png) no-repeat top right;

	
}
.fader3 {
	background: url(../banner2/img/fade3.png) no-repeat top right;

	
}
.fader4 {
	background: url(../banner2/img/fade4.png) no-repeat top right;

	
}

.side {
	width: 20%;
	min-width: 300px;
	height: 162px;
	float: left;
	-border: 1px solid blue;	
	text-align: right;
	position: relative;
}
.side1 {
	background: url(../img/banner/s1.png) no-repeat top right;
}
.side2 {
	background: url(../img/banner/s2.png) no-repeat top right;
}

.side3 {
	background: url(../img/banner/s3.png) no-repeat top right;
}

.side4 {
	background: url(../img/banner/s4.png) no-repeat top right;
}

.side5 {
	background: url(../img/banner/s5.png) no-repeat top right;
	
}

.body_about .side3 {
	background: url(../img/banner/s1.png) no-repeat top right;
}

.body_clientele .side3 {
	background: url(../img/banner/s2.png) no-repeat top right;
}

.body_contact .side3 {
	background: url(../img/banner/s4.png) no-repeat top right;
}


.side span {
	font-family: 'Calibre-Regular';
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	-margin-right: 30px;
	position:absolute;
	bottom: 25px;
	right: 40px;
}

.tail {
	width: 70%;
	min-width: 300px;
	height: 162px;
	float: left;
	position: relative;
	-border: 1px solid blue;	
}

.tail font {
	position: absolute;
	z-index: 101;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Calibre-Regular';
	bottom: 20px;
	right: 25px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	display: none;
}
.tail1 {
	background: url(../img/banner/t1.png) no-repeat top right;
}
.tail2 {
	background: url(../img/banner/t2.png) no-repeat top right;
	width: 67%;
}
.tail3 {
	background: url(../img/banner/t3.png) no-repeat top right;
	width: 64%;
}
.tail4 {
	background: url(../img/banner/t4.png) no-repeat top right;
	width: 61%;
}

.body_about .tail3 {
	background: url(../img/banner/t1.png) no-repeat top right;
}

.body_about .fader3 {
    background: url(../banner2/img/fade1.png) no-repeat top right;
}

.body_clientele .tail3 {
	background: url(../img/banner/t2.png) no-repeat top right;
}

.body_clientele .fader3 {
    background: url(../banner2/img/fade2.png) no-repeat top right;
}

.body_contact .tail3 {
	background: url(../img/banner/t4.png) no-repeat top right;
}

.body_contact .fader3 {
    background: url(../banner2/img/fade4.png) no-repeat top right;
}
.tail_inner {
	width: 70%;	
}
.tail5 {
	background-color: #005aab;
	width: 61%;
	height: 47px;
	margin: auto;
	-display: table-cell !important;
	-vertical-align: middle;
	margin-top: 13px;
	text-align: right;
	padding-top: 13px;
	padding-right: 25px;
	box-sizing: border-box;
}
.side-shadow {
	background: url(../img/side-shadow.png) repeat-y top left;
	height: 100%;
	width: 44px;
	position: absolute;
	left: 20%;
	-border: 1px solid red;
	top: 0;
	z-index: 100 !important;
}

.topNav {
	float: left;
	list-style: none;
	display: table;
	position: absolute;
	padding-left: 20%;
	left: 20px;
	top: 70px;
	z-index: 1000;
	-display: none;	
	transition: all ease-out 0.0s !important;
}
.topNav li {
	float: left;
	padding: 10px;
	border-right: 1px solid #ccc;
	padding-top: 3px;
	padding-bottom: 0;
	line-height: 10px;
}
.topNav .last {
	border-right: 0px;	
}
.topNav a {
	text-decoration: none;	
	text-transform: uppercase;
	font-family: 'Gotham-Bold';
	font-size: 12px;
	color: #005cab;
}
.topNav a:hover {
	color: #90c9ff !important;
}


.left_col {
	width: 300px;
	-border: 1px solid red;
	text-align: right;
	position: relative;
	min-height: 300px;
	float: left;	
}

.right_col {
	width: 70%;
	-border: 1px solid red;
	min-height: 300px;
	height: auto;
	padding-right: 120px;
	padding-top: 25px;
	padding-left: 25px;
	box-sizing: border-box;	
	float: left;
}

.inner_col {
	width: 100%;
	min-height: 300px;
	height: auto;
	display: table;
	-background-color: red;
	-padding-right: 5px;
	padding-right: 50px;
	padding-bottom: 30px;	
	-line-height: 26px;
	line-height: 21px;
	padding-left: 10px;
	margin-bottom: 10px !important;
	-border: 1px solid red !important;
}

.subNav {
	list-style: none;
	display: table;
	margin-left: 20px;
	position: absolute;
	right: 40px;
	-border: 1px solid red;
}
.subNav li {
	-float: left;
	padding: 10px;
	-border-right: 1px solid #ccc;
	background: url(../img/sideNav_bullet.png) no-repeat right 5px;
	padding-top: 3px;
	padding-bottom: 10px;
	line-height: 10px;
	text-align: right;
	font-size: 15px;
}

.subNav a {
	text-decoration: none;
	-color: #065aa9;
	-border: 1px solid red !important;
}

.subNav_2 li{
	min-width: 250px;
	-border: 1px solid red !important;
}

.subNav a:hover, .topNav a:hover {
	color: #000;	
}

.left_col {
	width:20%;
		
}

.content {
	position: relative;
	z-index: 1;	
	-display: table;

}

.content_inner {
	-display: table;
}

.product_link {
	display: table;
	margin: 0.4%;
	width: 24.21%;
	height: auto;
	position: relative;
	-border: 1px solid yellow;
	padding-bottom: 0;
	float: left;
	-display:inline-table;
}


.product_link img {
	width: 100%;
	margin-bottom: -11px;	
}

.product_link * {
	transition: all ease-out .5s !important;
}

.product_link span {
	width: 100%;
	position: absolute;
	bottom: -2px;
	left: 0;
	background-color:rgba(0, 0, 0, 0.7);
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #fff;
	font-size: 14px;
	z-index: 2;
	box-sizing: border-box;
	transition: all ease-out .5s !important;
	height: auto;
}

.product_link:hover span {
	background-color:rgba(0, 90, 171, 1);
	-height: 0%;
	-width: 0px;
	-bottom: -20px;
	-font-size: 0px;
	opacity: 0;
}

.product_link:hover {
	transform: scale(1.1,1.1);
	z-index: 1000;
	box-shadow: 15px 15px 15px #333;
	-position: absolute;
}

.pro_col {
	height: auto;
	width: 100%;
	-background-color: #eee;
	background-color:rgba(238, 238, 238, 1);
	display: table;	
}

.pro_img {
	width: 65%;
	float: left;
	margin-right: 0px;
	
	height: auto;
}

.pro_img img {
	width: 100%;
	margin-bottom: -12px;
}

.pro_specs {
	width: 35%;
	float: left;
	height: auto;
	box-sizing: border-box;
	-padding-right: 20px;	
}
.pro_specs h3 {
	width: 100%;
	background-color: #005aab;
	color: #fff;
	font-size: 20px;
	padding: 15px;
	padding-top: 20px;
	margin-top: 0px;
	font-family: "Calibre-Light";
	font-weight: normal;	
}
.pro_specs strong {
	-color: #005aab;
}

strong {
	-color: #005aab;
	color: #333;
	font-family: 'Calibre-Medium2' !important;
	-font-family: 'proxima_nova_rgbold' !important;
	-font-weight: bolder !important;
	font-weight: 500 !important;
	-font-size: 14px;
}

.pro_specs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 20px;	
}
.pro_specs ul li {
	background: url(../img/bullet2.png) no-repeat left 5px;
	padding-left: 15px;
	margin-left: 0;
}
br {
	clear: both;	
}

.footer font {
	-text-align: center;
	width: 100%;
	padding-right: 20px;
	
}

.tagline {
	font-family: 'proxima_nova_rgbold';
	font-family: 'Gotham-Bold';
	color: #005aab;
	font-size: 18px;
	border: 1px solid #aaa;
	border-bottom: 2px solid #999;
	border-color: #005aab;
	padding: 10px;
	padding-left: 0;
	width: 100%;
	display: block;
	border-left: 0;
	border-right: 0;
	-background-color: #eaf5ff;
}

.img_organization {
	width: 80%;	
}

.img_cert {
	border: 1px solid #ccc;
}

.body_about {
	
	background: url(../img/bg1.jpg) no-repeat right 0;
	background-attachment: fixed;
	
}

.body_contact {
	
	background: url(../img/bg3.jpg) no-repeat right 0;
	background-attachment: fixed;
	
}

.body_clientele {
	background: url(../img/bg2.jpg) no-repeat right 0;
	background-attachment: fixed;
}

.note {
	margin-top: 19px !important;
	margin-bottom: 19px !important;
	display: block;	
	font-size: 12px;
	font-weight: 100;
	line-height: 14px;
	letter-spacing: 0px !important;
	font-family: 'Gotham-Medium';
}
.w_25 {
	width: 25%;
	float: left;
	border-right: 10px solid #fff;
	height: 140px;
}

.w_25b {
	height: auto;
	margin-bottom: 20px;
}

.w_33 {
	width: 33.33%;
	float: left;
	border-right: 10px solid #fff;
	height: 200px;
}

.w_last {
	border-right: 0px !important;		
}

.inner_banner {
	width: 100%;
	border: 1px solid #ccc;	
}

.tb1 tr {
	border: 1px solid #ccc !important;	
	background-color: #ecf0ff;
	
}

.tb1 tr.details2, .tb1 .details2 {
	background-color: #e4eaff;
	
}

.tb1 .desc {
	background-color: #005aab;
	color: #fff;
	font-family: 'Calibre-Bold';
	letter-spacing: 0.5px;
}

.tb1 tr td {
	padding: 10px;
	padding-top: 13px;
	padding-bottom: 5px;
	border: 1px solid #ccc;
	-line-height: 17px;
	line-height: 19px;
	-text-align: center;
	text-align: left;
	-vertical-align: top;
}

.tb1_img {
	width: 30%;
	-padding: 0 !important;	
}

.tb1_img img {
	width: 100%;
	line-height: 0;
	-margin-bottom: -7px;
}

.clientele_col .logo_list img {
	float: left;
	width: 16.6666%;
	border: 1px solid #ddd;
	margin-left: -1px;
	margin-bottom: -1px;
}

.tb1 .title {
	-font-size: 18px;
	-line-height: 21px;	
	font-family: 'Calibre-Bold';
}

.col2 {
	width: 50%;
	float: left;
	height: auto;	
	padding-right: 15px;
}

.col2_last {
	padding-right: 0;
}

.h3_1 {
	width: 100%;
	background-color: #005aab;
	color: #fff;
	-font-family: 'Calibre-Bold';
	font-family: 'Calibre-Regular';
	-font-family: 'Gotham-Medium';
	font-weight: 300;
	padding: 10px;
	padding-bottom: 2px;
}

.tb2 tr td {
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
	border-top: 0;
	line-height: 18px;
}

.checkform {
	
	visibility:hidden;
	height: 1px;
	display: none;
}

.f12red {
	color: orange;
	font-weight: bold;
	font-size: 16px;

}

form {
	width: 100%;
	display: table-cell;
	-border: 1px solid red;	
}

.textbox1 {
	border-radius: 0px;
	border: 1px solid #ddd;
	
	-border-left: 0;
	-border-right: 0;
	-height: 20px;
	-font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #eee;
	padding: 8px !important;
	margin-bottom: 5px;
	padding: 7px;
	width: 100%;
	
}

.veri_col {
	margin-top: -0px;
	margin-bottom: 10px;	
}

#ans {
	width: 150px !important;
	margin-top: 0px;
	padding: 8px;
	font-size: 12px;
	background-color: #eee;
	border: 1px solid #ddd;
}

::placeholder { /* Most modern browsers support this now. */
   color: #aaa;
   font-weight: 100;
}

.main_btn {
	background-color: #005aab;
	display: block;
	padding: 15px;
	padding-bottom: 8px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	border-radius: 0px;
	transition: all 0.5s ease;
	border: 0;
	-margin-right: 5px;	
	-margin-bottom: 10px;	
	-width: 100%;
	cursor: pointer;
	font-family: 'Calibre-Bold';
	box-shadow: inset 0px -1px 1px rgba(0,0,0,0.8),
	inset 0 2px 1px rgba(255,255,255,1);
	float: left !important;
}

.main_btn:hover {
  background-color: #003f77;
}

#requests {
	height: 120px;	
}

.gallery {
	position: relative;	
}

.gallery span {
	padding: 10px;
	-border-radius: 10px;
	padding-bottom: 3px;
	background-color: #000;
	position: absolute;
	right: 0;
	bottom: 6px;
		
}

.td1 {
	width: 20%;
}
.td2 {
	width: 15%;
}

.td3 {
	width: 20%;
}

.td4 {
	width: 15%;
}

.td5 {
	width: 30%;
}

.tb1 tr .tb1_img img {
	margin-bottom: -5px;
}

.tb1 tr .tb1_img span img {
	margin-bottom: 0px;
}

.tb1 tr .tb1_img span {
	bottom: 1px;
}



.navbar_fixed {
	position: fixed !important;	
	padding-left: 20px;
	left: 0 !important;	
	top: 0px;
	margin-top: 0;
	width: 100%;
	background-color: #065aa9;
	padding: 20px;
	z-index: 15000 !important;
	text-align: center !important;
	margin: auto !important;
	-display: table !important;
	-border: 1px solid red;
	display: inline-block;
	padding-left: 35% !important;
	box-shadow: 0px 5px 8px #888;
	transition: all ease-out 0.3s !important;
}

.navbar_fixed li {
	text-align: center !important;
	margin: auto !important;
	display: inline-block;
	-border: 1px solid red;	
	color: #fff;
}

.navbar_fixed li a {
	color: #fff;
}

.navbar_fixed li a:hover {
	color: #90c9ff;
}

.side-shadow-lower {
	top: 57px;	
}

.content_inner * {
	transition: all linear .2s;	
}


.td_short {
	width: 20%;	
}

.td_long {
	width: 80%;	
}

.td_product_img {
	width: 100%;	
}

table ul, table ul li {
	margin-left: 0px;
	padding-left: 0px;
}

table ul {
	padding-left: 25px;
}

table ul li ul {
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	padding-bottom: 5px;
	-border: 1px solid red;
}

.gallery_5 a {
	float: left;
	width: 20%;
	height: 110px;
	border-right: 5px solid #fff !important;
	margin-top: 12px;	
}
.gallery_5 img {
	border: 1px solid #999;
	height: 100%;
	width: 100%;
}
.gallery_5 .w_last {
	border-right: 0px !important;
	-border: 1px solid #333 !important;	
}

.tb2 .desc {
	width: 300px;
	-width: 40%;
}

.tb2 .tb_img1 {
	width: 100%;
	margin-bottom: 3px; 	
}

.tb2 .tb_img1:last-of-type {
	margin-bottom: -3px; 	
}

.tb2 h3 {
	font-size: 20px;
	font-weight: 900;
}

.tb2 strong {
	display: block;
	height: auto;
	-border: 1px solid red;
	padding-bottom: 5px !important;
	margin-bottom: -15px !important;
}

.tb2 ul {
	margin-top: 15px;
}

.tb3 .desc span {
	font-weight: 100 !important;
	font-family: 'Calibre-Regular' !important;	
}

.tb3 .details {
	font-weight: 100 !important;
	font-family: 'Calibre-Regular';	
}

.tb3 .tb_img1 {
	margin: auto !important;
}

.tb3 .txt_center {
	text-align: center;
}

.tb3 tr td:first-child {
	min-width: 200px;
}

h4 {
	letter-spacing: .5px;	
}

.tb4 .td_img {
	width: 450px;	
}

.tb4 .desc {
	width: 150px;	
}

.box1 {
	background-color: rgba(0,90,171,0.11);
	border: 1px solid;
	border-color: rgba(0,90,171,0.5);
	padding: 16px;
}

.box1 h3 {
	margin-top: 5px;	
	margin-bottom: 5px;	
}






@media screen and (max-width: 1490px) {
	
.side-shadow {
	left: 300px;
	-display: none;
}

.topNav {
	left: 320px;
	padding-left: 0;	
}
.left_col {
	width:300px;
		
}

.logo2 {
	-margin-left: 20px;
	margin-left: 32px;	
}

.product_link {
	-margin: 0.8%;
	-width: 23%;
}

.product_link {
	margin: 0.4%;
	width: 32%;
}

.pro_img {
	width: 55%;
	-float: none;
	-display: none;
}

.pro_specs {
	width: 45%;	
	-float: none;
}	

.content_inner {
	display: block !important;
}

.inner_col {
	padding-right: 5px;

}

.gallery_5 a {
	height: 100px;
}

#requests {
	height: 130px;	
}

}

@media screen and (max-width: 1320px) {

.pro_img {
	width: 100%;
}

.pro_specs {
	width: 100%;
	padding-bottom: 20px;
	-margin-top: 20px;
}

.img_organization {
	width: 100%;	
}

#requests {
	height: 130px;	
}



}
@media screen and (max-width: 1280px) {
body { 

	background-position: 130% 0 !important;
	-display: none !important;

}
.clientele_col .logo_list img {
	width: 20%;
}
#requests {
	height: 130px;	
}



}

@media screen and (max-width: 1200px) {
.col2 {
	width: 100%;
	padding-right: 0;	
}

.footer {
	position: relative !important;	
	margin-top: 50px !important;
}
.inner_col {
	margin-bottom: 20px !important;	
	padding-bottom: 0 !important;	
}

.h3_form {
	margin-top: 30px;	
}

.w_25 {
	height: 100px;
}
.w_25b {
	height: auto;
	margin-bottom: 20px;
}

.w_33 {
	height: 130px;
}

.gallery_5 a {
	height: 70px;
}


}


@media screen and (max-width: 1024px) {
	
body { 
	background-image: none !important;
}
.side {
	display: none;	
}
.side-shadow {
	display: none;
}
.tail {
	width: 100%;
	background-position: -13px 0px;
}
.bannerbtn iframe {
	width: 100%;

}
.fader {
	display: none;	
}

.tail font {
	display: block;	
}

.footer {
	text-align: center;	
}

.topNav, .subNav {
	display: none;	
}

.left_col {
	display: none;	
}

.right_col {
	width: 100%;
	-border: 1px solid red;
	min-height: 300px;
	height: auto;
	padding-right: 25px;
	padding-top: 25px;
	padding-left: 25px;
	box-sizing: border-box;	
	float: none;
}

.inner_col {
	width: 100%;
	-height: 200px;


}

.header2 {
	display: block;	
}

#logo2 {
	margin-top: -0px !important;	
	-border: 1px solid red;
}

.footer {
	font-size: 13px;	
}

.footer font {
	text-align: center;
	width: 100%;
	padding-right: 0px;
	
}

.footer font {

	display: block;
	text-align: center;
	padding-left: 0px !important;
	display: block;
	left: 0px !important;
	width: 100% !important;
	-border: 1px solid red;
	position: relative;
}

.col2 {
	width: 100%;
	padding-right: 0;	
}

.inner_col {
	padding-left: 5px;

}



	
}

@media screen and (max-width: 1000px) {
  .header .heavy { margin: 1.5em 0 0 0; }
  

  
  .logo {
	-width: 70px;
	-height: 30px;
	-margin-top: 10px;
	}
	#logo1 {
		-display: none;	
	}
	#logo2 {
		-display: block;	
	}
	
	.introline {
		width: auto;
		height: auto;
	}


.product_link {
	margin: 0.6%;
	width: 32.2%;
}

body {
	
	background-image: none !important;
	
}

.index_page .bannerbtn iframe, .bannerbtn .coveriframe {
	width: 100%;
	-border: 1px solid red;
}

.index_page .topNav {
	-margin-bottom: -22px !important;
	-border: 1px solid red;
	
}

.index_page .bannerbtn {
	background-color: #fff !important;
	-padding-top: 10px;
}

.index_page .bannerbtn iframe {
	-margin-top: 12px;
	-border: 1px solid red;
	background-color: #fff !important;
	
}
.bannerbtn, .tail_inner {
	width: 100%;
	-border: 1px solid red;
	margin-top: 0px !important;
	padding-top: 0px;
	background-image: none !important;
	-display: none;
}

.bannerbtn iframe {
	-border: 1px solid red !important;
	height: 100% !important;
	-padding-top: 0px !important;
}

.bannerbtn iframe {
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
	-border: 1px solid red;
}

.index_page .bannerbtn {
	margin-top: 0px;	
}


.bannerbtn_last {
	margin-bottom: -55px;	
}

.tb2 .desc {
	width: 200px;	
}

.tb4 .desc {
	width: 23%;	
}
.tb4 .td_img {
	width: 35%;
}
}

@media screen and (max-width: 1250px) , screen and (max-height: 860px) {
	html, body, .content {
		-display: none;	
		-min-height: 830px !important;
		-border: 1px solid red;
		padding-bottom: 60px;
		position: relative;
	}
	.footer {
		bottom: 0px !important;
		margin-bottom: 0px !important;	
	}
}

@media screen and (max-width: 800px) {
	html, body, .content {
		padding-bottom: 0px;
	}
.clientele_col .logo_list img {
	width: 33.3333%;
}

.td1 {
	width: 5%;
}
.td2 {
	width: 15%;
}

.td3 {
	width: 5%;
}

.td4 {
	width: 15%;
}

.td5 {
	width: 60%;
	
}

.tb1_img {
	padding: 0;
}

.tb1 tr .tb1_img {
	padding: 0px;
}

.tb1 tr .tb1_img img {
	margin-bottom: -5px;
}

.tb1 tr .tb1_img span img {
	margin-bottom: 0px;
}

.tb1 tr .tb1_img span {
	bottom: -1px;
}

.tb1 tr .tb1_img span {
	width: 30px;
}
.tb1 tr td {
	font-size: 12px;
	line-height: normal;
}

.product_link {
	margin: 0.5%;
	width: 49%;
}

.w_25, .w_33 {
	width: 100%;
	float: none;
	border-right: 0px solid #fff;
	height: auto;
}

.w_last {
	border-right: 0px !important;		
}

.td_short {
	width: 40%;	
}

.td_long {
	width: 60%;	
}

table * {
	font-size: 14px !important;	
}

.td_long {
	font-size: 14px !important;	
}

.tb2 .desc {
	width: 40%;
}

.textbox2 {
	width: 100% !important;
	margin-right: 0px !important;	
}



}

@media screen and (max-width: 480px) {
.footer font {
	font-size: 12px;
	text-align: center;
	width: 100%;
	line-height: 13px;
	padding-top: 5px;
}

.footer font {
	padding-right: 30px !important;
	padding-left: 30px !important;
	margin-top: 25px !important;
}

.product_link span {
	line-height: 11px;	
}

}

@media screen and (max-width: 420px) {
.footer font {
	padding-top: 0px;
}

}