/*=.=.=.=.=---STYLE FOR---=.=.=.=.=*/

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Global properties */
*{ padding:0px; margin:0px; outline:none; border:none; list-style:none; text-decoration:none; }
.noBdr{ border:none !important; }
.clr{ line-height:0px; font-size:0px; clear:both; }

body{ font:normal 14px/18px Arial, Helvetica, sans-serif; color:#000; background: #fff;}
/*font-family: 'Raleway', sans-serif;*/

.container{ width: 790px; margin: 0 auto;}
.wrapper{ width: 100%; float: left;}
.top_sec{ width: 100%; float: left;}
.logo_main{ width: 100%; float: left; position: relative; min-height: 263px;}
.logo{ width: 500px; position: absolute; left: 0px; bottom: -34px;}
.logo img{ max-width: 100%; float: left;}

.openig_sec{ width: 100%; float: left; padding: 60px 0 20px 0; background: #39a6c3;}
.openig_inner{ width: 570px; float: left; text-align: center;}
.openig_inner p{ padding: 0px; margin: 0px; font: 400 12px/20px 'Raleway', sans-serif; color:#fff;}
.openig_inner h4{ padding: 16px 0 0; margin: 0px; font: 400 35px/40px 'Raleway', sans-serif; color:#fff;}
.openig_inner ul{ padding: 0px; margin: 25px 0 0; list-style: none; display: inline-block; text-align: center;}
.openig_inner ul li{ padding: 0px; margin: 0px; display: inline-block; width: 118px;}
.openig_inner ul li a{ padding: 3px 0; margin:0px; width: 100%; float: left; text-align: center; color:#fff; font-size: 11px; font-family: 'Raleway', sans-serif; font-weight: 400;}
.openig_inner ul li.more a{ background: #007ea3;}
.openig_inner ul li.informd a{ background: #e22e28;}

.girl_pic{ position: absolute; right: -20px; top: 12px; width: 270px;}
.girl_pic img{ max-width: 100%;}

.black_overlay{
	display: none; 
	position: fixed; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	z-index:1001; 
	-moz-opacity: 0.8;
	opacity:.80; 
	filter: alpha(opacity=80);
}

.white_content{
	display: none; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	width: 300px; 
	height: 200px; 
	margin:-100px 0 0 -150px;
	padding: 15px; 
	z-index:1002; 
	overflow: auto;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.cross{ width: auto; position: absolute; right: 10px; top: 10px;}
.cross img{ max-width: 100%;}
.mid_pop{ width: 100%; float: left;}
.mid_pop h3{ padding: 0 0 15px; margin: 0px; font: 600 22px/26px 'Raleway', sans-serif; color:#000; }
.frm_Box{ width: 100%; float: left; margin-top: 10px;}
.frm_Box input[type="text"]{ width: 100%; float: left; height: 35px; background: #f8f2f2; padding: 0 15px; font: 400 14px/35px 'Raleway', sans-serif; color:#000; border:1px solid #ccc;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.frm_Box input[type="email"]{ width: 100%; float: left; height: 35px; background: #f8f2f2; padding: 0 15px; font: 400 14px/35px 'Raleway', sans-serif; color:#000; border:1px solid #ccc;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.frm_Box input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#000; opacity: 1; }
.frm_Box input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, email::-webkit-input-placeholder { color:#000; opacity: 1;}
.frm_Box input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, text::-webkit-input-placeholder { color:#000; opacity: 1;}

.frm_Box input[type="submit"]{ background: #e22e28; color: #fff; float: left; font-family: "Raleway",sans-serif; font-size: 13px; font-weight: 400; margin: 0; padding: 3px 15px; text-align: center;
 width: auto; cursor: pointer; text-transform: uppercase;}

.fa-wrapper {
max-width: 60px;
}
.margin-left {
    margin-left: 37px!important;
}

.fa {
    min-width: 35px;
    position: relative;
    top: 8px;
}

.fa:before {
font-size: 24px;
}

.fa-instagram {
    background: #125688;
    padding: 7px;
    border-radius: 10px;
    display: inline-block;
}

.fa-instagram:hover {
background: #1e6ba4;
}

.fa-facebook {
    background: #3b5998;
    padding: 7px;
    border-radius: 10px;
    display: inline-block;
}

.fa-facebook:hover {
    background: #4b6db5;
}

.fa-twitter {
    background: #326ada;
    padding: 7px;
    border-radius: 10px;
    display: inline-block;
}

.fa-twitter:hover {
    background: #4782f8;
}

@media only screen and (min-width:768px) and (max-width:999px)
{
.container{ width: 700px;}
.logo{ width: 425px; bottom: -30px;}
.openig_inner{ width: 486px;}
.openig_inner p{ font: 400 10px/18px "Raleway",sans-serif;}
.girl_pic{ width: 265px;}






}


@media only screen and (max-width:767px) 
{
.container{ width: 100%; padding: 0 20px;}
.girl_pic { left: 50%; margin-left: -115px; position: absolute; right: inherit; top: 12px; width: 236px;}
/*.logo { bottom: -34px; left: 50%; margin-left: -250px; position: absolute; width: 500px;}*/
.openig_sec { min-height: 365px; padding: 40px 0 25px 0; width: 100%;}
.openig_inner p { color: #fff; font: 600 20px/36px "Raleway",sans-serif; margin: 0; padding: 0;}
.openig_inner p br{ display: none;}
.openig_inner{ width: 100%; position: relative;}
.openig_inner h4 { color: #fff; font: 400 35px/40px "Raleway",sans-serif; margin: 0; padding: 125px 0 0;}
.logo { bottom: -29px;  left: 50%; margin-left: -175px; position: absolute; width: 350px;}
.openig_inner ul li{ margin-right: 4px;}
.openig_inner ul li:last-child{ margin-right: 0px;}





}


@media only screen and (max-width:640px) 
{
.openig_inner h4 { padding: 105px 0 0;}

}
@media only screen and (max-width:499px) 
{
.logo { bottom: -20px; left: 50%; margin-left: -145px; position: absolute; width: 290px;}
.openig_inner p { font: 600 16px/28px "Raleway",sans-serif;}
.openig_inner h4 { font: 400 28px/25px "Raleway",sans-serif; padding: 120px 0 0;}
.openig_inner ul li{ width: 130px;}
.openig_inner ul{ margin: 18px 0 0;}




}


@media only screen and (max-width:400px) 
{
.openig_inner h4 { padding: 95px 0 0;}

}
@media only screen and (max-width:340px) 
{
.openig_inner h4 { padding: 75px 0 0;}

}