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

@media screen and (min-width: 730px) {
}

@media screen and (min-width: 880px) {


	
	
/********************************************************
	         DESKTOP STYLES START HERE
*********************************************************/	

	/* #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;*/	
		
/*NAVIGATION STYLES*/
.nav_area { 
width:100%;
z-index:300;
overflow:hidden;
position:fixed;
top:0;
right:0;
margin-bottom:40px

}
			
.nav_container {
max-width:1505px;
}
	
#logo {
display:inline-block;
float:left;
}
	
.mb_menu {
display:none;
}
			 
.main_nav li {
display:inline-block;
	width:80px;
border-top: 0px;
text-align:center;
border-left:2px solid #000000;
	Padding:13px 0px 14px 0px;
	margin:0px;
}

.main_nav {
width:430px;
margin:0px;
min-height:50px;
height:auto;
float:right;
}

/**********************************************
          FOOTER STYLES
**********************************************/
.footer{
height:450px;
	}
	
.copy_area{
margin-top:400px;
	}




.details_holder_footer {
	overflow: hidden;
	float: right;
	margin: -200px 100px 0px 0px;
	padding-top:20px;
	width: 600px;
	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
******************************************/
	.submenu{
		float:left;
		
		margin-right:80px;
	}
		
.subcontact li {

	margin-top:5px;
	}
	
	.subcontact{
		margin:0px;
		float:left;
	}


	.subaddress{
		float:right
		
	}
	
.subaddress li {
	
	margin-top:5px;
	
}

	
/**********************************************
      About  Home page details 
**********************************************/
	.details_centre{
	width: 1000px;
	
	margin:0 auto;
	overflow: hidden;
	padding:100px 0px;	
}

	
	
	
.about_home{
	background-image: url(../images/about_home_desktopt.jpg);
	width: 1000px;
	padding:5%;
	height: 400px;
	margin: 0px 0px 30px 0px;
}

	.about_home p {
		max-width: 550px;
	}	
	
	
/**********************************************
     Field Home page details 
**********************************************/
.field_home{
	float: left;
	padding:5%;
	width:620px;
	height:350px;
	margin: 0px 30px 30px 0px;
	
}


	
/**********************************************
     mission Home page details 
**********************************************/	
.mission_home{
	float: left;
	padding:5%;
	width:620px;
	
	height:350px;
	margin: 0px 30px 30px 0px;
	
}		
	
.vision{
	background-image: url(../images/vision_home_tablet.jpg);
	padding:5%;
	margin: 0% 0% 0% 0%;
	width: 350px;
	height:730px;

}		
	
	
.ethos{
	padding:5%;
	
	clear: both;
	margin: 0% 0% 2% 0%;
color:#1F1F1F;
	font-family: 'Arvo', serif;
	font-size: 1em;
	line-height: 1.3em;	
	background-color: #d8dcdf;
	
}	
	
	
	
/**********************************************
     accreds styles 
**********************************************/
/*
.main_nav li:nth-child(1) {
margin-left:2px;
border-left:1px solid #d1d3d4;
}
*/
.acred_holder {
	min-width:770px;
	max-width: 770px;
	margin:0 auto;
	padding-bottom:150px;
}
	
.accreds li{
	display:inline-block;
	min-width: 250px;
min-height: 250px;
	margin:0px 1.7px 0px 1.7px;
	
	
}

.acred_holder h2 {
text-align: center; 	
}
 

#rtms{
	
	background-size: 250px 250px;
	
}
#rtms:hover {

	background-size: 250px 250px;
	
}

#durbs{

	background-size: 250px 250px;
	
		
}

#durbs:hover{
	background-size: 250px 250px;
	}

#hands{
background-size: 250px 250px;
	}

#hands:hover{
	background-size: 250px 250px;
	}

#sabs{
	background-size: 250px 250px;
	}
	
#sabs:hover{
	
	background-size: 250px 250px;
	
	
}


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


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

.map_holder {
	overflow:hidden;
	width:100%;
	height:500px;
	margin-top:80px;
	
	
}
	
	
	
.contact_area {
	max-width: 1500px;
	margin:0 auto;
	overflow:hidden;
	min-height: 300px;
	
}	
	
.c_image {
	width:49%;
	min-height:940px;
	background-image: url(../images/contact_image_desktop.jpg);
	background-position: center;
	background-size: cover;
	overflow:hidden;
	float:left;
}	
	
.contact_basics{
	width:49%;
	min-height: 400px;
	background-color: #d8dcdf;
	padding:5%;
	margin-top:0%;
	float:right;
}	
.direct{
	float:right;
	min-height: 400px;
	background-color: #d8dcdf;
	padding:5%;
	width:49%;
	margin-top:2%;
}
	
	
.splash_image_about{
	background-image: url(../images/about_us_image1_desk.jpg);
	background-size: cover;
	background-position: center;
	overflow:hidden;
	max-width: 100%;
	height:600px;
	margin-top:120px;
	
}	

	
	
.gallery_holder{
max-width: 1030px;
	margin:0 auto;
	padding:5% 0% 5% 0%;
	overflow:hidden;
}
	
	
	/******************************************
             about  page about us
******************************************/
.about_us_holder{
	max-width:1200px;
	width:1200px;
	margin: 0 auto;
}

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

.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.3em;
	
	padding-left:10px;
}


	.field_holder{
		max-width:1200px;
	width:1200px;
	margin: 0 auto;
		
	}	
	
	.field_details_one{
		width:590px;
		float:left;
		margin-right:20px;
		height:400px;
		margin-bottom:0px;
		
	}
		.field_image{
width:590px;
	margin-top:0px;	
	height:400px;
	background-image: url(../images/field_tablet.jpg);
	background-size: cover;
	background-position: center;
	overflow:hidden;
			margin-bottom:0px;
}
	
	.field_two_holder{
		max-width:1200px;
	width:1200px;
		
	}
	
	
	
.field_three_holder{
max-width:1200px;
width:1200px;
}
	
	
.image_holder{
background-image: url(../images/field_new_tablet.jpg);
height:500px;
	}

.image_filter{
background-image: url(../images/field_three_mobile_filter.jpg);
height:500px;
	padding-top:30px;
}	

	
	
	.our_mission_about_holder{
	max-width:1200px;
		width:1200px;
	margin: 0 auto;
}	
	
	
	
	
	
	
	
}