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


body {
	background:#fafafa;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height:1.8em;
	color: #666;
}


.mobile_off { display:block}
.pc_off { display:none}



a {color: #666;}
strong {font-weight:bold}


h1 { font-size:22px; padding-top:2em; padding-bottom:2em; text-transform: uppercase; font-weight:bold}
h2 { font-size:18px; padding-top:2em; padding-bottom:2em; font-weight:bold}



.full_width{ width:100%; border:0px solid red}
.site_width{ width:100%; max-width:1024px; margin:auto auto; }
.fixed{ position: fixed; top:0px; left:0;  }

.width50precent{ width:50%}
.float_left{ float:left}
.clear_both{clear:both; line-height:0}


.header{background-color:#554a58; height:196px; color:white; }


.header_logo {width:100%; border:0px solid white; float:left; margin:0;padding:0; margin-left:20px; margin-top:-30px; }
.header_logo a{color:#e1f2e8; margin-top:-10px;  }
.header_logo h1{color:white; text-transform:capitalize; font-size:22px; font-weight:bold }
.header_logo h1 span{color:#40babc; padding:0; margin:0; border:0; position:relative; top:10px; font-size:58px;font-weight:bolder}
.tag { display:inline-block; position:relative; top:-20px; left:58px}


.content { min-height:500px;margin-top:196px  }


.column_standard { width:50%; float:left}

.standard_button { padding:4px; font-size:16px; font-weight:bold; text-transform:uppercase; text-decoration:none;
   transition: background-color 0.3s linear;
   -webkit-transition: background-color 0.3s linear;
   -moz-transition: background-color 0.3s linear;
   
}

.standard_button:hover {
   background-color: #ccc;
}



.green { background-color:#40babc; color:#FFF}


/*-----------------------------------------------------------------------------------*/
/* FOOTER                                                                            */
/*-----------------------------------------------------------------------------------*/

.crunchify-top { margin:auto auto; margin-top:-50px; position:relative; top:5px}

.footer { padding-top:60px; padding-bottom:60px}
.footer_left { float:left; width:50%}
.footer_right { float:left; width:50%; text-align:right}





/*-----------------------------------------------------------------------------------*/
/* HOME                                                                              */
/*-----------------------------------------------------------------------------------*/
.padding_top { padding-top:80px;}
.homepage_bg { background-image:url(images/home/computer.jpg); background-position:center; background-repeat:no-repeat; background-size: 1000px auto padding-top:100px; padding-bottom:100px ; border:0px solid red;}

.home_rounded_rectangle { color:#0f395e; font-size:20px; font-weight:bold; border-radius:50px; background-color:rgba(225, 242, 232, 0.8);  padding:5%; width:80%; margin-left:5%; margin-right:5% }


/*-----------------------------------------------------------------------------------*/
/* ABOUT                                                                             */
/*-----------------------------------------------------------------------------------*/

.about {}

.about div { float:left; width:40%; padding:5%}

.about div img{ width:100%; height:auto}

/*-----------------------------------------------------------------------------------*/
/* TERMS                                                                             */
/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/* CONTACT                                                                           */
/*-----------------------------------------------------------------------------------*/
.contact {}
.contact .lhs {float:left; width:40%; padding:5%; min-height:1400px; background-color:#5d5d5d; color:white; border:0px solid blue;}
.contact .lhs a{ color:white}
.contact .rhs {float:right; width:40%; padding:5%; min-height:1400px; background-color:#ededed; border:0px solid blue}

.lhs_contact { float:right; width:400px; border:0px solid white}
.rhs_contact { width:400px;  border:0px solid red}

.contact_top { background-color:#3b7389; color:white; text-align:center;}
.contact_top a{ color:white}



/*-----------------------------------------------------------------------------------*/
/* navigation                                                                        */
/*-----------------------------------------------------------------------------------*/
#navigation { background-color:#554a58; float:right;margin:0px;
}

#navigation ul { 
	list-style:none;
}

#navigation li { 
	float:right;
	margin-right:40px;
}

#navigation li a { 
  text-decoration: none;
  position: relative;
  color: #fff;
}


/*
#navigation li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #fff;
  transition: 0.4s;
}

#navigation li a:hover {
	text-decoration: none;
}

#navigation li a:hover:after {
  width: 100%;
}
*/


#navigation li a.active {
	color:#aa9fad;
}







/*-----------------------------------------------------------------------------------*/
/* CONTACT FORM                                                                      */
/*-----------------------------------------------------------------------------------*/
.footer_contact_form { background-color:#40babc; color:white; padding-top:40px}


label {width: 100px;float: left;margin-right: 2px;display: block}

#banana { display:none}

form { padding-bottom:40px}
input { width:300px; background-color:white; margin-bottom:5px; height:28px; padding:2px; border-radius: 7px;}
input[type=submit] { background-color:#554a58; color:white}
textarea{ width:300px; height:116px; background-color:white; margin-bottom:5px; padding:2px; border-radius: 7px;}

.form_response { width:92%; padding-left:4%; padding-right:4%; padding-top:30px; padding-bottom:30px}
.failure {background-color:#900}
.success {background-color:#090}