@import 'fonts/icon/icon.css';
/**
 * Responsive Styles 
*/
/**
 * Import font from google fonts
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/**
 * Reset
*/
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,center,dl,dt,dd,ol,ul,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #FFF;
	border: thin dashed #600;
}

/**
 * Border-box
*/
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
/*
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;*/
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;

} 
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
 
 em {
font-style: italic;
}
 
/**
 * Clearfix
*/
.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



html { font-family: 'Calibri', sans-serif} /* apply font */
body{ background:#555; font-size:1.1em; line-height:1.5; padding-bottom:3em; color:#006}

/**
 * Img 
*/
img{ max-width:100%; height:auto;}


b, strong { font-weight:bold;}
p{display:block; word-spacing:0.01em; text-align:justify; }

/**
 *a link
*/
a{ text-decoration:none; border:0; outline:0; color:#0099CC; transition: all .2s ease-out; }
a:hover { /* text-decoration:underline; */}

/**
 * Heading Tags
*/

/* 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 */


h1 { font-size:1.5em; font-weight:600; margin-bottom:0 em; font-family:Calibri; 

  background-repeat: no-repeat; color:#111;
  padding-top: 0em;}
h2 { font-size:1.3em; font-weight:600; color:#111; margin-bottom:0em; margin-top:0em;font-family:Calibri;}
h3 { font-size:1.2em; color:#333; font-weight:600;  color:#111; margin-bottom:0.5em;font-family:Calibri;}
h4 {}


/**
 * Responsive two level menu 
*/


/**
 * button
*/
.button {  margin-top:1em;}
.button a { padding:0.5em 0.8em; background:#333333; color:#fff; font-size:0.9em;}
.button a:hover { background:#000;}




/**
 * Mobile Nav Icon Style 
*/
.nav-anchors {
	float: right;
}
.nav-anchors li {
	display: inline-block;
}
.nav-anchors a {
	display: block;
	padding: 0.5em 0.4em;
	border: 1px solid #fff;
	background: #00427a;
	background: rgb(242,0,185); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,0,185,1) 14%, rgba(140,21,124,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(242,0,185,1)), color-stop(99%,rgba(140,21,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,0,185,1) 14%,rgba(140,21,124,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,0,185,1) 14%,rgba(140,21,124,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,0,185,1) 14%,rgba(140,21,124,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,0,185,1) 14%,rgba(140,21,124,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f200b9', endColorstr='#8c157c',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.nav-anchors a.hover {
	border-color: #000;
	background: #ed3068;
}
.nav-anchors a.active {
	border-top-color: #992967;
   	background: #992967;
   	color: #fff;
}
#navicon {
	float: right;
  	display: block;
	width: 1.75em;
	height: .25em;
	line-height: 0;
	border-top: .75em double #cc0;
	border-bottom: .25em solid #cc0;
	padding-bottom:0.25em; background:#000;

        
}
.m-menu{
	margin-top: 0.4em;
	margin-right: 0.5em; background:#000; padding:0.5em; display:inline-block; float:right; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}

/**
 * mobile Menu Styles
*/
.menu-bg{ background:#2a2a2a; border-top:solid 0.2em #202020; border-bottom:solid 0.1em #171717;}

.menu, .menu > ul ul {
		clear: both;
		-webkit-transition: all 0.3s ease-out;  
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out; z-index:1;
		}
.js .menu, .js .menu > ul ul {
			overflow: hidden;
			max-height: 0;
			background:#555;
		}
.menu.active, .js .menu > ul ul.active {
			max-height: 150em;
		}
.menu > ul {
			background: #2a2a2a;
			border-top: 1px solid #555;
		}	
.menu li a {
			font-size: 0.85em;
			font-family:Calibri;
			color: #eee;
			display: block;
			padding: 0.6em 0.3em;
			position: relative;
			text-decoration:none;

		}
.menu li{
			border-bottom: 1px solid #000;

}	

	
		
.menu li.has-subnav > span:after {
			content: '+';
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			font-size: 1em;
			padding: 0.3em 0.8em; font-weight:bold;
			

		}
.menu li.has-subnav > span.active:after {
			content: "-";
		}

.menu li.has-subnav > ul.level-2{
	background:	#222222;

}
.menu li.has-subnav > ul.level-2 a {
	color: #eee;
	font-size: 0.8em;
	margin-left:1em;
}

.has-subnav > a { margin-left:0.5em;}
.has-subnav span{  background:#CC0; color:#000; float:right; z-index:1; position:relative; right:0; margin-right:0.1em; padding:1em 1em; cursor:pointer; margin-top: -2.1em;}
.home-video, .home-video p{ text-align:center; padding-bottom:1em;}
.home-video img { border:solid 0.1em #000;}
@media screen and (min-width: 50em) {
.has-subnav span{}
.has-subnav > a { margin:0;}
.has-subnav span{ background:#333; color:#eee}
.level-1 > .has-subnav > span { display:none;}
.menu li.has-subnav > span:after {
			content: '\25B8'; font-weight:normal;
		}
		.menu li.has-subnav > span.active:after {
			content: "\25B8"; font-weight:normal;
		}

#navicon, .m-menu {
	display: none;
	}
	

.menu {
	clear: none;
	float: left;
	width: 100%;
	text-align:center;
	}
.js .menu, .js .menu > ul ul {
	max-height: none;
	overflow: visible;
	background: #333;
	}
.js .menu > ul ul {
	background: #333;
	display: none;
	}
.js .menu > ul li:hover > ul {
	display: block;
	}
.menu ul {
	margin: 0 0 0 -0.25em;
	border: 0;
	}
.menu li a {
	text-align:left;
	font-size: 0.9em;
	border: 0;
	padding:0.6em 0.8em;
	}
.menu li.has-subnav > a {
	padding-right: 1.5em;
	}
.menu li.has-subnav ul li a:hover  { background:#000; color:#fff;

-webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
	
.menu li.has-subnav > a:after {
	content: ""; /* #\25B8 */
	font-size: 0.8em;
	padding: 1.2em 0.2em;
	}
.menu .level-1 > li > a { padding:0.9em; border-left:solid 0.1em #444444; margin-right:-0.4em;}
.menu .level-1 > li.has-subnav > a:after {
	content: "\25BE";
	}
.menu > ul li {
	/* margin: 0 0.15em; */
	}
.menu > ul > li {
	display: inline-block;
	position: relative;
	}
.menu > ul ul {
	position: absolute;
	top: 0em;
	left: 14.25em;
	width: 14em;
	}
.menu > ul ul li {
	position: relative;
	}
.menu > ul ul.level-2 {
	top: 2.9em;
	left: 0.2em;
	border-top:0.3em solid #cc0;
	}
	
.menu > ul ul.level-2 a {

border-bottom:solid 0.1em #444444;

}
.menu li.has-subnav > ul.level-2 a{
margin-left:0;

}


.menu > ul ul.level-2 li:last-child > a{
border-bottom:none;
}

.menu > ul ul {  border-right:solid 0.1em #444444; }
.menu > ul ul a {
border-bottom:solid 0.1em #444444;	
}

.has-subnav span{/* display:none; */}

}
/*  Responsive Menu End  Menu End  */













/**
 * Mobile First Codes 
*/
.container{ width:100%;  /* max-width:70em;  */    margin:0 auto; /*background:#fff;*/}  /* To set website square and full screen */
.device-width { width:100%; max-width:70em; margin: auto;} /* Set Device width */
.site-logo{ width:2em; padding-top:0.4em; margin-left:1em; float:left;}
.site-header{ width:100%; z-index:1; 
}
.header-bg{ border-top:solid 0.2em #444;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#676565+0,2d2a2a+99 */
background: #676565; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3NjU2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzJkMmEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #676565 0%, #2d2a2a 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676565), color-stop(99%,#2d2a2a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #676565 0%,#2d2a2a 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #676565 0%,#2d2a2a 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #676565 0%,#2d2a2a 99%); /* IE10+ */
background: linear-gradient(to bottom,  #676565 0%,#2d2a2a 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676565', endColorstr='#2d2a2a',GradientType=0 ); /* IE6-8 */


}

/**
 * Mobile First Codes 
*/

/**
 *p
*/

/**
 *Footer 
*/

.footer-bg {background:#333; }
.site-footer{min-height:10em; color:#333; padding:0.5em; padding-top:1.5em;
}
.site-footer h4 { color:#CC0; font-size:0.9em; font-weight:bold;}
.site-footer a{ color:#eee; font-size:0.8em;}
.site-footer a:hover { color:#fff;}
.copy{ font-size:0.7em; color:#eee;}

/**
 * Blocks
*/
.full-block{ padding:0.5em; border:none;}

.block { padding:0.5em;}
.b-full-width { width:100%; margin:0 auto; overflow:hidden;}
.b-block-width { width:100%; max-width:80em; margin:0 auto; overflow:hidden;}
.one-half{ width:100%; padding:0.5em;}
.one-third{ width:100%; display:block;}
.full-three{ padding-bottom:1em;}
.one-fourth { width:100%;}
.one-seventh { width:50%; margin-bottom:1em; float:left;}

.one-half p, .full-block p{ padding-bottom:0.5em;}


.round-bg{ background:#eee; border:solid 0.2em #dbdada; background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em; margin:0.5em; 
}
/**
 * Page content 
*/
.page-content { width:100%; background:#fff; }
.content-bg{ background-image:url(images/content-bg.png); min-height:20em;}

.bo-bot h1{ border-bottom:dotted 0.05em #aaa;}
.home-video.b-none { border:0;}


/** 
 * footer call 
*/

.footer-call { width:100%; position:fixed; bottom:0; background:#000; text-align:right; }
.footer-call a{  color:#fff; width:100%; font-size:0.8em; font-weight:bold; display:block; padding:1em 1em; }
.footer-call a:before { content:url(images/call.png); margin-top:-0.35em; position:absolute; margin-left:-2.8em;}



/**
 * media screen min-width:40em
*/
@media screen and (min-width:40em) {
/**
 * Blocks
*/

.one-half{ width:50%; float:left;}
.one-third{ width:33.3333333333%; float:left;}
.one-fourth{ width:25%; float:left;}
.one-seventh{ float:left; width:33.333333333%;}
.clintal{ margin:1em 0;}
.b-r{ border-right: dotted 0.1em #aaa;}
.m-vi{ margin-left:2em;}
.home-video { border-right: dotted 0.1em #aaa;}
.home-video img { max-width:90%;}
.sub-bull{ padding:2em; line-height:2em; margin-left:2em; padding-top:0em;}
}





@media screen and  (min-width: 80em) {
body { padding-bottom:0;}
.one-seventh { width: 14.28571428571429%;}
.footer-call{ display:none}

}