/* ------------------------------------------------------------------------------
	
	1. CSS Reset
	2. Document Setup
	3. Header Part
		3.1 Slide show background control
	4. Background slider CSS style
	5. Menu Style
	6. About me Style
	7. Experience Skills Style
	8. Work Experience Style
	9. Education Style
	10. Otherinfo Style
	11. Get in tuch Style
	12. Footer Style
	13. Responsive style
		

Color1 = 8aadb8
Color2 = add8e6
		
---------------------------------------------------------------------------------
/* 1. CSS Reset
-------------------------------------------------------------------------------*/


/*
@font-face {
    font-family: baskerville;
    src: url("fonts/baskerville.eot");
    src: url("fonts/baskerville.eot?#") format("eot"), url("fonts/baskerville.woff2") format("woff2"), url("fonts/baskerville.woff") format("woff");
}
*/

* {
	padding:0;
	margin:0;
}
body
{
	color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	position:relative;
	background-color:#ffffff;
	width:100%;
	height:100%;
	overflow: scroll;
	overflow-x: hidden;
	font-size: 18px;
}
a
{
	text-decoration:none;
	color:#000000;
	outline:none;
}

a:hover {
	text-decoration:none;
	color:#00f;
	outline:none;
}


li
{
	margin-left: 20px;
	color: #000;
	//font-size: 20px;
	text-align: left;
}

td
{
	padding-bottom: 10px;
	vertical-align: top;
}

/*----------------------------------------------------
 2.	Document Setup
------------------------------------------------------*/
.wrapper{
	width:100%;
}
.spHeight{
	padding-top:63px;
}

.noMar{
	margin:0 !important;
}
.noPadd{
	padding:0px !important;
}

.container .row{
	margin:0px;
}

p{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:300;
	padding-bottom:22px;
	margin:0px;
}
h1{
	font-family: 'Open Sans', sans-serif;
	font-size:50px;
	//line-height:90px;
	font-weight:700;
	margin:0px;
	padding-bottom:8px;
}
h2{
	font-family: 'Open Sans', sans-serif;
	font-size:36px;
	line-height:38px;
	padding-bottom:0px;
	font-weight:300;
	margin:0px;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:30px;
	padding-bottom:16px;
	font-weight:400;
	margin:0px;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size:19px;
	line-height:24px;
	padding-bottom:6px;
	font-weight:600;
	margin:0px;
}
h5{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:24px;
	padding-bottom:6px;
	font-weight:400;
	margin:0px;
}

h6{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:20px;
	padding-bottom:6px;
	font-weight:400;
	margin:0px;
	color: #000;
	text-indent: 3em;
}

h4.subHeading{
	font-weight:600;
	font-size:18px;
	padding-bottom:22px;
}

.heading{
	text-align:center;
	padding-bottom:45px;
}

.topmar{
	margin-top:20px;
}



/*----------------------------------------------------
 3.	Header Part
------------------------------------------------------*/
header{
	position:relative;
}
.banner{
	overflow:hidden;
	margin:0 auto !important;
	background:#CACACA;
}

.bannerText{
	position:absolute;
	left:0;
	right:0;
	top:10%;
	text-align:center;
	padding:30px 0 30px ;
	width: 80%;
	//border:1px solid #fff;
	background: rgba(0, 0, 0, 0.2);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
	zoom: 1;
}
.bannerText h1{
	text-transform:none;
}
.bannerText h2{
	font-size:34px;
	text-transform:none;
	text-align: justify;
	color: #fff;
	margin-left: 10%;
	margin-right: 10%;
}




/*------------------------------------
	3.1 Slide show background control
	How: Overview
--------------------------------------*/ 
.cb-slideshow{
	background:lightblue;
	/*
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url('../images/mainbg.jpg');
	*/
}

.cb-slideshow li{
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}

.howoverview{
	background:#ffffff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url('../images/howoverviewbg.jpg');
}

.howoverview li{
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}




/*---------------------------------------------------------------------------------
 4. Background slider CSS style
-------------------------------------------------------------------------------*/
.ri-grid {
	margin:0px auto;
	position: relative;
	height: auto;
}
.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.ri-grid ul:before, .ri-grid ul:after {
	content: '';
	display: table;
}
.ri-grid ul:after {
	clear: both;
}
.ri-grid ul {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}
.ri-grid ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* Grid wrapper sizes */
.ri-grid-size-1 {
	width: 55%;
}
.ri-grid-size-2 {
	width: 100%;
}
.ri-grid-size-3 {
	width: 100%;
	margin-top: 0px;
}
/* Shadow style */
.ri-shadow:after, .ri-shadow:before {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.ri-shadow:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
.ri-grid-loading:after, .ri-grid-loading:before {
	display: none;
}
.ri-loading-image {
	display: none;
}
.ri-grid-loading .ri-loading-image {
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}


/*----------------------------------------------------
 5.	Menu Style
------------------------------------------------------*/
.isStuck{
    left:0px;
    width:100%;
}
.menu{
	 margin-top:0px;
	 position: static;
	 left:0px;
	 right:0px;
}

.navwrapper .container{
	padding:0;
	width:auto;
}

.navbar-header{
	display:none;
}
.nav > li > a{
	display:inline-block;
}
.navbar-nav > li{
	float: none;
	display: inline;
}
.navbar-nav{
	margin: 0 auto;
	text-align: center;
	float: none;
}

.navbar-toggle{
	margin-top:14px;
}


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  margin-top:0px;
  position: relative;
  z-index: 15;
  background:#ffffff;
}
.navbar-wrapper .container{
	padding:0px;
}

.navbar-collapse{
	padding:0;
}
.navbar-collapse.in{
	max-height:100%;
}

.navbar.navbar-inverse.navbar-static-top {
  margin:0px auto;
  background:#262b37;
  color:#c3c8d6;
  border:none;
  font-family: 'Open Sans', sans-serif;
  font-size:20px;
  line-height: 6px;
  text-transform:uppercase;
}
.navbar.navbar-inverse.navbar-static-top a{
  color:#c3c8d6;
  /* padding:12px 10px; */  padding: 12px 0px;
  line-height:18px;
  text-align:center;
}
.navbar.navbar-inverse.navbar-static-top a:hover{
  color:#00f;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus{
  background:#128cb0;
  color:#c3c8d6;
}
.navbar-inverse .navbar-nav>.active>a:hover {
  background:#128cb0;
  color:#00f;
}

.hideClass{
	display:none;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;
  background-color: #0A64A4;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}





/*----------------------------------------------------
 9.	Who is in Sciturus?
 How: Step4
------------------------------------------------------*/

.who{
	background:#eeeeee;
	/*
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/whobg.jpg');
	*/
}
.who .container{
	padding-top:85px ;
	padding-bottom:45px ;
	/*background-color: rgba(255, 255, 255, 0.4);*/
}

.who h2{
	color:#ff675f;
}
.who p
{
	color:#333333;
	text-align: justify;
}
.who .heading p{
	padding-bottom:41px;
}

.who h4{
	font-weight:700;
}

.faces .rightArea
{
	//border-left: solid 1px #eaeaea;
	padding-bottom:47px;
}
.faces:last-child .rightArea{
	padding-bottom:0px;
}

.profilefaces
{
	width:120px;
	height:120px;

	
	-webkit-border-radius: 50%;
    border-radius: 50%;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("../images/people/jenny.jpg");
	background-repeat: no-repeat;
	background-size: contain;	
}

.profilefaces2
{
	width:120px;
	height:120px;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("../images/profiles/unknown.png");
	background-repeat: no-repeat;
	background-size: contain;	
}

.arrowpart
{
	float:left;
	width:15px;
	height:50px;
	background:url(../images/arrow-left.png) no-repeat 0 23px;
}
.exCon
{
	width:auto;
	background-color: rgba(255, 255, 255, 0.7);		
	border-bottom:solid 4px #eeeeee;
	padding:22px 47px 6px 47px;
	margin-left:15px;
	text-align:left;
}

.exCon p
{
	color:#84868d;
	font-size: 18px;
	line-height:21px;
}
.exCon h4
{
	color:#474d5d;
	padding-bottom:3px;
}
.exCon h5
{
	color:#474d5d;
}

.represent{
	background:#add8e6;
	/*
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/whobg.jpg');
	*/
}
.represent .container{
	padding-top:85px ;
	padding-bottom:40px ; /* was 90px */

	/*background-color: rgba(255, 255, 255, 0.6);*/
}

.represent h2
{
	color:#ffffff;
	text-align: left;
}
.represent p
{
	color:#333333;
	text-align: justify;
}
.represent .heading p
{
	/* padding-bottom:41px; */
}

.represent h3
{
	font-weight: 300;
	color: #ffffff;
	text-align: left;
}

.represent h4{
	font-weight:700;
}



/*----------------------------------------------------
 10a. Practice
 How: Step5
------------------------------------------------------*/

.practice{
	text-align: center;
	background-color: #8aadb8;
	/*
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url('../images/gobg.jpg');
	*/
}
.practice .container
{
	padding-top:85px ;
	padding-bottom:80px; /* was 90px */
	/* background: rgba(0, 0, 0, 0.2); */
	color: #ffffff;
}

.practice .heading p
{
	/* padding-bottom:41px; */
}

.practice h4
{
	font-weight:700;
}

.practice h3
{
	font-weight: 300;
	color: #ffffff;
	font-size: 24px;
	text-align: left;
	margin-top: 2em;
}


.practice p
{
	color:#000000;
	text-align: justify;
	font-weight: 300;
}
.practice h2
{
	margin-top: 2em;
	font-size: 36px;
	color:#ffffff;
	font-weight: 300;
	text-align: left;
}
.practice ul
{
	list-style: none;
}

.practice li
{
	color: #000000;
}



/*----------------------------------------------------
Why
 
------------------------------------------------------*/
.why
{
	background:#00bdbd;
	color:#fff;
	position:relative;
	
}


.why li
{
	color: #fff;
	text-align: left;
}





/*----------------------------------------------------
 11. Get in touch Style
------------------------------------------------------*/

.contact{
	background: lightblue;
}
.contact .container{
	padding-top:85px ;
	padding-bottom:90px ;
}

.contact h2{
	color:#ff675f;
}
.contact p{
	color:#ffffff;
}

.contactDetails{
	/*
	background:#474d5d;
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url('../images/contactbg.jpg');
	*/
}
.contactDetails .container{
	padding-top:75px ;
	padding-bottom:40px ;
	background-color: rgba(255, 255, 255, 0.4);	
}



/*----------------------------------------------------
 12. Footer Style
------------------------------------------------------*/
.footer{
	background:#8aadb8;
}
.footer .container{
	padding:40px 0;
}

.footer ul{
	margin:0 auto;
	text-align:center;
	list-style-type:none;
}
.footer ul li{
	display:inline-block;
	text-align:center;
	background:#ffffff;
	color:#00bdbd;
	line-height:42px;
	margin:0 6px;
	width:42px !important;
	height:42px !important;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
.footer ul li:hover{
	background:#0a9f9f ;
}
.footer ul li:hover	a{
	color:#fff;
}

.footer ul li a{
	color:#00bdbd;
	width:42px !important;
	height:42px !important;
}
.footer ul li a i{
	line-height:42px !important;
}

.footer h2{
	color:#ff675f;
}

	















/*sang adds*/

.findouthow-btn
{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:1px 12px;
	position:relative;
	left:-18px;
	top:-2px;
	background:linear-gradient(#cc1e2e,#d42626);
	color:#fff !important;
	font-size:32px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	width: 60%;
	max-width: 300px;
}

.findouthow-btn:hover
{
	background:linear-gradient(#dc1e2e,#e42626);
	text-decoration: none;
	color: yellow;
}

.scituruslogo
{
	position: fixed;
	bottom: 45px;
	right: 15px;
	width: 150px;
	z-index: 100;
}

.smalllabels
{
	font-size: 10px;
	line-height: 6px;
	text-transform: none;
}

blockquote
{
	display:block;
	width: 80%;
	max-width: 700px;
	//background: #fff;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;

	/*Font*/
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 1.2;
	color: #666;
	text-align: justify;

	/*Borders - (Optional)*/
	border-left: 15px solid #c76c0c;
	border-right: 2px solid #c76c0c;

	/*Box Shadow - (Optional)*/
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc;
}

blockquote::before
{
	content: "\201C"; /*Unicode for Left Double Quote*/

	/*Font*/
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;

	/*Positioning*/
	position: absolute;
	left: 10px;
	top:5px;
}

blockquote::after
{
	/*Reset to make sure*/
	content: "";
}

blockquote a
{
	text-decoration: none;
	background: #eee;
	cursor: pointer;
	padding: 0 3px;
	color: #c76c0c;
}

blockquote a:hover
{
	color: #666;
}

blockquote em
{
	font-style: italic;
}


.showhidephone
{
	color: lightgray;
	display: block;
}


















/*
/////////////////////////////////////////////////////////////////
//Sang CSS
/////////////////////////////////////////////////////////////////
*/

.mainstarttitle
{
	font-size: 40px;
	font-weight: 900;
	word-break: normal;
}

.mainlogoselectiontextclass
{
	font-size: 24px;
	font-weight: 600;
	word-break: normal;
}

.limheight {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
}

.limheight li {
    display: table;
    margin-right: 0px;
	padding: 20px;
}

.nobullet
{
	list-style: none;
}

.desktopshowimage
{
	position:absolute;
	display: block;
	top:0px;
	left:0px;
	z-index: 999;
}
	
/*---------------------------------------------------------------------------------
 13. Responsive style
-------------------------------------------------------------------------------*/

@media screen and (min-width: 1200px)
{
	.profilefaces, .profilefaces2 {
		width:140px;
		height:140px;
		padding-top:50px;
	}
	
	.who .profilefaces, .profilefaces2 {
		padding-top:58px;
	}

	.limheight
	{
		-webkit-column-count: 4;
		   -moz-column-count: 4;
				column-count: 4;
	}
	.limheight li
	{
		padding: 5px;
	}
}


@media screen and (max-width: 991px) {
	.navbar.navbar-inverse.navbar-static-top a{
		padding-left:18px;
		padding-right:18px;
	}
	
	.bannerText{
		top:10%;
		padding-top: 10px;
		padding-left:25px;
		padding-right:25px;
	}
	.bannerText h1{
		font-size:24px;
		line-height:28px;
	}
	.bannerText h2{
		font-size:20px;
		line-height:24px;
	}
	.proPic{
		text-align:center;
	}
}




@media screen and (max-width: 810px)
{
	body{
		min-height:700px;
	}
	#header h3{
		font-size: 38px;
	}
	#header h3 span{
		font-size: 16px;
	}
	
	.abc{
		width:100%;
	}
	
	.navbar.navbar-inverse.navbar-static-top a {
		padding-left: 17px;
	}
	.limheight
	{
		-webkit-column-count: 3;
		   -moz-column-count: 3;
				column-count: 3;
	}	
	.limheight li
	{
		padding: 10px;
	}
}


@media screen and (min-width: 768px) {
	.conForm input.col-sm-6 {
		width: 48.5%;
	}
	.conForm input.col-lg-6 {
		width: 48.5%;
	}
}


@media screen and (max-width: 768px) {
	.navbar-wrapper .container,
	.navwrapper .container{
		padding-right: 15px;
		padding-left: 15px;
	}
	ul.portfolioContainer li.col-xs-6{
		width:49%;
		min-height: 85px;
		
	}
	
}


@media screen and (max-width: 767px) {
	.desktopshowimage
	{
		display: none;
	}

	.navbar-header
	{
		display:block;
	}
	.profilefaces, .profilefaces2
	{
		margin:0 auto;
	}
	.companylogo
	{
		margin:0 auto;
	}
	
	.faces .rightArea
	{
		border-left:none;
	}
	.arrowpart{
		float:none;
		width:100%;
		height:40px;
		background:url(../images/arrow-top.png) no-repeat 50% 100%;
	}
	.who .arrowpart{
		background:url(../images/arrow-top-light.png) no-repeat 50% 100%;
	}
	.exCon{
		margin-left:0px;
	}
	ul.navbar-nav li a{
		display:block;
	}
}


@media screen and (max-width: 650px) {
	#wrapper{
		top: 200px !important;
	}
	.upbox{
		transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px); /* IE 9 */
		-webkit-transform: translate(0px, -70px); /* Safari and Chrome */
	}
	
	
	.bannerText {
		top: 5%;
		padding-top:15px;
		padding-bottom:15px;
	}
	.bannerText h1 {
		font-size: 24px;
		line-height: 28px;
	}
	.bannerText h2 {
		font-size: 18px;
		line-height:24px;
		text-align: left;
	}
	
	.who p
	{
		text-align: left;
	}
	
	.represent p
	{
		text-align: left;
	}
	
	.practice p
	{
		text-align: left;
	}
	
	.represent h2
	{
		font-size: 24px;
	}

	.represent h3
	{
		font-size: 20px;
	}
	
	.practice h2
	{
		font-size: 24px;
	}

	.practice h3
	{
		font-size: 20px;
	}
	
	.showhidephone
	{
		visibility: hidden;
		display: none;
	}
	
}


@media screen and (max-width: 480px) {
	.limheight
	{
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
	}
	.limheight li
	{
		padding: 5px;
	}
	
	.navbar.navbar-inverse.navbar-static-top a{
		line-height: 17px;
		padding-top:11px;
		padding-bottom:11px;
	}
	
	.cb-slideshow {
		background-image: url('../images/mainbgsmall.jpg');
	}
	.why
	{
		background-image: url('../images/whybgsmall.jpg');	
	}
	.how
	{
		background-image: url('../images/howbgsmall.jpg');	
	}
	.what
	{
		background-image: url('../images/whatbgsmall.jpg');	
	}
	.who
	{
		background-image: url('../images/whobgsmall.jpg');	
	}
	.go
	{
		background-image: url('../images/gobgsmall.jpg');	
	}
	.faq
	{
		background-image: url('../images/faqbgsmall.jpg');
	}
	.howoverview
	{
		background-image: url('../images/howoverviewbgsmall.jpg');
	}
	.howstep1
	{
		background-image: url('../images/howstep1bgsmall.jpg');
	}
	.howstep2
	{
		background-image: url('../images/howstep2bgsmall.jpg');
	}
	.howstep3
	{
		background-image: url('../images/howstep3bgsmall.jpg');
	}
	.howstep4
	{
		background-image: url('../images/howstep4bgsmall.jpg');
	}
	.howstep5
	{
		background-image: url('../images/howstep5bgsmall.jpg');
	}
	.howfinancialmodel
	{
		background-image: url('../images/howfinancialmodelbgsmall.jpg');
	}	
	.contactDetails
	{
		background-image: url('../images/contactbgsmall.jpg');	
	}
	.findouthow-btn
	{
		font-size:20px;
	}	
	.scituruslogo
	{
		bottom: 70px;
		right: 5px;
		width: 100px;
	}
	.mainstarttitle
	{
		font-size: 24px;
	}	
	.mainlogoselectiontextclass
	{
		font-size: 14px;
	}
}


@media screen and (max-width: 400px) {
	#loopedSlider, #newsSlider{
		min-height: 650px;
		height: 100%;
	}
	ul.slides{
		min-height: 600px;
		height: 100%;
	}
	
	.item{
		width: 19%;
	}
	.item p {
		font-size: 36px;
	}
	
	.why img{
		width:100%;
	}
	
	ul.portfolioContainer li.col-xs-6{
		width:100%;
	}
	
	.bntDownload{
		font-size: 13px;
		padding: 16px 14px;
	}
	
	.conForm textarea{
		margin-bottom:20px;
	}
	.textGroup{
		display:block;
		padding:0 0 40px 0;
	}
	
	.nameError,
	.emailError{
		left:0px;
		top:0px;
		
	}
	.scituruslogo
	{
		/*bottom: 45px;*/
	}
}



/* Floating text css */

.ftgroup
{ 
	position:relative; 
	margin-bottom: 0px; 
	margin-left: 0px;
}

.ftinputMaterial2
{
	font-size:15px;
	padding:10px 10px 15px 5px;
	display:block;
	width: 100%;
	border: 2px solid gray;
	border-radius: 5px;
}

.ftinputMaterial
{
	font-size:18px;
	padding:10px 10px 10px 5px;
	display:block;
	width: 100%;
	border: none; /* ###5px solid red */
	border-bottom: 0px;
}


.ftinputMaterial:focus
{
	outline:none;
}


label[for=generalforminput]
{
	color:#999; 
	font-size:14px;
	font-weight:normal;
	position:absolute;
	pointer-events:none;
	left:5px;
	top:10px;
	transition:0.2s ease all; 
	-moz-transition:0.2s ease all; 
	-webkit-transition:0.2s ease all;
}


/* active state*/
.ftinputMaterial:focus ~ label, .ftinputMaterial:valid ~ label, .ftinputMaterial:disabled ~ label
{
	top: 0px;
	font-size:14px;
	color: #BBBBBB;

}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select
{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	height: 40px;
	padding: 15px 8px 0px 4px;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	font-size: 15px;
	color: #404040;
}


/* Floating text css */

.loginbox
{
	width: 80%;
	max-width: 500px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	padding: 30px;
}


#wrap
{
	width:100%;
	max-width: 1100px;
	margin:0 auto;
	padding: 0px;
}
#left_col
{
	float:left;
	width:43%;
	text-align: center;
	padding: 2%;
}
#right_col
{
	//border-left: 3px solid #eeeeee;
	float:right;
	width:48%;
	text-align: center;
	padding: 2%;
}






.oneline
{
    overflow: hidden;
    white-space: nowrap;
}


.textleft
{
	text-align: left;
}

.textcenter
{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.textright
{
	text-align: right;
}

.valigntop
{
	vertical-align: top;
}

.valignmiddle
{
	vertical-align: middle;
}

.displayblock
{
	display: block !important;
}

.displayinline
{
	display: inline !important;
}

.displayinlineblock
{
	display: inline-block !important;
}

.displaynone
{
	display: none !important;
}

.positionrelative
{
	position: relative;
}

.positionabsolute
{
	position: absolute;
}

.cursorpointer
{
	cursor: pointer;	
}

.lightgrayhr
{
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: 75%;
	margin: 0 auto;
	text-align: center;
	margin-left: 12.5%;
}

.lightgrayhr50
{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-left: 25%;
}

.smallprint
{
	font-size: 14px;
}

.textcolorblack
{
	color: #000000;
}

.textcolorred
{
	color: #FF0000;
}

.textcolorgreen
{
	color: #00FF00;
}

.textcolorblue
{
	color: #0000FF;
}

.textcolorgray
{
	color: #c0c0c0;
}

.textcolorlightgray
{
	color: #ddd;	
}

.textcolordarkgray
{
	color: #999999;	
}

.textreducesizebytwo
{
	font-size: 0.8em;
}

.textincreasesizebytwo
{
	font-size: 1.2em;
}

.textitalic
{
	font-style: italic;	
}

.textbold
{
	font-weight: 900;	
}

.padding10
{
	padding: 10px;
}

.padding20
{
	padding: 20px;
}

.width100
{
	width: 100%;
}

.height100
{
	height: 100%;
}

.floatright
{
	float: right;
}

.clearboth
{
	clear:both;
}

/*Below are inline css move */
.liststylenone
{
	list-style: none;
}

.textfontsize50em
{
	font-size: .5em;
}

.textfontsize75em
{
	font-size: .75em;
}

.textfontsize150em
{
	font-size: 1.5em;
}

.positionabsolute2
{
	/*without the !important tag*/
	position: absolute;
}

.displaynone2
{
	/*without the !important tag*/
	display: none;
}

.borderradius20p
{
	border-radius: 20%;
}


.identifierimageheightwidth
{
	height: 32px;
	width: auto;
}

.ftgroupfordropdownclass
{
	padding: 15px 8px 0px 4px;
	color: #404040;	
	border: 1px solid #e6e6e6;	
}

.mainlogoselectionclass
{
	width: 80%;
	max-width: 500px;
	vertical-align: middle;
	margin: 0 auto;
	
}

.startwindowbodyclass
{
	padding: 10px;
	background: #aaaaaa url("../../carbonfiberbg.png") repeat center center;
	color: #ffffff;
}

.maincenterdialog
{
	width: 100%;
	position: relative;
	top: 40%;
	margin: 0 auto;
}