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, 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;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */

/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* general purpose classes */

.alignleft { float: left; }
.alignright { float: right; }

.clear {
	clear: both;
	overflow: hidden;
	width: 100%;
}

/* End Toolkit
--------------------------------------------------------------------------------------------------*/

html, body {
	height: 100%;
	font-family: 'open_sansregular',Helvetica, sans-serif!important;
	
}


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */

body {
	font-family: 'open_sansregular',Helvetica, sans-serif!important;
	font-size: 14px;
	line-height: 20px;
	color: #4b4b4b;
	background: #666;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------*/
a {
	outline: none;
	text-decoration: none;
	color:#b41124;
}
a:hover {
	text-decoration: underline;
}
/* End Links
--------------------------------------------------------------------------------------------------*/

/* =Header
--------------------------------------------------------------------------------------------------*/

#header{
	width: 100%;
	padding:10px 0;
	background:#eee;
	position:relative;
}

/*.logo{
	width:233px;
	height:132px;
	float:left;}*/
	
.welcome-block {
	width:100%;
	min-height:100px;
	float:left;
	overflow:hidden;
	background:url(../images/welcome-border.png) left top no-repeat;
}

/*.welcome-block p{
	font-family: 'oswaldlight';
	font-size:23px;
	color:#3e84c0;
	text-align:left;
	text-indent:30px;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:26px;
	margin-top:-10px;
	text-align:left;
	text-indent:20px;
	color:#e07002;}*/
	
/*.header-right{
	width:100%;
	overflow:hidden;
	float:right;
	margin-top:25px;
	}
	
.header-right ul{
	float:right;
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	float:right;
	margin:0 3px;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}*/
	
	

/* End Header
--------------------------------------------------------------------------------------------------*/
/* =navigation
---------------------------*/
#navigation {
	width:100%;
	padding:0;
	background:#3e84c0;
	border-bottom:1px solid #eee;
	z-index:0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);
}
	
/* menu css*/
#cssmenu {
	position: relative;
	top: 0px;
	margin: 0 auto;
	border-radius:0px;
	z-index:0;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	list-style: none;
  	line-height: 1;
  	display: block;
  	position: relative;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	z-index:1;
}
#cssmenu:after,
#cssmenu > ul:after {
  	content: ".";
  	display: block;
  	clear: both;
  	visibility: hidden;
  	line-height: 0;
  	height: 0;
}

#cssmenu #menu-button {
  	display: none;
}

#cssmenu {
  	font-family: 'open_sansregular';
  	background: #3e84c0;
	
}

#cssmenu > ul > li {
  	float: left;
}

#cssmenu.align-center > ul {
  	font-size: 0;
  	text-align: center;
	
}
#cssmenu.align-center > ul > li {
 	 display: inline-block;
  	float: none;
}

#cssmenu.align-center ul ul {
  	text-align: left;
}

#cssmenu.align-right > ul > li {
  	float: right;
}

#cssmenu > ul > li > a {
  	padding: 12px 17px 12px 17px;
  	font-size: 14px;
  	text-decoration: none;
  	color: #eee;
  	font-weight: 300;
  	text-transform: uppercase;
	margin:5px 3px;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;
}

#cssmenu > ul > li:hover > a {
  	color: #3e84c0;
  	background:#eee;
}

#cssmenu > ul > li.has-sub > a {
  	padding-right: 30px;
}

#cssmenu > ul > li.has-sub > a:after {
  	position: absolute;
  	top: 19px;
  	right: 11px;
 	width: 8px;
  	height: 2px;
  	display: block;
  	background: #eee;
  	content: '';
}

#cssmenu > ul > li.has-sub > a:before {
  	position: absolute;
  	top: 16px;
  	right: 14px;
  	display: block;
  	width: 2px;
  	height: 8px;
  	background: #eee;
  	content: '';
  	-webkit-transition: all .25s ease;
  	-moz-transition: all .25s ease;
  	-ms-transition: all .25s ease;
  	-o-transition: all .25s ease;
  	transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before {
  	top: 19px;
  	height: 0;
	/* to do work here*/
	
}

#cssmenu ul ul {
  	position: absolute;
  	left: -9999px;
}

#cssmenu.align-right ul ul {
  	text-align: right;
}

#cssmenu ul ul li {
 	 height: 0;
  	-webkit-transition: all .25s ease;
  	-moz-transition: all .25s ease;
  	-ms-transition: all .25s ease;
  	-o-transition: all .25s ease;
  	transition: all .25s ease;
}

#cssmenu li:hover > ul {
  	left: auto;
	border-left:5px solid #3e84c0;
	padding-bottom:5px;
	 -webkit-box-shadow: -3px 1px 3px 0px rgba(12, 12, 12, 0.61);
-moz-box-shadow:    -3px 1px 3px 0px rgba(12, 12, 12, 0.61);
box-shadow:         -3px 1px 3px 0px rgba(12, 12, 12, 0.61);
}

#cssmenu.align-right li:hover > ul {
  	left: auto;
  	right: 0;
}

#cssmenu li:hover > ul > li {
  	height: 40px;
  
}

#cssmenu ul ul ul {
  	margin-left: 100%;
  	top: 0;
}

#cssmenu.align-right ul ul ul {
  	margin-left: 0;
  	margin-right: 100%;
}

#cssmenu ul ul li a {
  	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  	border-top: 1px solid rgba(150, 150, 150, 0.15);
  	padding: 15px 15px;
  	width: 220px;
  	font-size: 14px;
  	text-decoration: none;
  	color: #303030;
  	font-weight: 400;
  	background: #eee;
  	vertical-align:middle;
	
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  	border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  	color: #000000;
  
}
#cssmenu ul ul li.has-sub > a:after {
  	position: absolute;
 	top: 16px;
 	right: 11px;
  	width: 8px;
  	height: 2px;
  	display: block;
  	background: #303030;
  	content: '';
}

#cssmenu.align-right ul ul li.has-sub > a:after {
  	right: auto;
  	left: 11px;
}

#cssmenu ul ul li.has-sub > a:before {
  	position: absolute;
  	top: 13px;
  	right: 14px;
  	display: block;
  	width: 2px;
  	height: 8px;
  	background: #303030;
  	content: '';
  	-webkit-transition: all .25s ease;
  	-moz-transition: all .25s ease;
  	-ms-transition: all .25s ease;
  	-o-transition: all .25s ease;
  	transition: all .25s ease;
}

#cssmenu.align-right ul ul li.has-sub > a:before {
  	right: auto;
  	left: 14px;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
  	top: 17px;
  	height: 0;
}

#cssmenu.small-screen {
  	width: 100%;
	
}

#cssmenu.small-screen ul {
  	width: 100%;
  	display: none;
}

#cssmenu.small-screen.align-center > ul {
 	 text-align: left;
}

#cssmenu.small-screen ul li {
  	width: 100%;
  	border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  	height: auto;
}

#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
 	 width: 100%;
 	 border-bottom: 0;
}

#cssmenu.small-screen > ul > li {
  	float: none;
}

#cssmenu.small-screen ul ul li a {
  	padding-left: 25px;
}

#cssmenu.small-screen ul ul ul li a {
 	 padding-left: 35px;
}

#cssmenu.small-screen ul ul li a {
  	color: #eee;
  	background: none;
}

#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
  	color: #fff;
}

#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  	position: relative;
 	 left: 0;
  	width: 100%;
 	 margin: 0;
  	text-align: left;
}

#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  	display: none;
}

#cssmenu.small-screen #menu-button {
  	display: block;
  	padding: 17px;
  	color: #fefefe;
  	cursor: pointer;
  	font-size: 14px;
  	text-transform: uppercase;
  	font-weight: 700;
}

#cssmenu.small-screen #menu-button:after {
  	position: absolute;
  	top: 2px;
  	right: 17px;
  	display: block;
  	color: #eee;
  	font-size:40px;
  	font-weight:normal;
  	font-stretch:extra-expanded;
  	padding-left:20px;
  	content: '\2261';
}

#cssmenu.small-screen #menu-button:before {
 	position: absolute;
  	top: 2px;
  	right: 17px;
  	display: block;
 	font-size:40px;
  	color: #da521c;
  	content: '';
}

#cssmenu.small-screen #menu-button.menu-opened:after {
  	position: absolute;
  	top: 2px;
  	right: 17px;
  	display: block;
  	font-size:40px;
  	font-weight:normal;
  	font-stretch:extra-expanded;
  	padding-left:20px;
  	content: '\2261';
}

#cssmenu.small-screen #menu-button.menu-opened:before {
  	top: 23px;
  	background: #ffffff;
  	width: 15px;
 	-webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg);
  	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
}

#cssmenu.small-screen .submenu-button {
  	position: absolute;
  	z-index: 99;
  	right: 0;
  	top: 0;
  	display: block;
  	border-left: 1px solid rgba(120, 120, 120, 0.2);
  	height: 46px;
  	width: 46px;
  	cursor: pointer;
}

#cssmenu.small-screen .submenu-button.submenu-opened {
  	background: #cccccc;
}

#cssmenu.small-screen ul ul .submenu-button {
  	height: 34px;
  	width: 34px;
}

#cssmenu.small-screen .submenu-button:after {
 	position: absolute;
  	top: 22px;
  	right: 19px;
  	width: 8px;
  	height: 2px;
  	display: block;
  	background: #414141;
  	content: '';
}

#cssmenu.small-screen ul ul .submenu-button:after {
  	top: 15px;
  	right: 13px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:after {
  	background: #ffffff;
}

#cssmenu.small-screen .submenu-button:before {
  	position: absolute;
  	top: 19px;
  	right: 22px;
  	display: block;
  	width: 2px;
  	height: 8px;
  	background: #414141;
  	content: '';
}

#cssmenu.small-screen ul ul .submenu-button:before {
  	top: 12px;
  	right: 16px;
	
}

#cssmenu.small-screen .submenu-button.submenu-opened:before {
  	display: none;
}

#cssmenu.small-screen.select-list {
 	 padding: 5px;
}

/* menu css end */

/* banner css here*/

#banner{
	width:100%;
	height:450px;
	position:relative; background:url(../images/banner1.jpg) center top no-repeat;
	border-bottom:10px solid #414141;
	z-index:0;
	}
	
#ventures{
	width:100%;
	min-height:100px;
	padding:25px 0 0 0;
	background:#dedede;}
	
#ventures .ventures-inner{
	width:100%;
	margin-top:20px;}
	
#ventures .ventures-inner .tex{
	font-family: 'melbournelight';
	font-size:24px;
	text-align:center;
	color:#ca5e07;
	height:40px;
	margin-top:5px;
	display:block; font-weight:bold;
	}
	
/*.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin-top:40px;
	float:left;
	}*/
	

/*.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;}*/
	
.venture-text a:hover{
	background:#e16909;
	text-decoration:none;
	color:#eee;}
/* =Main Content
--------------------------------------------------------------------------------------------------*/

#whq{
	width:100%;
	min-height:200px;
	padding:25px 0 0 0;
	background:#eeeeee;}
	
/*#whq .main-box{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }*/
	
.home-head{
	width:100%;
	padding:15px 0px 15px 20px;
	background:#3e84c0;
	font-family: 'open_sansregular';
	font-size:20px;
	text-align:left;
	color:#fff;
	margin-top:0;}
	
#whq .main-box p{
	font-size:14px;
	font-family: 'open_sansregular';
	line-height:25px;
	text-align:justify;
	}
	
#whq .main-box .send-text{
	font-family: 'oswaldlight';
	font-size:18px;
	text-align:left;
	color:#e16909;}
	
#whq .main-box .send-text2{
	font-family: 'oswaldlight';
	font-size:16px;
	text-align:left;
	color:#666666;
	margin:15px 0 0 0;}
	
#whq .main-box a{
	
	font-family: 'oswaldregular';
	color:#fff;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	background:#e16909;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	margin-top:25px;}
	
#whq .main-box a:hover{
	background:#c25600;
	text-decoration:none;}
	
.main-box2{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }

/* home contact form css---------*/

.request-form textarea,
.request-form .textbox{
	background: #f6f6f6;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #dedede;
	line-height: 35px;
	height: 40px;
	margin-bottom: 15px;
	font-family: 'oswaldregular', sans-serif;
	font-size:16px;
	outline: none;
	color: #ccc;
}.request-form .textbox:focus,
.request-form textarea:focus {
	color: #333;
}
.request-form textarea {
	line-height: normal;
	padding: 10px;
	height: 65px;
	resize: none;
	margin-bottom: 0;
	line-height: normal;
}

.send-btn{
	width:100%;
	font-family: 'oswaldregular';
	color:#fff;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	background:#e16909;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	margin-top:15px;
	cursor:pointer;
	outline:none;
	border-left:none;
	border-right:none;
	border-top:none;}
	
.send-btn:hover{
	background:#c25600;
	text-decoration:none;}
	

/* =End Main Content
--------------------------------------------------------------------------------------------------*/
#project-updates{
	width:100%;
	min-height:50px;
	background:#888;
	padding:0px 0 15px 0;}
	
#project-updates .style2{
	width:100%;
	height:65px;
	overflow:hidden;
	background:eee;
	font-family: 'oswaldregular';
	font-size:24px;
	color:#888;
	text-align:center;
	line-height:50px;
	background:url(../images/up-arrow.png) bottom -5px center no-repeat #eee;
	margin:0 auto;
	}
	
#owl-demo{
	padding:25px 0 0 0;
	}

 #owl-demo .item{
        margin: 5px;
    }
    #owl-demo .item img{
        display: block;
        height: auto;
		border:5px solid #eee;
    }
	
/* latest projects images*/

.projectsall{
	background:url(../images/shadow-bar.png) center top 0px  no-repeat #fff; }
	
.projectsall a img{
	opacity:1.0;}
	
.projectsall a img:hover{
	opacity:0.5;}

/* =Footer
--------------------------------------------------------------------------------------------------*/
.viz{
	width:100%;
	height:315px;
	border:5px solid #fff;}
	
#vid-test{
	width:100%;
	background:#dedede;
	padding:25px 0;}
	
#vid-test .video{
	overflow:hidden;
	background:#fff;
	margin-bottom:25px;}
	
#vid-test a{
	color:#fff;
	text-decoration:none;}
	
#vid-test .head2{
	font-family: 'oswaldregular';
	font-size:20px;
	color:#3e84c0;
	text-align:center;
	padding:10px 0;
	overflow:hidden;
	margin-top:0;}
	



/*----footer-----*/

#footer{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(../images/shadow-bar.png) top center no-repeat #dedede;
	padding:15px 0 25px 0;}
	
#footer .quick-nav{
	overflow:hidden;
	float:left;
	}
	
#footer .quick-nav ul{
	list-style:none;
	float:left;}
	
#footer .quick-nav ul li{
	list-style:none;
	margin:2px ;
	overflow:hidden;
	position:relative;
	float:left;}
	
#footer .quick-nav ul li a{
	text-align:left;
	text-indent:8px;
	font-size:13px;
	display:inline-block;
	color:#414141;
	padding:3px 0px;
	background:#fff;
	text-decoration:none;
	position:relative;
	min-width:140px;
	border-left:5px solid #fff;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;}
	
#footer .quick-nav ul li a:hover{
	background:#666;
	color:#fff;
	border-left:5px solid #e16909;}
	
.head3{
	font-family: 'oswaldregular';
	font-size:20px;
	color:#3e84c0;
	text-align:left;
	padding:10px 0;
	overflow:hidden;
	margin-top:0;}
	
	
/* social media-----*/

#footer .follows {
	float: left;
	overflow:hidden;
}
#footer .follows .icons {
	display: block;
	padding-bottom: 15px;
}
#footer .follows .icons a {
	float: left;
	width: 42px;
	height: 42px;
	text-indent: -999em;
	font-size: 0;
	line-height: 0;
	background: url(../images/bgi/ico-social.png) no-repeat left top;
	margin: 0 1px 0 0;
	-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
#footer .follows .icons a:hover {
	background-position: 0 -42px;
}

#footer .follows .icons a.fb {
	background-position: -42px 0;
}
#footer .follows .icons a.fb:hover {
	background-position: -42px -42px;
}
#footer .follows .icons a.gp {
	background-position: -84px 0;
}
#footer .follows .icons a.gp:hover {
	background-position: -84px -42px;
}	

#footer .follows .icons a.yt {
	background-position: -126px 0;
}
#footer .follows .icons a.yt:hover {
	background-position: -126px -42px;
}	

#footer .follows .icons a.in {
	background-position: -168px 0;
}
#footer .follows .icons a.in:hover {
	background-position: -168px -42px;
}

#footer .follows .icons a.fl {
	background-position: -210px 0;
}
#footer .follows .icons a.fl:hover {
	background-position: -210px -42px;
}

#footer .follows .icons a.bl {
	background-position: -252px 0;
}
#footer .follows .icons a.bl:hover {
	background-position: -252px -42px;
}		
	
#copyright{
	width:100%;
	padding:15px 0;
	background:#414141;
	font-size:12px;
	color:#eee;
	text-align:center;
	margin:0 auto;}	


/* media-css ( media quires)
--------------------------------------------------------------------------------------------------*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	margin:0 auto;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:18px;
	color:#3e84c0;
	text-align:center;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:20px;
	margin-top:-10px;
	text-align:center;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
	
.header-right ul{
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	margin:0 auto 15px auto;
	display:block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:285px;
   height:auto;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
   margin:0 auto;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin:40px 0 25px 0;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:285px;
	margin:0 auto;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;}
	
#whq .main-box{
	width:100%;
	height:auto;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1; 
	margin-bottom:25px;}
	
	

}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	margin:0 auto;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:18px;
	color:#3e84c0;
	text-align:center;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:20px;
	margin-top:-10px;
	text-align:center;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
	
.header-right ul{
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	margin:0 auto 15px auto;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:285px;
   height:auto;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
   margin:0 auto;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin:40px 0 25px 0;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:285px;
	margin:0 auto;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;}
	
#whq .main-box{
	width:100%;
	height:auto;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	margin:0 auto;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:18px;
	color:#3e84c0;
	text-align:center;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:20px;
	margin-top:-10px;
	text-align:center;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
	
.header-right ul{
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	margin:0 auto 15px auto;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:285px;
   height:auto;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
   margin:0 auto;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin:40px 0 25px 0;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:285px;
	margin:0 auto;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;}
	
#whq .main-box{
	width:100%;
	height:auto;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	float:left;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:23px;
	color:#3e84c0;
	text-align:left;
	text-indent:30px;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:26px;
	margin-top:-10px;
	text-align:left;
	text-indent:20px;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	float:right;
	margin-top:25px;
	}
	
.header-right ul{
	float:right;
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	float:right;
	margin:0 3px;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:100%;
   height:auto;
   float: left;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin-top:40px;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:100%;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;
	}
	
whq .main-box{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }
	

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	float:left;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:23px;
	color:#3e84c0;
	text-align:left;
	text-indent:30px;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:26px;
	margin-top:-10px;
	text-align:left;
	text-indent:20px;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	float:right;
	margin-top:25px;
	}
	
.header-right ul{
	float:right;
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	float:right;
	margin:0 3px;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:100%;
   height:auto;
   float: left;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin-top:40px;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:100%;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;
	}
	
whq .main-box{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }
	

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	float:left;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:23px;
	color:#3e84c0;
	text-align:left;
	text-indent:30px;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:26px;
	margin-top:-10px;
	text-align:left;
	text-indent:20px;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	float:right;
	margin-top:25px;
	}
	
.header-right ul{
	float:right;
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	float:right;
	margin:0 3px;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:100%;
   height:auto;
   float: left;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin-top:40px;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:100%;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;
	}
	
whq .main-box{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }
	

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.logo{
	width:233px;
	height:110px;
	float:left;}
	
.welcome-block p{
	
	font-family: 'melbourneregular';
	font-size:34px;
	color:#e07002;
	text-align:left;
	text-indent:30px;
	margin-top:25px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:18px;
	margin-top:-10px;
	text-align:left;
	text-indent:20px;
	color:#3e84c0;}
	
.header-right{
	width:100%;
	overflow:hidden;
	float:right;
	margin-top:25px;
	}
	
.header-right ul{
	float:right;
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	float:right;
	margin:0 30px 0 3px;
	position:relative;
	display:inline-block;
	height:35px;
	width:auto; font-size:18px; }
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px; padding-left:15px; padding-right:15px;
	height:35px;
	width:auto; margin-left:5px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:100%;
   height:auto;
   float: left;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin-top:40px;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:100%;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;
	}
	
whq .main-box{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }
	

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	float:left;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:23px;
	color:#3e84c0;
	text-align:left;
	text-indent:30px;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:26px;
	margin-top:-10px;
	text-align:left;
	text-indent:20px;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	float:right;
	margin-top:25px;
	}
	
.header-right ul{
	float:right;
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	float:right;
	margin:0 3px;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
	
.view {
   width:100%;
   height:auto;
   float: left;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
   
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin-top:40px;
	float:left;
	}
	
.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:100%;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;
	}
	
whq .main-box{
	width:100%;
	min-height:442px;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1;
	margin-bottom:25px; }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.logo{
	width:233px;
	height:132px;
	margin:0 auto;}
	
.welcome-block p{
	font-family: 'oswaldlight';
	font-size:18px;
	color:#3e84c0;
	text-align:center;
	margin-top:30px;}
	
.welcome-block .great{
	font-family: 'melbourneregular';
	font-size:20px;
	margin-top:-10px;
	text-align:center;
	color:#e07002;}
	
.header-right{
	width:100%;
	overflow:hidden;
	text-align:center;
	}
	
.header-right ul{
	list-style:none;}
	
.header-right ul li{
	list-style:none;
	margin:0 auto 15px auto;
	position:relative;
	display:inline-block;
	height:35px;
	width:145px;}
	
.header-right ul li a{
	font-family: 'oswaldregular';
	font-size:15px;
	text-align:center;
	line-height:35px;
	height:35px;
	width:145px;
	text-decoration:none;
	position:relative;
	display:inline-block;
	border-left:5px solid #e67302;
	color:#616161; 
	background:#d1d2d2;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}
	
.header-right ul li a:hover{
	background:#5aa5e5;
	color:#fff;
	text-decoration:none;
	
	}
.view {
   width:285px;
   height:auto;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
   margin:0 auto;
   
}

.venture-text{
	width:100%;
	position:relative;
	display:block;
	margin:40px 0 25px 0;
	float:left;
	
	}
	
	.venture-text a{
	font-family: 'oswaldbold';
	color:#3e84c0;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	display:block;
	padding:8px 0;
	border-bottom:6px solid #afafaf;
	width:285px;
	margin:0 auto;
	transition:color .1s ease-out, background 300ms ease-in;
  -o-transition:color .1s ease-out, background 300ms ease-in;
  -ms-transition:color .1s ease-out, background 300ms ease-in;
  -moz-transition:color .1s ease-out, background 300ms ease-in;
  -webkit-transition:color .1s ease-out, background 300ms ease-in;}
	
#whq .main-box{
	width:100%;
	height:auto;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1; 
	margin-bottom:25px;}

}

@media screen and (device-aspect-ratio: 40/71) {
	
.view {
   width:285px;
   height:auto;
   border: 5px solid #fff;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
   margin:0 auto;
   
}

#whq .main-box{
	width:100%;
	height:auto;
	padding:10px;
	background:#fff;
	border:1px solid #d1d1d1; 
	margin-bottom:25px;}
	
	}

.bot-mar{
	margin-bottom:15px;}
	
/* back to top css--*/

#elevator_item {
width: 60px;
height: 100px;
position: fixed;
right: 15px;
bottom: 10px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 60px;
height: 50px;
background: url(../images/icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}
#elevator_item .qr {
display: block;
width: 60px;
height: 40px;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
background:url(../images/icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6)
}
#elevator_item .qr:hover {
background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
width: 170px;
height: 200px;
background: #fff;
box-shadow: 0 1px 8px rgba(0,0,0,.1);
position: absolute;
left: -180px;
bottom: 0;
border-radius: 2px;
display: none;
text-align: center
}
#elevator_item .qr-popup .code-link {
display: block;
margin: 10px;
color: #777
}
#elevator_item .qr-popup .code {
display: block;
margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
width: 6px;
height: 11px;
background: url(img/code_arrow.html) 0 0 no-repeat;
position: absolute;
right: -6px;
bottom: 14px
}



/*  ----- inner page css here-------*/

#page-content{
	width:100%;
	min-height:200px;
	background:#eee;
	padding:25px 0;}
	
.page-left{
	width:100%;
	height:auto;
	}
	
.page-left-week{
	width:100%;
	height:auto;
	padding:15px;
	border-bottom:5px solid #e1691f!important;
	background:#E6E6E6;
	display:block;
	overflow:hidden;
	margin-bottom:25px;
	border:1px solid #ccc;
	}
	
.page-left-week ul{
	list-style:none;
	float:left;
	margin-bottom:10px;}
	
.page-left-week ul li{
	list-style:none;
	color:#414141;
	font-size:14px;
	text-align:left;
	line-height:22px;
	padding-left:15px;
	background:url(../images/ar-right.png) left top 4px no-repeat ;
	display:inline-block;
	margin-bottom:10px;
	width:100%;
	float:left;
	overflow:hidden;
	}
	
.week-head{
	font-family: 'oswaldregular';
	color:#3e84c0;
	font-size:18px;
	text-align:left;
	width:100%;
	margin-bottom:15px;
	display:block;
	}
	
	

	
.page-download{
	width:100%;
	height:auto;
	}
	

	
.vision-arrow{
	list-style:none;
	width:100%;
	margin-bottom:20px;
	background:url(../images/ar-right.png) left top 5px no-repeat;
	padding-left:20px;}
	
 .page-head{
	font-size:24px;
	text-align:left;
	color:#e16909;
	border-left:5px solid #ccc;
	text-indent:15px;
	margin-bottom:15px;

}

.page-head2{
	font-size:18px;
	text-align:left;
	color:#3e84c0;
	border-left:5px solid #ccc;
	text-indent:15px;
	margin-bottom:15px;}

.page-left p{
	font-size:14px;
	color:#414141;
	line-height:22px;
	text-align:justify;
	margin-bottom:20px;}
	
.page-right{
	width:100%;}
	
#inner-banner{
	width:100%;
	height:auto;
	background:#fff;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:-1;
	border-bottom:20px solid #CCC;
}
	
#inner-banner img{
	z-index:-1;}
	
	
.mar{
	margin-bottom:25px;
	margin-top:25px;}
	
.t-color{
	color:#3e84c0!important;
	font-weight:bold;}
	
.downlink{
	font-size:15px;
	text-align:center;
	color:#414141;
	width:100%;
	padding:5px 0;
	
	display:block;
	margin-top:15px;
	border:1px solid #ccc;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
	}
	
.downlink:hover{
	color:#fff;
	background:#e16909;
	text-decoration:none;
	border:1px solid #fff;}
	
.mar-bot{
	margin-bottom:25px;}
	
.mar-top{
	margin-top:25px;}
	
/* right part css--------*/

#right-links{
	width:100%;
	height:auto;
	background:#ccc;
	padding:10px;}
	
.right-head{
	overflow:hidden;
	color:#fff;
	background:#3e84c0;
	font-size:24px;
	text-align:center;
	display:block;
	padding:10px 0;
	margin-bottom:15px;
	margin-top:0;}
	
#rignt-links ul{
	list-style:none;
	float:left;}
	
#right-links ul li{
	list-style:none;
	width:100%;
	display:inline-block;
	margin-bottom:2px;
	}
	
#right-links ul li a{
	font-size:16px;
	color:#414141;
	text-align:left;
	width:100%;
	display:inline-block;
	padding:15px 0 15px 25px;
	background:url(../images/ar-right.png) left 10px top 20px #fefefe no-repeat;
	transition:color .3s ease-out, background 500ms ease-in;
  -o-transition:color .3s ease-out, background 500ms ease-in;
  -ms-transition:color .3s ease-out, background 500ms ease-in;
  -moz-transition:color .3s ease-out, background 500ms ease-in;
  -webkit-transition:color .3s ease-out, background 500ms ease-in;
}

#right-links ul li a:hover{
	color:#fff;
	background:url(../images/ar-right.png) left 10px top 20px #3e84c0 no-repeat;
	text-decoration:none;
	}
	
/* table villa sizes css------*/

.head-color{
	font-family: 'open_sansextrabold';
	color:#3e84c0;}
	
	
.contact-address{
	width:100%;
	display:block;
	height:auto;
	margin-bottom:25px;}
	
.contact-address p{
	font-size:15px;
	color:#414141;
	margin-bottom:10px;}
	
.contact-head{
	font-family: 'open_sanssemibold';
	font-size:22px;
	color:#e16909;
	display:block;
	margin-bottom:30px;}
	
.phone-colo{
	font-family: 'open_sanssemibold';
	color:#3e84c0;
	font-size:16px;}
	
#google-map-outer{
	width:100%;
	min-height:20px;
	background:#666;}
	
#google-head{
	font-size:24px;}
	
	
/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			
			width: 100%;
			background:url(../images/da.png)bottom 15px center no-repeat #414141;
			padding: 18px  0 20px 0;
			height:100px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 22px;
			text-align:center;	
			cursor: pointer;
			margin: 0 0 0 0;
			position:relative;
		}
		
		.accordion_toggle_active {
			background:url(../images/into.png)bottom 15px center no-repeat #414141;
			color: #ffffff;
			
		}
		
		.accordion_content {
			background-color: #414141;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 0px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 100%;
			background: url(images/accordion_toggle.html) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.html) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.html) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.html) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px auto 0px auto;
         
      height: 1px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

/* cmd bootstrap dropdown css--*/

		
	.cmd-head{
	font-family: 'oswaldregular';
	color:#e67302;
	font-size:30px;
	margin-top:30px;
	}
	
.cmd-head-4{
	font-family: 'oswaldregular';
	color:#e67302;
	font-size:26px;
	margin-top:5px;
	overflow:hidden;
	margin-bottom:15px;
	
	}
	
.cmd-head-2{
	font-family: 'oswaldlight';
	color:#eee;
	font-size:19px;
	font-weight:100;}
	
.cmd-head-3{
	font-family: 'oswaldlight';
	color:#eee;
	font-size:22px;
	font-weight:100;
	}
	
.cmd-mar{
	display:block;
	margin-top:80px;}
	
.cmd-pick{
	width:100%;}
	
.cmd-line{
		width:100%;
		height:auto;
		padding-top:25px;
		margin-top:25px;
		border-top:1px solid #004B7F;
		background:url(../images/cmd-bg.png) left top repeat-x;
		display:inline-block;}	
		
		
.list-group-item1 li{ list-style:circle; padding:3px 0px 3px 8px; margin-left:30px;}

.heading_san{ color:#e07002; }
.help-required{ color:#F00; }

.sdrfwer{ text-align:center !important;}
.mail{ background:#C25600 !important; color:#fff; padding:3px 10px !important; border-radius:2px; border:none !important; width:150px; display:block; float:right; }
.mail{ width:222px !important; margin:0px 10px;}