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

@font-face {
font-family:'FontAwesome';
src:url('font/fontawesome-webfont.eot?v=4.3.0');
src:url('font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('font/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal
}

img {
    border: medium none;
}


.clear {
    clear: both;
}
a {
    color: #222222;
    text-decoration: none;
}
a:hover {
}

.main_container{margin:0 auto; background:#fff; width:1120px; overflow:hidden; z-index:1001; position:relative;}

.container_landing{margin:0 auto; width:100%; margin-top:20px;}

.about_landing_container{margin:0 auto; width:100%; margin-top:10px; }

.about_landing{float:left; width:54%; text-align:left;}

.address_landing{float:left; padding:8px; font-size:18px; color:#ff9a12; margin:20px 10px 20px 25px; text-align:center;}

.address_landing span{font-size:15px; color:#333;}


/******************FORM*****************/

.right_landing_container{float:right; width:45%; margin-top:30px;}


.b_right {
    width: 100%;
    float: right;
}




/******************FORM*****************/
#b_form {
    border-radius: 5px;
    background:#D05800;
    display: block;
    padding: 10px
}

.formHeader {
    font-weight: 700;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 0 0 10px;
}

#b_form label {
    display: block;
    color: #fff;
    margin: 0 0 11px
}

#b_form label span {
    display: block;
    color: #000
}

#b_fin {
    border-radius: 10px;
    background: #dcdcdc;
    padding: 10px 10px 20px 10px;
	
}

#b_form input[type=text] {
    outline: none;
    border-radius: 5px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 100%;
    height: 35px;
    padding-left:5px;
    border: none;
}
#b_form textarea {
    border: medium none;
    border-radius: 5px;
    font-family: inherit;
    font-size: 13px;
    height: 80px;
    outline: medium none;
    padding: 5px 0 0 5px;
    resize: none;
    width: 100%;
}

#b_fin_wr {
    margin: 0 5px 0 0
}

#b_form input[type=submit] {
    outline: none;
    border-radius: 17px;
    background: #ececec;
    display: block;
    font-weight: 700;
    color: #7f7f7f;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #a7a7a7;
    box-shadow: 0 2px 1px #fff inset, 0 -2px 8px white, 0 2px 5px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.1);
    float: right;
    padding: 5px 10px;
}

#b_form input[type=submit]:hover {
    outline: none;
    cursor: pointer;
    color: #56b4ef;
    box-shadow: 0 2px 1px #fff inset, 0 -2px 20px white, 0 2px 5px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.1)
}

#b_form input[type=submit]:active {
    outline: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 -2px 20px white, 0 1px 5px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.1);
    background: 0
}

#b_form input[type=text]:focus, #b_form textarea:focus {
    border-color: #56b4ef;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .6);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .6);
}

#b_fol {
    font-weight: 700;
    color: #d4d4d4;
    padding: 10px 0 0;
	overflow:hidden;
}

#b_fol a {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    float: left;
    margin: 0 7px 4px 0
}

#b_fol a:hover {
    opacity: .7
}

#b_fol span {
    color: #ffffff;
    font-size: 15px;
    float: left;
    display: block;
	padding:6px 20px 1px 0px;
}

.b_right > ul, .b_left > ul {
    padding-left: 45px;
}

#b_pls span{color:#333;}

/********************SPRITE**********************/
[id*=social-] {
    background-size: 10px;
    display: inline-block;
    background: url(../images/social_lg.png) no-repeat transparent
}

#social-gp {
    background-position: 0 0
}

#social-bn {
    background-position: 0 -65px
}

#social-yh {
    background-position: 0 -130px
}

#social-tw {
    background-position: 0 -196px
}

#social-yp {
    background-position: 0 -261px
}

#social-fb {
    background-position: 0 -327px
}

#social-ld {
    background-position: 0 -457px
}

#social-pn {
    background-position: 0 -392px
}

#social-fs {
    background-position: 0 -523px
}

.heading_box_landing {
    background:#D05800;
    color: #fff;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 100%;
	margin-top:15px;
	font-size:28px;
}


.services_landing {
    float: left;
    margin: 20px 20px 0 0;
    width:47%;
}

.services_landing ul {
}
.services_landing ul li {
    font-weight: normal;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    text-align: justify;
    white-space: normal;
	display:block;
}





@media only screen and ( min-width: 961px ) and ( max-width: 1300px ) {
	
.main_container{margin:0 auto; width:98%; overflow:hidden;}
		
.container_landing { margin: 0 auto; width: 95%; margin-top:20px;}
	
.address_landing { float: left; font-size: 15px; margin-right: 14px;  padding: 8px;}

.b_right {width: 95%; float: right;}


}


@media only screen and ( max-width: 960px ) {
	
.main_container{margin:0 auto;  width:100%; overflow:hidden;}
	
.container_landing{margin:0 auto; width:100%; margin-top:20px;}
	
.address_landing { float: left; font-size: 15px; margin-right: 20px;  padding: 8px;}

.b_right {width: 95%; float: left}
	




	
}



@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	
.main_container{margin:0 auto;  width:100%; overflow:hidden;}
	
.container_landing{margin:0 auto; width:95%; margin-top:20px;}

.about_landing { float: left; width: 100%; text-align:left;}

.address_landing {  float: left;  font-size: 15px; margin-left: 65px; padding: 8px;}

.right_landing_container{float:right; width:100%;}
	
.b_right {width: 100%; float: left}

.services_landing { float: left; margin: 20px 20px 0 0; width: 100%;}
	
	
}





@media only screen and ( max-width: 767px ) {
	
	.main_container{margin:0 auto; width:100%; overflow:hidden;}
	
	.container_landing{margin:0 auto; width:100%; margin-top:20px;}
	
	.about_landing { float: left; width:95%; text-align:left; margin:0 10px;}
	
	.video_landing { float: right;  margin: 50px 0 0;   width: 100%;}
	
	.container_landing{margin:0 auto; width:100%;}
	
	.right_landing_container{float:right; width:100%;}
	
	.b_right {width: 100%; float: left}
	
	.address_landing { float:left; margin-left:30px;  font-size: 15px;}
	
	.services_landing { float: left; margin: 10px 0 10px 10px; width: 96%;}
	
	
}





@media only screen and ( max-width: 479px ) {
	
	.main_container{margin:0 auto; width:100%; overflow:hidden;}
	
	.container_landing{margin:0 auto; width:100%; margin-top:20px;}
	
	.right_landing_container{float:right; width:100%;}
	
	.b_right {width: 100%; float: left}
	
	
}

