/* CSS Document */

/**********************
        -	RESET	-
************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

* {

    margin: 0;
    padding: 0;

    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



html {
    overflow-x:hidden;
    padding: 0 !important;
    margin:0 !important;
}

body { 

    font-family: 'Roboto', sans-serif;
	font-size:14px;
    overflow-y:hidden;
}




img	 { text-decoration:none; border-width: 0; width:100%; }

h1, h2, h3, h4, h5, p, a  {
	font-weight:300;
}

h1 {
    font-size: 34px;
    padding-bottom: 10px;
    text-align:left;
    font-weight: 700;
	font-family: 'Roboto', sans-serif;
	color: #444d5a;
	 }
	
h2 {
    font-size: 30px;
    padding-bottom: 10px;
    text-align:left;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: #d7a137;
	 }	
	

h3 {
    font-size: 20px;
    padding:15px 15px 10px 15px;
	font-weight: 300;
	color: #d7a137;
	 }

h4, h5 {
    font-size: 20px;
    padding:15px 15px 10px 15px;
    text-align:center;

	 }

b {
    font-weight: 500;
    font-size: 15px;

    color: #c3522f; }

p {
    padding:10px; font-size:16px; color:#333; font-family: 'Roboto', sans-serif; line-height:1.5em; font-weight: 300; }	


strong { font-weight:400;  }


/***********************
        -	BASICS 	-
***********************/


ol, ul 		{  list-style: none; }

ul, li		{ text-align:center;			}

a			{	text-decoration:none;}

.clear 		{	clear:both;}
.space10	{	width:100%;height:10px;}
.space15	{	width:100%;height:15px;}
.space20	{	width:100%;height:20px;}
.space30	{	width:100%;height:30px;}
.space40	{	width:100%;height:40px;}


header, nav, section, article, aside, footer { display:block;  }


.content-wrap { 
position: relative;
z-index: 9;
margin: 20px auto; 
max-width: 1170px;
 
}

.wrap {
	position: relative;
	z-index: 9;
    margin: 0 auto;
    max-width: 1170px;
    padding:10px 10px;
}

.desk {
display:block;	
}

.mobile {
display:none;	
}


header { 
width:100%; 
background-color:#fff; 
z-index: 999;
position: relative;   
}

#desk-header {
width:100%;
display: inline-block;	
}

#tophalf {
width:100%;
background-color:#eff5fc;	
height:105px;	
}


#headtitle {
width:100%;	
float:left;
margin-top:-90px;
}

#headtitle h1 {
font-family: 'Roboto', sans-serif;
color:#444d5a;
}


.ht-left h1 {
text-align:right;
padding-right: 80px;	
}

.ht-right h1 {
text-align:left;
padding-left: 80px;	
}

#mobile-header {
display:none;	
}

.nav-full {
width:100%;
float:right;
clear:right;
margin-top: 10px;
margin-bottom: -5px;
}


/* NAVIGATION */

#full-nav-wrap	{ width: 100%;
background-color: rgba(250,250,250,0.8);
z-index: 9999;
position: relative;
  }
								
				
.nav-wrap { 
margin: 0 auto; 
max-width: 1170px;
 }
 

nav 			{width:100%; float:left; clear:right;}

.main-navigation { 
margin:0; 
display: flex;
justify-content: center; 
 }

.main-navigation li { list-style:none; float:left; color:#444; font-size:17px; text-align:left;  }
.main-navigation li a:link, .main-navigation li a:visited {
display:block; 
text-decoration:none;  
margin:0; 
color:#444; 
font-size: 16px; 
font-weight: 300; 
padding: 21px 30px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-transform:uppercase;
 }


.main-navigation li a:hover {
background-color:#eff5fc; 
color:#555;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}



.currentLink {
    background-color: #eff5fc;
    color: #333 !important;
}


/*SUB MENU*/

.main-navigation li ul { position:absolute; visibility:hidden; margin:0; padding:0; z-index:9999; }
.main-navigation li ul li { display:inline; float:none; font-size:17px; }
.main-navigation li ul li a:link, .main-navigation li ul li a:visited { background-color:#fff; width: 250px; }
.main-navigation li ul li a:hover { background-color:#D6D1C9; }

.main-navigation li a.nav-last		{ border-right:1px solid #fff !important;			}

.sb-menu .mobile-nav-last	{ padding:1em 0.5em; color:#fff; 		}

.sb-menu ul li				{			}
.sb-menu li				    { font-size:17px;	}
.sb-menu a:hover			{		}




.back-button a				{ color:#555;			}


#contact-details {
width:25%;
float:right;
clear:right;
padding-top:10px;
text-align: right;	
}

#contact-details p, a {
color:#333;	
padding:5px;
font-family: 'Roboto', sans-serif;
}

#contact-details a {
font-size:19px;
}
#contact-details p {
font-size:15px;
}
   


#main-logo-desk {
width:50%;
float:left;
clear:right;
text-align:center;
}

#main-logo-desk img {
width: 175px;
text-align:center;
}

#social {
width:25%;
float:left;
clear:right;
padding-top:10px;	
}

#social ul  {
float:left;
clear:right;
display:inline-block;	
}

#social ul li {
float:left;
padding:0 2px;
display:inline-block;	
}

#social img {
width:30px;	
text-align:left;
}


.navbar {
width:10%;
float:left; 
clear:right;
padding:15px 10px;	
}


.sb-menu {
	padding: 120px 0 50px 0;
}

.sb-menu li {
    font-size: 16px;
    margin: 0;
    cursor: pointer;
}

.sb-slidebar li a {
font-size: 20px;
color: #444;
font-weight: 300;
text-align: left;
display: block;
padding: 20px 0 20px 50px;
transition: 1s;
letter-spacing:1px;
}

.sb-slidebar li a:hover {
    color: #555;
	background-color:#eff5fc;
	transition:1s;
}


.topsection {
	margin:0 auto;
}





/* SLIDER */
.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 600px !important;
    overflow: hidden !important;
    float: left;
    clear: right;
	z-index:999;
	margin-top:20px;
}

.slidetitle {
color:#d7a137;
font-weight:500;
line-height: 34px;	
}

.slidetext {
color:#fff;
font-weight:300;
line-height: 23px;
text-align:left;
padding:10px 0;
font-size:18px;	
}


.btn-full {
    width: 48%;
    padding: 20px 20px 25px 20px;
    background-color: #d7a137;
    margin: 20px 0;
    color: #fff;
    border-radius: 4px;
    float: left;
    text-align: center;
    transition: 1s;
	font-size:17px;
}

.btn-full:hover {
background-color:#e4bd72;	
transition: 1s;
}



.orangebk {
background-color:#d7a137;	
width:100%;
float:left;
clear:right;
}

.cont-btn {
    padding: 10px 20px;
    background-color: #444;
    color: #fff;
    border-radius: 4px;
    font-size: 20px;
    transition: 1s;
}


.cont-full:hover {
background-color:#e4bd72;	
transition: 1s;
}


.cont-l {
	float:left;
}
.cont-r {
	float:right;
}

.slideborder {
	border:solid 20px rgba(250,250,250,0.1);
}





/* MAIN */

.full-width-container { 
width:100%; 
clear:right; 
height:auto; 
position: relative;
z-index:9;
padding:20px;
 }

.full-width-container h1, h2, h3	{ padding:10px;  }

.full-width-container p	{ padding:0.5em;  }

.full-width-container img  { width:100%;  padding:10px; }

.darkbk {
overflow: hidden;
background: url(../images/homepage-panel.jpg) 50% 0 no-repeat #121212;
background-size: auto;
background-size: cover;
/* background-attachment: fixed; */
background-color:#333;
}

.darkbk h1, .darkbk h2, .darkbk h3, .darkbk p, .darkbk a {
	color:#fff;
}

.blocks {
padding:30px 10px;
float:left;
clear:right;
width:100%;	
}


.lined {
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}

.lined::after {
    content: "";
    position: absolute;
    width: 10%;
    height: 2px;
    bottom: 0;
    left: 45%;
    border-bottom: 2px solid #d7a137;
}


.lined2 {
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}

.lined2::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 2px;
    bottom: 0;
    left: 2%;
    border-bottom: 2px solid #d7a137;
}


.list {
margin-top:25px;
color:#949eab;
font-size:18px;
line-height:24px;
font-weight:300;
padding:20px;	
}






/* COLS */

.col-100		{ width:100%; clear:both; float:left; clear:right; 	}
.col-80			{ width:78%; margin:1%; float:left; clear:right;	}
.col-70			{ width:68%; margin:1%; float:left; clear:right;	}
.col-60			{ width:58%; margin:1%; float:left; clear:right;	}
.col-50			{ width:48%; margin:1%; float:left; clear:right;	}
.col-40			{ width:38%; margin:1%; float:left; clear:right;	}
.col-33			{ width:31%; margin:1%; float:left; clear:right;	}
.col-30			{ width:28%; margin:1%; float:left; clear:right;	}
.col-25			{ width:23%; margin:1%; float:left; clear:right;	}
.col-20			{ width:18%; margin:1%; float:left; clear:right;	}

.col-mid			{ width:70%; margin:0 auto; clear:right;	}

.nomar { width:50%; margin:0; margin-bottom:-5px; }


.spacer100		{ height:100px; width:100%; float:left; clear:both;			}
.spacer90		{ height:90px; width:100%; float:left; clear:both;			}
.spacer80		{ height:80px; width:100%; float:left; clear:both;			}
.spacer60		{ height:60px; width:100%; float:left; clear:both;			}
.spacer50		{ height:50px; width:100%; float:left; clear:both;			}
.spacer40		{ height:40px; width:100%; float:left; clear:both;			}
.spacer30		{ height:30px; width:100%; float:left; clear:both;			}
.spacer20		{ height:20px; width:100%; float:left; clear:both;			}


.pad15 {
padding:15px;	
}

.pad20 {
padding:20px;	
}

.mar20 {
margin-top:20px;	
}


.softbk {
background-color:#fff;
padding:10px;
border-radius:8px;
-webkit-box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.25);
box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.25);
margin-top:20px;	
}


.greybk {
background-color:#f7f7f7;
padding:30px 10px;
margin-top:20px;	
}

.titlewithbk {
    padding: 5px 10px;
    background-color: #eff5fc;
    color: #444;
    width: 100%;
    border-radius: 8px;
    margin-top: 15px;
}


.pagetitle {
text-align:center;
width:80%;
margin:50px auto 20px auto;	
border-bottom:solid 2px #f6f6f6;
padding:10px;		
}


.center {
text-align:center;	
}

.banner-title {
    top: 35%;
    width: 100%;
    color: #93a5bb;
    font-weight: 300;
    position: absolute;
  
	text-align:center;
}


/* HOME PAGE */

.shoesbk {
background-image:url(../images/shoes-bk.jpg); 
background-repeat:no-repeat;
background-size:cover;
background-position:center;	
min-height:400px;
margin-top:35px;
padding:40px 0;	
}

.shoesbk img {
width:90px;
	
}



/* About page */

.horsebk {
		
}



/* Testimonials */
.quote-outer {
padding:35px 5px;
width: 100%;
float: left;
clear: right;
border-bottom:solid 3px #eff5fc;
}

.quote {
width:15%;
float:left;
clear:right;
text-align: center;	
}

.quote h2 {
font-size:18px;	
margin-top:5px;
text-transform:uppercase;
text-align:center;
}

.quote img {
width:120px;
}

.quote-text {
width:80%;
float:left;
clear:righ	
}

.t-name {
color:#d7a137;
font-weight:400;
font-size:18px;
padding-bottom:0;	
}

.t-title {
font-size:14px;	
padding:0;
}


/*  DROP DOWNS  */

.itemreadmore {
cursor:pointer;
background-color:#93a5bb;
padding:10px;
border-radius:8px;
width:50%;
margin:20px auto;
color:#eff5fc !important;
}

.cd-content {
	display:none;
	padding:5px 0;
	background-color:#eff5fc;
	float:left;
	clear:right;
	width: 98%;
margin: 0 1%;
}

.fulldrop {
padding:20px;	
}




.team-block {
text-align:center;
padding:25px;	
}

.team-block h2 {
padding-bottom:0px;
text-align:center;
font-size:24px;	
}

.team-block h3 {
padding-top:5px;
font-size:18px;
color:#444;	
}

.team-block p {
padding-top:5px;
font-size:18px	
}

.team-block img {
border-radius:15% !important;	
width: 60%;
margin-bottom:10px;
}


.e-target {
display:inline-block;	
}

.e-target img {
width:20px;
margin-right:15px;
border-radius:0 !important;	
float: left;
padding: 0;	
}



/* Gallery */

#lightgallery {
width:100%;	
}

#lightgallery a {
width:33%;
display:inline-block;
}

#lightgallery img {
width:100%;	
}


/* Contact Page */

.mainbanner {
	background-image:url(../images/contbanner.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	min-height:250px;
	margin-top:15px;
	position: relative;
}


iframe {
border-radius: 8px;
margin-top:15px;	
}



/* BUTTON EFFECT */

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(100, 190, 32, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(100, 190, 32, 0.75);
  }
}

.hvr-back-pulse {
  text-align:center;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #4AA600;
  background-color: #4AA600;
  color: white;
   border:solid 1px #e7e7e7;
}







/* LINES */

.line { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));  margin:0 10%;}

.line-separator {
    border-top: 1px solid #ccc;
    box-shadow: 0px 2px 4px #FFF inset, 0px 1px 1px #FFF;
    margin: 0px 3em 0.5em;
}


.full-width-spacer		{ height:5em; width:100%; background-image:url(../images/pattern.png); background-repeat:repeat-x repeat-y; border-bottom:5px solid #fff;			}

.full-width-spacer-green	{ height:5em; width:100%; background-color:#96C; border-bottom:15px solid rgba(147, 187, 115, 0.4);			}


.side-img 		{width:100%; margin-bottom:10px;		}

#map            { width:98%; margin:0 1%;  }




.side-text  { 
padding:20px 0;
}







/* FOOTER */

footer {
   width:100%;
   z-index:1;
   line-height:22px;
   float:left;
   clear:both;
   padding:10px 0;
   height:auto;
   background-color:#fff;	
   color:#444;
   font-family: 'Roboto', sans-serif;
   position:relative;
   text-align:left;
}

footer p, footer a {	
   color:#444;
   font-family: 'Roboto', sans-serif;
   font-size:14px;
   padding: 10px; 
}

footer h3, footer h4 {
text-align:left;
padding: 10px;	
}

.asso img {
width:100px;
padding:10px;
display:inline-block;	
}


#bottom-bar {
width:100%;
background-color:#ecf1f7;
float: left;
clear: both;
padding-bottom:20px;
	
}

#bottom-bar p {
color:#444;	
font-size: 15px;
text-align:left;
padding-top:20px;
font-family: 'Roboto', sans-serif;
}

#bottom-bar a {
color:#444;	
}



.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}






/* Layout Extra */




/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px;	}

label 	{ 
    float: left; width: 150px; margin-top:5px;
    text-align:right; display:block; background:none; font-weight:bold;
}

submit	{ background:none; 	}

input 	{ 
    width: 280px; margin:0 0 16px 10px;
    border:1px #bbb solid; padding:5px; background:none; 
}

input:focus, textarea:focus	{ background-color:#BFEBFF; }

textarea {
    width: 280px; height: 150px; margin:0 0 16px 10px;
    border:1px #bbb solid; padding:5px; background:none; 
}

select { margin-bottom:20px;	}

.month { margin-left:155px;	}

.submit {
    width:90px; height:25px;
    margin-left:160px;
    font-size:12px;
}

br		{ clear: left; 	}

.clear	{ clear:both; }



/* Success, error, alert */

.error, .alert, .notice, .success, .info {
    padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }

.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }

.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }

.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a		{ color: #205791; }



.nav-icon {
    display:none;
    margin-top:13px;
    width: 24px;
    cursor:pointer;
}
.navicon-line {
    background:#FFF;
    width: 24px;
    height: 1px;
border-radius: 1px;
margin-top: 6px;
}
.navicon-line:first-child {
    margin-top: 0;
}