/*  CSS definations for " Company Name Here "  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
		2.1.2 Topbar
		2.1.3 Navigation
	2.2 Containers & Columns
  		2.2.1 Showacase
  		2.2.2 Common Section
  		2.2.3 Entry
  		2.2.4 Featured Section
  		2.2.5 Search Form
	2.3 Footer
		2.3.1 Footer Nav
		2.3.2 Footer Txt

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline:none;
}

@font-face {
  font-family: "BodoniBdBT";
  src: url("Bodoni Bd BT.eot?") format("eot"),
  url("Bodoni Bd BT3.woff") format("woff"),
  url("Bodoni Bd BT.ttf") format("truetype");
}

@font-face {
  font-family: "MongolianBaiti";
  src: url("Mongolian Baiti.eot?") format("eot"),
  url("Mongolian Baiti.woff") format("woff"),
  url("Mongolian Baiti.ttf") format("truetype");
}
@font-face {
  font-family: "accordaltregularregular";
  src: url("accordaltregular regular.eot?") format("eot"),
  url("accordaltregular regular.woff") format("woff"),
  url("accordaltregular regular.ttf") format("truetype");
}

@font-face {
  font-family: "BrushScriptStd";
  src: url("Brush Script Std.eot?") format("eot"),
  url("Brush Script Std.woff") format("woff"),
  url("Brush Script Std.ttf") format("truetype");
}
@font-face {
  font-family: "KaufmannBT";
  src: url("Kaufmann BT.eot?") format("eot"),
  url("Kaufmann BT.woff") format("woff"),
  url("Kaufmann BT.ttf") format("truetype");
}
/*-
------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea {
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#000;
}
address {
	font-style:normal;
}
{
	box-shadow:rgba(0, 0, 0, 0.30) 0px 1px 0px;
	box-shadow:rgba(0, 0, 0, 0.30) 0px 1px 0px inset;
	text-shadow:rgba(0, 0, 0, 0.30) 0px 1px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(PIE.htc);
	position:relative;
}
/* 1.2 Common Tages */

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	overflow-x:hidden;
}
.box {
	width:1080px;
	margin:0 auto;
}

/* Header */
.header {
	background:url(../images/bg_header.png) repeat-x left top;
	height:94px;
	position:relative;
	z-index:5;
}
.header-right {
	float:right;
}

/* Logo */
.logo {
	width:;
	height:;
	float:left;
	margin-top:2px;
	margin-left:20px
}
.logo a{float:left}
.logo span{float:left; color:#FFF; font-size:30px; font-family:Tahoma, Geneva, sans-serif; margin-top:10px; margin-left:7px}
/* Top Links */
.top-links {
	float:right;
	padding-right:16px;
}
.top-links li {
	background:url(../images/divider.png) no-repeat left center;
	float:left;
	color:#fff;
	font-size:11px;
	margin-top:16px;
	padding:0 3px 0 6px;
}
.top-links li:first-child {
	background:none;
}
.top-links li a {
	color:#fff;
}
.top-links li a:hover {
	text-decoration:underline;
}
.contact-no {
	height:50px;
	float:right;
	color:#fff;
}
.contact-no span {
	background:url(../images/bg_contact.png) no-repeat left top;
	padding-left:22px;
	display:block;
	height:23px;
	line-height:20px;
	margin-top:10px;
}

/* Search Bar */
.search-bar {
	background:#fff;
	width:296px;
	height:23px;
	float:right;
}
.search-bar .search {
	width:256px;
	height:17px;
	float:left;
	border:none;
	padding:3px 5px;
	color:#8e8e8e;
	font-size:11px;
	letter-spacing:1px;
}
.search-bar .bttn {
	background:url(../images/bg_button.png) no-repeat left top;
	width:30px;
	height:23px;
	display:block;
	float:left;
	border:1px solid #e6e6e6;
}

/* Navigation */
.navigation {
	background:#0d58ab;
	height:49px;
	box-shadow:rgba(0, 0, 0, 0.80) 0px 4px 4px;
	position:relative;
	z-index:4;
	z-index:999999999;
}
.navigation ul {
	float:left;
}
.navigation li {
	background:url(../images/divider2.png) no-repeat left center;
	float:left;
	line-height:49px;
	font-size:14px;
	font-family:MongolianBaiti;
	text-transform:uppercase;
	position:relative;
}
.navigation li:first-child {
	background:none;
}
.navigation li.last a {
	padding-right:0px;
}
.navigation li a {
	padding:0 20px;
	color:#fff;
	display:block;
}
.navigation li a:hover {
	color:#eee;
}
.navigation ul li.hover,
.navigation ul li:hover a {
	position:relative;
	color:#eee;
	text-decoration:none;
}
.navigation ul li:hover li a {
	background:none;
	color:#000;
}
.navigation ul ul {
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	font-size:60%;
	z-index:9999999;
	height:auto;
	margin:0;
	padding-top:5px;
	background:#fffcf8;
	width:auto;
}
.navigation ul ul li {
	background:none;
	float:none;
	font-size:14px;
	padding:0;
	margin:0;
	line-height:25px;
	display:block;
	white-space:nowrap;
	padding:0 15px;
	border-bottom:1px solid #eee;
	z-index:9999999;
}
.navigation ul ul li a { 
	color:#000;
	height:auto;
	line-height:25px;
	padding:0 10px;
	margin:0;
	display:block;
}
.navigation ul ul li a:hover {
	color:#999;
	z-index:9999999;
}
.navigation ul ul ul { 
	left: 100%; 
	top: 0;
}
.navigation ul li:hover > ul {
	visibility: visible;
}

/* Showcase */
.showcase {
	background:url(../images/bg_showcase.png) repeat-x left bottom;
	text-align:center;
	height:370px;
	padding-bottom:37px;
	border-bottom:5px solid #fff;
	position:relative;
	
}
.showcase img {
	width:100%;
	max-width:1600px;
	z-index:3;
}
.showcase-bg {
	background:url(../images/bg_showcase_in.png) no-repeat left bottom;
	width:1014px;
	height:83px;
	position:absolute;
	left:47%;
	bottom:-17px;
	margin-left:-436px;
	z-index:9999999;
}

.showcase2 {
	background:url(../images/bg_showcase.png) repeat-x left bottom;
	text-align:center;
	height:100px;
	padding-bottom:57px;
	border-bottom:5px solid #fff;
	position:relative;
	overflow:hidden
}
.showcase2 img {
	width:100%;
	max-width:1600px;
	z-index:3;
}

/* Container */
.container {
	background:url(../images/bg_container.png) repeat-x left top;
	position:relative;
	z-index:1;
	margin-bottom:15px;
}
.leftcol {
	
	width:940px;
	float:left;
	padding:30px 40px 10px 0;
	margin-left:70px;
}

/* Entry */
.entry h3 {
	font-size:24px;
	color:#e21a24;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-1.5px;
	font-family:BodoniBdBT;
	font-weight:bold
}
.entry p {
	font-size:16px;
	padding:13px 0 0 3px;
	color:#000;
	line-height:20px;
	font-family:MongolianBaiti;
	margin-bottom:-5px;
	text-align:justify
}
.know-more {
	background:url(../images/bg_know_more.png) repeat-x left top;
	height:16px;
	line-height:16px;
	display:inline-block;
	font-size:10px;
	float:right;
	color:#fff;
	padding:0 12px;
	border:1px solid #6eb1ff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
	position:relative;
	box-shadow:rgba(0, 0, 0, 0.80) 2px 2px 3px;
}
.know-more:hover {
	color:#eee;
}
.rightcol {
	width:290px;
	float:left;
	margin-right:-25px;
}

.rightcol2 {
	width:150px;
	float:left;
	margin-right:-25px;
}
.download-brochure {
	padding-left:;
	float:left;
	padding-top:30px;
}
.download-brochure img {
	float:right;
	margin-top:-26px;
	position:relative;
	right:-16px;
}
.download-brochure a {
	display:block;
	font-size:15px;
	margin:16px 0 0 10px;
}
.download-brochure a span {
	width:95px;
	display:block;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#133c8c;
	line-height:20px;
}

/* Featured */
.featured {
	background:url(../images/bg_featured.png) repeat-x left top;
	padding-top:12px;
}
.featured ul {
	float:left;
	margin-left:40px
}
.featured li {
	background:url(../images/bg_shadow.png) no-repeat center bottom;
	width:236px;
	float:left;
	font-size:15px;
	margin-left:22px;
	padding-bottom:19px;
}
.featured li:first-child {
	margin-left:0;
}
.featured li img {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	behavior:url(PIE.htc);
	position:relative;
	margin:10px 8px 22px 8px;
}
.featured li a {
	background:url(../images/bg_featured_a.png) repeat-x left top;
	min-height:197px;
	display:block;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.5px;
	word-spacing:7px;
	color:#095394;
	text-transform:uppercase;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	behavior:url(PIE.htc);
	position:relative;
}
.featured li a span {
	display:block;
}
.featured li a:hover {
	color:#1261a6;
}

/* Footer */
.footer {
	background:url(../images/bg_footer.png) repeat-x left top;
	height:103px;
	padding-top:9px;
	border-bottom:1px solid #787879;
	position:relative;
}

/* Social */
.social {
	margin-top:-4px;
}
.social ul {
	text-align:center;
	padding-left:443px;
}
.social li {
	background:url(../images/bg_social.png) no-repeat left top;
	float:left;
	margin-left:4px;
}
.social li:first-child {
	margin-left:0;
}
.social li.pinit {
	background-position:-90px top;
}
.social li.twitter {
	background-position:-180px top;
}
.social li.mail {
	background-position:-270px top;
}
.social li.youtube {
	background-position:-360px top;
}
.social li a {
	background:url(../images/sprite_ico.png) no-repeat 7px 12px;
	width:39px;
	height:50px;
	display:block;
}
.social li a span {
	display:block;
	text-indent:-9999px;
}
.social li.pinit a {
	background-position:-69px 12px;
}
.social li.linkedin a {
	background-position:-144px 12px;
}
.social li.twitter a {
	background-position:-219px 12px;
}
.social li.mail a {
	background-position:-293px 12px;
}
.social li.youtube a{
	background-position:-368px 12px;
}
.footer-bottom {
	padding-top:18px;
	color:#fff;
	font-size:11px;
	margin-right:-28px;
}
.footer-bottom a {
	color:#fff;
}
.footer-bottom a:hover {
	text-decoration:underline;
}

/* Footer Links */
.footer-links {
	float:right;
	padding-right:270px;
}
.footer-links li {
	float:left;
}
.footer-links li a {
	margin:0 10px;
}
.footer-bottom .copyright {
	padding-left:10px;
}

.box1,.box2 {
	width:1080px;
	margin:0 auto;
	min-height:140px;
	padding-bottom:30px;
	background:url(../images/bg-1.png)
	
}

.box1 h2, .box2 h2{color:#06F; padding:10px 0px 10px 0px; border-bottom:#999 solid 1px; font:'accordaltregularregular'; font-size:30px}

.box1 h3{font-size:20px !important; padding-top:10px; text-decoration:underline}

.box1 p,.box2 p{font-size:14px !important; text-align:justify; line-height:20px; padding-top:10px}

.box1 ul{list-style:circle; margin-top:10px}

.box1 ul li{font-size:14px; line-height:20px}

.box2 ul {list-style:none}

.box2 ul li{display:block; color:#FFF; font-size:22px; background:#900; padding:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:10px;
-webkit-box-shadow: 0 5px 5px 0 #5C5C5C;
box-shadow: 0 5px 5px 0 #5C5C5C;}




#customized a{
position:absolute; top:92px; background:#900; z-index:999; color:#FFF; padding:18px; font-weight:bold; left:0%;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-bottom-right-radius:5px;
 }


#contactform{width:70%; height:auto; float:left}
#contactaddress{width:30%; height:auto; float:left}
#contactaddress h3{font-size:14px !important; text-decoration:none; line-height:18px; margin-top:10px; font-weight:light;}
#contactaddress div img{
					width:70px;
					margin-top:20px;
}
.row{width:100%; height:40px;}
.row label{width:100%; display:block; font-size:20px; height:20px; float:left; padding-top:20px}
.row input{width:70%; height:35px; display:block; float:left;
     box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #000;
    padding: 7px;
    margin:0px;
	background:none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
.row lebel:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.row textarea{width:70%; height:100px; display:block; float:left;
     box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #000;
    padding: 7px;
    margin:0px;
	background:none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}



.submitform{
	background-color: #9DC45F !important;
	width:100px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
	margin-top:20px;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}
.box2 table{width:100%}
.box2 table th{height:30px; text-align:left; color:#000; padding:10px; margin-bottom:10px; font-size:30px}
.box2 table td{height:80px; text-align:center; font-size:14px; border-left:2px #FFF solid; width:14%}

.underconstruction{color:#900; font-size:40px; text-align:center; padding:20px}

		#slides .slides_container {
			width:1600px;
			height:350px;
			display:none;
		}

	
		
		#slides .slides_container div {
			width:1600px;
			height:350px;
			display:block;
		}
		
		.pagination{display:none}
		.pagination .current a {
			color:red;
		}
		hr {
			background:#efefef;
		}

@media screen and (max-width:1280px){
	.showcase img {
	width:100%;
	z-index:3;
}


#slides .slides_container {
			width:1280px;
			height:350px;
			display:none;
		}
		#slides .slides_container div {
			width:1280px;
			height:350px;
			display:block;
		}
		
		.showcase {
	background:url(../images/bg_showcase.png) repeat-x left bottom;
	text-align:center;
	height:300px;
	padding-bottom:37px;
	border-bottom:5px solid #fff;
	position:relative;
	
}

}

@media screen and (max-width:1366px){
	.showcase img {
	width:100%;
	z-index:3;
}


#slides .slides_container {
			width:100%;
			height:auto;
			display:none;
		}
		
		#slides .slides_container img{width:100%;}
		#slides .slides_container div {
			width:100%;
			height:400px;
			display:block;
		}
		
.showcase {
	background:url(../images/bg_showcase.png) repeat-x left bottom;
	text-align:center;
	height:318px;
	padding-bottom:37px;
	border-bottom:5px solid #fff;
	position:relative;
	
}

}
.box6 {
	width:200px;
	height:290px;
	background:#FFF;
	margin:20px auto;
}

.box7 {
	width:250px;
	height:290px;
	background:#FFF;
	margin:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	overflow-y:scroll
}

.box7 h3{font-size:14px; text-decoration:underline; text-align:center; }

.box7 ul{list-style:none}

.box7 ul li{font-size:14px; border-bottom:#999 thin dotted; padding:5px}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  
@media screen and (max-width:1280px){
.slides_control{width:100% !important; height:295px !important;}
.slides_container img{width:100%; float:left}
.showcase{height:auto}
}

.quality1{font-family:BrushScriptStd; font-size:35px !important; display:block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:700px; background:#900; color:#FFF; padding:20px; font-weight:normal; text-align:center; line-height:34px; margin-left:150px; margin-top:20px}

.topnav{display:none;}
.mail-hide{display:block;}

.contact-no span2 {
	background:url(../images/bg_contact-3.png) no-repeat left top;
	height:10px;
	padding-left:15px;
    }

@media only screen and (min-width:300px) and (max-width:700px){
    .topnav{display:block;}
    .top-links{float:left;}
    .top-links li{font-size:13px; margin-top:13px;}
    .header{height:45px;}
    .navigation{display:none;}
    .entry p{font-size:20px; line-height:27px;}
    .box{width:100%;}
    .logo{display:none; width:50%; margin-left: 24% !important;}
    .logo img{width:100%;}
    .showcase-bg{width:100%;}
    .leftcol{width:95%; padding:1%; margin-left:0px;}
    .logo{margin-left:0px;}
    .header-right {float: right; width:93%; margin-right:16px; font-size:11px;}
    .footer-bottom{margin-right:0px;}
    .featured li:first-child {margin-left:0px;}
    .final-logo{display:none;}
    #slides .slides_container div{height: 70px !important; width:100% !important;}
    .box1, .box2{width:90% !important; padding:5%; }
    .box1 p, .box2 p{font-size:18px !important; line-height:26px;}
    .showcase2{height: 47px !important;}
    .quality1{width:90%; padding:2%; margin-left:1.5%; margin-top:1.5%;}
    #contactform{width:100%;}
    .box1{height:auto !important; min-height:1000px !important;}
    .row input{width:100%}
    .row textarea{width:100%}
    #contactform{margin-left:0px !important;}
    .box7{width:95% !important;}
    .search-bar{display:none;}
    #contactaddress{width:100%;}
    .featured ul{margin:10px 0px; padding:0px;}
    .featured ul li{width:46% !important; margin-left:2% !important; margin-top:2% !important;}
    .featured ul li img{width:90%;}
    .featured li{margin-left:0px;}
    #myLinks ul ul{padding-left:30px;}
    .widget-content ul#accordion{background:#fff !important;}
    .widget-content ul#accordion li h4{background:#fff !important; font-size:16px !important;}
    .widget-content ul#accordion li ul li a{color:#000 !important;}
    .contact-no span{color:#fff;}
    .contact-no span a{color:#fff;}
    .contact-no a span{color:#fff;}
    .contact-no a{color:#fff;}
    .header-right{color:#fff;}
    
    .mobile2{width:74%; margin:0 auto;}
    .mail-hide{display:block;}
    .contact-no span{line-height:15px;}
    
    
    .contact-no span {
	background:url(../images/bg_contact-2.png) no-repeat left top;
	height:17px;
	padding-left:15px;
    }
    .contact-no span2 {
	background:url(../images/bg_contact-3.png) no-repeat left top;
	height:10px;
	padding-left:15px;
    }
   
}