html { height:100%; overflow: auto;}
* {margin: 0;padding: 0;}
/*Main Block may need media queries*/
body{  background-color:rgba(255,255,255,1);text-align:justify;font-family: 'Source Sans Pro', sans-serif; color:rgba(20, 20, 20, 1);font-weight:400;  }

/*All resolutions*/
* img { -ms-interpolation-mode: bicubic; }
a img {border-style:none; -ms-interpolation-mode: bicubic; }
a:focus img {outline:0.2em solid rgba(220,36,0,1); }
button::-moz-focus-inner {border: 0;}
ol {list-style-type:decimal;list-style-position: inside;text-align:justified;line-height:1.5em; }

/*text highlights*/
::selection {background-color:rgba(220, 36, 0, 0.9); color:white;}
::-moz-selection {background-color:rgba(220, 36, 0, 0.9); color:white;} 
p {margin-bottom:2.5%;}
b {font-family: 'Source Sans Pro', sans-serif; font-weight:600;}
a {font-weight:600;color:rgba(220, 36, 0, 0.75);text-decoration:none;  outline: 0; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;}
a:hover, a:focus {text-decoration:underline;   
-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;}
a:visited {text-decoration:underline;}

/*headings*/
h1{color:white; float:left; font-weight:400; text-transform: uppercase; }
h1 span {color:white;font-weight:700;font-size:1.0125em;}
h2{text-align:left;font-weight:400; margin-bottom:4%;  text-transform: uppercase;}
h3{text-align:left;font-weight:400;margin-bottom:2.5%; text-transform: uppercase;}
h4{text-align:justify;font-weight:400; font-size:1em;}

.clear{clear:both;}

  
/*logo*/
#ir-logo { float:left; margin-top:0.25em;}
.ir-logo { max-width:2%; height:auto; margin-left:2.5%; float:left; padding-right:2.5%; }
#brand {left:5.5em;}

.panel-1 { 
background:rgba(255,255,255,1);
  overflow:auto;line-height:150%;
 outline:0.2em solid rgba(20,20,20,1);
}

.panel-2 {
  background-color:rgba(255,255,255,1);
  line-height:150%;
  overflow-y:auto;
   outline:0.2em solid rgba(20,20,20,1);
  }
  
 .panel-f{height:100%; width:100%;position:fixed;}
 .fullscreen {height:100%; width:95%; position:absolute; left:5%; background-color:rgba(20,20,20,0.75); }
 
 .text {font-size:1em;}
 .fs-text {font-size:3.5em; font-weight:600; color:rgba(255,255,255,1); text-align:center; margin:10%;text-transform:uppercase;}
 .fs-text span {font-size:0.75em; font-weight:400;}
 
 .g-container {position:absolute; bottom:15%;left:15%; width:80%;}
 .g-container-fw {width:100%;}
.ghost { text-align:center;  outline:0.2em solid rgba(60,60,60,1); display:inline-block; font-size:1em; text-decoration:none; color:rgba(20,20,20,1); font-weight:400;padding:2.5%; padding-top:3%; padding-bottom:3%; margin-top:2.5%;}
a .ghost {text-decoration:none; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease; display: inline-block}


.grey{ outline:0.1em solid rgba(60,60,60,1); font-size:1em; color:rgba(20,20,20,1);padding:2.5%; padding-top:3%; padding-bottom:3%; margin-top:2.5%;}
a:hover .grey{outline:0.1em solid rgba(220,36,0,1); color:rgba(220,36,0,1);
-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;}

.white  {outline:0.2em solid rgba(255,255,255,1); font-size:1.25em; color:rgba(255,255,255,1);padding:1.25%; background-color:rgba(255,255,255,0);}
a:hover .white {background-color:rgba(255,255,255,1); color:rgba(20,20,20,1); -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;}

.g-full {width:95%; }
.g-left {width:42.5%; float:left; }
.g-right {width:42.5%; float:right; }
.g-third {width:25.3333333%; float:left; margin:1.5%;}

.qrv {line-height:200%; margin-top:5%;}

.uc {text-transform: uppercase;}


/*background bits*/
#background-wrapper {height:100%; width:100%; overflow:hidden; text-align:center;  z-index:-1000; }
.bg {background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
/*slideshow*/
#slideshow {outline:0.2em solid rgba(20,20,20,1); }
#slideshow-wrapper{width:100%; overflow:hidden; text-align:center;;z-index:-1000;}
.royalSlider {position: relative;margin:auto;text-align:center;width:100%;height:100%; max-height:100%;}

  
  /*Text Imagery*/
.full-width-image {width:105.38%; height:auto; margin-left:-2.7%;border:0;}


/*services*/
.s-container {width: 100%; position:relative; float:left;outline:0.2em solid rgba(20,20,20,1); }
.s-container-l{width: 100%; position:relative; float:left;outline:0.2em solid rgba(20,20,20,1);}
.s-container-s {width: 100%; position:relative; float:left; font-size:1.4em;outline:0.2em solid rgba(20,20,20,1);}
.s-wrapper { position: absolute;
    top: 0;
    left: 0;
background-repeat: no-repeat;
background-position: center center;
background-attachment: inherit;
background-size: auto 100%;
  background-size: cover;}
#services-links {outline:0.2em solid rgba(20,20,20,1);}
#services-links a {text-decoration:none; }
#services-links a :hover{text-decoration:none; }
#services-sub-links a {text-decoration:none; }
#services-sub-links a :hover{text-decoration:none; }


/*Showcase*/
.sc-container { width: 100%;  position:relative; float:left; outline:0.2em solid rgba(20,20,20,1); }
.sc-wrapper { position: absolute;
    top: 0;
    left: 0;
background-repeat: no-repeat;
background-position: center center;
background-attachment: inherit;
background-size: auto 100%;
  background-size: cover;}
 
#showcase a {text-decoration:none; }
#showcase a :hover{text-decoration:none; }
 
 
/*showcase & services menu link text*/  
.col-fh {display:table; height:100%;width:100%; position:relative; }
.sc-text, .sc-text-cs { width:100%; height:100%;min-height:8em; z-index:1;display:table-cell; vertical-align:middle;text-align:center;color:rgba(255,255,255,1); background-color:rgba(20,20,20,0.8); text-transform: uppercase; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;font-weight:400; }
.sc-text-a {background-color:rgba(20,20,20,0);-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;color:rgba(255,255,255,0);text-decoration:none;  }
.sc-text span, .sc-text-cs span {
font-weight:400;font-size:1.4em;}
.sc-text:hover {background-color:rgba(20,20,20,0);-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;color:rgba(255,255,255,0);text-decoration:none;  }



/*project thumbnails*/
.img-container {height:auto; display:inline-block; position:relative; float:left; overflow:hidden;margin:0.2%; outline:0.2em solid rgba(20,20,20,1);}
.thumbnails{float:left; width:100%; height: auto; overflow:hidden;}
.img-text { font-weight:400; position:absolute; width:100%; height:100%;  display:inline-block; left:0; top:0; color:white;background-color:rgba(20,20,20,0.8); overflow:hidden; font:1em; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;}
.img-text:hover {background-color:rgba(20,20,20, 0);-moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease; }


/*showcase titles/links for section/next page*/
.img-title  {text-align:center; text-transform:uppercase; font-size:1.5em; font-weight:400; position:absolute; width:75%; height:80%; z-index:1; display:inline-block; left:0; top:0; padding: 10%; padding-right:15%; overflow:hidden; font:1em; -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease; color:rgba(20,20,20,1); }
a:hover .img-title  {background-color:rgba(220, 36, 0, 0); color:rgba(220, 36, 0, 1);
 -moz-transition: 0.75s ease;
-webkit-transition: 0.75s ease;
transition: 0.75s ease;
}


/*next/prev, qr code and vcard*/
.qv, .sv{ text-decoration:none; color:white; text-decoration:none; list-style-type: none;text-transform:uppercase; padding-bottom:2em; padding-top:2em;  }
.qv ul , .sv ul{ margin-left:auto; margin-right:auto; text-align: center; 
  list-style: none;}
.qv ul li, .sv ul li {width:47%; margin:1%; display: inline-block;
background-color:rgba(20,20,20,1);
  text-align: center; padding-left:auto; padding-right:auto; line-height:4em;}
.qv ul li a, .sv ul li a {font-weight:400; text-decoration:none; color:white; 
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease;
display:block; }
.qv ul li a:hover, .qv ul li a:focus, .sv ul li a:hover, .sv ul li a:focus{background-color:rgba(220, 36, 0, 0.75);
  -moz-transition: background-color 0.75s ease;
-webkit-transition: background-color 0.75s ease;
transition: background-color 0.75s ease; }
.qv  ul li a.active, .sv ul li a.active {background-color:rgba(220, 36, 0, 0.75); color:white;}
.qv ul li a.active:focus, .sv ul li a.active:focus {background-color:rgba(220, 36, 0, 1); color:white;}


.tel {color: rgba(20,20,20,1); text-decoration:none; font-weight:400; }
a:focus .tel {color:rgba(220, 36, 0, 1; font-weight:600;)}
.address {}