/*------------------------Stylesheet by Sarah Jones--------------------*/


/*------------------------------GLOBAL STYLES--------------------------*/

*{
padding:0;
margin:0;
}

body{
margin:0 auto;
font-family:League Spartan, sans-serif;
font-size:62.5%;
/*background-color:#000000;*/
/*background-image:url(../images/background_slice.jpg);*/
background-repeat:repeat-y;
background-attachment:fixed;
background-position:center;
}

p{
margin-bottom:1.0em;
font-size:1.4em;
color:#000000;
line-height:1.5em;
}

#page-left li, #page-right li, page-center li{
	margin-bottom:1em;
	font-size:1.4em;
	color:#000000;
	line-height:1.5em;
	margin-left:15px;
}

a:link{
color:black;
text-decoration:none;
}

a:visited{
color:#3300ff;
text-decoration:none;
}

a:hover{
color:blue;
text-decoration:none;
}

.link{
	color: blue;
}

a:active{
color:#EF8139;
text-decoration:none;
}
a { color: inherit; } 

#wrapper{
	width:980px;
	min-height:500px;
	margin:0 auto;
	color:#000000;
}

h1{
	font-family:Avant Garde, sans-serif;
	font-size:4.2em;
	font-weight:450;
	color:#333333;
	padding-top:16px;
	text-align: center;
	
 
}

h2{
	font-family:'Libre Baskerville', sans-serif;
    font-size:2.45em;
    font-weight:200;
	margin-top:3px;
	margin-bottom: 12px;
	color:#333333;
}

.lower {
	margin-top: 0.5em;
}

.lower2 {
	margin-top: 1em;
	padding-right: 2em;
}

h3{
	font-family:Avant Garde, sans-serif;
    font-size:1.5em;
    font-weight:500;
	margin-top:6px;
	color:#333333;
}


h4{
	font-family:'Libre Baskerville', sans-serif;
   
    font-weight:200;
	margin-top:4px;
	color:#333333;
}


iframe{
	border:1px solid #666666;
}

form{
	width:380px;
    padding:35px;
	background-color:#CCC;
}

textarea{
	width:375px;
	background-color:#eeeeee;
}

.input{
	width:375px;
	background-color:#eeeeee;
	height:30px;
}

#form-background{
	width:454px;
	height:249px;
	background-image:url(../images/form_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.gallery_space_1{
	width:93px;
	height:170px;
	float:left;
	background-color:#CCC;
}

.gallery_space_2{
	width:186px;
	height:170px;
	float:left;
	background-color:#CCC;
}

/*---------------------------end of GLOBAL STYLES--------------------------*/

/*----------------------------------DIV STYLES-----------------------------*/
#header{
	background-image:url(../images/header_background.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:243px;
}

#page-container{
	width:980px;
	min-height:500px;
	float:left;
	clear:both;
	/*background-color: #ffffff;*/
/*	background-image:url(../images/page_background_bottom.jpg);*/
	/*background-position:bottom;
	background-repeat:no-repeat;*/
	padding-bottom:60px;
}




#page-top{
	width:979px;
	height: 175px;


}

#page-top2{
	width:979px;
	height: 175px;
	margin-bottom: ;


}


.title{
	width:945px;
	background-color: #f7e1ca;
	text-align: center;
	float: center;
	text-align:center;
	padding-bottom: 2.5em;
	margin-left: 1.5em;
	padding-top: 2em;
	margin-top: 1.7em;
	border-width: 2px;
	border-style: solid;

	
margin-right: 2em;
}


/*	5f2423
	d5aa7d*/
.irod {
	color: #5f2423;
}


.irol {
	color: #d5aa7d

}

.irolbox {
	margin-left: 25px;


}

.shift{
	margin-left: 2em;
	padding-top: 1em;
}

.shaft {
	padding-right: 1.5em;
	margin-top: 1.75em;
}

.contain {
	background-color: #5f2423;
}

.centre {
	text-align: center;
}

.focus {
	margin-bottom: 3em;

}


.page-center{
	width:930px;
	float:left;
	margin-left:15px;
	margin-top: 2em;
	margin-bottom: 15px;
	clear: both;
	min-height: 30px;
}

.page-center2{
	width:930px;
	float:left;

}

.page-center3{
	width:890px;
	height: 165px;
	margin-left:23px;
	margin-top: 1em;
	margin-bottom: 2em;
	padding-right: 5em;
	float:left;
	background-color: black;

}

.page-center4{
	width:980px;
	float:left;
	margin-left:23px;
	margin-top: 4em;
	margin-bottom: 15px;
	clear: both;
	min-height: 50px;
}

.page-center5{
	width:930px;
	float:left;
	margin-left:23px;

	margin-bottom: 12px;
	clear: both;
	min-height: 30px;
}


#page-left{
	width:454px;
	margin:15px;
	margin-right:0px;
	padding-left: 20px;
	float:left;
	margin-bottom: 10px;
}

#page-left2{
	width:454px;
	margin:15px;
	margin-right:0px;
	float:left;
	
}

#page-left3{
	width:454px;
	margin:15px;
	margin-right:0px;
	
	float:left;
	margin-bottom: 10px;
}


.page-left-section{
	width:450px;
	float:left;
	margin-bottom: 10px;
	clear: left;
	margin-left: 20px;
}

#page-right{
	width:415px;
	margin:20px;
	margin-left:15px;
	float:right;
	margin-right: 0px;
	padding-left: 20px;
	border-left: 1px solid #666666;
	padding-right: 34px;
	margin-bottom: 0px;
	clear: none;
}

.caption{
	font-size:1.0em;
	color:#666;
	vertical-align:bottom;
	text-align:center;
	float:left;
	font-weight:bold;
}

.caption3{
	font-size:1.0em;
	color:#666;
	vertical-align:bottom;
	text-align:center;
	float:left;
	
}

.caption2{
	font-size:1.0em;
	margin-left: 8em;
	margin-top: 1em;
	float:left;
	
}


.captionedit{
	font-size:1.0em;
	color:#666;
	vertical-align:bottom;
	margin-right: 4em;
	text-align:center;
	float:left;
	font-weight:bold;
}

.gallery_thumb{
	width:186px;
	height:141px;
	float:left;
}

#case-study{
	width:960px;
	background-color:#CCC;
	float:left;
	margin-left: 3px;
	margin-top: 20px;
}

.gallery-array a{
	width:186px;
	height:170px;
	float: left;
	text-align:center;
	background-color:#CCC;
	font-size:14px;
	color:#333;
	line-height:20px;
}

.gallery-array a:hover{
	background-color:#000;
	color:#FFF;
}
/*-------------------------------------END OF DIV STYLES-------------------------------*/

/*-----------------------------NAVBAR STYLES---------------------------*/

#navbar{
	width:940px;
	height:42px;
	float:left;
	background-color:#000000;
	/*background-image: url(../images/navbar_background.jpg);*/
	background-repeat:no-repeat;
	padding-left:40px;
}

#navbar ul li {
list-style-type:none;
display:inline;
line-height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#navbar ul li a{
color:#ffff99;
text-decoration:none;
padding-right:10px;
}


#navbar ul li a:hover{
color:#000;
text-decoration:none;
}


/*--------------------------------END OF NAVBAR STYLES--------------------*/


/*-----------------------------------FOOTER STYLES------------------------*/
#footer-container{
	width:940px;
	float:left;
	font-size:1.4em;
	margin-left: 1em;
	margin-top:1em;
	color:#666666;
	height: 60px;
	background-repeat: repeat-x;

}

#footer-left{
	width:430px;
	height:30px;
	margin-left: 1em;
	float:left;
	vertical-align:top;

	
	
}

#footer-center{
	width:316px;
	height:60px;
	float:right;
	text-align:center;
	margin-top: 5px;
	padding-top: 40px;
	border-right:#ffffff groove 2px;
	border-left:#ffffff groove 2px;
}

#footer-right{
	width:320px;
	height:35px;
	float:right;
	vertical-align:top;
padding-right: 2em;
	text-align:right;
}

#footer-right a{
color:#666666;
text-decoration:underline;
}

#footer-right a:visited{
color:#666666;
}

#footer-right a:hover{
color:#0066FF;
text-decoration:none;
}
/*-------------------------------------END OF FOOTER STYLES-----------------------------*/

/* CSS */
.button-58 {
  align-items: center;
  background-color: #f7e1ca;
  border: 2px solid #5f2423;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 55px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 180px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
 
 
}

.button-58:focus {
  color: #06f;
}

.button-58:hover {
  background-color: #3385ff;
  border-color: #3385ff;
  fill: #06f;
}

.button-58:active {
  background-color: #3385ff;
  border-color: #3385ff;
  fill: #06f;
}

@media (min-width: 768px) {
  .button-58 {
    min-width: 170px;
  }
}


.button-59 {
  align-items: center;
  color: black;
 /* background-color: #5f2423;*/
  background-color: #f7e1ca;
  border: 2px solid #5f2423;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  fill: #000;

  font-size: 16px;
  font-weight: 600;
  height: 45px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  width: 325px;
  outline: 0;
  padding:1em;

 

  
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
 
 
}

.button-59:focus {
  color: #06f;
}

.button-59:hover {
  background-color: #d5aa7d;
  border-color: black;
  fill: #06f;
}

.button-59:active {
  background-color: #3385ff;
  border-color: black;
  fill: #06f;
}

@media (min-width: 768px) {
  .button-59 {
    min-width: 170px;
  }
}




.larger {
	font-size: 2em;
}

.larger2 {
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 15px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
	color: #5f2423;
}

.larger3 {
	font-size: 1.5em;
	margin-top: 1em;
	
color: #5f2423
}


.call {
	text-align: center;

	font-size: 2.1em;

}

.border {
	
	border-style: solid;
	background-color: 
	margin-top: 4em;
	margin-right: 2.5em;
	margin-bottom: 1em;
	padding: 15px;
	border: 3px solid #5f2423;
}


.call3 {
	text-align: center;
	margin-top: 1em;
	background-color: #f5e9ec;
	font-size: 1.5em;
	width: 875px;
	padding-left: 0.75em;
	color: #5f2423;
	text-transform: capitalize;
	border-style: solid;
	border-width: 2.5px;
	border-color: black;
	padding-top: 1em;
	padding-bottom: 1em;
	


}

.call3l {
	

	font-size: 1.7em;
	margin-left: 1.25em;
	padding-top: 0.75em;
	
	color: #d5aa7d;
	text-transform: capitalize;

}

.tel {
	text-align: center;
	font-size: 4.5em;
	margin-bottom: 0.1em;

}

.call2 {
	text-align: center;
	font-size: 1.2em;
	
}

.buttonbox {
	

	padding-left: 10em;
	padding-bottom: 1em;
}

.white {
	color:white;
	font-size: 1em;
	margin-top: 3em;

}

.logocont {

	margin-left: 5em;

}

.bodytext {
	padding-left: 1em;
	padding-right: 1em;
}

.outrobox {
	
	text-align: center;
	

}

.outbuttonbox {
margin-bottom: 3em;
}

.outrolead {
	font-size: 150%
}

.outrodrop {
	margin-bottom: 1em;
}

.outbodytext {
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	font-size: 1.35em;
	margin-top: 3em;
	margin-bottom:1.5em;

}
	
.grid-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
            padding: 10px;
        }

     .grid-item {
            background-color: #f2f2f2;
            border: 1px solid #ccc;
            padding: 20px;
            text-align: center;
           
            font-size: 1.7em;

        }



.large {
	font-size: 2em;
}