/*-----------css---------*/

*,html{padding:0; margin:0px; border:0px;}
body{color:#949393; font-family: 'Lato', sans-serif; line-height:23px; font-size:15px; background-color:#fff; font-weight:400;}

a{color:#0b6aa9; text-decoration:none}

a, input[type="submit"], .home_our_services_box img, .home_our_services_box h3, #carousel_portfolio .portfolio_thumb_box:hover img, .service_boxes:after{-webkit-transition: 
all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

a:hover{color:#ff4800; text-decoration:none;}
p, h1, h2, h3, h4, h5, h6, ul{margin:0px; padding:0px 0px 20px 0px;}
h1, h2, h3, h4, h5, h6{color:#333; font-weight:400; line-height:normal;}
span {color:#fff;}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:20px; font-weight:bold;}
h4{font-size:18px;}
h5{font-size:18px;}
h6{font-size:28px;}
.clear{clear:both}
#wrapper{padding:0px 0px 0px 0px;}
.home_tittle{ }
.home_tittle h3{text-align:center; font-weight:bold; font-size:2em; text-transform:uppercase;  padding-bottom: 6px;}
.home_tittle h3 span{color: #000; font-weight: 300;}
.home_tittle h5{text-align:center; font-size: 14px;}

img{max-width:100%;}

/*-----------------------------------------------------------------header_wrapper--------------------------*/
.container{position:relative;}
#header_wrapper{padding:10px 0px 10px 0px; box-shadow: 0px 0px 4px #000000; position:relative;  z-index:1000; background-color:#fff;}
.logo_box{width: 100%;  height: auto;}
.logo_box img{width:100%; height:auto; max-width:140px;}
.header_menu{padding-top:17px;}
.header_menu ul{padding: 0px;  margin: 0px; text-align:center;}
.header_menu ul li{display: inline-block;}
.header_menu ul li a{color: #000; padding: 5px 15px 5px 15px; background-color: #fff;}
.header_menu ul li a:hover{background-color:#9c1006; color:#fff;}
.header_menu ul li.currentMenu a{background-color:#9c1006; color:#fff;}

.language_links{padding-top:17px; text-align:right;}
.language_links ul{padding: 0px;  margin: 0px;}
.language_links ul li{display: inline-block;}
.language_links ul li a{color: #000; padding: 0px 3px; text-align: right;}
.language_links ul li a:hover{color:#9c1006;}

.mobile_navigation_bt{width:45px; margin:0px auto 0px auto; height:auto; border-radius:5px; cursor:pointer; font-size:.9em; text-transform:none; text-align:center; 
position:relative; top:11px; z-index:100; border:1px solid #5d6c6f; display:inline-block; position:absolute; z-index:100; right:25px; top:22px; display:none;}
.mobile_navigation_bt:hover{border:1px solid #333;}
.mobile_navigation_bt span{display:block; height:2px; background-color:#5d6c6f; margin:7px;}
.mobile_navigation_bt:hover span{background-color:#333;}
.mobile_button_box{text-align:right; display:none;}

.header_menu_mobile{display:none; background-color:#9c1006; padding:0px 0px 0px 0px; width:100%; z-index:100; font-size:1.5em; font-weight:300;}
.header_menu_mobile ul{padding:0px; margin:0px;}
.header_menu_mobile ul li{float:none; list-style:none; display:block; text-align:left;}
.header_menu_mobile ul li a{color:#fff; border-bottom:1px solid #800800; display:block; padding:14px 15px; text-align:center;}
.header_menu_mobile ul li a:hover{background-color:#800800; color:#fff;}


/*----------------------------------------------------------about_us----------------------------------*/
.page_tittle_about{background-image: url(../images/about_title.jpg); color: #fff; background-size:cover; padding: 40px 0px 40px 0px; text-align:center; font-size:16px;}
.page_tittle_about_inner{padding:0px 15%;}
.page_tittle_about h2{font-size: 69px;  padding: 0px 0px 20px 0px;  text-transform: uppercase; margin: 0px; font-weight: 500;  color: #fff;}

.about_us_wrapper{margin: 40px 0px;}
.about_us_details{ min-height:400px; width:auto;}
.about_us_details h2{font-weight: bold;  color: #a0a0a0;}

/*------------------------------slider--------------------------------------------------------------*/
#slider_wrapper{text-align:center;}
#slider_wrapper .carousel-caption{ bottom:30%;  font-size: 20px;}
#slider_wrapper .carousel-caption h3{color: #fff; font-size: 50px;  font-style: italic;}
.slider_buttons{}
.slider_buttons a{}
.slider_buttons .btn-default{background-color: transparent;  color: #fff;  margin: 20px 20px 0px 0px; border-radius:0px; border:1px solid #fff;}
#slider_wrapper .carousel-indicators{display:none;}
#slider_wrapper .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ font-size: 50px;}
#slider_wrapper .carousel-control .glyphicon-chevron-left, .carousel-control .icon-next{ font-size: 50px;}

#slider_wrapper img {width: 100%; height: auto;}


/*------------------------------files_wrapper--------------------------------------------------------------*/
.files_wrapper{background-image: url(../images/files_bg.jpg); color: #fff; background-size:cover; text-align:center; height:100vh; text-align:center;}
.files_wrapper table{height:100%; vertical-align:middle; width:100%;}
.login_form{max-width:300px; margin:0 auto;}
.login_form [type=text] ,[type=password]{background-color: rgba(255, 255, 255, 0.5);  border: 1px solid rgba(255, 255, 255, 0.5);  border-radius: 5px; 
 padding: 3px 10px; width:100%;}
.login_button{text-align:right;}
.login_button .btn-default{color: #f7f7f7;  background-color: #c3bbb0;  border-color: #fff;}



/*------------------------------------------contact_wrapper-------------------------------------------------*/
.contact_wrapper{margin: 80px 0px;}
.contact_box{}
.contact_box_form{}
.contact_box_form [type=text] ,[type=email]{width: 100%; height:auto; border: 1px solid #b9b9b9; border-radius: 3px; padding: 15px;}
.contact_box_form textarea{width: 100%; border: 1px solid #b9b9b9; border-radius: 3px;  padding: 15px;  height: 250px;}
.contact_form_button{text-align:right;}
.contact_box_form [type=submit]{background-color: #fff;  padding: 5px 30px; border: 1px solid #b9b9b9; color:#000;}
.contact_box_details{}
.contact_add_details{background-color: #9c1006; color: #fff;  text-align: center;  padding-top: 25px;  height: 150px;  font-size: 19px;}
.contact_google_map{}
.contact_google_map iframe{width: 100%;   height: 382px;}



/*-------------------------files_detail_page_wrapper---------------------------------------*/
.files_detail_page_wrapper{background-image: url(../images/files_bg.jpg); color: #fff; background-size:cover; text-align:center; height:100vh; box-shadow: 10px 1px 16px 
#cacaca;}
.files_details_page_box{}
.white_box{background-color:#fff; color: #9c1006;}
.files_upload_box{margin: 90px auto 0px auto;  max-width: 200px;}
.files_upload_box ul{list-style:none;}
.files_upload_box ul li{position: relative; padding: 0px 0px 30px 50px; font-size: 14px; text-align:left;}
.files_upload_box ul li:before{content: "\f114"; font-family: FontAwesome;  position: absolute;  z-index: 10; font-size: 44px; left: 0px; top: 13px;}
.files_upload_box ul li:after{content: "\f063"; font-family: FontAwesome;  position: absolute;  z-index: 12;  left: 14px;  bottom: 37px;}
.files_upload_logout_button{margin: 12px 0px 50px 0px;}
.files_upload_logout_button [type=submit]{background-color: #9c1006; border-radius: 10px;  padding: 6px 12px;  color: #fff;}



/*-----------------------------services_wrapper----------------------------------------*/
.services_wrapper{}
.service_box_title{min-height: 175px;   position: relative;  margin-bottom: 20px; position:relative; z-index:100;}
.service_box_title:after{content: "";  height: 3px;  width: 100px; background-color: #fff; display: block; position: absolute; bottom: 0;}
.service_box_title h3{font-size: 30px; font-weight: 600; color:#fff;}
.service_box_list{min-height: 500px; font-size: 18px; position:relative; z-index:100;}
.service_box_list ul{}
.service_box_list ul li{margin: 0px 0px 10px 20px;}

.service_boxes{width:25%; float:left; position:relative;}
.service_boxes a{color:#fff;}
.service_boxes:after{opacity:0; height:100%; width:100%; background-color:rgba(0,0,0,.7); content:" "; display:block; position:absolute; top:0px; left:0px; z-index:1;}
.service_boxes:hover:after{opacity:.8;}
.service_box1{background-image: url(../images/service1_bg.jpg); color: #fff; background-size:cover; padding: 40px 25px 0px 25px;}
.service_box2{background-image: url(../images/service2_bg.jpg); color: #fff; background-size:cover; padding: 40px 25px 0px 25px;}
.service_box3{background-image: url(../images/service3.jpg); color: #fff; background-size:cover; padding: 40px 25px 0px 25px;}
.service_box4{background-image: url(../images/service4.jpg); color: #fff; background-size:cover; padding: 40px 25px 0px 25px;}
.service_box_button{text-align: right;  padding-bottom: 20px; position:relative; z-index:100;}
.service_box_button a{border: 1px solid #fff; color: #fff; padding: 3px 7px;}

.service_detail_wrapper{position:fixed; width:100%; height:100%; z-index:99999; top:0px; left:0px; display:none; background-color:rgba(0,0,0,.8); overflow:hidden;}
.service_detail_inner{position: absolute; background-color:#000; margin:3% 5%; color:#fff; top: 0; height: 90%; overflow: hidden; width:90%;}
.closeBt{width:40px; height:40px; position:absolute; right:13px; top:0px; z-index:1000; cursor:pointer; font-size:1.5em; font-weight:bold; color:#fff; text-align:center; 
padding:8px 0px 0px 0px;}
.service_detail_left{text-align:center;}
.service_detail_left img{max-height:600px; height:auto;}
.service_detail_left .flexslider{margin:0px;}
.service_detail_right{overflow-y:scroll; max-height:600px;}
.service_detail_right a{color:#fff;}
.service_detail_right h3{text-align:center; color:#fff; padding:45px 15px 30px 0px; font-size:1.2em; font-weight:600;}
.service_detail_right ul{padding:0px; margin:0px;}
.service_detail_right ul li{padding:0px 0px 20px 0px; margin:0px 20px 20px 0px; border-bottom:1px solid #fff; list-style:none; line-height:1.3em; cursor:pointer;}
.service_detail_right ul li:last-child{border-bottom:none;}
.service_detail_right ul li:after{content:" "; display:block; height:1px; width:100%; clear:both;}
.service_detail_right ul li img{max-width:100px; display:inline-block; float:left; margin-right:20px;}

.tab{display:none;}
#tab1{display:block;}

.tab img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/*----------------------------------clients_wrapper------------------------------*/
.clients_wrapper{text-align:center; min-height:700px;}
.clients_box{min-height:50px; width:auto;}
.clients_page_slider{ padding:40px 0px 30px 0px;}
.flexslider{}
.clients_wrapper .clients_box{padding:0px 80px;}
.clients_wrapper h3{margin:0px 0px 30px 0px;}
.clients_menu{margin:20px 0px 40px 0px;}
.clients_menu a{color:#000;}
.clients_menu a:hover{color:#9c1006;}
.clients_menu ul{}
.clients_menu ul li{cursor:pointer; font-size:14px; list-style:none; padding:0px 10px; margin:0px 0px 10px 0px; display:inline-block;}
.clients_menu ul li.current_client{border-bottom:1px solid #9c1006;}



/*----------------------------------portfolio_wrapper------------------------------*/
.portfolio_wrapper{text-align:center; min-height:650px;}
.portfolio_menu{padding:0px 0px 40px 0px;}
.portfolio_menu ul{}
.portfolio_menu ul li{cursor:pointer; margin:0px !important; display:inline-block; width:25%; float:left;}
.portfolio_box{max-width:800px;  margin: 0 auto; min-height:100px;}
.portfolio_thumb_tittle{position:absolute; text-align: left; left:0; z-index:100; top:0px; width:90%; height:90%; padding:5%;}
.portfolio_thumb_tittle h3{color: #fff; font-size:23px; font-weight: 600; position:relative;}
.portfolio_thumb_tittle h3:after{content:"";  height: 3px;  width:100px; background-color: #fff; display: block; position: absolute; bottom:0;}
.portfolio_thumb_box{width:100%; height:auto; position:relative;}
.portfolio_menu .portfolio_thumb_box{background-color:#000;}
.portfolio_menu .portfolio_thumb_box:hover img{opacity:.6;}



.portfolio_page_slider{padding:1px 0px 30px 0px; overflow:hidden;}
.flexslider{}
#carousel_portfolio{}
#carousel_portfolio ul.slides li{cursor:pointer; margin:0px !important;}
#carousel_portfolio ul.slides li.flex-active-slide{}
.portfolio_thumb_tittle{position:absolute; text-align: left; left:0; z-index:100; top:0px; width:90%; height:90%; padding:5%;}
.portfolio_thumb_tittle h3{color: #fff; font-size:23px; font-weight: 600; position:relative;}
.portfolio_thumb_tittle h3:after{content: "";  height: 3px;  width:100px; background-color: #fff; display: block; position: absolute; bottom:0;}

#slider_portfolio{min-height:100px;}
#slider_portfolio h3{padding:0px 0px 40px 0px;}
#slider_portfolio ul{}
#slider_portfolio ul li{}
#slider_portfolio ul li .clients_box{padding:0px 80px;}


.portfolio_thumb_box1{background-image: url(../images/portfolio1.jpg); background-size:cover; width: 100%; height: 200px;}
.portfolio_thumb_box2{background-image: url(../images/portfolio2.jpg); background-size:cover; width: 100%; height: 200px;}
.portfolio_thumb_box3{background-image: url(../images/portfolio3.jpg); background-size:cover; width: 100%; height: 200px;}
.portfolio_thumb_box4{background-image: url(../images/portfolio4.jpg); background-size:cover; width: 100%; height: 200px;}

/*-------------------------------foooter-------------------------------------------------------*/
.footer{background-color:#444443; color:#bfb897; padding:10px 0px;}
.footer_fixed{position:fixed; width:100%; height:auto; z-index:10000; bottom:0px; left:0px;}
.footer h5{color:fff; text-align:center;  padding:0px; margin:0px; color:#fff; font-size: 14px;}
.footer ul{text-align:center; padding:0px; margin:0px;}
.footer ul li{display:inline-block; padding-right: 8px;}
.footer ul li a{color:#bfb897;}
.footer ul i{padding-right: 8px; font-size: 13px;}
.footer ul li a:hover{color:#d2d06b;}

#slider_wrapper{position:fixed; height:100%; width:100%; z-index:10;}
#slider_wrapper .carousel, #slider_wrapper .carousel-inner{position:fixed; height:100%; width:100%;}
#slider_wrapper .carousel .item{position:absolute; height:100%; width:100%;}
.slider_mid, .slider_small{ display:none;}

@media screen and (max-width:990px){
	.header_menu, .language_links{display:none;}
	.mobile_navigation_bt{display:block;}
	.header_menu ul li a{color: #000; padding: 5px 15px 5px 15px; background-color: #fff;}
	.service_detail_wrapper{overflow:hidden;}
	.tab img{position:relative; top:auto; left:auto; transform:none;}
	.tab img{max-height:20%;}
	

}

@media screen and (max-width:990px){
	.service_boxes{width:50%;}
	.service_detail_inner{margin:30px 8% 3% 8%;}
}


@media screen and (max-width:850px){
	.slider_full{ display:none;}
	.slider_mid{ display:block;}
	
}
@media screen and (max-width:768px){
	#slider_wrapper .carousel-caption{bottom:auto; top:50%; margin-top:-120px;}
	#slider_wrapper .carousel-caption h3{font-size:40px;}
	.page_tittle_about_inner{padding:0px 5%;}
	.service_boxes{width:100%;}
	.service_detail_right{padding:20px;}
	.service_detail_left img{}
	.files_detail_page_wrapper{height:auto;}
	.files_upload_box{margin:0px; padding:40px 20px 20px 20px; max-width:100%;}
	.files_wrapper{height:auto; padding:200px 0px;}
	.clients_wrapper #carousel{display:none;}
	.portfolio_menu ul li{width:50%; overflow:hidden; max-height:250px;}
	#slider_portfolio{padding:0px 60px;}
	.service_detail_right{max-height:280px;}
	.closeBt{left:20px; top:10px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{margin-top: -65px;}
	
}

@media screen and (max-width:550px){
	.slider_full{ display:none;}
	.slider_mid{ display:none;}
	.slider_small{ display:block;}

}
@media screen and (max-width:480px){
	#slider_wrapper .carousel-caption{margin-top:-40px;}
	#slider_wrapper .carousel-caption h3{font-size:25px;}
	.portfolio_menu ul li{width:100%; overflow:hidden; max-height:200px;}
	
}