@font-face {
    font-family: 'Conv_LTe50530';
    src: url('../fonts/LTe50530.eot');
    src: url('../fonts/LTe50530.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LTe50530.woff') format('woff'),
         url('../fonts/LTe50530.ttf') format('truetype'),
         url('../fonts/LTe50530.svg#Conv_LTe50530') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'beach_bum_normal';
    src: url('../fonts/beacbn_-webfont.eot');
    src: url('../fonts/beacbn_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/beacbn_-webfont.woff') format('woff'),
         url('../fonts/beacbn_-webfont.ttf') format('truetype'),
         url('../fonts/beacbn_-webfont.svg#beach_bum_normal') format('svg');
    font-weight: normal;
    font-style: normal;

}




*{ margin:0; padding:0; }
ul{ list-style:none; }
a{ text-decoration:none; outline:none; }
img{ border:0 none; max-width:100%; }
.curve{ float:left; }
.clear{ clear:both; }

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#828282; }

.wrapper{ width:991px; margin:0 auto; }

.top_bg{ width:100%; float:left; min-width:1200px; background:#d2cfcf; height:6px;  }
.main_headbg{ width:100%; float:left; min-width:1200px; background:url(../images/header_bg.png) repeat; border-top:1px solid #fff; }

.header_bak{ width:100%; float:left; background:url(../images/h_bak.png) center top no-repeat; min-width:1200px; border-top:1px solid #fff; }

.header{ width:100%; float:left; }
.header span.logo{ width:229px; height:66px; float:left; padding:14px 0 0 30px; padding:14px 0 0 20px\9; }
.header .right_header{ width:711px; float:right; width:733px\9; }
.header .right_header ul.menu{ float:left;  }
.header .right_header ul.menu li{ float:left; list-style:none; padding-right:47px; }
.header .right_header ul.menu li+li{ margin-left:-52px; }
.header .right_header ul.menu li a{ float:left; font-size:13px; line-height:98px; text-align:center; color:#3c3f40;/* padding:0 52px 0 0;*/  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 39px; font-style:italic; padding:0 0 0 39px\9; }
.header .right_header ul.menu li:hover{ background:url(../images/right_hvr.png) no-repeat right 0; }
.header .right_header ul.menu li:hover a{ background:url(../images/left_hvr.png) no-repeat left 0; color:#fff; }
.header .right_header ul.menu li.select a{ background:url(../images/left_hvr.png) no-repeat left 0; color:#fff; }
.header .right_header ul.menu li.select { background:url(../images/right_hvr.png) no-repeat right 0; }



#pull{ display:none; background:url(../images/pull-btn.png) no-repeat; width:32px; height:27px; font-size:0; }

#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; position:fixed; opacity:0.85 !important;}
	#boxes .window {position:absolute; left:10px; top:0; display:none; z-index:9999; float:left; font-family:Helvetica, Arial, sans-serif;}
	.window .popframe{float:left;}


.main_back{ width:100%; float:left; background:url(../images/main_back_01.png) repeat; min-width:1200px; }
.main_back_02{ width:100%; float:left; background:url(../images/border-italic.jpg) 0 top repeat-x; min-width:1200px; }


.frame{ width:955px; padding:0 18px; background:#fff url(../images/white_bg.jpg) left top repeat-x; border-top:1px solid #fff; float:left; }
.banner{ width:955px; float:left; padding-top:28px; }
.banner span img{ float:left; }


.container{ width:955px; float:left; padding-top:21px; }
.container h1{ font-family: 'beach_bum_normal'; font-size:30px; color:#07008f;  }
.container h1 span{ color:#bb0100; }
.container p{ text-align:justify; color:#3c3f40; }
.container .left_panel{ width:630px; float:left; }
.container .right_panel{ width:312px; float:right; }
.container .right_panel span.man_img{ float:left; }







.services_area{ width:955px; float:left; padding:45px 0 54px; }
.services_area ul{ float:left; }
.services_area ul li{ float:left; list-style:none; }
.services_area ul li+li{ padding-left:30px; }
.services_area .wrk_area{ width:298px; float:left; }
.services_area .wrk_area h3{ color:#1c187d; font-family: 'beach_bum_normal'; font-size:24px; text-transform:capitalize; }
.services_area .wrk_area p{ text-align:justify; min-height:78px; color:#3c3f40; }
.services_area .wrk_area span.ser{ float:left; padding-bottom:11px; }
.services_area .wrk_area span.read_more{ float:left; }




.footer{ width:100%; float:left;  background:url(../images/footer_bg.png) repeat; border-bottom:1px solid #fff; }
.footer ul.ftr{ margin:auto; width:45%; padding:15px 0 2px; }
.footer ul.ftr li{ float:left; list-style:none; padding:0 8px; }
.footer ul.ftr li+li{ background:url(../images/footer_border.png) left center no-repeat; }
.footer ul.ftr li a{ float:left; color:#706c6c; }
.footer ul.ftr li a:hover{ color:#E32929; }
.footer ul.ftr li.select a{ color:#E32929; }

.footer p{ color:#a3a0a0; font-size:11px; text-align:center; width:100%; padding-bottom:7px; }

.bot_bg{ width:100%; float:left;  background:#d2cfcf; height:6px;  }





/*-------------------------service_page css start-------------------------------*/

.container .left_panel_02{ width:600px; float:left; }
.container h2{ font-family: 'beach_bum_normal'; font-size:30px; color:#e32929;  }
.container h2 span{ color:#3c3f40; }
.container .left_panel_02 p{ color:#3c3f40; font-size:13px; }
.container h4{ font-size:16px; color:#e32929; font-weight:normal; }
.container .left_panel_02  ul.des{ float:left; width:100%; }
.container .left_panel_02  ul.des li{ float:left; list-style:none; background:url(../images/li_bg.png) left 5px no-repeat; color:#3c3f40; padding-left:2%; width:98%; padding-bottom:1.3%; }
.container .left_panel_02 h5{ font-family: 'beach_bum_normal'; font-size:28px; color:#3c3f40; font-weight:normal; }
.container .left_panel_02 h5 span{ color:#e32929; }
.container .left_panel_02 h5 a{ color:#3c3f40; }

.container span.txt_message{ font-family: 'beach_bum_normal'; float:left; font-size:26px; color:#3C3F40; font-weight:normal; }

.container .right_panel span.man_02{ float:left; padding-top:43px; }


/*-------------------------service_page css end-------------------------------*/




/*-------------------------employment_page css start-------------------------------*/

.content{ width:955px; float:left; min-height:625px; }
.content_02{ min-height:570px; }
.content_03{ min-height:520px; }
.content_04{ min-height:451px; }

.content h2{ font-size:34px; color:#3c3f40; font-family: 'beach_bum_normal'; }
.content h2 span{ color:#e32929; }
.content h4{ font-size:14px; }
.content p a{ color:#0094e0; }
.content .r_stuff{ width:322px; float:right; }
.content .r_stuff span img{ float:left; padding-top:60px; }


/*-------------------------employment_page css end-------------------------------*/



/*-------------------------tesimonial_page css start-------------------------------*/
.testimonial{ width:100%; float:left; }
.testimonial .r_stuff_02{ width:322px; float:right; }
.testimonial .r_stuff_02 span img{ float:left; padding-top:45px; }
.testimonial ul.testi{ float:left; }
.testimonial ul.testi li{ float:left; list-style:none; padding:25px 0; text-align:justify; color:#3c3f40; }
.testimonial ul.testi li+li{  background:url(../images/li_bot_bg.jpg) left top repeat-x; }
.testimonial ul.testi li span.name{ float:left; font-size:15px; padding-top:10px; color:#dd2323; width:100%; text-transform:capitalize; font-style:italic; }
.testimonial ul.testi li span.text{ float:left; color:#3c3f40; width:100%; text-transform:capitalize;  font-style:italic;}
/*-------------------------tesimonial_page css end-------------------------------*/




/*-------------------------client_page css start-------------------------------*/
.testimonial h4{ font-size:14px; color:#e32929; font-weight:normal; } 
.testimonial h4 span{ color:#4c4c4c; font-size:12px; }
.testimonial ul.client{ width:600px; float:left; }
.testimonial ul.client li{ width:225px; float:left; list-style:none; }
.testimonial ul.client li+li{ width:150px; background:url(../images/client_li_bg.jpg) left 0 repeat-y; padding-left:15px; }
.testimonial ul.client li+li+li{ width:194px; min-height:230px; }

.testimonial .description_wrk{ width:600px; float:left; padding-bottom:30px;}
.testimonial .description_wrk .colom{ width:190px; float:left; }
.testimonial .description_wrk .colom ul.dscrpt{ width:100%; float:left; }
.testimonial .description_wrk .colom ul.dscrpt li{ width:92%; float:left; list-style:none; background:url(../images/li_bg.png) left 5px no-repeat; color:#3c3f40; padding-bottom:4%; padding-left:8% }

/*-------------------------client_page css end-------------------------------*/




/*-------------------------contact_page css start-------------------------------*/

.contact_us{ width:955px; float:left; }
.contact_us .upper_part{ width:955px; float:left; border-bottom:2px solid #ececec; padding-bottom:35px;  }
.contact_us .upper_part p{ color:#424242; text-align:justify; }
.contact_us .upper_part p span{ color:#e52929; }
.contact_us .upper_part p a{ color:#00b4ff; } 
.contact_us .upper_part p.padd_bot{ padding-bottom:6px; }

.contact_us .upper_part .l_upper{ width:440px; float:left; }
.contact_us .upper_part .r_upper{ width:450px; float:right; padding-top:45px; }


.contact_us .bot_part{ width:955px; float:left; padding-top:15px;  }
.contact_us .bot_part p{ font-size:14px; color:#424242; padding-bottom:5px; }
.contact_us .bot_part p span{ color:#e52929; }

.contact_us .bot_part .main_contact{ width:955px; float:left; padding-top:20px;  }
.contact_us .bot_part .main_contact .left_contact{ width:477px; float:left; }
.contact_us .bot_part .main_contact .left_contact ul.contct{ width:477px; float:left; }
.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:477px; float:left; padding-bottom:8px; list-style:none; }
.contact_us .bot_part .main_contact .left_contact ul.contct li label{ color:#424242; float:left; width:179px; padding-right:5px; line-height:32px; text-align:right; }
.contact_us .bot_part .main_contact .left_contact ul.contct li label span{  color:#e52929; }

.contact_us .bot_part .main_contact .left_contact ul.contct li input[type=text]{ width:267px; height:32px; float:left; border:1px solid #c5c5c5; line-height:32px; padding:0 10px; background:#f0f0f0; outline:none; }

.contact_us .bot_part .main_contact ul.contct_02{ width:955px; float:left; padding-bottom:45px; } 
.contact_us .bot_part .main_contact ul.contct_02 li{ width:955px; float:left; list-style:none; padding-bottom:8px; } 

.contact_us .bot_part .main_contact ul.contct_02 li label{ color:#424242; float:left; width:178px; padding-right:5px; line-height:32px; text-align:right; }
.contact_us .bot_part .main_contact ul.contct_02 li label span{ color: #E52929; }
.contact_us .bot_part .main_contact ul.contct_02 li input[type=text]{ width:745px; height:32px; float:left; border:1px solid #c5c5c5; line-height:32px; padding:0 10px; background:#f0f0f0; outline:none; }

.contact_us .bot_part .main_contact ul.contct_02 li input[type=submit]{ width:174px; height:39px; float:left; border:none;  background:url(../images/submit_btn.jpg) 0 0 no-repeat; outline:none; cursor:pointer; }

.contact_us .bot_part .main_contact ul.contct_02 li+li+li input[type=text]{ width:152px; } 


.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:745px; height:103px; float:left; border:1px solid #c5c5c5; line-height:25px; padding:0 10px; background:#f0f0f0; outline:none; overflow:auto; }


/*-------------------------contact_page css end-------------------------------*/







/*------------------------------Slider css start---------------------------*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/*  
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


.no-js .slides > li:first-child {display: block;}*/


/* FlexSlider Default Theme
*********************************/

.flexslider {/*margin: 0 0 60px;*/ background: #fff; border: 4px solid #fff; position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs { bottom: 10px; margin: 5px 0 0; overflow: hidden; position: absolute; right: 4px; width: 57%; }
.flex-control-thumbs li { float: right; margin:0 0 0 5px;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
*/


/*------------------------------Slider css end---------------------------*/

.row-chq { width:60%; float:left;}
.chq {
    float: left;
    margin: 0 5px 0 35px;
}

input[type="checkbox"].chk {
    float: left;
    margin: 5px 23px 0 48px;
}

.event-txt { float:right; margin:2px 5px 0 0;}



/*------------------------------Contact Form---------------------------*/
#cf_form{
	max-width: 500px;
	width: 100%;
	margin: 50px auto;
	box-shadow: 0px 0px 10px rgb(215, 215, 215);
	padding: 40px;
	border-radius: 20px;
}
#cf_form label{
	font-size: 14px;
	color: #414141;
}
#cf_form .title{
	font-size: 14px;
	color: #414141;
	font-weight: bold;
	display: block;
	padding: 20px 0 5px 0;
}
#cf_form .title span{
	color: rgb(255, 0, 0);
	padding-left: 8px;
}
#cf_form input{
	border: 1px solid #adadad;
	outline: 0;
	padding: 3px 5px;
}
#cf_form textarea{
	border: 1px solid #adadad;
	outline: 0;
	padding: 3px 5px;
}
#cf_form select{
	border: 1px solid #adadad;
	outline: 0;
	padding: 3px 5px;
}

#cf_form input[type=submit]{
	border: 1px solid #ccc;
    padding: 10px 15px;
    color: #666;
    text-shadow: 0 1px #fff;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 1px 1px 0px rgb(221 221 221);
    background: #f5f5f5;
    background: linear-gradient(to top, #f5f5f5 0%, #eeeeee 100%);
}
#cf_form input[type=submit]:hover{
	background: #e8e8e8;
}

@media only screen and (min-width: 1281px) and (max-width:1300px), only screen and (min-device-width: 1281px) and (max-device-width:1300px){
	
	.top_bg{ min-width:1200px;}
	.main_headbg{ min-width:1200px;}
	.header_bak{ min-width:1200px;}
	.main_back{ min-width:1200px; }
	.main_back_02{ min-width:1200px; }
	
}







@media only screen and (min-width: 1153px) and (max-width: 1280px), only screen and (min-device-width: 1153px) and (max-device-width: 1280px) {
	
	.top_bg{ min-width:1100px;}
	.main_headbg{ min-width:1100px;}
	.header_bak{ min-width:1100px;}
	.main_back{ min-width:1100px; }
	.main_back_02{ min-width:1100px; }
	
	}
	
	
	
	
	
	
	
@media only screen and (min-width: 1094px) and (max-width: 1152px), only screen and (min-device-width: 1094px) and (max-device-width: 1152px) {
	
	.top_bg{ min-width:1000px;}
	.main_headbg{ min-width:1000px;}
	.header_bak{ min-width:1000px;}
	.main_back{ min-width:1000px; }
	.main_back_02{ min-width:1000px; }
	
	}









@media only screen and (min-width: 1024px) and (max-width: 1093px), only screen and (min-device-width: 1024px) and (max-device-width: 1093px) {
	
	
	.top_bg{ min-width:1000px;}
	.main_headbg{ min-width:1000px;}
	.header_bak{ min-width:1000px;}
	.main_back{ min-width:1000px; }
	.main_back_02{ min-width:1000px; }
	.wrapper{ width:980px;}
	
	}






@media only screen and (min-width: 980px) and (max-width: 1023px), only screen and (min-device-width: 980px) and (max-device-width: 1023px) {
	
		.top_bg{ min-width:960px;}
		.main_headbg{ min-width:960px;}
		.header_bak{ min-width:960px;}
		.main_back{ min-width:960px; }
		.main_back_02{ min-width:960px; }
		.wrapper{ width:960px;}
		.header span.logo{ padding:14px 0 0 15px}
		.frame{ width:930px; padding:0 15px;}
		.banner{ width:930px;}
		.container{ width:930px;}
		.container .left_panel{ width:65%;}
		.services_area{ width:930px;}
		.services_area ul li + li{ padding-left:17px;}
		
		.contact_us .upper_part{ width:930px;}
		.contact_us .bot_part{ width:930px;}
		form { float: left; width: 930px;}
		.contact_us .bot_part .main_contact{ width:930px;}
		.contact_us .bot_part .main_contact .left_contact{ width:45%;}
		.contact_us .bot_part .main_contact ul.contct_02{ width:930px;}
		.contact_us .bot_part .main_contact ul.contct_02 li{ width:930px;}
		.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:720px;}
		.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:720px;}
		.contact_us .upper_part .l_upper{ width:45%;}
		.contact_us .upper_part .r_upper{ width:45%;}
	
}

@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (min-device-width: 768px) and (max-device-width: 979px) {
	
		.top_bg{ min-width:750px;}
		.main_headbg{ min-width:750px;}
		.header_bak{ min-width:750px;}
		.main_back{ min-width:750px; }
		.main_back_02{ min-width:750px; }
		.wrapper{ width:750px;}
		.header span.logo{ padding:14px 0 0 15px}
		.frame{ width:730px; padding:0 10px;}
		.banner{ width:730px;}
		.container{ width:730px;}
		.container .left_panel{ width:57%;}
		.services_area{ width:730px;}
		.services_area ul li + li{ padding-left:17px;}
		.container .right_panel{ width:300px;}		
		.container .right_panel span.man_img { width: 300px;}
		.services_area ul li{ width:365px; margin-bottom:20px;}
		.services_area ul li + li{ padding-left:0;}
		.footer ul.ftr{ width:60%;}
		
		.header{ padding-bottom:15px;}
		.header .right_header{ width:auto; margin:20px 15px 0 0;}
		
		
		
		.container .left_panel_02{ width:57%;}
		.testimonial ul.client{ width:100%;}
		.testimonial .description_wrk{ width:100%;}
		.testimonial .description_wrk .colom{ width:200px;}
		.testimonial .description_wrk .colom ul.dscrpt{ width:200px;}
		.testimonial .r_stuff_02{ width:300px;}
		
		.content .r_stuff{ width:300px;}
		
		.contact_us .upper_part{ width:730px;}
		.contact_us .bot_part{ width:730px;}
		form { float: left; width: 730px;}
		.contact_us .bot_part .main_contact{ width:730px;}
		.contact_us .bot_part .main_contact .left_contact{ width:100%;}
		.contact_us .bot_part .main_contact ul.contct_02{ width:730px;}
		.contact_us .bot_part .main_contact ul.contct_02 li{ width:730px;}
		.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:510px;}
		.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:510px;}
		
		.contact_us .upper_part .l_upper{ width:45%;}
		.contact_us .upper_part .r_upper{ width:45%;}
		
		
		
		
		
		
		
	#pull{ display:block; margin-top:15px; }
	.nav.main-nav.pull-right{ display:none; }
		
	#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; position:fixed; opacity:0.85 !important;}
	#boxes .window {position:absolute; left:10px; top:0; display:none; z-index:9999; float:left; font-family:Helvetica, Arial, sans-serif;}
	.window .popframe{float:left;}
	.menu_popup{ float:left; width:650px; position:relative; }
	.close {/*top: -1.2em; right: -.8em;*/ position: absolute; cursor:pointer; cursor: hand; right:-50px; top:-50px; }
	.menu_popup .menu{  float:left; width:100%; list-style:none; margin:0px; padding:0px; }
	.menu_popup .menu li{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; float:left; width:32%; margin:0 0 2%; }
	.menu_popup .menu li a{ display:block; color:#616161; padding:0; border-radius:7px; text-align:center; text-transform:uppercase; height:85px; box-shadow:0 -6px #BEBEBE inset; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; line-height:85px; background:#d1d1d1; }
	.menu_popup .menu li a:hover{ color:#fff; box-shadow:none; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; background:#474747; }
	.menu_popup .menu li.active a{ color:#fff; background:#474747; box-shadow:0 -2px #BEBEBE inset; }
	.menu_popup .menu li.active a:hover{ box-shadow:none; }
	
}



	
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	
	.top_bg{ min-width:630px;}
	.main_headbg{ min-width:630px;}
	.header_bak{ min-width:630px;}
	.main_back{ min-width:630px; }
	.main_back_02{ min-width:630px; }
	.wrapper{ width:630px;}
	
	.header span.logo{ padding:14px 0 0 15px;}
	.frame{ width:610px; padding:0 10px;}
	.banner{ width:610px;}
	.container{ width:610px;}
	.container .left_panel{ width:55%;}
	.services_area{ width:610px;}
	.services_area ul li + li{ padding-left:17px;}
	.container .right_panel{ width:270px;}		
	.container .right_panel span.man_img { width: 270px;}
	.services_area ul li{ width:310px; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:70%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	.header{ padding-bottom:15px;}
	
	.container .left_panel_02{ width:54%;}
	.container .right_panel span.man_02 { width: 270px;}
	
	.testimonial ul.client{ width:100%;}
	.testimonial .description_wrk{ width:100%;}
	.testimonial .description_wrk .colom{ width:160px;}
	.testimonial .description_wrk .colom ul.dscrpt{ width:160px;}
	.testimonial .r_stuff_02{ width:270px;}
	.testimonial ul.client li + li{ padding-left:0; background:none;}
	
	.content .r_stuff{ width:270px;}
	
	
	
	.contact_us .upper_part{ width:610px;}
	.contact_us .bot_part{ width:610px;}
	form { float: left; width: 610px;}
	.contact_us .bot_part .main_contact{ width:610px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:610px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:610px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:395px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:395px;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	
	
	
	#pull{ display:block; }
	
	.nav.main-nav.pull-right{ display:none; }
  #mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; position:fixed; opacity:0.85 !important;}
	#boxes .window {position:absolute; left:10px; top:0; display:none; z-index:9999; float:left; font-family:Helvetica, Arial, sans-serif;}
	.window .popframe{float:left;}
	.menu_popup{ float:left; width:85%; position:relative; }
	.close {/*top: -1.2em; right: -.8em;*/ position: absolute; cursor:pointer; cursor: hand; right:-50px; top:-50px; }
	.menu_popup .menu{  float:left; width:100%; list-style:none; margin:0px; padding:0px; }
	.menu_popup .menu li{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; float:left; width:50%; margin:0 0 2%; }
	.menu_popup .menu li a{ display:block; color:#616161; padding:0; border-radius:7px; text-align:center; text-transform:uppercase; height:85px; box-shadow:0 -6px #BEBEBE inset; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; line-height:85px; background:#d1d1d1; }
	.menu_popup .menu li a:hover{ color:#fff; box-shadow:none; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; background:#474747; }
	.menu_popup .menu li.active a{ color:#fff; background:#474747; box-shadow:0 -2px #BEBEBE inset; }
	.menu_popup .menu li.active a:hover{ box-shadow:none; }
	
	
	
	}
	


	
	
@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	
	.top_bg{ min-width:450px;}
	.main_headbg{ min-width:450px;}
	.header_bak{ min-width:450px;}
	.main_back{ min-width:450px; }
	.main_back_02{ min-width:450px; }
	.wrapper{ width:450px;}
	
	.header span.logo{ padding:14px 0 0 15px}
	.frame{ width:430px; padding:0 10px;}
	.banner{ width:430px;}
	.container{ width:430px;}
	.container .left_panel{ width:100%;}
	.services_area{ width:430px;}
	.container .right_panel{ width:312px; float:left; margin-top:15px;}		
	.container .right_panel span.man_img { width: 312px;}
	.services_area ul li{ width:100%; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:100%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	
	.container .left_panel_02{ width:100%;}
	.container .right_panel span.man_02 { width: 312px;}
	
	.testimonial ul.client{ width:100%;}
	.testimonial .description_wrk{ width:100%;}
	.testimonial .description_wrk .colom{ width:160px;}
	.testimonial .description_wrk .colom ul.dscrpt{ width:160px;}
	.testimonial .r_stuff_02{ width:322px; float:left; margin-bottom:20px;}
	.testimonial ul.client li + li{ padding-left:0; background:none;}
	
	.content .r_stuff{ float:left; width:322px;}
	
	
	.contact_us .upper_part{ width:430px;}
	.contact_us .bot_part{ width:430px;}
	form { float: left; width: 430px;}
	.contact_us .bot_part .main_contact{ width:430px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:430px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:430px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:220px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:220px;}
	.contact_us .bot_part .main_contact ul.contct_02 li label{ width:170px;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct li label{ width:160px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li input[type="text"]{ width:230px;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct{ width:425px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:425px;}
	
	
	.menu_popup .menu li{ width:100%; margin:0; }
  	.menu_popup .menu li+li{ margin-top:2%; }
	
	}
	
	



	
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	
	.top_bg{ min-width:450px;}
	.main_headbg{ min-width:450px;}
	.header_bak{ min-width:450px;}
	.main_back{ min-width:450px; }
	.main_back_02{ min-width:450px; }
	.wrapper{ width:450px;}
	
	.header span.logo{ padding:14px 0 0 0; width:160px;}
	.frame{ width:430px; padding:0 10px;}
	.banner{ width:430px;}
	.container{ width:430px;}
	.container .left_panel{ width:100%;}
	.services_area{ width:430px;}
	.container .right_panel{ width:430px; float:left; margin-top:15px;}		
	.container .right_panel span.man_img { width: 430px;}
	.services_area ul li{ width:100%; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:100%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	.services_area ul li .ser { width: 430px;}
	.services_area ul li h3 { clear: both;}
	.services_area .wrk_area{ width:430px;}
	
	.container .right_panel span.man_02 { width: 430px;}
	.testimonial .r_stuff_02{ width:430px;}
	.content .r_stuff{ width:430px;}
	
	
	
	
	.contact_us .upper_part{ width:430px;}
	.contact_us .bot_part{ width:430px;}
	form { float: left; width: 430px;}
	.contact_us .bot_part .main_contact{ width:430px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:430px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:430px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:410px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:410px;}
	.contact_us .bot_part .main_contact ul.contct_02 li label{ width:100%; text-align:left;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct li label{ width:100%; text-align:left;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li input[type="text"]{ width:410px;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct{ width:430px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:430px;}
	
	
	.chq{ clear:both;}
	
	
	
	
	.menu_popup .menu li{ width:100%; margin:0; }
  	.menu_popup .menu li+li{ margin-top:2%; }
}



@media only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
	
	.top_bg{ min-width:400px;}
	.main_headbg{ min-width:400px;}
	.header_bak{ min-width:400px;}
	.main_back{ min-width:400px; }
	.main_back_02{ min-width:400px; }
	.wrapper{ width:400px;}
	
	.header span.logo{ padding:14px 0 0 0; width:160px;}
	.frame{ width:380px; padding:0 10px;}
	.banner{ width:380px;}
	.container{ width:380px;}
	.container .left_panel{ width:100%;}
	.services_area{ width:380px;}
	.container .right_panel{ width:380px; float:left; margin-top:15px;}		
	.container .right_panel span.man_img { width: 380px;}
	.services_area ul li{ width:100%; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:100%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	.services_area ul li .ser { width: 380px;}
	.services_area ul li h3 { clear: both;}
	.services_area .wrk_area{ width:380px;}
	
	.container .right_panel span.man_02 { width: 380px;}
	.testimonial .r_stuff_02{ width:380px;}
	.content .r_stuff{ width:380px;}
	
	
	
	
	.contact_us .upper_part{ width:380px;}
	.contact_us .bot_part{ width:380px;}
	form { float: left; width: 380px;}
	.contact_us .bot_part .main_contact{ width:380px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:380px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:380px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:360px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:360px;}
	.contact_us .bot_part .main_contact ul.contct_02 li label{ width:100%; text-align:left;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct li label{ width:100%; text-align:left;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li input[type="text"]{ width:360px;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct{ width:380px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:380px;}
	
	.chq{ clear:both;}
	
	
	
	.menu_popup .menu li{ width:100%; margin:0; }
  	.menu_popup .menu li+li{ margin-top:2%; }
	
	}
	
	
	
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
	
	.top_bg{ min-width:350px;}
	.main_headbg{ min-width:350px;}
	.header_bak{ min-width:350px;}
	.main_back{ min-width:350px; }
	.main_back_02{ min-width:350px; }
	.wrapper{ width:350px;}
	
	.header span.logo{ padding:14px 0 0 0; width:160px;}
	.frame{ width:330px; padding:0 10px;}
	.banner{ width:330px;}
	.container{ width:330px;}
	.container .left_panel{ width:100%;}
	.services_area{ width:330px;}
	.container .right_panel{ width:330px; float:left; margin-top:15px;}		
	.container .right_panel span.man_img { width: 330px;}
	.services_area ul li{ width:100%; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:100%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	.services_area ul li .ser { width: 330px;}
	.services_area ul li h3 { clear: both;}
	.services_area .wrk_area{ width:330px;}
	
	.container .right_panel span.man_02 { width: 330px;}
	.testimonial .r_stuff_02{ width:330px;}
	.content .r_stuff{ width:330px;}
	
	
	
	
	.contact_us .upper_part{ width:330px;}
	.contact_us .bot_part{ width:330px;}
	form { float: left; width: 330px;}
	.contact_us .bot_part .main_contact{ width:330px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:330px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:330px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:310px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:310px;}
	.contact_us .bot_part .main_contact ul.contct_02 li label{ width:100%; text-align:left;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct li label{ width:100%; text-align:left;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li input[type="text"]{ width:310px;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct{ width:330px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:330px;}
	
	
	.chq{ clear:both;}
	
	
	.menu_popup .menu li{ width:100%; margin:0; }
  	.menu_popup .menu li+li{ margin-top:2%; }
	
	}
	
	
	@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
	
	.top_bg{ min-width:300px;}
	.main_headbg{ min-width:300px;}
	.header_bak{ min-width:300px;}
	.main_back{ min-width:300px; }
	.main_back_02{ min-width:300px; }
	.wrapper{ width:300px;}
	
	.header span.logo{ padding:14px 0 0 0; width:160px;}
	.frame{ width:280px; padding:0 10px;}
	.banner{ width:280px;}
	.container{ width:280px;}
	.container .left_panel{ width:100%;}
	.services_area{ width:280px;}
	.container .right_panel{ width:280px; float:left; margin-top:15px;}		
	.container .right_panel span.man_img { width: 280px;}
	.services_area ul li{ width:100%; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:100%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	.services_area ul li .ser { width: 280px;}
	.services_area ul li h3 { clear: both;}
	.services_area .wrk_area{ width:280px;}
	
	.container .right_panel span.man_02 { width: 280px;}
	.testimonial .r_stuff_02{ width:280px;}
	.content .r_stuff{ width:280px;}
	
	
	
	
	.contact_us .upper_part{ width:280px;}
	.contact_us .bot_part{ width:280px;}
	form { float: left; width: 280px;}
	.contact_us .bot_part .main_contact{ width:280px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:280px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:280px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:260px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:260px;}
	.contact_us .bot_part .main_contact ul.contct_02 li label{ width:100%; text-align:left;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct li label{ width:100%; text-align:left;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li input[type="text"]{ width:260px;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct{ width:280px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:280px;}
	
	.chq{ clear:both;}
	
	
	
	.menu_popup .menu li{ width:100%; margin:0; }
  	.menu_popup .menu li+li{ margin-top:2%; }
	
	}
	
	
	
	
	@media only screen and (max-width: 300px), only screen and (max-device-width: 300px) {
	
	.top_bg{ min-width:250px;}
	.main_headbg{ min-width:250px;}
	.header_bak{ min-width:250px;}
	.main_back{ min-width:250px; }
	.main_back_02{ min-width:250px; }
	.wrapper{ width:250px;}
	
	.header span.logo{ padding:14px 0 0 0; width:160px;}
	.frame{ width:230px; padding:0 10px;}
	.banner{ width:230px;}
	.container{ width:230px;}
	.container .left_panel{ width:100%;}
	.services_area{ width:230px;}
	.container .right_panel{ width:230px; float:left; margin-top:15px;}		
	.container .right_panel span.man_img { width: 230px;}
	.services_area ul li{ width:100%; margin-bottom:20px;}
	.services_area ul li + li{ padding-left:0;}
	.footer ul.ftr{ width:100%;}
	.header .right_header{ width:auto; margin:20px 35px 0 0;}
	.services_area ul li .ser { width: 230px;}
	.services_area ul li h3 { clear: both;}
	.services_area .wrk_area{ width:230px;}
	
	.container .right_panel span.man_02 { width: 230px;}
	.testimonial .r_stuff_02{ width:230px;}
	.content .r_stuff{ width:230px;}
	
	
	
	
	.contact_us .upper_part{ width:230px;}
	.contact_us .bot_part{ width:230px;}
	form { float: left; width: 230px;}
	.contact_us .bot_part .main_contact{ width:230px;}
	.contact_us .bot_part .main_contact .left_contact{ width:100%;}
	.contact_us .bot_part .main_contact ul.contct_02{ width:230px;}
	.contact_us .bot_part .main_contact ul.contct_02 li{ width:230px;}
	.contact_us .bot_part .main_contact ul.contct_02 li input[type="text"]{ width:210px;}
	.contact_us .bot_part .main_contact ul.contct_02 li textarea{ width:210px;}
	.contact_us .bot_part .main_contact ul.contct_02 li label{ width:100%; text-align:left;}
	
	.contact_us .upper_part .l_upper{ width:100%;}
	.contact_us .upper_part .r_upper{ width:100%; float:left;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct li label{ width:100%; text-align:left;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li input[type="text"]{ width:210px;}
	
	.contact_us .bot_part .main_contact .left_contact ul.contct{ width:230px;}
	.contact_us .bot_part .main_contact .left_contact ul.contct li{ width:230px;}
	
	.chq{ clear:both;}
	
	
	
	.menu_popup .menu li{ width:100%; margin:0; }
  	.menu_popup .menu li+li{ margin-top:2%; }
	
	}