/****************************************************************** Mobile ******************************************************************/


@media (max-width: 480px) {
	
	
	.wrap {
    
    margin: 0;
    width: 100%;
}
    

/************************ Header ************************/

header {
	
	display: block;
	width: 100%;
	height: 100px;
}
	
header ul.phone_socials { display: none; }
	
header ul.navigation { display: none; }
	
	
header h1 {

	display: block;
	background-size: contain;
	width: 350px;
	margin: 11px 0 0 18px;
		
}
	
	
/************************ Slider ************************/
	
#slider_mobile {
	
	display: block;
	width: 100%;
	height: 445px;
}

#slider_mobile .slider_main_mobile {
	
	display: block;
	width: 100%;
	height: 630px;
	background: url("../img/slider_home_mobile.jpg") no-repeat top center;
	background-size: contain;
	background-color: transparent !important;
}
	
#slider_mobile_team {
	
	display: block;
	width: 100%;
	height: 550px;
	background: url("../img/slider_jobs_mobile.jpg") top left no-repeat;
	background-size: contain;
	background-color: transparent !important;
}
	
#slider_mobile_loss-prev {
	
	display: block;
	width: 100%;
	height: 550px;
	background: url("../img/slider_loss-prev_mobile.jpg") top left no-repeat;
	background-size: contain;
	background-color: transparent !important;
}
	
#slider_mobile_sec-pro {
	
	display: block;
	width: 100%;
	height: 550px;
	background: url("../img/slider_home_mobile.jpg") top left no-repeat;
	background-size: contain;
	background-color: transparent !important;
}

#slider_mobile .slider_clippers_mobile {
	
	display: block;
	width: 100%;
	height: 630px;
	background: url("../img/slider_loss-prev_mobile.jpg") no-repeat top center;
	background-size: contain;
	background-color: transparent !important;
}
	
#slider_mobile .slider_jobs_mobile {
	
	display: block;
	width: 100%;
	height: 630px;
	background: url("../img/slider_jobs_mobile.jpg") no-repeat top center;
	background-size: contain;
	background-color: transparent !important;
}
	


#slider_mobile .slider_loss-prev_mobile {
	
	display: block;
	width: 100%;
	height: 630px;
	background: url("../img/slider_loss-prev_mobile.jpg") no-repeat top center;
	background-size: contain;
	background-color: transparent !important;
}	


#slider_mobile .slider_main_mobile a {
	
	display: block;
	width: 100%;
	height: 630px;
}

#slider_mobile .slider_clippers_mobile a {
	
	display: block;
	width: 100%;
	height: 630px;
}
	
#slider_mobile .slider_jobs_mobile a {
	
	display: block;
	width: 100%;
	height: 630px;
}

#slider { display: none; }
	
#slider_extra { display: none; }
	

	
/************************ We want you ************************/

.carreer_mobile_btn a {
	
	display: block;
	font-family: 'Big Shoulders Display', cursive;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	
    text-transform: uppercase;
	margin: 0px 0 15px 0;
	padding: 30px 0;
	background: #013B80;
}



/************************ Welcome & contact ************************/

welcome {
	
	display: block;
	width: 90%;
	padding: 30px 0;
	margin: 0 auto;
}

welcome .welcome_text {
	
	display: block;
	width: 100%;
	margin: 30 auto;
	vertical-align: top;
	text-align: center;
	
}

welcome .welcome_text h2 { font-size: 32px;}

welcome .welcome_text p {
	
	display: block;
	margin: 10px auto;
	text-align: center;
	width: 90%;

}	

welcome .welcome_text ul {
	
	display: block;
	margin: 30px 0 20px 40px;
	width: 90%;
	text-align: center;
	
    color: #555859;
    font-size: 20px;
    line-height: 40px;
}
	
welcome .welcome_text ul.extra {
	
	display: block;
	margin: 30px 0 20px 20px;
	width: 90%;
	text-align: center;
	
    color: #555859;
    font-size: 20px;
    line-height: 40px;
}

welcome .welcome_text li {
	
	display: block;
	/*width: 225px;*/
	text-align: left;
	
}

welcome .welcome_text li.long { width: 90%; }

welcome .welcome_text .btn_welcome a {
	
	display: block;
	padding: 24px 30px;
	margin-bottom: 70px;
	
	color: white;
	background: #2aa6df;
	
	font-family: 'Mukta', sans-serif; 
	text-transform: uppercase; 
	letter-spacing: 0.05em; 
	font-size: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
}

	
welcome .welcome_text li.service_request {
	
	display: block;
	width: 100%;
	height: 65px;
	vertical-align: top;
	text-align: center;
	background: #fff;
	font-size: 18px !important;
	
	margin: 20px 0 50px -20px;
	padding: 25px 0 40 0px;
	
}
	
welcome .welcome_text li.service_request i {display: none; }
	

/************************ Contact form ************************/

welcome .contact_form {
	
	display: block;
    float: none;
    width: 90%;
    vertical-align: top;
	margin: 30px auto;
}

welcome .contact_form form input {
	
	display: block;
	width: 90%;
	margin-bottom: 10px;
	padding: 20px;
	
	border: 1px solid #dcdcdc;
	color: #9f9f9f;
	background: #f3f3f3;
	
	font-size: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	
}


welcome .contact_form form input.email { width:90%; }

welcome .contact_form form input.marging_right { margin-right: 5px; }

welcome .contact_form form textarea {
	
	display: block;
	width: 90%;
	height: 98px;
	margin-bottom: 30px;
	padding: 30px 20px;
	
	border: 1px solid #dcdcdc;
	color: #9f9f9f;
	background: #f3f3f3;
	resize: vertical;
	float: left;
	
	font-size: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	
}

welcome .contact_form form input.btn {
	
	display: block;
	width: 100%;
	padding: 20px 0;
	
	background: #2aa6df;
	border: none;
	color: white;
	
	cursor:pointer;
	
	font-family: 'Mukta', sans-serif; 
	text-transform: uppercase; 
	letter-spacing: 0.05em; 
	font-size: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	
}	


/************************ Services ************************/

services {
	
	display: block;
	width: 100%;
	padding: 40px 0;
	background: #e5e5e5;
}

services ul {
	
	display: block;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}

services li {
	
	display: block;
	max-width: 95%;
	max-height: 95%;
	vertical-align: top;
	text-align: center;
	
	background-size: cover;
}

services li.service_sec-pro { background: url("../img/bg_sec-pro.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_mob-pat { background: url("../img/bg_mob-pat.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_hom-wat { background: url("../img/bg_cetficate.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_spe-eve { background: url("../img/bg_spe-eve.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_los-pre { background: url("../img/bg_los-prev.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_bec-sec { background: url("../img/bg_hom-wat.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_los-prox { background: url("../img/bg_close-prox.png") center center no-repeat; margin: 0 auto 35px auto; }
services li.service_private_investigation { background: url("../img/bg_close-prox.png") center center no-repeat; margin: 0 auto 35px auto; }



services li i {
	
	display: block;
	font-size: 60px;
	color: #2aa6df;
	margin: 30px 0 15px 0;
}

services li h2 {
	
	display: block;
	color: #fff;
	font-size: 30px;
}

services li p {
	
	display: block;
	text-align: center;
	color: white;
	width: 80%;
	margin: 0 auto;
	line-height: 22px;

}

testimonials p { width: 60%; }
	
	
welcome .welcome_text ul {
	
	margin: none;
}

welcome .welcome_text li {
	
	display: block;
	width: 255px;
	
}

welcome .welcome_text li.smaller {
	
	display: inline-block;
	width: 155px;
	
}



/************************ Footer ************************/

footer {
	
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

footer img { 
	
	display: inline-block;
	text-align: center;
	margin-top: -46px;

}

footer .nav { 
	
	display: block;
	vertical-align: top;
	margin: 5px 0 0 10px;

}

footer .nav li {
	
	display: inline-block;
	margin: 0 5px 2px 0;
}

footer .nav li a {
	
	color: #fefefe;
}

footer .nav p {
	
	font-size: 18px;
	margin: 10px 0;
	text-align: center;
	line-height: 22px;
}

footer .commerce {

	display: inline-block;
	padding: 20px 30px 0 30px;
	margin: 30px auto 0 auto;

}	

footer .contact {
	
	display: inline-block;
	border: 1px dotted #ccc;
	padding: 0 30px 10px 30px;
	margin: 0 auto 10px auto;
	
	vertical-align: top;
	line-height: 30px;
	
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 10px;
}


}