@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
@import 'fonts/icon/icon.css';
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label,  header, footer, nav, section{ 
	margin: 0; 
	padding: 0;
	border: 0;
}	
html, body, header, footer, content, section, artical { display:block;}
a{ text-decoration:none; outline:none; border:none;}
a img{ outline:none; border:none;}
a:hover{ text-decoration:none;}
a img { outline:none; border:none;}
html, body, header, footer, section, artical, content, aside, iframe, blockquote, form, label, nav, ol, ul, object, div, h1, h2, h3, nav, input{
 -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img { max-width:100%; height:auto;}
@-ms-viewport{
  width: device-width;
}
ul{ list-style:none;}

/*-- clearfix */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}



body { font-family: 'Open Sans', sans-serif; background-color:#CCC; font-size:1em;}
h4 { font-family: 'Roboto Slab', serif;}

/* For Menu */
html, body { margin:0; padding:0; height:100%; position:relative;}
body { overflow-x:hidden; -webkit-animation:androidbugfix infinite 1s }
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} }
#header label { padding:0 0.125em; font-size:1.6em; color:#ccc; }
#menu label { padding:0 0.25em; font-size:2em; }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0 }
#header label:hover, #menu label:hover { color:#ccc }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle { position:absolute; right:0.15em; cursor:pointer; color:#fff }
.container { background:#fff; min-height:100%; padding:0; margin:0 }
#menu, #menu .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#222; z-index:9999; left:-13.75em }
.f-menu-bg{ background:#333;}
@media screen and (min-width:60em) {

#menu { position:static;}

}
.container, #menu, #menu .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#333; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #444 }
#menu li { border-bottom:1px solid #444 }
#menu li a { display:block; font-size:0.875em; padding-left:1.5em; color:#fff; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#333 }
#menu .sub-nav { margin-top:-1px }
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#444 }
#menu .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#222; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */

/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}

#menu { min-height:100em;}
@media ( min-width:60em ) { /* #### - switch to desktop menu at 960px (960/16=60 - 16px being default browser font-size) - #### */

#menu { min-height:0;}
	.container, #menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#menu label, #menu .sub-nav, #menu .sub-heading, #header label { display:none }
	#menu { left:auto; bottom:auto; width:100% }
	#menu > ul { float:right;  z-index:1; right:1em; margin-top:0; display:inline-table; border-left:1px solid #444; border-right:0; font-size:0.875em }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left; border-right:1px solid #444 }
	#menu ul li a { padding:0.25em 2.5em 0.25em 1.5em }
	#menu ul li a:only-child { padding-right:1.5em }
	#menu ul li a:after { content:"\203A"; position:absolute; right:0.5em; margin-top:-1.5625em; display:block; font:1.5em Arial; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu ul li a:only-child:after { content:"" }
	#menu ul li:hover > a { background:#333; -webkit-transition:background-color .25s ease; transition:background-color .25s ease }
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	 ul ul li { float:inherit; width:13.75em; border-left:1px solid #444 }
	#menu ul ul li a { padding:0 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0 }	
	#menu ul ul .sub-nav { float:left; top:0; left:13.7em; margin-left:0; margin-top:-1px }
	#menu ul .fly-left ul { left:-13.6em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left a:after { right:auto; left:0.5em; left:0.375em; margin-top:-1.5625em; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }

}



/* For Menu */


/* preheader */
.pre-header{ background-image:url(images/header.png); border-bottom: solid 0.1em #4F4F4E; color:#fff;}
.pre-header > div > ul { float:right;}
.pre-header  a{ color:#999;}
.pre-header > div > ul li { float:left;}
.fa{ padding:0.5em 0.6em; 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.fa:hover {color:#fff;
-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; }

.fa-facebook:hover {  background: #125f80;
 }
.fa-twitter:hover{ background:#0099CC;}
.fa-sign-in:hover {}

.fa-youtube:hover {background:#c62c31;}
.fa-phone:hover { background:#97ea15; color:#222;}
/* Header */
header {
background-image:url(images/header.png); min-height:6em; padding:0.2em; padding-top: 0.5em;}
.logo { float:left; width:8em; padding-left:0.5em; position:absolute; margin-top:-1em;}
.content{ background-image:url(images/cont_back.png); min-height:1em;  margin:0 auto; min-height:5em;}

/* footer */

footer { min-height:3em; background-image:url(images/footer_back.png); padding:0.5em}
.one-seventh{ width:100%; float:left;}
footer h4 { color:#CC0; font-size:0.9em;}
footer ul.footer-links { padding-top:0.3em;}
footer ul.footer-links a { color:#ccc; font-size:0.8em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
footer ul.footer-links a:hover { color:#fff; }
.mar-top-foo{ margin-top:0.8em;}
.block { padding:0.5em;}
.one-half{ padding:0.5em; width:100%;}
p { padding-bottom:1em; line-height:1.6em; text-align:justify;}
.flash-news h2 { padding-bottom:0.8em; color:#CC3300;}
.flash-news ul {  line-height:1.8em;}
.flash-news ul a { font-weight:bold; color:#2a2a2a;}
.flash-news ul a:hover { color:#CC3300}
.flash-news ul li:before{   content: "\f192"; font-family:icon; padding-right:0.5em; color:#CC3300}
span.button{ padding:0.5em; background:#d62829; color:#fff; float:right;}
.pad-h{ padding:1em;}
.one-third{ width:100%;}
.one-fourth{ width:100%;}
.t-al-cen{ text-align:center;}
.inn-f{ max-width:70em; margin:0 auto;}
@media screen and (min-width:40em){
header {}
.logo { width:10em;}
.device-width{ width:90%;  max-width:80em; margin:0 auto;}
.fa { padding:0.5em 0.8em;}
.one-seventh{ width:33.333333333333333%;}
.one-half{ float:left; width:50%;}
.one-third{ float:left; width:33.3333333333%;}
.one-fourth{ float:left; width:25%;}
.pad-h{ padding:2em; line-height:2em;}
.sub-h{ padding:1em; padding-top:0em; line-height:2em; margin-left:2em;}
.red{color:#F00; font-size:1.2em; font-weight:700; padding-bottom:0em;}
.sub-bull{ padding:2em; line-height:2em; margin-left:2em; padding-top:0em;}
.flash-news { height:20em; overflow:scroll;}
}

@media screen and (min-width:80em){
.one-seventh{ width:14.28571428571429%; padding:0.2em;}
}