@charset "UTF-8";
/* CSS Document */

body{margin:0; padding:0; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 27px !important; color:#222222 !important;}

/*****************SAM4SCHOOL DIVS ******************/
div#pnlHeader.headerArea{position:relative; display:block; float:left; width:100%; height:105px; border-bottom:1px solid #ccc; -webkit-box-shadow: 0 3px 3px -3px #ccc; -moz-box-shadow: 0 3px 3px -3px #ccc; box-shadow: 0 3px 3px -3px #ccc;}
div#pnlHeader.headerArea, div#pnlContent.contentArea, div#pnlFooter.footerArea{position:relative; display:block; float:left; width:100% !important;}

/*********** TESTIMONIAL.ASPX **************/
div#cphContent_pnlMain{ position: relative; display:block; width: 960px !important; margin:100px auto 0 auto !important; min-height: 500px; overflow: hidden;}
div#cphContent_pnlMain a {float: left; position: relative;  width:145px; height: 145px; top: auto; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-left: 1px dashed #ddd; text-align: center; margin: 0; left:-1px; }
	
div#cphContent_pnlMain a img{padding: 20px; width:105px !important; height:105px !important; font-size: 12px; line-height: 18px; color: #222222;
    text-align: left;}
div#cphContent_pnlMain a span{visibility:collapse !important; width:0 !important; overflow:hidden !important; z-index:-100 !important;}
.testimonialBorderRight{ border-right:1px solid #ccc;}


/******** TESTIMONIAL TEXT SHOW MORE/LESS *********/
.read-more-state { display: none;}
.read-more-target { opacity: 0; max-height: 0; line-height:0; font-size: 0; transition: .15s ease;}
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; line-height:inherit; max-height: 999em;}
.read-more-state ~ .read-more-trigger:before { content: 'Show more';}
.read-more-state:checked ~ .read-more-trigger:before { content: 'Show less';}
.read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em;}

/* LIST */
ul.bullet1 { list-style:square; list-style-image:url(../Images/bullet.jpg); }


/************* CONTACT FORM *******/
.form-style-1 span{width:100%; display:block; margin-bottom:2px;}

/********* REGISTRATION FORM ***********/
div#cphContent_pnlPhone input, div#cphContent_pnlMobile input{width:20%;}


/*********** TEXT ************/
h1{font-family:'Roboto' san-serif; font-size:42px; font-weight:400; line-height:52px;}
h2{font-family:'Roboto' san-serif; font-size:35px; font-weight:400; line-height:40px;}
h3{font-family:'Roboto' san-serif; font-size:27px; font-weight:400; line-height:40px;}
h4{font-family:'Roboto' san-serif; font-size:21px; font-weight:400; line-height:40px;}
.font20{font-family:'Roboto' san-serif; font-size:20px; font-weight:400; line-height:35px;}
i.fa-icon-cogs, i.fa-icon-dollar, i.fa-icon-thumbs-o-up{font-size:40px; margin-bottom:20px;}
.fontwhite{color:#fff;}

a{color:#2AA6E1;}
a:hover{ text-decoration:none; color:#424242; }


.linkwhite{color:#ccc; text-decoration:none; font-weight:200; font-size:0.9em; letter-spacing:1px;}
.linkwhite:hover{ text-decoration:none; color:#2AA6E1; font-weight:200;}

/* HEADER */
.header{position:relative; display:block; float:left; width:100%; height:105px; border-bottom:1px solid #ccc; -webkit-box-shadow: 0 3px 3px -3px #ccc; -moz-box-shadow: 0 3px 3px -3px #ccc; box-shadow: 0 3px 3px -3px #ccc;}

.logo{position:relative; display:block; float:left; width:250px; height:100%;}
.logo img{margin:20px 10px;}

/******** MAIN NAVIGATION ********/
.nav{position:relative; display:block; float:right; text-align:left; margin-top:15px; margin-right:30px;}
.nav ul{ list-style:none; padding:0; margin:0;}
.nav ul li{display:inline; float:left; padding:0 10px;}
.nav ul li:hover{background:none !important;}
.nav ul li a{ text-transform:uppercase; color:#333; text-decoration:none; font-size:14px; letter-spacing:1px; font-family:'Roboto' san-serif; line-height:40px;}
.nav ul li a:hover{color:#2AA6E1; background:none !important;}



/* SLIDER */
.slider-placeholder{position:relative; display:block; float:left; width:100%; height:500px; overflow:hidden;}
.slider-text1{padding:200px 0 0 20px; position:relative; display:block; float:left; font-size:25px; font-family:'Roboto' san-serif; color:#000; line-height:60px;}
.slider-text2{ position:relative; display:block; float:left; font-size:20px; font-family:'Roboto' san-serif; line-height:30px;}


.content-container{position:relative; display:block; float:left; width:100%; height:inherit;}
.divtitle{position:relative; display:block; float:left; width:100%; background-color:#f3f3f3;}
.divtitle h1{padding:10px; font-family:'Roboto' san-serif; font-size:23px; line-height:30px;}
ul{ list-style:none;}
li{margin:5px 0;}



/******** PLACEHOLDER DIVS ********/
.div960{position:relative; display:block; width:960px; margin:0 auto;}
.div710{position:relative; display:inline; float:left; width:710px; margin:0 5px;}
.div630{position:relative; display:inline; float:left; width:630px; margin:0 5px;}
.div310{position:relative; display:inline; float:left; width:310px; margin:0 5px;}
.div380{position:relative; display:inline; float:left; width:380px; margin:0 5px;}

.div230{position:relative; display:inline; float:left; width:230px; margin:0 5px;}
.div190{position:relative; display:inline; float:left; width:190px; margin:0 5px;}
.div150{position:relative; display:inline; float:left; width:150px; margin:0 5px;}
.div110{position:relative; display:inline; float:left; width:110px; margin:0 5px;}
.div70{position:relative; display:inline; float:left; width:70px; margin:0 5px;}
.div30{position:relative; display:inline; float:left; width:30px; margin:0 5px;}

.div620{position:relative; display:inline; float:left; width:630px; margin:0 10px;}
.div300{position:relative; display:inline; float:left; width:300px; margin:0 10px;}
.div400{position:relative; display:inline; float:left; width:400px; margin:0 10px;}
.div460{position:relative; display:inline; float:left; width:460px; margin:0 10px;}

.div100per-block{position:relative; display:block; float:left; width:100%;}
.div80per-block{position:relative; display:block; width:80%; margin:0 auto;}
.div70per-block{position:relative; display:block; width:70%; margin:0 auto;}

.div20per-inline{position:relative; display:inline; float:left; width:20%;}
.div30per-inline{position:relative; display:inline; float:left; width:30%;}
.div60per-inline{position:relative; display:inline; float:left; width:60%;}
.div79per-inline{position:relative; display:inline; width:79%; float:left;}
.divinline{position:relative; display:inline !important; float:left !important;}



.ht190{height:190px;}

/******** BACKGROUND DIVS ********/
.dottedlines{ background:url(../images/conntecting-dashed-lines.png) left repeat-x;}

/********* OUR SCHOOLS ***********/
ul.clients-grid{overflow: hidden; margin-bottom: 30px; clear: both; padding-left:0;}
.clients-grid.grid-6 li {  width: 16%;}
ul.clients-grid li {float: left; position: relative; padding:20px 0; height: 80px; top: auto; left: 0; border-bottom: 1px dashed #ddd; border-left: 1px dashed #ddd; text-align:center; margin:0;}

/********* BORDER TRANSITION  - OUR PROCESS *********/
  .bordertransition{ background-color: #333;  border:2px solid #666; color:#888;
		 -webkit-transition: border-color 1s ease;
         -moz-transition: border-color 1s ease;
           -o-transition: border-color 1s ease;
          -ms-transition: border-color 1s ease;
              transition: border-color 1s ease;  
	
	 -webkit-transition: color 1s ease;
         -moz-transition: color 1s ease;
           -o-transition: color 1s ease;
          -ms-transition: color 1s ease;
              transition: color 1s ease; 		  
			    
}

    .bordertransition:hover{ border:2px solid #ccc; color:#ccc; }

  


/******** DIVS MARGIN AND PADDING ********/
.divpaddingtop10{padding-top:10px;}
.divpaddingtopbottom20 {padding-top: 20px;padding-bottom: 20px;}
.divpaddingtop30{padding-top:30px;}
.divpaddingbottom30{padding-bottom:30px;}
.divpaddingtop40{padding-top:40px;}
.divpaddingbottom40{padding-bottom:40px;}
.divpaddingtopbottom40{padding-top:40px; padding-bottom:40px;}

.divmargintopbottom40{margin-top:40px; margin-bottom:40px;}
.divmargintopbottom70{margin-top:70px; margin-bottom:70px;}
.divmargintop40{margin-top:40px;}
.divmargintop70{margin-top:70px;}
.divmargintop180{margin-top:180px;}
.divmarginbottom40{margin-bottom:40px;}
.divpaddingall40{padding:40px;}
.divpaddingall30{padding:30px;}
.divpaddingall10{padding:10px;}
.divpaddingmargintop0{padding-top:0; margin-top:0;}
.divpaddingmarginbottom20{padding-bottom:20px; margin-bottom:20px;}
.divpaddingmarginbottom30{padding-bottom:30px; margin-bottom:30px;}

/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 240px; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader {width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:0.8em;}


/********* PARALLAX *********/
.parallax { 
    /* The image used */
    background-image: url(../images/parallax-bg1c.jpg);

    /* Set a specific height */
    height: 430px; 
	padding:60px 0;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align:center;
	 font-size:25px;
	 line-height:37px;
	 color:#fff;
}

.parallax2 { 
    /* The image used */
    background-image: url(../images/parallax-bg2.jpg);

    /* Set a specific height */
    height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align:center;
	 font-size:25px;
	 line-height:37px;
	 color:#fff;
}

.parallax3 { 
    /* The image used */
    background-image: url(../images/slider1c.jpg);

    /* Set a specific height */
    height: 430px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align:center;
	 font-size:25px;
	 line-height:37px;
	 color:#fff;
}



/*********** OTHER CLASSES **********/
.borderright{border-right:1px solid #ccc; padding-right:60px;}

/********* FOOTER *****************/
#pnlFooter{position:relative; display:block; float:left; background-color:#333; padding:10px 0; text-align:center; color:#fff; font-size:0.7em;}
.footer{background-color:#333; padding:10px 0; text-align:center; color:#fff; font-size:0.7em;}

/************* FORMS **************/
.form-style-1 {
    margin:10px auto 50px auto;
    max-width: 400px;
    padding: 0;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -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;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select: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;
}

.form-style-1 input[type=text], .form-style-1 select, .form-style-1 textarea{width:80%; margin-bottom:20px;}

.form-style-1 .field-divided{ width: 49%; }

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 textarea{height:200px;}
.form-style-1 input[type=submit], .form-style-1 input[type=button], .form-style-1 #cphContent_btnSend, .form-style-1 #cphContent_btnClear, a#cphContent_btnNext, a#cphContent_btnBackToEdit, a#cphContent_btnConfirm, a#btn{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
	text-decoration:none;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover, .form-style-1 #cphContent_btnSend:hover, .form-style-1 #cphContent_btnClear:hover, a#cphContent_btnNext:hover, a#cphContent_btnBackToEdit:hover, a#cphContent_btnConfirm:hover, a#btn:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
	text-decoration:none;
}
.form-style-1 .required{
    color:red;
}

.button-blue{font-size:15px; text-transform:uppercase; background: #4B99AD; padding: 10px 15px 10px 15px; border: none; color: #fff; margin-top:20px; margin-bottom:20px;}
.button-blue:hover{background: #4691A4; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

/* Floater styles */
.modalPanel
{
	top: 0px; 
	left: 0px; 
	height: 100%; 
	width: 100%; 
	position: fixed; 
	z-index: 1000;
	background-image: url('../Images/Modal.gif');
}
.block
{
    z-index: 10000 !important;
    display: none;
}
.standardFloater
{
	position: relative; 
	top: 200px;
	padding: 10px;
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}
.standardFloaterContent
{
	position: relative; 
	background-color: White; 
	border: solid 1px black;
}
.floaterHeader
{
	background-color: #007AB7; 
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-bottom: solid 2px Gray; 
}
.floaterHeaderText
{
	color: White;
	font-size: 12pt;
	font-weight: bold;
}
.floaterSubHeader
{
	min-height: 12px;
	background-color: #E6EBF5; 
	border-bottom: solid 1px #9EA9BC; 
	vertical-align: middle;
	padding: 4px 8px; /* top & bottom 4; left and right 8*/
}
.floaterMiddle
{
	position: relative;
	padding: 12px;
	min-height: 60px;
	vertical-align: middle;
}
.floaterBottom
{
	height: 40px; 
	background-color: #E6EBF5;	
	width: 100%; 
	border-top: solid 1px #9EA9BC; 
	position: relative;
}


/* Navigation Sprites */
.navigationSprite
{
	background-image: url('../Images/Navigation.gif');
	position: absolute;
	width: 82px; 
	height: 22px;	
}
.btnNext
{
	background-position: -95px -4px;
}
.btnNextHover
{
	background-position: -95px -30px;
}  
.btnNextDisabled
{
	background-position: -95px -56px;
}

.btnPrevious
{
	background-position: -4px -4px;
}
.btnPreviousHover
{
	background-position: -4px -30px;
}  
.btnPreviousDisabled
{
	background-position: -4px -56px;
}

.btnEdit
{
	background-position: -186px -4px;
}
.btnEditHover
{
	background-position: -186px -30px;
}
.btnEditDisabled
{
	background-position: -186px -56px;
}

.btnSearch
{
	background-position: -277px -4px;
}
.btnSearchHover
{
	background-position: -277px -30px;
}
.btnSearchDisabled
{
	background-position: -277px -56px;
}

.btnAdd
{
	background-position: -368px -4px;
}
.btnAddHover
{
	background-position: -368px -30px;
}
.btnAddDisabled
{
	background-position: -368px -56px;
}

.btnDelete
{
	background-position: -458px -4px;
}
.btnDeleteHover
{
	background-position: -458px -30px;
}
.btnDeleteDisabled
{
	background-position: -458px -56px;
}

.btnClose
{
	background-position: -730px -4px;
	width: 64px;
}
.btnCloseHover
{
	background-position: -730px -30px;
	width: 64px;
}
.btnCloseDisabled
{
	background-position: -730px -56px;
	width: 64px;
}

.btnCancel
{
	background-position: -640px -4px;
}
.btnCancelHover
{
	background-position: -640px -30px;
}
.btnCancelDisabled
{
	background-position: -640px -56px;
}

.btnConfirm
{
	background-position: -549px -4px;
}
.btnConfirmHover
{
	background-position: -549px -30px;
}
.btnConfirmDisabled
{
	background-position: -549px -56px;
}

.btnSave
{
	background-position: -803px -4px;
	width: 64px;
}
.btnSaveHover
{
	background-position: -803px -30px;
	width: 64px;
}
.btnSaveDisabled
{
	background-position: -803px -56px;
	width: 64px;
}
.btnBack
{
	background-position: -95px -4px;
}
.btnBackHover
{
	background-position: -95px -30px;
}  
.btnAccept
{
	background-position: -876px -4px;
	width: 81px;
}
.btnAcceptHover
{
	background-position: -876px -30px;
	width: 81px;
}

.btnAttach
{
	background-position: -967px -4px;
	width: 64px;
}
.btnAttachHover
{
	background-position: -967px -30px;
	width: 64px;
}
.btnAttachDisabled
{
	background-position: -967px -56px;
	width: 64px;
}

.btnYes
{
	background-position: -1046px -4px;
	width: 65px;
}
.btnYesHover
{
	background-position: -1046px -30px;
	width: 65px;
}
.btnYesDisabled
{
	background-position: -1046px -56px;
	width: 65px;
}

.btnNo
{
	background-position: -1121px -4px;
	width: 64px;
}
.btnNoHover
{
	background-position: -1121px -30px;
	width: 64px;
}
.btnNoDisabled
{
	background-position: -1121px -56px;
	width: 64px;
}

.btnClickHere
{
    background-position: -1195px -4px;
    width: 80px;
}
.btnClickHereHover
{
    background-position: -1195px -30px;
    width: 80px;
}
.btnClickHereDisabled
{
    background-position: -1195px -56px;
    width: 80px;
}





/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {


}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {


}

@media (min-width:320px)  { 
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 


}
@media (min-width:480px)  { 
/* smartphones, Android phones, landscape iPhone */ 


}

@media only screen and (min-device-width : 320px) and (max-device-width : 640px)  { 

	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}


 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	
	h3{font-size: 2em; font-weight: 600; line-height:1.3em !important;}
	
	
	body{width:100% !important;}
	p{font-size:1.3em !important; line-height:1.3em !important;}
	ul.bullet1{font-size:1.3em !important; }
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	
	/* NAVIGATION */
	.nav {width:90% !important; text-align:center; font-size:0.7em !important; margin:20px auto !important; }
	.nav ul li a{font-size:1.8em !important;}
	
	/* HOME PAGE HEADER PARALLAX */
	.parallax{font-size:1.3em;}
	/* .parallax3, .header-parallax { visibility: hidden; height: 0 !important; z-index:-100; } */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	
	.our-process-unit{width:30% !important; font-size:1.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important;  height:30px !important; width:5px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{width:30% !important;}
	.our-process-unit{font-size:0.7em;}
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div710, .div230{width:100% !important; }
	
	.div630, .div310{width:45% !important; }
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.4em !important;}
	.costTablefontsize{font-size:0.7em;}
	
	/* LOGIN FORM */
	.loginform{background-color:#f7f7f7; height:auto; padding:40px 20px; margin-top:20px; position: relative; width: 100%; font-size:1.4em; }
#cphContent_pnlCol2{float: left; width: 80%; height:auto; position: relative; margin-left: 10px; padding-bottom:0px;}
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	
	
	.testimonialBorderRight{border-right:0;}
	



}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.our-process-unit{font-size:0.5em;}
	
	/* div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{position:relative; display:inline; float:left; width:230px; margin:0 5px;}
	 .div230{position:relative; display:inline; float:left; width:230px; margin:0 5px;} */


}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {



}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX  */
	
	.parallax3, .header-parallax { visibility:visible; height: 500px !important;} 
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2.5em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}


}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
	
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important;}
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:2em !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	.nav {width:90% !important; text-align:center; font-size:1.1em !important; margin:20px auto !important; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	.parallax3, .header-parallax { visibility: hidden; height: 0 !important; z-index:-100; }
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	
	
	.testimonialBorderRight{border-right:0;}


}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {


}

@media screen and (max-width: 900px)
{



}



/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	  
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
	  
	   
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {
	  
	h3{font-size: 3em; font-weight: 600; line-height:1.5em !important;}
	h4{font-size: 2.5em !important; font-weight: 600; line-height:1.5em !important;}
	
	
	body{width:100% !important; }
	p{font-size:2em !important; line-height:1.6em !important;}
	ul.bullet1{font-size:1.8em !important; line-height:1.2em !important;}
	ul.bullet1 li{margin-bottom:20px !important;}
	.header{height:130px;}
	.logo{width:100% !important; text-align:center; height:70px !important;}
	div.nav {width:90% !important; text-align:center; font-size:0.9em !important; margin:30px auto !important; float:none; text-align:center; }
	.nav ul li a{font-size:1.8em !important;}
	.slider-placeholder { visibility: hidden; height: 0 !important; z-index:-100; }
	.our-process-unit{width:70% !important; font-size:2.5em !important; line-height:1.6em !important;}
	.ht190{height:270px !important;}
	div.div70.dottedlines.ht190{ background:none !important; height:30px !important;}
	div.div400{ width:90% !important; padding-right:0px !important; padding-left:0px !important;}
	.borderright{ border-right:none !important;}
	
	
	.parallax{font-size:2.4em !important; line-height:5em !important;}
	
	
	/* HOME PAGE HEADER PARALLAX */
	
	div.parallax3{background-attachment: scroll !important; background-image:url(../Images/slider1c-mobile.jpg) !important;}
	.parallax3 h2{font-size:2em !important; line-height:1.3em !important;}
	.divmargintop180{margin-top:80px !important;}
	
	
	/* DIVS */
	
	.div960{width:90% !important; margin-left:5% !important; }
	.div630, .div310,.div710, .div230{width:100% !important; }
	.div80per-block{position:relative; width:100%; display:block; border:0 !important; margin-bottom:50px !important;}
	
	.parallax2{height:500px !important; font-size: 2em; line-height: 1.7em; }
	.footer{font-size:1em !important;}
	
	
	/* FONTS */
	.font20{font-size:1.8em !important;}
	
	/* OUR PROCESS SECTION */
	div.div230.divpaddingtop30.bordertransition.ht190.our-process-unit{left:-15px !important;}
	
	
	
	/* LOGIN FORM */
	.loginform{padding-top:40px !important; width:80% !important; font-size:2em; height:450px !important; margin-bottom:40px; }
	.loginform label{font-size:1.2em; margin-top:20px !important;}
	.loginform input[type=text], .loginform input[type=password]{margin-top:20px !important;font-size:1.2em; }
	.loginform input[type=submit]{font-size:1.6em; color:#222; padding:10px 30px !important; width:80% !important;}
	
	.testimonialBorderRight{border-right:0;}
	a#btn, a#cphContent_btnSend, a#cphContent_btnClear{font-size:2.7em !important; padding:20px !important; margin-bottom:100px !important;}
	#cphContent_txtEnquiry{margin-bottom:100px !important;}
	
	/************* FORMS ******************/
.loginform{background-color:#f7f7f7; padding:20px; position: relative; width: 270px; margin-top:35px;}
#cphContent_pnlCol2{float: left; width: 80%; height: 200px; position: relative; margin-left: 10px; padding-bottom:20px;}
#cphContent_lblUsername, #cphContent_txtUsername, #cphContent_lblPassword, #cphContent_txtPassword, #cphContent_lblLoginHeader{width:100%; text-align:left; display:block; margin-bottom:3px;}
#cphContent_txtUsername, #cphContent_txtPassword, #cphContent_lblLoginHeader{margin-bottom:15px; font-size:1.5em;}
.loginform label{position:relative; display:block; float:left; padding:2px 0; font-size:15px; line-height:25px; width:100%;}
.loginform input[type=text], .loginform input[type=password]{position:relative; display:block; float:left; border:1px solid #ababab; padding:3px; margin-bottom:20px; font-family:'Roboto' san-serif; font-size:13px; width:90%;}

.loginform input[type=submit], #cphContent_btnLogin{position:relative; display:block; float:left; background:#269ABC; color:#FFF; text-transform:uppercase; border: 1px solid #289aaa; border-radius: 7px; padding:5px; letter-spacing:1px; font-size:13px; width:200px; cursor:pointer;}

#cphContent_btnLogin{width:200px !important; height:auto !important; margin-top:10px !important;}

a#cphContent_btnForgotPassword{position:relative; display:inline-block; margin-left:20px; float:left; font-size:1em; padding-top:45px !important;}

span#cphContent_lblFirstName, span#cphContent_lblLastName, span#cphContent_lblEmail1, span#cphContent_lblPhone,  span#cphContent_lblCompany, span#cphContent_lblState, span#cphContent_lblEnquiry,select#cphContent_cboState { font-size:2em !important;}
.contactaddress{font-size:2em !important; line-height:1.5em !important;}

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}