html {    overflow: auto;}
/*Main Block may need media queries*/
body{ background:white;text-align:justify;font-family: 'Source Sans Pro', sans-serif;font-size:15pt; }
/*text highlights*/
::selection {background:rgba(198, 60, 32, 1); color:white;}
::-moz-selection {background:rgba(198, 60, 32, 1); color:white;} 
#panel-2 *::selection {background:rgba(60, 60, 60, 0.85); color:white;}
#panel-2 *::-moz-selection {background:rgba(60, 60, 60, 0.85); color:white;} 
p {line-height:1.5em; }


/*All Browser Sizes*/
* img { -ms-interpolation-mode: bicubic; }
a img {border-style:none; -ms-interpolation-mode: bicubic; }
* {margin: 0;padding: 0;}
a:focus {outline: none;}
button::-moz-focus-inner {border: 0;}



/*For Desktop Browsers*/

#panel-1 {width:12.5%; background:rgba(60, 60, 60, 1); z-index:1000; left:0; top:0px; height:100%; position:absolute;
-moz-box-shadow: 5px 0px 5px 0px  rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 5px 0px 5px 0px  rgba(0, 0, 0, 0.35);
box-shadow: 5px 0px 5px 0px  rgba(0, 0, 0, 0.35);}

#panel-2 {width:31.25%; background:rgba(198, 60, 32, 0.9); left:12.5%; top:0px; height:100%; position:absolute; color:white;
-moz-box-shadow: 5px 0px 5px 0px  rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 5px 0px 5px 0px  rgba(0, 0, 0, 0.35);
box-shadow: 5px 0px 5px 0px  rgba(0, 0, 0, 0.35); overflow:hidden;  }
.container-2 {float:left; width:90%; right:5%; top:0.8em; height:100%; position:absolute; }
.container-2 a {color:rgba(60, 60, 60, 1);text-decoration:none;  outline: 0;}
.container-2 a:hover {text-decoration:underline;}
.container-2 a:visited {text-decoration:underline;}


#panel-3 { width:56%; left: 43.75%; top:0; height:100%; position:absolute; z-index:-1000;overflow-y:auto;}
.container-3 { width:92.5%; float:left; margin-left:2.5%;  color:rgba(60, 60, 60, 1); position:absolute; z-index:-1000;}
.container-3 a {color:rgba(198, 60, 32, 1); text-decoration:none;}
.container-3 a:hover {text-decoration:underline;}
.container-3 a:visited {text-decoration:underline;}
ol {list-style-type:decimal;list-style-position: inside;text-align:justified;line-height:1.5em; }


#panel-4 {width:2.5%; background:rgba(60, 60, 60, 1); z-index:1000; right:0; top:0px; height:100%; position:absolute;
-moz-box-shadow: -5px 0px 5px 0px  rgba(0, 0, 0, 0.35);
-webkit-box-shadow: -5px 0px 5px 0px  rgba(0, 0, 0, 0.35);
box-shadow: -5px 0px 5px 0px  rgba(0, 0, 0, 0.35);}

#ir-logo {float: left; width: 80%;}
.ir-logo{width:100%;  height:auto; margin-left:7.4%; margin-top:10%; margin-bottom:10%; z-index:1000; }

#chrome-fix {margin:2.5%;}

/*Social Icons*/
.fa  { -webkit-text-stroke: 1px transparent;}

/*Multi Page Fonts*/
h1 {font-size:1em; color:white;font-family: 'Source Sans Pro', sans-serif; line-height:100%; padding:0; margin:0;}
h2 {margin-top:0.3em; margin-bottom:0.1em; margin-left:-0.65%; width:100%; float: left; font-size:4.75em;color:#3c3c3c;font-weight:600;text-transform:uppercase;}
h3 {margin:2.4%; margin-top:1.75em; margin-bottom:0.45em; width:90%; float: left;font-size:2.5em;color:#3c3c3c;font-weight:600;}




/*Main Menu*/
#nav {position:absolute; top:18.5em; left:0; width:100%; list-style: none;}
#nav li {width:100%; text-align: left; }
#nav li a {border:0; border-top:1px; border-bottom:1px;  border-style:solid; border-color:rgba(200, 200, 200, 0.05);
text-transform:uppercase; text-decoration:none; font-weight:400; font-size:1.65em; padding-top:0.1em; padding-bottom:0.1em;   color:white;
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;display: block;}
#nav li a span {line-height:1.5em;padding-left:10.5%;}
#nav li a:hover {background:rgba(220, 36, 0, 0.75);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;}
#nav .active {background:rgba(220, 36, 0, 0.75); color:white;}



/*sub-menu*/
#sub-menu  {position:absolute; top:18.5em; left:0; width:100%; list-style: none;}
#sub-menu li {width:100%; text-align: left;}
#sub-menu li a {border:0; border-top:1px; border-bottom:1px; border-style:solid; border-color:rgba(0, 0, 0, 0.05);
 text-transform:uppercase; text-decoration:none; font-weight:400; font-size:1.65em; padding-top:0.1em; padding-bottom:0.1em;  color:white; 
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;display: block;}
#sub-menu li a span {line-height:1.5em;padding-left:5%;}
#sub-menu li a:hover {background:rgba(60, 60, 60, 0.75); 
-moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;text-decoration:none; color:white;}
#sub-nav .selected {background:rgba(60, 60, 60, 0.75);-moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;}



/*footer Menu*/
#footer {position:absolute; bottom:1em; left:0; width:12.5%; list-style: none; z-index:1000;}
#footer li {width:100%; text-align: left; }
#footer li a {border:0; border-top:1px; border-bottom:1px;  border-style:solid; border-color:rgba(200, 200, 200, 0.05);
text-transform:uppercase; text-decoration:none; font-weight:400; font-size:0.65em; padding-top:0.15em; padding-bottom:0.15em;   color:rgba(255, 255, 255, 0.25);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;display: block;}
#footer li a span {line-height:1.5em;padding-left:10.5%;}
#footer li a:hover {background:rgba(220, 36, 0, 0.75);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
color:white;}
#footer .active {background:rgba(220, 36, 0, 0.75);}
#footer .active span {color:white;}


/*Social Menu*/
#social {position:absolute; top:18.5em; right:0; width:100%; list-style: none;}
#social li {width:100%; text-align: center;}
#social li a {border:0; border-top:1px; border-bottom:1px;  border-style:solid; border-color:rgba(200, 200, 200, 0.05);
text-transform:uppercase; text-decoration:none; font-weight:400; font-size:1.65em; padding-top:0.1em; padding-bottom:0.1em; color:rgba(255, 255, 255, 0.25);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;display: block;}
#social li a span {line-height:1.5em;padding-left:10.5%;}
#social li a:hover {background:rgba(220, 36, 0, 0.75);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
color:white;}

/*Collaboration Menu*/
#collaboration {position:absolute; top:1em; right:0; width:2.5%; list-style: none; z-index:1000;}
#collab li {width:100%; text-align: center;list-style: none;}
#collab li a {border:0; border-top:1px; border-bottom:1px;  border-style:solid; border-color:rgba(200, 200, 200, 0.05);
text-transform:uppercase; text-decoration:none; font-weight:400; font-size:1.65em; padding-top:0.1em; padding-bottom:0.1em; color:rgba(255, 255, 255, 0.25);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;display: block;}
#collab li a span {line-height:1.5em;padding-left:10.5%;}
#collab li a:hover {background:rgba(220, 36, 0, 0.75);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
color:white;}


/*Back to top button*/
#return {position:absolute; bottom:0.5%; right:0; width:2.5%; list-style: none; color:rgba(255, 255, 255, 0.25); text-align: center; font-weight:400; font-size:0.65em; padding-top:0.75%; padding-bottom:0.75%;}
#return li {width:100%; }
#return li a {border:0; border-top:1px; border-bottom:1px;  border-style:solid; border-color:rgba(200, 200, 200, 0.05);
text-transform:uppercase; text-decoration:none; font-weight:400; font-size:1.65em; padding-top:0.2em; padding-bottom:0.2em; color:rgba(255, 255, 255, 0.25);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;display: block;}
#return li a span {line-height:1.5em;padding-left:10.5%;}
#return li a:hover {background:rgba(220, 36, 0, 0.75);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
color:white;}

/*Column Text*/
.col-group { width:100%; display:inline-block;}
.col-group div {margin:2.5%; margin-top:0%; width: 45%; float:left; }
.full-width {margin:2.5%; margin-top:0%;  width: 95%; float:left; }
/* Slideshow - Gallery */
/*Gallery*/
#img-wrapper {width:100%;}
#img-container {max-width:28.06%; height:auto; margin:2.5%; display:inline-block; position:relative; }
.thumbnails{float:left; max-width:100%; height: auto; }
#img-container .img-text { opacity: 0;position:absolute; width:80%; height:85%; z-index:1000; display:inline-block; left:0; top:0; padding: 10%; color:white;background:rgba(60, 60, 60, 0.75); overflow:hidden; font:1em; -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;}
#img-container .img-text:hover {opacity:1.0;-moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear; }



/*Contact Details*/
#contact-details {font-size:1em; line-height:1.5em;margin-right:2.5%; float:left; width:45%; text-align:left;}
#telephone {font-size:1em; line-height:1.5em;width:45%; margin-left:2.5%; float:right;text-align:left;}
#telephone a{color:white;}

/*Cookie Policy*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 2.5%;
  width: 50%;
    height:auto;
     margin-left: auto ;
    margin-right: auto ;
}

/*Lists*/





/*Contact Form*/
#form {
width: 97.5%; margin-left:2.5%; margin-top:-0.375em;
}

/*-----error/success messages-----*/
#error {
display:none;
background: #e74c3c;
color:#FFF;
padding:25px;
margin-bottom: 25px;
}

#success{
display:none;
background: #2ecc71;
color:#FFF;
padding:25px;
margin-bottom: 25px;
}

/*-----form elements-----*/
#easy {
float:left;
max-width: 95%;
margin: auto;
font-family: 'Source Sans Pro', sans-serif;
font-weight:600;

}

#easy .input {
width:47.5%;
float: left;
max-width: 1500px;
margin: 0.5em 0 1.25em 0;
}

#easy .textarea {
width:100%;
margin: 0.5em 0 1.25em 0;
max-width: 2000px;
}

#easy .last {
float: right;
}

#easy input.text, 
#easy textarea {
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:1em;
padding: 7px 7px;
border: 1px solid rgba (60, 60, 60, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
margin: 0;
outline: none;
}


#easy input[type=text]:focus, 
#easy input[type=tel]:focus, 
#easy textarea:focus {
margin-right: 0px;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 0 5px  rgba(0, 0, 0, 0.35);
box-shadow: 0 0 5px  rgba(0, 0, 0, 0.35);
border: 1px solid rgba(198, 60, 32, 1);
}

#easy input:hover,  
#easy textarea:hover {
border: 1px solid rgba(198, 60, 32, 1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#easy textarea {
height: 17em;
}

#easy span {
color:rgba(198, 60, 32, 1);
}

#easy .verification {
width: 100%;
height: 42px;
float: left;
}

#easy #vimage {
width: 99px;
height: 42px;
float: left;
}

#easy .refresh {
width: 42px;
height: 42px;
display: block;
float: left;
margin: 0 7px;
border:0;
}

#easy #verify {
width: 145px;
height: 40px;
float: left;
margin:0;
padding:8px;
}

#easy button {font-size:1em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:600;
float: right;
display: block;
width: 150px;
height: 40px;
background: #3c3c3c;
padding: 8px 2.5% 8px !important;
color: #fff;
text-align: center;
margin:0;
border:0;
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
cursor:pointer;
}

#easy button:hover {background:rgba(220, 36, 0, 0.75);
  -moz-transition: 0.5s linear;
-webkit-transition: 0.5s linear;
transition: 0.5s linear;
}






@media screen and (max-width: 1950px) {body {font-size:15pt;}
}

@media screen and (max-width: 1750px) {body {font-size:14pt;}
}

@media screen and (max-width: 1600px) {body {font-size:13pt;}
p {line-height:1.25em; }
ol {line-height:1.25em;}
#contact-details {line-height:1.25em;}}

@media screen and (max-width: 1500px) {body {font-size:12pt;}
}

@media screen and (max-width: 1400px) {body {font-size:11pt;}
#img-container {max-width:44.6%; height:auto; margin:2.5%; display:inline-block; position:relative; }

}/*needs panel 1 padding adjusting*/

media screen and (min-width:100px) and (max-width: 800px) {
.desktop {display:none;} 
.mobile {display:inline;}
}

@media screen and (min-width: 800px) {
.desktop {display:inline;}
.mobile {display:none;}
}





/*this needs working on*/