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

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
 @font-face {
 font-family: 'SEGOEUIL';
 src: url('../font/seg/SEGOEUIL.eot');
 src: local('SEGOEUIL'), url('../font/seg/SEGOEUIL.woff') format('woff'), url('../font/seg/SEGOEUIL.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1409">Text with this font applied</p> */
.fontsforweb_fontid_1409 {
	font-family:Arial, Helvetica, sans-serif;
}
img {
	width:100%;
}
.wrapper-out {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.wrapper {
	float:left;
	width:100%;
	background:url(../images/back.jpg) repeat;
}
.left-side-one {
	width:100%;
	float:left;
	box-shadow:0 0 16px -11px #000000;
	padding:18px 38px;
	background-color: #fff;
}
.left-side {
	float: left;
	max-width: 788px;
	padding:0px;
	width: 100%;
}
  .wrapper{position:relative;}

.right-side {
	margin: 0 0 0 56px;
	max-width: 314px;
	padding: 0;
	position: fixed;
	right: 74px;
	width: 100%;
}
.right-side-new {
	margin: 0 0 0 0;
	max-width: 314px;
	padding: 0;
	width: 100%;
}
.header-top {
	float: left;
	margin: 0;
	padding: 0 0 17px;
	width: 100%;
}
.n-logo {
	float:left;
}
.right-logo {
	border-left: 1px solid #e3e3e3;
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
}
.clear {
	clear:both;
}
.text-info {
	float: left;
	margin: 0;
	width: 100%;
	background:#f4f7f8;
	border-bottom:1px solid #babcbd;
}
.girl-image {
	float: left;
	margin: 0;
	max-width: 218px;
	width: 100%;
}
.text-part {
	float: left;
	padding: 21px 0 0 30px;
	width: 63%;
}
.text-part h1 {
	color:#105d39;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	margin:0px;
	font-weight: 100;
	width:100%;
	border-bottom:1px solid #b4c8d1;
	padding:0 0 10px 0px;
}
.text-part p {
	color: #888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding:9px 0 0;
}
.collaboration h1 {
	color: #105d39;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 16px 0 11px;
}
.collaboration p {
	color: #767676;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 29px 0 0;
}
.logo-box {
	float: left;
	width: 100%;
}
.logo-box img {
	margin:0 8px 0 0;
}
.programe {
	width:100%;
	margin:0px;
	padding:20px 0 0 0;
	float:left;
}
.p-left {
	float:left;
	margin:0px;
	padding:11px 0 0 0;
}
.p-left h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#105d39;
}
.p-left ul {
	float: left;
	margin: 0;
	padding: 0 22px;
}
.p-left ul li {
	color: #4b4b4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-image: url("../images/icobn.jpg");
	padding: 0 0 8px 6px;
}
.p-left ul.two li {
	list-style-image:url(../images/icon-b.jpg);
}
.right {
	float: right;
	margin: 0 60px 0 0;
}
.padding-0 {
	padding:0px;
}
.left-side-two {
	float:left;
	/*margin:15px 0px;*/
	padding:21px 38px 36px 38px;
	background-color: #fff;
	width:100%;
	/*box-shadow: 0 0 16px -11px #000000;*/
	
	border-top:5px solid #EEEEEE;
	border-bottom:5px solid #EEEEEE;
}
.left-side-three {
	float:left;
	margin:0 0px;
	background:url(../images/back-two.jpg) right;
	background-repeat:no-repeat;
	padding:21px 38px 28px 38px;
	background-color: #fff;
	width:100%;
	box-shadow:0 0 16px -11px #000000;
}
.top-heading img {
	float:left;
}
.top-heading span {
	color: #105d39;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	margin: 0;
	padding: 3px 0;
}
.s-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
.left-side-four {
	background-color: #edf4f7;
	background-repeat: no-repeat;
	float: left;
	/*margin: 15px 0 15px 0;*/
	padding: 0 38px;
	width: 100%;
	/*box-shadow:0 0 16px -11px #000000;*/
	border-top:5px solid #EEEEEE;
	border-bottom:5px solid #EEEEEE;
}
.profile-left {
	float:left;
	width:50%;
	margin:0px;
	padding:0px;
}
.profile-right {
	float:left;
	width:50%;
	margin:0px;
	padding:0px;
}
.profile-right h1 {
	background-color: #dde5e9;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin: 0;
	padding: 15px 16px 15px 38px;
	width: 96%;
	text-transform: uppercase;
}
.profile-left h1 {
	background-color: #dde5e9;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin: 0 0 0 -38px;
	padding: 15px 30px;
	text-transform: uppercase;
	width: 100%;
}
ul.four {
	padding: 9px 0 0 24px;
}
ul.four-two li {
	list-style:none;
}
ul.four-two {
	padding: 9px 0 0 52px;
}
ul.round li {
	list-style-image:url(../images/dot-three.jpg);
}
ul.round {
	float: left;
	padding: 3px 83px;
}
.bottom {
	border-left: 1px solid #dbe5e9;
	float: left;
	margin: 12px 0 0;
	min-height: 250px;
	padding: 11px 0 0;
}
.chair {
	float: right;
	margin: 40px 6px 16px 0;
	max-width: 100px;
}
.get-form {
	background: #fff none repeat scroll 0 0;
	float: left;
	margin: 15px 0 0 0;
	max-width: 310px;
	padding: 0 0 0;
	position:fixed;
	width: 100%;
	 -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.get-form h1 {
	color: #105d39;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 23px;
	margin: 0 0 6px;
	text-align: center;
	width: 100%;
}
.get-form span.heading {
	border-top: 1px solid #e9eaeb;
	color: #939595;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 29px;
	margin: 7px auto;
	text-align: center;
	width: 283px;
}
.form-out {
	width:272px;
	margin:0 auto;
	padding:0 0 25px 0;
}
.input-style {
	border: 1px solid #cbcbcb !important;
	border-radius: 5px !important;
	height: 40px !important;
	margin: 0 0 0px !important;
	padding: 0 0 0 14px !important;
	width: 95% !important;
	color:#a1a2a4;
}
p.details {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a1a1a1;
	text-align:center;
	width:100%;
	float:left;
}
.privacy {
	color: #358bb1;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 auto;
	text-align: center;
	width: 77px;
}
.but-style {
	background: #ee4b4b none repeat scroll 0 0;
	border: 0 none;
	border-radius: 4px;
	box-shadow: 3px 3px 3px 0 rgba(214, 211, 214, 1);
	color: #ffffff;
	cursor: pointer;
	font-family: "SEGOEUIL" !important;
	font-size: 20px;
	font-weight: 100;
	height: 45px;
	line-height: 37px;
	margin: 0 0 0 32px !important;
	max-width: 209px;
	width: 100% !important;
}
/*---------*/
  

.btn {
	font-size: 3vmin;
	padding: 0.75em 1.5em;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	text-decoration: none;
	display: inline;
	border-radius: 4px;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
.btn:hover {
	background-color: #ddd;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
.btn-small {
	padding: .75em 1em;
	font-size: 0.8em;
}
.modal-box {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 98%;
	background: white;
	border-bottom: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-clip: padding-box;
}
@media (min-width: 32em) {
 .modal-box {
width: 320px;
}
}
.modal-overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3) !important;
}
a.close {
	line-height: 1;
	font-size: 1.5em;
	position: absolute;
	top: 5%;
	right: 2%;
	text-decoration: none;
	color: #bbb;
}
a.close:hover {
	color: #222;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	transition: color 1s ease;
}
/*a.js-open-modal {
	display:none;
}*/
.btn-pop {
	background: #ee4b4b none repeat scroll 0 0;
	border: 0 none;
	color: #ffffff;
	cursor: pointer;
	font-family: "SEGOEUIL" !important;
	font-size: 20px;
	font-weight: 100;
	height: 45px;
	text-align:center;
	line-height: 37px;
	margin: 0 !important;
	max-width: 209px;
	text-align: center;
	text-decoration: none;  
	width: 100% !important;
	display:block;
}

.thank-you h3 {
    color: #5e5747;
    font: 500 28px/30px Helvetica;
    padding: 40px;
    text-align: center;
}
.frm-fld input, .frm-fld textarea {
    border: 1px solid #cfcfcf;
    color: #737373;
    font: 500 15px/22px "Lucida Grande", Tahoma, Arial !important;
    height: 47px;
    padding: 0 10px;
 display:block;
	max-width:290px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: #e7e7e7 solid 1px;
	width: 94%;
}
.frm-fld textarea {
	border-radius: 0 !important;
    height: 125px;
}
.frm-fld{
	padding: 0 0 12px;
	    width: 100%;
}
  /*--------*/

  
  /*------------------*/
   @media only screen and (min-width:768px){ 
   .btn-pop{display:none !important;}
   }
  @media only screen and (min-width:1280px) and (max-width:1350px) {
 /*.right-side {
 right:9px;
}
 a.js-open-modal {
 display:none;
}*/
}
 @media only screen and (min-width:980px) and (max-width:1279px) {
 .right-side {
 /*display:none;*/
}
 
 a.close {
 color: #bbb;
 font-size: 1.5em;
 line-height: 1;
 position: absolute;
 right: 2%;
 text-decoration: none;
 top: 1%;
 z-index: 9999;
}
 .get-form {
 position:relative;
 margin:0px;
}
}
@media only screen and (min-width:320px) and (max-width:1280px) {
	.right-side {
    margin: 0 0 0 56px;
    max-width: 314px;
    padding: 0;
    position: absolute;
    right: 0 !important;
    width: 100%;
}
#light{z-index:1000;}

}
@media only screen and (min-width:768px){
	.js-modal-close{ display:none;}
	.right-side {
	padding: 10px;
}
}
 @media only screen and (min-width:700px) and (max-width:979px) {
 /*.right-side {
 display:none;
}*/
 a.js-open-modal {
 display: block;
 position: absolute;
 right: 2%;
 z-index:999;
 top: 51%;
 width: 110px;
 
}
 .left-side-one, .left-side-two, .left-side-three, .left-side-four {
 width:91%;
}
 .text-part {
 float: left;
 padding: 21px 0 0 1%;
}
a.close {
 color: #bbb;
 font-size: 1.5em;
 line-height: 1;
 position: absolute;
 right: 2%;
 text-decoration: none;
 top: 1%;
 z-index: 9999;
}
 .get-form {
 position:relative;
 margin:0px;
 -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
}
 @media only screen and (min-width:481px) and (max-width:699px) {
 .right-side {
 display:none;
}
 a.js-open-modal {
 display: block;
  width: 110px;
 position: absolute;
 right: 2%;
 top: 28%;
 z-index:999;
}/**/
 .left-side-one, .left-side-two, .left-side-three, .left-side-four {
 width:82%;
}
.s-left {
 width: 100%;
}
 .text-part {
 float: left;
 padding: 21px 0 0 1%;
 width:100%;
}
.profile-left {
 width:100%;
}
 .profile-right {
 width:99%;
}
 .modal-box {
 width:315px;
}
 .girl-image {
 margin: 0 auto;
}
a.close {
 color: #bbb;
 font-size: 1.5em;
 line-height: 1;
 position: absolute;
 right: 2%;
 text-decoration: none;
 top: 1%;
 z-index: 9999;
}
 .get-form {
 position:relative;
 margin:0px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
}
@media only screen and (min-width:320px) and (max-width:1280px) {
	.sub-bt-bg{margin-bottom:50px;}
}

 @media only screen and (min-width:320px) and (max-width:480px) {
 .right-side {
 display:none;
}
 /*a.js-open-modal {
 display: block;
 position: absolute;
 right: 19%;
 top: 53.5%;
 width: 110px;
 z-index:999;
}*/
 a.close {
 color: #bbb;
 font-size: 1.5em;
 line-height: 1;
 text-decoration: none;
 position: absolute;
 right: 2%;
 top: 1%;
 z-index: 9999;
}
 .get-form {
 position:relative;
 margin:0px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
 .left-side-one, .left-side-two, .left-side-three, .left-side-four {
 width:73%;
}
.s-left {
 width: 100%;
}
 .text-part {
 float: left;
 padding: 21px 0 0 1%;
 width:100%;
}
.profile-left {
 width:100%;
}
 .profile-right {
 width:99%;
}
 .modal-box {
 width:315px;
}
 .girl-image {
 margin: 0 auto;
}
 .right-logo {
 border-left: 1px solid #e3e3e3;
 float: right;
 margin: 0;
 padding: 0 0 0 2px;
 width: 104px;
}
.profile-left h1 {
 padding:15px 17%;
}
 .profile-right h1 {
 width:93%;
}
 ul.round {
 float: left;
 padding: 3px 0 0 62px; 
}
 .top-heading span {
 font-size:24px;
}
 .left-side-three {
 background:#ffffff;
}
.frm-fld {
    padding: 0 0 12px;
    width: 95%;
    margin: auto;
}
.frm-fld textarea {
	border-radius: 0 !important;
    height: 85px;
}

}

textarea.textarea{
	border-color:#ddd !important;
    border-style: solid; 
    border-width: 1px;
	text-indent:10px !important;
	width:273px !important;
	}
	
	
.thank-you h3 {
    color: #5e5747;
    font: 500 28px/30px Arial, Helvetica, sans-serif;
    padding: 40px;
    text-align: center;
}