/*!
 * Alvi Pixels Design Studio (http://www.alvipixels.com)
 * Copyright 2011-2014 Alvi Pixels Design Studio.
 * 
 */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding:0;
  background:url(../images/bg.png) top center no-repeat #FFF;
  font-size:16px;
  letter-spacing:1px;
  line-height:20px;
  font-weight:400;
  color:#535353;
  font-family: 'Noto Sans', sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
  color:#38b8ee;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}

/* Custom Components Starts Here */

img, embed, object, video, iframe {
max-width: 100%;
}
a { color:#f68b20;}
.color1 { color:#f68b20;}
.color2 { color:#000;}
.color3 { color:#535353;}
.color4 { color:#FFF;}
h1 { color:#f68b20; font-size:36px; font-weight:700; letter-spacing:2px; text-transform:uppercase; text-align:center; line-height:normal;}
h2 { color:#000; font-weight:normal; letter-spacing:1px; margin:30px 0 0 0; padding:0; line-height:normal;}
h3 { color:#535353; font-weight:normal; letter-spacing:1px;}
.txt1{ font-size:18px; font-weight:normal; line-height:30px;}
.txt2{ font-size:16px;}
.txt3{ font-size:12px;}
.txtalignC { text-align:center;}
.txtalignR { text-align:right;}
.content {
	position:relative;
	width: 960px;
	margin: 0px auto;
}
header, nav, main, footer, .banner {
	float:left;
	width:100%;
}
header { background:#FFF; border-bottom:1px solid #e0e0e0;}
.banner { margin:20px 0 0 0;}
.col_16, .col_15, .col_14, .col_13, .col_12, .col_11, .col_10,.col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1 { 
float:left; margin:0 10px;}
.col_16 { width:940px;}
.col_15 { width:880px;}
.col_14 { width:820px;}
.col_13 { width:760px;}
.col_12 { width:700px;}
.col_11 { width:640px;}
.col_10 { width:580px;}
.col_9 { width:520px;}
.col_8 { width:460px;}
.col_7 { width:400px;}
.col_6 { width:330px;}
.col_5 { width:280px;}
.col_4 { width:220px;}
.col_3 { width:160px;}
.col_2 { width:100px;}
.col_1 { width:40px;}

.mLclear { margin-left:0;}
.mRclear { margin-right:0;}
.floatR { float:right;}

nav {
	text-align: center;
	font-size:16px;
	
}
nav > a
			{
				display: none;
			}
nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	margin:0 atuo;
	margin-top:20px;
	float:right;
	
	
	}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #013f68;
			border-radius: 5px;
		}
			nav ul li:hover a {
				color:#FFF;
			}
		
		nav ul li a {
			display: block; padding: 8px 16px;
			color:#35332f; text-decoration: none;
		}
			
		
	nav ul ul {
		background: #013f68; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
		margin-top:-5px;
		z-index:999999;
	}
		nav ul ul li {
			float: none; 
			border-bottom: 1px solid #000; 
			position: relative;
			text-align:left;
		}
			nav ul ul li a {
				padding: 10px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #f68b20;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
nav span  { display:none;}

.topContact { text-align:right; margin-top:10px; color:#000; font-size:14px;}

main {
	min-height:800px;
	margin:25px 0 30px 0;
	padding:0px 0 20px 0;
	background:#FFF;
	border-top:5px solid #e0e0e0;
}

.getInTouch {background:#013f68; padding:15px; border-radius:5px; right:-5px; top:110px; position:fixed; color:#FFF; font-size:18px; line-height:28px; z-index:1004;}
.homeql a { color:#fa1793; text-decoration:none; line-height:50px;}
summary {}
/* tab details in html5*/
details {}


 
 .ThumbImg{ float:right; }
 .img-responsive {width:100%;}
 .ImgSize { width:33%; height:auto;}
 
.leftMargin { margin-left:-10px;}
.rightMargin { margin-right:-10px;}

.rightColumn {right:0;}

footer { background:url(../images/footer_bg.png) repeat-x; padding:35px 0; color:#FFF; font-size:14px;}

footer a { text-decoration:none; color:#FFF;}
footer img { margin:3px;}
/* Letting Page*/

.myForm {}
.myForm input, .myForm textarea, .myForm select { width:280px; margin:5px 0; line-height:30px; border-radius:5px; background:#FFF; border:1px solid #CCC; color:#333;}
.myForm input[type="Submit"], .myForm2 input[type="Submit"] { background:#2f0926; padding:10px; color:#FFF;}

.myForm2 input, .myForm2 textarea, .myForm2 select { width:200px; margin:5px 0; line-height:30px; border-radius:5px; background:#FFF; border:1px solid #CCC; color:#333;}

.Stabs div{ float:left; position:relative; width:30%; margin:1.5%; height:234px; overflow:hidden; display:block;}
.Stabs h2  { margin-bottom:24px;}
.Stabs div img { float:right;}
.expandSign a, .CollapseSign a { position:absolute; right:5px; bottom:5px; background:#FFF; border-radius:5px; width:30px; height:20px; text-align:center; font-size:10px; text-decoration:none; z-index:10000;}
.CollapseSign a { float:left; width:30px; padding-left:5px; right:0; clear:both;}
.TabHeading {width:90%; margin:0 0 10px 0; font-size:18px; letter-spacing:0; color:#F90; cursor:pointer;}
.TabHeading2 a { text-decoration:none; color:#666;}
.TabContent { float:left; margin-top:10px; width:100%;}


#expContent1, #expContent2, #expContent3, #expContent4, #expContent5, #expContent6, #expContent7, #expContent8, #expContent9
{ width:100%; height:auto; border-top:solid 1px #000; }

#CollContent1, #CollContent2, #CollContent3, #CollContent4, #CollContent5, #CollContent6, #CollContent7, #CollContent8, #CollContent9
{ width:30%; height:230px; border:none;}

.rightColumn ul { margin:0; padding:0;}
.rightColumn li { margin:0 0 15px 20px;}

/* for 980px or less */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.content {
	float:left;
	width: 768px;
	margin: 10px 0;
	height:auto;
}
	header, nav, main, footer {
	width:100%; 
}
.hcontact { display:none;}
.search, .main_cont { padding:0px; margin:20px 0 0 0;}
.hicons { margin:0;}
.banner { margin:0;}

.getInTouch { top:200px;}

.col_16, .col_15, .col_14, .col_13, .col_12, .col_11, .col_10,.col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1 { 
float:left; padding: 0 9px;}
.col_16 { width:750px;}
.col_15 { width:702px;}
.col_14 { width:654px;}
.col_13 { width:606px;}
.col_12 { width:558px;}
.col_11 { width:510px;}
.col_10 { width:462px;}
.col_9 { width:414px;}
.col_8 { width:366px;}
.col_7 { width:318px;}
.col_6 { width:270px;}
.col_5 { width:222px;}
.col_4 { width:174px; }
.col_3 { width:126px;}
.col_2 { width:78px;}
.col_1 { width:30px;}

footer { padding:35px 0; }


}

/* for 700px or less */
@media screen and (max-width: 700px) {
	
	body { width:96%; padding:0 2%;}
	.content {
	width: 100%;
	margin: 0px auto;
}
	header, nav, main, footer {
	width:100%;
}
.topContact { text-align:left; }

	.col_16, .col_15, .col_14, .col_13, .col_12, .col_11, .col_10,.col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1 { 
float:left; padding:10px 0; width:100%;}
.logo { width:100%;}

.myForm input, .myForm textarea, .myForm select, .myForm2 input, .myForm2 textarea, .myForm2 select  { width:100%;}
.getInTouch { display:none;}

.rightColumn {position:relative; right:0;}
footer { padding:35px 10px; }
}

/* for 480px or less @media screen and (max-width: 480px) {*/
@media only screen and ( max-width: 40em ) /* 640 */ {
	img { max-width: 100%; } 
	header, nav, main, footer {
	width:98%;
	padding:0 1%;
	overflow:visible;
}
header { float:left; margin:0px 0 0 0;}
.tagline { display:none;}
.main_cont { padding:10px;}
	.col_16, .col_15, .col_14, .col_13, .col_12, .col_11, .col_10,.col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1 { 
float:left; margin:0px; width:100%;}
.logo { width:100%;}
.getInTouch { display:none;}
nav span  { display:block;}
#navigationlist { display:none; z-index:5000;}
nav li { width:100%; }
nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position:relative; top: 100%; 
		z-index:999999;
	}
	nav ul li {
		background: #FFF;
		margin:0px 0;
		border-bottom:1px #CCCCCC solid;
		}
	nav ul li a{ color:#333333;}
	nav ul li:hover {
		background: #555;
	}
		nav ul ul li {
			float: none;  
			position: relative;
			border:none;
		}
			nav ul ul li a {
				padding: 15px 40px;
				color: #000;
				background: #555;
			}
				
				nav ul ul li a:hover {
					background: #f68b20;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	
	
	#shownav, #hidenav /* code for the two lines menu icon */
				{
					position:absolute;
					display:block;
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					background-color: #555;
					border-radius:5px;
					right:0; margin-top:-100px;
					z-index:500;
				}
				
					nav span > a:before,
					nav span > a:after
					{
						position: absolute;
						border: 2px solid #FFF;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					nav span > a:after
					{
						top: 60%;
					}

				nav span:not( :target ) > a:first-of-type,
				.menu:target > a:last-of-type
				{
					display: block;
				}
				#hidenav { display:none;}

footer { width:96%; padding:35px 2%; }
}
.logo { margin-top:32px; margin-bottom:16px;}

input { width:250px; border-radius:5px; margin-bottom:5px; color:#333;}
input[type="submit"] { border:none;}