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

/* #df3f29 Sk red*/
/* #181818 black*/
/* #fde500  yellow*/
/* #bdc2c4 background grey*/
/* #d8dcdf about grey*/
/* #8272625 footer black*/
/*font-family: 'Lato', sans-serif;
font-family: 'Arvo', serif;*/

/********************************************
This turns of animation for mobile
*********************************************/
@media only screen and (max-width : 600px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}


/*GENERAL STYLES*/

body {
font-family:Calibri, Helvetica, sans-serif;
background-color:#FFF;
width:100%;
height:100%;
	text-decoration:none;
}  

li {
text-decoration:none;
}

a {
text-decoration:none;
}

h1 {
font-size:1.5em;
font-weight:bold;
}

img {
max-width:100%;
}
	
.space{
margin:45px;
}

/**********************************
SOCIAL NAV AREA
***********************************/
.social_nav_area{
	overflow: hidden;
	border-bottom: solid 2px #000000;
	font-family: 'Lato', sans-serif;
}

.social_nav_area ul li p {
	color:#FFF;
	text-decoration:none;
}
.social_nav_area ul li{
	display: inline-block;
	float: left;
	padding:6px 8px 6px 8px;
	border-left: solid 2px #000000;
	
}

.social_nav_area ul li:nth-child(4){
	border-left:none;
	padding:10px 0px 6px 0px;
	color: #EDEDED;
	font-size:0.8em;
}

/*
.main_nav li:nth-child(1) {
margin-left:2px;
border-left:1px solid #d1d3d4;
}
*/

.social_nav_area ul li img {
	max-width: 20px;
	
	
}


/*****************************************
           NAVIGATION STYLES
******************************************/	
#logo {
	max-width: 90px;
	
}

#logo img {
	
max-width: 90px;
	margin:10px;
}	


.nav_area { 
width:100%;
background-color:#181818;
overflow:hidden;
border-top:5px solid #fde500;

}

.nav_container {
width:100%;
margin:0 auto;
}
	
.mb_menu {
display:block;
float:right;
margin: 20px 20px 20px 15px;
cursor:pointer;
color:#FFF;
}
		
.main_nav {
width:100%;
height:0;
overflow:hidden;
}
		
.nav_open {
height:auto;
}
		
.main_nav li {
width:100%;
border-top: 2px solid #000000;
}
				 
.main_nav li a {
display:block;
padding:20px 10px;
color: #FFF;
font-family: 'Lato', sans-serif;
font-weight:700;
font-size:0.9em;
}	
			
.nav_area h1 { 
color:#FFF;
font-weight:bold;
font-size:1.2em;
padding: 20px 0 0 5px;
float:left;
}








/*LINK STYLES*/
ul.main_nav a:active {
color:#fcd842;
}

ul.main_nav a:hover {
color: #fcd842;
transition-duration: 0.5s;
}
		
.mb_menu:hover {
color:#fcd842;
}
			
#more:hover {
color:#fcd842; 
}
 
#look h1:hover {
color:#FCFCFC;
}


/**********************************************
          SPLASH IMAGE SECTION
**********************************************/
.splash_holder{
	margin-top:0px;
	margin-bottom:0px;
}
.splash_image{
	
	background-image:url(../images/sk_main_mobile.jpg);
	width:100%;
	height:500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	overflow:hidden;
}

/**********************************************
          Home page details 
**********************************************/

.details_holder{
	width: 100%;
	min-height: 600px;
	background-color: #bdc2c4;
    padding-top:20px;
	z-index: -100;
}


.details_centre{
	max-width: 1400px;
	padding:10%;
	margin:0 auto;
	overflow: hidden;
}


/**********************************************
      About  Home page details 
**********************************************/
.about_home{
	background-image: url(../images/about_home_mobile.jpg);
	
	width:100%;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	overflow:hidden;
	padding:12%;
	color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
	height: 700px;
	margin: 0px 0px 20px 0px;
}

.about_home h1 {
font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29 ; 
	
}



/**********************************************
     Field Home page details 
**********************************************/
.field_home{
	overflow:hidden;
	padding:12%;
	color:#E0E0E0;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
	background-color: #727272;
	height:400px;
	margin: 0px 0px 20px 0px;
}

.field_home h1 {
font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#0B0404;
}

/**********************************************
     Mission Home page details 
**********************************************/
.mission_home{
	overflow:hidden;
	height:400px;
	padding:12%;
	color:#E0E0E0;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
	background-color: #727272;
	margin: 0% 0% 9% 0%;
	
}

.mission_home h1{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	
	color:#0B0404;

}


/**********************************************
     vission Home page styles
**********************************************/
.vision{
	background-image: url(../images/vision_home_mobile.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	overflow:hidden;
	width:100%;
	margin: 0% 0% 9% 0%;
	padding:12%;
	color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
	min-height: 600px;

}

.vision h1{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29 ;
}


/**********************************************
     ETHOS Home page styles
**********************************************/
.ethos{
	width:100%;
	
	padding:12%;
color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;	
	background-color: #d8dcdf;
	
}


.ethos h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29;
	
}
/**********************************************
     Button Home page styles
**********************************************/
.button{
	width:150px;
background-color: #fde500 ;
	padding-top:10px;
	padding-bottom:10px;
	color:#090909;
	
}

.button:hover{
	background-color: #D49700;
	color:#FFFFFF;
	transition-duration: 1s;
}

.button h3 {
font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	font-size:0.8em;
	
	
}




/**********************************************
     gallery styles 
**********************************************/


.gallery_area{
		width:100%;
	min-height: 500px;
	background-image: url(../images/background_t.png);
	background-repeat: repeat;
	background-size: 800px 800px;
	margin-bottom: 150px;
	overflow:hidden;
	
}
.gallery_holder{
max-width: 300px;
	margin:0 auto;
	padding:10% 0% 10% 0%;
	overflow:hidden;
}


.gallery_holder li{
	width: 100%;
	overflow:hidden;
	padding:0%;
	margin:5% 0% 5% 0%;
	
	
}

.gallery_holder h1{
	color:#df3f29;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	
	font-size:2em;
}

.gallery_holder li:hover{
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
	
}

/**********************************************
     accreds styles 
**********************************************/
/*
.main_nav li:nth-child(1) {
margin-left:2px;
border-left:1px solid #d1d3d4;
}
*/
.acred_holder{
	max-width:364px;
	margin:0 auto;
	padding-bottom:150px;
}
.accreds li{
	display:inline-block;
	min-width: 180px;
min-height: 180px;
	
	
}

.acred_holder h2 {
font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29 ; 	
}
 

#rtms{
	background-image: url(../images/retms.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
}
#rtms:hover {
	background-image: url(../images/rtms-color.jpg);
	
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 1s;
}

#durbs{
background-image: url(../images/dur.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 1s;
}

#durbs:hover{
	background-image: url(../images/dur-color.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 1s;
}

#hands{
	background-image:url(../images/res.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;	
}

#hands:hover{
	background-image:url(../images/res-color.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 1s;
}

#sabs{
	background-image:url(../images/sab.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
}
#sabs:hover{
	background-image:url(../images/sab_color.jpg);
	background-size: 180px 180px;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 2s;
	
}






/**********************************************
          FOOTER STYLES
**********************************************/
.footer{
	background-image: url(../images/background_t.png);
	background-repeat: repeat;
	background-size: 800px 800px;
	height:890px;
	position: absolute;
	z-index: -10;
	width: 100%;
	
	}



.foot_logo_holder{
	width: 270px;
	height:260px;
	border-top: solid 10px #fde500;
	z-index: 300;
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(65,64,65,1) 60%, rgba(23,22,23,1) 91%);
	margin: -10px 0px 0px 70px;
	overflow:hidden;
	padding-top:47px;
}

.foot_logo_holder img {
display:block;
	max-width: 200px;
	margin:0 auto;
	
}

.copy_area{
	width: 100%;
	background-color: #262626;
	position:absolute;
	height:50px;
	margin-top:840px;
	color:#E4E4E4;
	
	
}

.copy_area p {
	margin:19px 0px 0px 15px;
	font-size: 0.7em;
	
	
}


.details_holder_footer {
	margin: 50px 0px 0px 70px;
	padding-top:20px;
	width: 350px;
	border-top: solid 4px #121212;
}

/******************************************
SUB MENU FOOTER
******************************************/
.submenu a {
	color:#E4E4E4;
}

.submenu a:hover {
	color:#fde500;
}

.submenu li{
	margin-top:5px;
}

/******************************************
SUB CONTACT FOOTER
******************************************/
.subcontact li {
	color:#E4E4E4;
	margin-top:20px;
	line-height: 1.3em;
}


.subaddress li {
	color:#E4E4E4;
	margin-top:20px;
	line-height: 1.3em;
}


.subaddress li img {
display:inline-block;
	max-width: 50px;
	margin-right:5px;
	overflow: hidden;
}



/******************************************
             contact page
******************************************/

.map_holder {
	overflow:hidden;
	width:100%;
	height:400px;
	border-bottom: 10px solid #1B1B1B;
	
	
}


.contact_area {
	width:100%;
	min-height: 500px;
	padding:5%;
}

.c_image {
	width:100%;
	height:450px;
	background-image: url(../images/contact_image_mobile.png);
	background-position: center;
	background-size: cover;
	overflow:hidden;
}

.contact_basics{
	width:100%;
	min-height: 400px;
	background-color: #d8dcdf;
	padding:10%;
	margin-top:5%;
}
.contact_basics ul h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29;
	}


.contact_basics h2 {
	
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	color:#181818;
	margin-top:10px;
	
}

.contact_basics p {
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 0.9em;
	color:#181818;
	line-height: 1.5em;
}


.direct_lines_holder{
	
}


.direct{
	width:100%;
	min-height: 400px;
	background-color: #d8dcdf;
	padding:10%;
	margin-top:5%;
}

.direct h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29;
	
}
.direct h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	color:#181818;
	margin-top:10px;
	
}

.direct p {
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 1em;
	color:#181818;
	
}


.location {
	background-image: url(../images/LOCATION.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.contact_basics li h2 {
	padding-left: 24px;
}

.contact_basics li p {
	padding-left: 24px;
}

#email{
	background-image:url(../images/email.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

#land_line{
background-image: url(../images/call.png);
background-repeat: no-repeat;
	background-size: 16px 16px;	
}

.direct li h2{
	padding-left: 24px;
}

.direct li p {
	padding-left: 24px;
}

.mobile {
background-image: url(../images/PHONE.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;	
}






/******************************************
             about  page splash image
******************************************/

.splash_image_about{
	background-image: url(../images/about_us_image1_mobile.jpg);
	background-size: cover;
	background-position: center;
	overflow:hidden;
	max-width: 600px;
	height:400px;
}


/******************************************
             about  page about us
******************************************/
.bgholder{
	width: 100%;
	margin:0px;
	background-color: #bdc2c4;
	padding:20px;
	
}
.about_us_holder{
	max-width:90%;
	margin: 0 auto;
	padding-top:90px;
}

.about_us {
	margin: 20px 0px 20px 0px;
	background-color:#d8dcdf; 
	padding:30px;
	
}
.list_holder{
	padding-left:20px;
	border-left: 1px solid #1F1F1F;
	
}

.about_title {
font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	color:#df3f29;
}

.para_about{
color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
}


.list_about {
	list-style:disc;
	color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.5em;
	padding-left:10px;
}

/*****************************************
              field area
******************************************/
.field_image{
	
width:100%;
	height:400px;
	background-image: url(../images/field_tablet.jpg);
	background-size: cover;
	background-position: center;
	overflow:hidden;
}
.field_holder{
	max-width:90%;
	margin: 0 auto;
	overflow: hidden;
	
}

.field_details_one{
margin: 0px 0 20px 0;
	background-color:#d8dcdf; 
	padding:30px;	
}

.field_two_holder{
	max-width:90%;
	margin: 0 auto;
}

.field_two_content{
	margin: 20px 0 20px 0;
	background-color:#d8dcdf; 
	padding:30px;
}

.para_field{
	color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
}

.field_list_holder{
padding-left:20px;
	border-left: 1px solid #1F1F1F;
}
.fiel_list {
	list-style:disc;
	color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.5em;
	padding-left:10px;
}

.center_content{
	max-width:80%;
	margin: 0 auto;
	overflow: hidden;
}

.con_holder{
	padding:30px;
}

.image_filter{
	padding:0px;
}


.field_three_holder{
	max-width:83%;
	
	
	margin: 0 auto;
}

.field_three_content {
	margin: 0px 0px 0px 0px;
	padding:30px;
}

.image_holder{
	background-image: url(../images/field_three_mobile.jpg);
	background-size: cover;
	background-position: center;
	overflow-x: hidden;
	width: 100%;
	height:850px;
	}

.image_filter{
	background-image: url(../images/field_three_mobile_filter.jpg);
	background-size: cover;
	background-position: center;
	overflow-x: hidden;
	width: 100%;
	height:850px;
}


.para_field {
color:#FFFFFF;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;
}

.list_field {
	list-style:disc;
	color:#FFFFFF;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.5em;
	padding-left:10px;
}


.list_field_holder{
	padding-left:20px;
	border-left: 1px solid #FFFFFF;
	
}

.our_mission_about_holder{
	max-width:80%;
	margin: 0 auto;
}

.our_mission_about{
	margin: 20px 0 100px 0;
	background-color:#d8dcdf; 
	padding:30px;
}