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

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* Global reset style */

* { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
dialog,
blockquote
 {
    display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

html, body, div, span, applet, object, iframe, h1, h2, h4, 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, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
	border: 0;
	outline: 0;
	font - size: 100 % ;
	vertical - align: baseline;
	background: transparent;
	margin: 0;
	padding: 0;
    }

audio:not([controls]) {
    display: none;
    height: 0;
}


[hidden] {
    display: none;
}


html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}


body {
    margin: 0;
}

a:focus {
    outline:none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

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-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
    /*margin-left: 7px;*/
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

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; /* 2 */
    cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    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; /* 1 */
    vertical-align: top; /* 2 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input {-bracket-:hack[;
        margin:0px;
    ];}
	
	
/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #0c6da2;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #0c6da2;
	color: #fff;
	text-shadow: none;
}


::-webkit-input-placeholder {
   color: #767779;
}

:-moz-placeholder { /* Firefox 18- */
   color: #767779;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #767779;  
}

:-ms-input-placeholder {  
   color: #767779;  
}


/* End Global reset style */

/*--------------------------------Structure CSS------------------------------------------*/

@font-face {
	font-family: "Qlassik Bold";
	src: url("fonts/QlassikBold_TB.eot?") format("eot"),
		url("fonts/QlassikBold_TB.woff") format("woff"),
		url("fonts/QlassikBold_TB.ttf") format("truetype"),
		url("fonts/QlassikBold_TB.svg#QlassikBold") format("svg");
	font-weight: normal;
	font-style: normal;
}

a { text-decoration:none; outline:none; color:#0c6da2; transition:.2s linear; font-size:0.875em;}
a:hover { text-decoration:underline;}

.float_left { float:left !important;}
.float_right { float:right !important;}

.background_none { background:none !important;}

.margin_none { margin:0px !important;}
.margin_top_none { margin-top:0px !important;}
.margin_right_none { margin-right:0px !important;}
.margin_bottom_none { margin-bottom:0px !important;}
.margin_left_none { margin-left:0px !important;}

.padding_none { padding:0px !important;}
.padding_top_none { padding-top:0px !important;}
.padding_right_none { padding-right:0px !important;}
.padding_bottom_none { padding-bottom:0px !important;}
.padding_left_none { padding-left:0px !important;}

.margin_top10 { margin-top:10px !important;}
.margin_top20 { margin-top:20px !important;}

.margin_bottom10 { margin-bottom:10px !important;}
.margin_bottom20 { margin-bottom:20px !important;}

.margin_right10 { margin-right:10px;}
.margin_right20 { margin-right:20px;}


.clear_all { clear:both;}
.clear_left { clear:left;}
.clear_right { clear:right;}

.display_none { display:none;}

.align_center { text-align:center !important;}
.align_left { text-align:left !important;}
.align_right { text-align:right !important;}

.alignleft { float:left; margin-right:20px;}
.alignright { float:right; margin-left:20px;}

img.alignright,img.alignleft, img.alignnone { border:1px solid #EAEAEA; padding:5px; background-color:#FAFAFA;}

.hr { float:left; width:100%; border-bottom:2px dotted #ccc; margin:20px 0 10px;}

.btn { display:inline-block; padding:0 0.625em; background-color:#0c6da2; line-height:30px; font-size:0.6875em; border:none; color:#fff; border-radius:5px; font-weight:600;}
.btn:hover { background-color:#135984; text-decoration:none;}
p .btn { font-size:1em;}

.fontsize12 { font-size:0.75em;}

body { background:url(images/body_bg.jpg) left top; padding:0px; font-family: 'Open Sans', sans-serif; color:#000;}

p { margin:12px 0px; line-height:24px; font-size:0.875em;}
p a { font-size:1em;}

h1,h2,h3,h4,h5,h6 { font-weight:400; line-height:normal; margin:10px 0 0 0; color:#0c6da2;}
h1 { font-size:1.75em; margin-top:0px;}
h2 { font-size:1.5625em;}
h3 { font-size:1.375em;}
h4 { font-size:1.25em;}
h5 { font-size:1.125em;}
h6 { font-size:1em;}

.option_lable { display:block; font-weight:600; color:#000; font-size:0.875em; padding:5px 0;}
.option_lable sup { color:#d72323; font-size:0.875em; top:-1px; margin-right:2px; font-weight:600;}
input.text_field, select.select_option, textarea.text_area { background-color: #f9f9f9; border: medium none; border:1px solid #CCC; float: left; padding: 4px 8px; color:#000; width:100%; font-size:0.875em; border-radius:3px;}
select.select_option { padding: 4px 8px;}
textarea.text_area { resize:none;}
input.text_field:focus, select.select_option:focus, textarea.text_area:focus { box-shadow:0 0 3px #0c6da2; border-color:#0c6da2;}
input.sub_btn { border:0px; background-color:#0c6da2; color:#fff; font-weight:600; padding:7px 10px; transition: background-color .2s linear; margin-top:10px; border-radius:5px; font-size:0.9em;}
input.sub_btn:hover { background-color:#135984;}

.form_area [class^=col] { margin-top:10px;}
.form_area p { margin:0;}
.row { float:left; width:100%;}
.row div:last-child { margin-right:0px;}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float:left; margin-right: 2%;}
.col1 { width:6.4999%;}
.col2 { width:15%;}
.col3 { width:23.5%;}
.col4 { width:32%;}
.col5 { width:40.5%;}
.col6 { width:49%;}
.col7 { width:57.5%;}
.col8 { width:66%;}
.col9 { width:74.5%;}
.col10 { width:83%;}
.col11 { width:91.5%;}
.col12 { width:100%; margin-right:0px;}

.inline_radio, .inline_check { float:left; margin-right:15px; font-size:0.875em;}
.inline_radio input[type="radio"], .inline_check input[type="checkbox"] { margin-right:5px;}

.wrapper { width:100%; max-width:1000px; margin:0 auto; position:relative;}

header, .container, footer { float:left; width:100%;}

header { border-top:2px solid #016299; background:url(images/header_bg.jpg) left top repeat-x #fff;}

.top_header { float:left; width:100%; border-bottom:1px solid #e3e3e3; margin-bottom:1px; padding:8px 0 13px 0;}

.logo { float:left; width:19.8%; margin-top:5px;}
.logo a { display:inline-block;}
.logo a img { width:100%;}

.top_content { float:right; width:364px; margin-top:30px;}
.top_content .text { float:left; font-size:15px; color:#767779; margin-bottom:5px;}
.top_content .text span { color:#0070af;}
.top_content .text a { font-size:15px; color:#767779; text-decoration:none;}

.tel_for_mobile { display:none;}

.top_content .sm_icon { float:left; margin-left:10px;}
.top_content .sm_icon a { margin-left:5px;}
.top_content .sm_icon a:first-child { margin-left:0px;}
.top_content .sm_icon a { float:left; width:22px; height:22px; background:url(images/sm_icon.png); text-indent:-999999px; overflow:hidden;}
.top_content .sm_icon a.fb_icon { background-position:0;}
.top_content .sm_icon a.tw_icon { background-position:-22px 0;}
.top_content .sm_icon a.rss_icon { background-position:-44px 0;}

.login_form { float:left; width:100%;}
.login_form .text_field { border:none; border-radius:5px; background:url(images/gray_bg.png) repeat-x #f1f0f0; font-size:0.75; color:#767779;}
.login_form .sub_btn { margin-top:0px; background:url(images/yellow_btn_bg.png) repeat-x; color:#023958; padding:4px 10px;}
.login_form .sub_btn:hover { background-color:transparent;}

#login { float: left; width: 100%;}
#login .user_id { font-weight:700; font-size: 1em; margin-right: 5px; color: #333;}
#login .user_id:hover { color:#0070af;}
#login .btn { line-height: normal; padding: 5px 10px;}

.top_nav { float:left; position:absolute; left:0px; top:22px; z-index:150;}
.top_nav ul { float:left; list-style:none;}
.top_nav ul li { float:left; margin-right:1px; position:relative;}
.top_nav ul li .sub-collapser { position:absolute; right:8px; top:15px; margin-left:10px; cursor:pointer; display:none;}
.top_nav ul li a { float:left; line-height:18px; color:#fff; padding:0 1.5em; font-weight:600; font-size:0.8125em; border-right:1px dotted #fff; margin-bottom:15px;}
.top_nav ul li a:hover, .top_nav ul li:hover a { text-decoration:none; text-shadow:0px -1px #fff;}
.top_nav ul li:last-child a { padding-right:0px; border-right:0px;}
.top_nav ul li ul { display:none; position:absolute; left:0px; top:33px; width:200px; background-color:#2088BF; z-index:100;}
.top_nav ul li:hover ul { display:block;}
.top_nav ul li ul::before { content:""; position:absolute; left:20px; top:-10px; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(0 ,0,0,0.9);}
.top_nav ul li ul li { width:100%; margin-right:0px; background-color:rgba(0 ,0,0,0.9); padding:0 0.625em;}
.top_nav ul li ul li a { width:180px; padding:8px 0.625em; line-height:normal; color:#fff; text-transform:capitalize; border-bottom:1px solid #fff; border-right:0px; text-shadow:none;}
.top_nav ul li:hover ul li a { text-shadow:none;}
.top_nav ul li ul li:first-child a { border-top:1px solid #fff; margin-top:0.625em!important;}
.top_nav ul li ul li:last-child a { margin-bottom:0.625em!important;}
.top_nav ul li ul li a:hover, nav ul li ul li.active a { background-color:#066497; text-shadow:none; color:#fff;}

.banner_wrap { float:left; width:100%;}

.slider_wrap { float:left; width:100%; background:url(images/slider_bg.jpg) repeat-x #2487BE; overflow:hidden; min-height: 60px;}

/*.fraction-slider { z-index:140;}

.slide_title { font-family: 'Qlassik Bold'; width:445px; font-size:4.6875em; color:#fff; line-height:0.6em !important; text-shadow:1px 0 rgba(0,0,0,0.75);}
.slide_title small { font-size:0.50666666666666666666666666666667em; display:block;}
.slide_content { width:445px; font-weight: 300; font-size:1em; line-height:1.625em !important; color:#b0daf2;}
.slider_wrap a.learn_more { background:url(images/yellow_btn_bg.png) left top repeat-x #f5aa33; float:left; font-size:0.92857142857142857142857142857143em; line-height:2.1625em !important; color:#023958; border-radius:8px; border:3px solid #459ac9; padding:0 8px; font-weight:600;}
.slider_wrap a.learn_more:hover { text-decoration:none;}

.slider_wrap .fs-pager-wrapper a, .slider_wrap .fs-custom-pager-wrapper a { background:none; background-color:#94c5e3; width:10px; height:10px; border-radius:50%; margin:0 4px;}
.slider_wrap .fs-pager-wrapper .active, .slider_wrap .fs-custom-pager-wrapper .active { background-color:#fff;}*/

.slider { float:left; padding-bottom:10px;}
.slide_content { float:left; width:44.5%; max-width:445px; font-weight: 300; font-size:1em; line-height:26px; color:#b0daf2; margin-top:8%;}
.slide_title { font-family: 'Qlassik Bold'; font-size:4.6875em; color:#fff; line-height:60px; text-shadow:1px 0 rgba(0,0,0,0.75);}
.slide_title small { font-size:0.50666666666666666666666666666667em; display:block;}
.slider_wrap a.learn_more { background:url(images/yellow_btn_bg.png) left top repeat-x #f5aa33; float:left; font-size:0.92857142857142857142857142857143em; line-height:33px; color:#023958; border-radius:8px; border:3px solid #459ac9; padding:0 8px; font-weight:600; margin-top:10px;}
.slider_wrap a.learn_more:hover { text-decoration:none;}
.slider_img { float:right; width:52.7%;}
.slider_img img { margin:0 auto;}
.slider_nav a { background:none; background-color:#94c5e3; width:10px; height:10px; border-radius:50%; margin:0 4px;}
.slider_nav a.active { background-color:#fff;}

.slider_wrap .bx-wrapper { margin-bottom:0px;}
.slider_wrap .bx-wrapper .bx-viewport { background: none; border: 0px ; box-shadow: none; left: 0px;}
.slider_wrap .bx-wrapper .bx-loading { background-color:transparent;}
.slider_wrap .bx-wrapper .bx-controls-direction a { transition:none;}
.slider_wrap .bx-wrapper .bx-prev { left:-50px;}
.slider_wrap .bx-wrapper .bx-next { right:-50px;}
.slider_wrap .bx-wrapper .bx-pager { padding:0px; float:left;}
.slider_wrap .bx-wrapper .bx-pager, .slider_wrap .bx-wrapper .bx-controls-auto { bottom:20px;}
.slider_wrap .bx-wrapper .bx-pager .bx-pager-item, .slider_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item { float:left;}
.slider_wrap .bx-wrapper .bx-pager.bx-default-pager a { background-color:#94c5e3;}
.slider_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#fff;}

.main_title { margin-top: 60px; margin-bottom: 20px;}
.main_title h1 { color: #fff; font-family: 'Qlassik Bold';}

.container { padding-top:20px; padding-bottom:20px;}

.content { float:left; width:100%; margin-top:20px; min-height:400px;}
.content h1 { font-family: 'Qlassik Bold'; font-size: 2em; border-bottom:3px solid #ccc; padding-bottom:15px;}
.content h2 { font-family: 'Qlassik Bold'; font-size: 1.25em;}

.content ul, .content ol { padding-left:4%; font-size:0.875em; margin:10px 0;}
.content ul li, .content ol li { margin-bottom:5px;}

.equipment { float: left; width: 100%; margin: 10px 0;}

.equipment .row { margin-top: 10px;}

.row.welcome_content .col4,
.equipment .col4 { width:30%; margin-right:5%; border-bottom:4px solid #e6e6e6; padding-bottom:50px; position:relative; min-height:360px;}
.row.welcome_content .col4:last-child,
.equipment .col4:last-child { margin-right:0px; padding-right:0px; background:none;}
.row.welcome_content .col4::after,
.equipment .col4::after { content:""; background:url(images/left_shadow.png) center no-repeat; height:100%; width:12px; position:absolute; top:0px; right:-8.5%;}
.row.welcome_content .col4:last-child::after,
.equipment .col4:last-child::after { display:none;}
.row.welcome_content h2, .equipment h2 { font-family:'Qlassik Bold'; font-size:1.375em;}
.row.welcome_content p, .equipment p { line-height:22px;}
.row.welcome_content .thumb, .equipment .thumb  { margin-top:10px;}
.row.welcome_content .col4 .btn.read_more, .equipment .col4 .btn.read_more { position:absolute; right:0%; bottom:20px;}
.equipment .col4 .btn.pdf_btn { position:absolute; left:0; bottom:20px;}
.equipment .col4 .btn.pdf_btn i { font-size: 1.5em; margin-right: 5px;}

.ct_app { margin-top:10px; position:relative;}
.ct_app h2 { margin-top:0px; margin-bottom:10px}
.ct_app img { border:1px solid #919190;}
.ct_app h6 { color:#000; font-weight:600;}
.ct_app p { font-size:0.75em;}
.ct_app .view_all { position:absolute; right:0px; top:0px; font-size:0.75em; color:#535353;}
.ct_app .col3 .video { width:100%; padding:0; border:0; min-height:10px;}
.ct_app .col3 .video img { width:100%; max-height:156px;}

footer { background:url(images/slider_bg.jpg) left top repeat-x; text-align:center; color:#fff; font-size:0.8125em; padding:5px 0; margin-top:15px;}
footer a { color:#fff;}

table.img_border { width:50%; margin:0 auto;}
table.img_border td { padding:10px;}
table.img_border td p { margin:0; font-size:0.8125em;}

ul.img_gallery { float:left; width:100%; padding-left:0px; margin:0px; list-style:none; margin-top:30px;}
ul.img_gallery li { background: none repeat scroll 0 0 #000; float: left; margin: 0 1.5% 15px 0; text-align: center; width:13%;}
ul.img_gallery li:nth-child(7n+7) { margin-right:0px;}
ul.img_gallery li a { display: table-cell; height: 110px; vertical-align: middle; width: 130px; }
ul.img_gallery li a img { width:80%;}

table.contact_form { float:left; width:100%;}
table.contact_form tr td { float:left;}
table.contact_form tr td:nth-child(1) { width:170px;}
table.contact_form tr td:nth-child(2) { width:250px;}

.back_btn { float:right; margin-top:5px;}

footer .text { display:none;}
footer .text a { display:inline-block;}

/******************************** LIGHT BOX START HERE ********************************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right;background: url(images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;font-size:15px;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; margin: 1.0em;}	



		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}



/******************************** LIGHT BOX END HERE ********************************/
.error {
	color:#990000;
	padding:2px 5px;
	font-size:14px;
        float: left;
}
.info {
	color:#009933;
	height:30px;
	padding-left:10px;
	font-size:14px;
}


.fancybox-overlay { z-index:10010 !important;}
.fancybox-opened { z-index:10020 !important;}
#fancybox-loading { z-index:10030 !important;}

.mfp-bg { z-index:10020 !important;}
.mfp-wrap { z-index:10030 !important;}


.video {
	border:1px solid #CCCCCC;
	float:left;
	/*margin:10px 25px 10px 10px;*/
	padding:5px;
	text-align:center;
	max-width:250px;
	width:25%;
	height:170px;
	margin-right:2%;
	
}
.video:nth-child(4n+4), .video:last-child { margin-right:0px;}

input.hphone{font-size: 0px;position: relative;z-index: -1;top: 0px;size: 0;left: 20px;}
.slider_wrap:hover .prev, .slider_wrap:hover .next { display:block;}
.slider_wrap .fraction-slider .prev { left:-80px !important;}
.slider_wrap .fraction-slider .next { right:-80px !important;}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:pointer !important;}


.equipment_popup h6 { background-color: #00639C; color: #fff; margin-top: 0; padding: 5px;}
.equipment_popup h6 a { color: #fff;}
.equipment_popup .pdf_btn { color: #00639C;}
.equipment_popup .btn i { margin-right: 5px; font-size: 1.5em;}
.upload_success { background: none repeat scroll 0% 0% rgb(0, 153, 51); color: rgb(255, 255, 255); font-weight: bold; padding: 5px;}