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


/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.lists {
padding:10px 30px;	
}

.lists li {
padding:5px;	
}


.img { 
width:100%;
}


@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Montserrat|100,200,300,400,500,600|Poppins');

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width:100%;
height:100%;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

body { 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width:100%;
height:100%;
 }
 
h1 {
font-weight:600;
font-size:34px;
margin-bottom:10px;
}


p {
font-weight:300;
font-size:17px;	
line-height: 1.3em;
padding:10px;
color: #555;
}

p, a {
font-family: 'Poppins', sans-serif;
}

a {
	text-decoration:none;
	color: #444;
font-weight: 400;
color: #444;
}

.innerhere {
	font-family: 'Playfair Display', serif;
}


h1, h2, h3, h4  {
font-family: 'Playfair Display', serif;
padding:10px;
}


.full-width  { 
width:100%; 
clear:both;
position: relative;
}

.full-height  { 
min-height:100%;
position: relative;
}

.contbk {
background-image:url(../images/rparkerbk.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;
background-attachment: fixed;
}

.wrap  { 
max-width:1170px;
margin:0 auto;
clear:both;
padding:5px;
}


.wrap:after, .group:after {
  content: "";
  display: table;
  clear: both;
}

.social-i  { display:inline-block; }
.social-i a { padding: 10px !important; float: left; }
.social-i img  { width:35px;  }


/* HEADER NAV */
.scrolled{
  background-color: #e7e7e7 !important;
  transition: 2s; 
}

.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 3;
  transition:.2s ease-out;
  padding:10px 0;
  z-index:9999;	
}

.scrolled .header {
 transition:.2s ease-out;
 padding:0;	
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
  color: #555 !important;
  	transition:0.5s;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
  	transition:0.5s;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
  transition:.2s ease-out;
  background-color: #fff;
position: absolute;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
}

.scrolled .logo {
  transition:.2s ease-out;
  transform: scale(0.9);
}


/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition:.2s ease-out;
}


.scrolled .menu {
  clear: both;
  max-height: 0;
  transition:.2s ease-out;
   
}


/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 400px;
 
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

#getintouch {
display:none;	
}


#ticker {
transform: translateY(88px);
height: 40px !important;
position: absolute;
z-index: 999;
}	
	


.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 700px !important;
    overflow: hidden !important;
    float: none;
    clear: right;
    z-index: 99;
    background-color: #e7e7e7;
    margin-top: -59px;
    margin: 0 auto;
}


.slidebox {
z-index: 99999;
}

.slidebox span {
	color:#fff;
	font-size:48px;
	line-height:48px;
	font-family: 'Playfair Display', serif;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);
	padding:10px;
}
.slidebox h1 {
	color:#fff;
	font-size:64px;
	line-height:60px;
    font-family: 'Playfair Display', serif;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.2);
}




/*  SECTIONS  */

#up	{
	position:absolute;
	right:10px;
	bottom:10px;
	width:10%;
	text-align:right;
}
#up img	{
	width:40px;
}


#section0 {
	background-color:#f7f7f7;
	padding:10px 0;
	float: left;
clear: right;
}



.page-title {
background-color:#111;
padding: 90px 0 5px 0;
width:100%;
position: relative;

}

.page-title h1 {
padding:10px 30px;
text-align:center;
position:relative;
color:#fff;
font-family: 'Poppins', sans-serif;	
font-weight:200;
font-size:26px;

}

.page-title:after, .page-title:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.page-title:after {
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #111;
	border-width: 20px;
	margin-left: -20px;
}
.page-title:before {
	border-color: rgba(34, 34, 34, 0);
	border-top-color: #111;
	border-width: 26px;
	margin-left: -26px;
}


#section1, #section2, #section3, #section4 {
	padding:56px 0;
	position:relative;
	float: left;
clear: right;
}


#section1 {
	background-color:#f7f7f7;
}

#section2 {
	background-color:#af9677;
}

#section2 p {
	color:#fff !important;
}

#section3 {
	background-image:url(../images/bk.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	background-attachment:fixed;
	 background-size:cover;
	 overflow:hidden;
}

#section4 {
	background-color:#096;
	min-height:100%;
}



.inner {
margin:5px;
background-color:#fff;
padding:10px;
position:relative;
float: left;
width:100%;	
}

.trans {
background-color:transparent;
}


.servicebox {
	text-align:center;
	padding:30px;
}
.servicebox h3 {
	font-size:32px;
	latter-spacing:1px;
}

.servicebox p {
	text-align:left;
}


.overani { 
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 50%;
margin: 20%;
  }


.service-icon {
text-align:center;	
}

.service-icon img {
width:80px;
text-align:center;	
}



/* BTNS */

.btnside2 {
    background-color: #111111;
    padding: 15px;
    width: 30%;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin: 20px 10px;
}


.btnside3 {
    background-color: #111111;
    padding: 15px;
    width: 98%;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin: 1%;
	float:right;
}



.btnside-case {
background-color: #af9677;
padding: 15px;
    width: 80%;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin: 20px 10px;
    float: right;
}


/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #a65b44;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.mobile {
		display:none;
	}


/*  COLS  */

.col-100  { 
width:100%;
float:left; 
clear:right;
}

.col-80 { 
width:80%;
float:left; 
clear:right;
padding:5px;
}

.col-70 { 
width:70%;
float:left; 
clear:right;
padding:5px;
}

.col-60 { 
width:60%;
float:left; 
clear:right;
padding:5px;
}

.col-50 { 
width:50%;
float:left; 
clear:right;
padding:5px;
}

.col-40 { 
width:40%;
float:left; 
clear:right;
padding:5px;
}

.col-33 { 
width:33%;
float:left; 
clear:right;
padding:5px;
}

.col-30 { 
width:30%;
float:left; 
clear:right;
padding:5px;
}

.col-25 { 
width:25%;
float:left; 
clear:right;
padding:5px;
}

.col-20 { 
width:20%;
float:left; 
clear:right;
padding:5px;
}


.over {
z-index:2;	 
}


.spacer { 
width:100%;
float: left;
clear: right;
height:50px;
}

.spacer20 {
	width:100%;
	float: left;
	clear: right;
	height:20px;
}

.spacer50 {
	width:100%;
	float: left;
	clear: right;
	height:50px;
}


.page-spacer { 
width:100%;
height:150px;
float: left;
clear: right;
}



/* SERVICE BOXES ACTIVE */
.service-active {
	background-color:#af9677;
}
.service-active p {
	color:#fff;
}

.service-active h3 {
	color:#fff;
}


/* CASES */

.cases {
background-color:#222;
padding: 30px 10px;	
}

.cases h2 {
color:#fff;
font-size:30px;
}

.cases p {
color:#fff;
}



/* Testimonials */
.quote-outer {
padding:35px 5px;
width: 100%;
float: left;
clear: right;
-webkit-box-shadow: 0px 9px 8px -7px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 9px 8px -7px rgba(0,0,0,0.15);
box-shadow: 0px 9px 8px -7px rgba(0,0,0,0.15);
}

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

.quote img {
width:140px;
margin-top:-25px;
}

.quote-text {
width:50%;
float:left;
clear:right;
padding:0 20px 0 0;
}


.quote-pic {
width:30%;
float:left;
clear:right;	
}

.quote-pic img {
width:100%;
padding:10px;	
}

.itemreadmore {
font-size:28px;
padding:20px;
margin: 30px 0;
float:left;
background-color:#e8e8e8;
width:100%;
border-radius:8px;
cursor:pointer;
}


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

.fulldrop {
padding:20px;	
}





/* Forms */

#contactform h3  { font-size: 22px;
width: 80%;
margin: 2% 10%;
padding: 0;
color:#555;
font-weight:600;  
  }


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

form 	 { text-align:left; 	}
fieldset { padding: 10px;	}


.formlabel 	{ 
    float: left; width: 100%; margin-top:5px;
    text-align:right; display:block; background:none; font-weight:bold;
}

submit	{ background:none; 	}

input 	{ 
    width: 80%; 
    border:1px #e7e7e7 solid; 
	padding:10px; 
	background:none; 
	font-size: 16px;
	margin:10px 9%;
}

input:focus, textarea:focus	{ background-color:#111 !important; color:#fff !important;  }

textarea {
width: 80%; min-height: 75px; margin:0;
 border:1px #e7e7e7 solid; background:none; 
padding: 10px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
margin: 0 10% 5% 10%;
}

select {
margin: 0 10% 20px; 
font-size: 14px;
color: #999;
	
}

select:focus {
margin: 0 10% 20px; 
font-size: 14px;
color: #fff !important;	
background-color:#111 !important;
}

select:nth-of-type(1) {
    border: 0;
    font-size:16px;
	background-color:#f7f7f7;
}


#submit {
    width:26% !important; 
	height:46px;
    font-size:16px; 
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	background-color:#111;
	transition:0.5s;
}


#submit:hover { 
background-color:#af9677; 
color:#fff;
transition:0.5s;
	}

br		{ clear: left; 	}

.clear	{ clear:both; }


.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
    margin: 0 10%;
	padding:3px;
}

.selectRequiredMsg, .selectInvalidMsg {
    margin: 0 10%;
	padding:3px;

}

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
    display: inline;
    color: #000;
    border: 0px ;

}


#map {
}



footer {
width:100%;
background-color:#333;	
position:relative;
float:left;
clear:both;
padding: 40px 0 20px 0;
}

#footer-wrap {
	width:80%;
	margin:20px auto;
	color:#fff;
}

#footer-wrap img{
	width:240px;
}

#footer-wrap a {
	padding:10px;
	color:#fff;
}

#footer-wrap p, #footer-wrap a {
	font-size:16px;
	color: #e7e7e7;
}