*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
a{color:inherit;text-decoration:none}
img{max-width:100%;max-height:100%}
li{float:right:}
ul{margin:0;padding:0;font-size:100%;line-height:1.125em;list-style-type:none}
ul.a{list-style-type:circle}
h2{font-family:'Playfair Display',serif;font-size:.5em;color:rgba(42,85,56,0.8)}
body{font-family:'Playfair Display',serif;margin:0;padding:0;background:#FAFAFA;text-align:justify;max-width:100%;font-weight:400;font-size:100%;color:#7B7B7A;overflow-y:scroll;overflow-x:hidden}

.container{margin-left:215px;float:right;max-width:100%;display:inline-block;position:absolute}
.teamcontainer{float:left;max-width:95%;display:inline-block;position:absolute}
.teamcolumn{float:left;width:33%;padding:10px;text-align:left;font-family:'Open Sans';color:#7B7B7A;font-weight:200;font-size:.9em;line-height:1.9em}
.teamcolumn img{margin-top:12px}div.tg img{width:100%;height:auto}div.desc{padding:15px;text-align:center}.tr{padding:8px;float:left;width:24.99%}.teamrow:after{content:"";display:table;clear:both}
.portimg1{display:inline-block;width:auto;height:100%;float:left;padding-right:35px;padding-bottom:20px;cursor:pointer}
.teamimg{display:inline-block;width:100%;height:auto;float:left;padding-right:35px;padding-bottom:20px;cursor:pointer}
.ie7 body{overflow:hidden}
.wrapper{margin:0 auto;width:99%;float:left;overflow:hidden}
.l-container{float:left;position:relative}
.r-container{float:left;width:85%;position:relative}
.p-container{float:left;width:100%;position:relative}
.history-container{margin-top:0}
.about-container{margin-top:200px}
.wabcont{margin-top:200px}
.spec-container{margin-top:200px}
.teamcont{float:left;margin-top:200px}
.contact-container{float:left;width:100%;margin-top:200px}
.credit-container{float:left;width:100%;margin-top:200px}
.logo{position:fixed;top:15px;left:15px;height:190px;cursor:pointer;z-index:1000000000}
.logofull{position:fixed;top:5px;left:5px;cursor:pointer;z-index:100000000}
.toggle_menu{position:fixed;padding:10px 10px 8px 15px;border-radius:3px;width:50px;margin-top:200px;margin-left:-5px;overflow:hidden;cursor:pointer;background-color:rgba(42,85,56,0.8);z-index:1000000;transition:all .3s ease-in-out}
.side_nav{position:fixed;width:0;margin-top:200px;left:0;overflow:hidden;height:100vh;z-index:1000000;background-color:rgba(42,85,56,0.8);transition:all .3s ease-in-out}
.port_bar{position:fixed;width:200px;bottom:5px}
.closeicon{right:10px;top:10px;opacity:.7;cursor:pointer;position:absolute;transition:all .3s ease-in-out}
.closeicon:hover{opacity:1}
.logo_title{color:#fff;font-family:'Playfair Display',serif;font-weight:200;font-size:12px;text-align:center;padding:5px 0}
.navigation_selection{margin:20px 0;display:block;width:150px;margin-left:25px;text-decoration:none}
.navigation_item{font-weight:150;font-family:'Open Sans',serif;color:#fff;padding:12px 0;box-sizing:border-box;font-size:14px;color:#D8D8D8;text-decoration:none;border-bottom:solid 1px #D8D8D8;transition:all .3s ease-in-out;cursor:pointer}
.port_selection{margin:20px 0;display:block;width:150px;margin-left:25px;text-decoration:none}
.port_item{font-weight:200;font-family:'Open Sans',serif;text-align:right;color:grey;padding:3px;font-size:14px;text-decoration:none;cursor:pointer}
.port_nl{font-weight:200;font-family:'Open Sans',serif;text-align:right;color:grey;padding:3px;font-size:14px;text-decoration:none}
.port_item:hover{color:lightgray}
.navigation_item:hover{color:#fff;transition:all .3s ease-in-out}
.philades{position:fixed;font-family:'Playfair Display',serif;height:190px;right:20px;bottom:20px;font-size:80px;color:#fff;cursor:pointer;z-index:999999999}
.boxed_item_smaller{font-size:12px;color:#d8d8d8;width:20px}
.hide_menu{margin-left:0}
.hide_toggle{margin-left:-250px}
.opacity_one{opacity:1;transition:all .3s ease-in-out}
.hist{margin-left:215px;max-width:98%}
.wipcont{margin-left:215px;max-width:98%}
.header{font-family:'Playfair Display',serif;text-justify:left;margin-top:0;color:#7B7B7A;font-weight:200;font-size:2.5em}
.header2{margin-left:215px;font-family:'Playfair Display',serif;text-justify:left;margin-top:0;color:#7B7B7A;font-weight:200;font-size:2.5em}
.aboutfull{position:relative;font-family:'Playfair Display',serif;color:#7B7B7A;font-weight:200;font-size:1.5em}
.credcopy{position:relative;font-family:'Open Sans',serif;text-align:left;color:#7B7B7A;font-weight:50;font-size:.9em;line-height:1.3em}
.credlink{position:relative;font-family:'Open Sans',serif;text-align:left;color:#7B7B7A;font-weight:50;line-height:1.3em;font-style:oblique}
.credlink:hover{color:lightgray}.email{position:relative;font-family:'Open Sans',serif;text-align:left;color:#7B7B7A;font-weight:50;font-size:.8em;line-height:1.3em}
.email:hover{color:lightgray}a.ccopy:hover{color:lightgray}.dcopy{position:relative;text-align:center;padding:2px;font-family:'Open Sans';color:#7B7B7A;font-weight:200;font-size:.9em;line-height:1.2em}
.bcopy{position:relative;font-family:'Open Sans',serif;color:#7B7B7A;font-weight:200;font-size:1.1em;line-height:1.3em}
.caption{position:relative;font-family:'Open Sans',sans-serif;float:right;color:#7B7B7A;font-weight:200;font-size:.8em;line-height:1.3em}
.caption2{display:none}
.h3{position:relative;width:98%;text-align:center;font-family:'Open Sans',serif;color:rgba(42,85,56,0.8);font-weight:200;font-size:3em;line-height:1.3em}
.aboutleft{float:left}.aboutright{float:right}.aboutimg{float:left;height:auto;padding-top:6px;padding-right:20px;z-index:154}.aboutimg2{float:right;height:auto;padding-top:50px;padding-left:20px;z-index:153}
.curimg{display:inline-block;width:100%;height:auto;padding-right:25px}.row > .column{padding:0 8px}.row:after{content:"";display:table;clear:both}.column{display:inline-block;padding:0,auto}
.modal{max-width:700px;max-height:700px;display:none;position:fixed;z-index:1.1111111111111E+25;padding-top:50px;margin-left:auto;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(42,85,56,0.8)}
.modal-content{position:center;margin:0 auto;padding:0;width:90%;max-width:700px}
.close{color:#fff;position:absolute;top:0;right:15px;font-size:35px;font-weight:700}
.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}.mySlides{display:none}.prev,.next{cursor:pointer;top:50%;margin-top:-50px;transition:.6s ease;user-select:none;-webkit-user-select:none}
.next{right:0;border-radius:0 0 0 0}.prev:hover,.next:hover{background-color:rgba(42,85,56,0.8)}.caption-container{text-align:center;background-color:rgba(42,85,56,0.8);padding:2px 16px;color:#fff}img.demo{display:inline-block;padding:0;opacity:.6}.active,.demo:hover{opacity:1}img.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}#addbox{width:550px;margin:auto;background:#fff;position:absolute;float:left;padding:40px 20px 20px;min-height:300px;height:auto!important;height:300px;outline:3px rgba(42,85,56,0.8) solid;outline-offset:-15px}
.chead{position:relative;max-width:550px;text-align:center;font-family:'Playfair Display',serif;color:rgba(42,85,56,0.8);font-weight:300;font-size:1.4em;line-height:1.3em}
.ccopy{position:relative;text-align:left;font-family:'Open Sans';color:#7B7B7A;font-weight:100;font-size:1.1em;line-height:1.3em}#map{width:500px;height:300px;float:right;background-color:grey;border-style:solid;border-color:rgba(42,85,56,0.8)}#spec-other{float:left;overflow:auto;max-width:385px;height:auto;padding-top:5px;padding-right:15px}.thumbs{padding:5px}.portgal{display:none}@media screen and (min-width: 769px){.logo{position:fixed;top:5px;left:5px;height:160px;width:160px;z-index:1000000000}}@media screen and (min-width: 769px) and (max-width: 1600px){.r-container{width:98%;position:relative}.tr{width:32.999%;padding:6px}}@media only screen and (max-width: 1020px){.tr{width:49.99%;padding:4px}#spec-other{display:none}
.aboutimg{clear:both;width:100%;height:auto;padding:0;z-index:154}
.aboutimg2{clear:both;width:100%;height:auto;padding:0;z-index:154}
.caption{position:relative;font-family:'Open Sans',sans-serif;float:left;color:#7B7B7A;font-weight:200;font-size:.6em;line-height:1.3em}}@media only screen and (max-width: 500px){.tr{width:100%}}@media screen and (min-width: 441px) and (max-width: 768px){.caption2{position:relative;display:inline;font-family:'Open Sans',sans-serif;float:right;color:#7B7B7A;font-weight:200;font-size:.6em;line-height:1.3em}.caption{position:relative;font-family:'Open Sans',sans-serif;float:left;color:#7B7B7A;font-weight:200;font-size:.6em;line-height:1.3em}.logo{display:none}.philades{position:fixed;font-family:'Playfair Display',serif;height:80px;right:5px;bottom:5px;cursor:pointer;z-index:999999999}
.r-container{width:98%;position:relative}
.p-container{width:98%;position:relative}
.port_bar{display:none}
.portgal{display:block;margin-bottom:0;margin-right:0;display:block;margin-bottom:0;margin-right:0}
.port_selection2{display:block;text-decoration:none}
.port_item2{font-family:'Open Sans',serif;text-align:right;color:grey;padding:2px;font-size:13px;text-decoration:none;cursor:pointer}
.port_item2:hover{color:lightgray}
.toggle_menu{position:fixed;padding:10px 10px 8px 15px;border-radius:3px;width:50px;margin-top:55px;margin-left:-5px;overflow:hidden;cursor:pointer;background-color:rgba(42,85,56,1);z-index:1000000;transition:all .3s ease-in-out}
.side_nav{position:fixed;width:0;margin-top:55px;left:0;overflow:hidden;height:100vh;z-index:1000000;background-color:rgba(42,85,56,1);transition:all .3s ease-in-out}
.port_bar{position:fixed;width:160px;bottom:5px}
.navigation_selection{margin:20px 0;display:block;width:120px;margin-left:25px;text-decoration:none}
.navigation_item{font-weight:120;font-family:'Open Sans',serif;color:#fff;padding:7px 0;box-sizing:border-box;font-size:11px;color:#D8D8D8;text-decoration:none;border-bottom:solid 1px #D8D8D8;transition:all .3s ease-in-out;cursor:pointer}
.hist{margin-left:170px}
.wipcont{margin-left:170px}
.header2{margin-left:170px}}@media screen and (max-width: 440px){img{max-width:100%;height:auto;justify-content:center}
.caption2{position:relative;display:inline;font-family:'Open Sans',sans-serif;float:right;color:#7B7B7A;font-weight:200;font-size:.6em;line-height:1.3em}
.block{position:fixed;width:100%;height:125px;background-color:rgba(42,85,56,0.8);z-index:10000}
.logo{position:fixed;top:5px;left:5px;height:120px;cursor:pointer;z-index:1000000000}
.philades{position:fixed;bottom:5px;right:5px;width:80%;height:auto;z-index:1000000000}
.wrapper{max-width:100%}
.logofull{max-height:125px;position:fixed;margin:2px;cursor:pointer;z-index:100000000}
.r-container{width:98%;margin-top:130px;margin-left:5px}
.hist{max-width:98%;margin:0}
.header{font-size:1.8em;padding-top:125px;text-align:right}
.toggle_menu{position:fixed;padding:10px 10px 8px 15px;border-radius:3px;width:50px;margin-top:125px;margin-left:-5px;overflow:hidden;cursor:pointer;background-color:rgba(42,85,56,0.8);z-index:1000000;transition:all .3s ease-in-out}.side_nav{position:fixed;width:0;margin-top:125px;left:0;overflow:hidden;height:100vh;z-index:1000000;background-color:rgba(42,85,56,0.8);transition:all .3s ease-in-out}
.hide_toggle{margin-left:-250px}
.aboutimg{float:left;width:100%;height:auto;padding:0;z-index:154}
.wipcont{margin-left:0;max-width:98%}
.h3{font-size:2em}
.ccopy{text-align:right}
.bcopy{text-align:justify;font-size:.8em}
.caption{position:relative;font-family:'Open Sans',sans-serif;float:right;color:#7B7B7A;font-weight:200;font-size:.6em;line-height:1.3em}
.aboutfull{position:relative;font-family:'Playfair Display',serif;float:left;margin-top:0;color:#7B7B7A;font-weight:200;font-size:1.2em;padding-bottom:.1em}
.p-container{margin-right:5px;max-width:98%}
.header2{font-size:1.8em;padding-top:125px;text-align:right}
.portimg1{margin-left:0;max-width:100%}
.container{margin-left:50px;max-width:97%}
.port_bar{display:none}
.portgal{display:block;margin-bottom:0;margin-right:0}
.port_selection2{display:block;text-decoration:none}
.port_item2{font-family:'Open Sans',serif;text-align:right;color:grey;padding:2px;font-size:13px;text-decoration:none;cursor:pointer}
.port_item2:hover{color:lightgray}
.toggle_menu{border-radius:0}}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.slider {
    position: relative;
    width: 80%;
    max-width: 800px;
}

.slides {
    display: flex;
    overflow: hidden;
    position: relative;
}

.slide {
    min-width: 100%;
    transition: transform 0.5s ease-in-out;
}

.slide img {
    width: 100%;
    display: block;
}

.thumbnail-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.thumbnail {
    width: 100px;
    height: auto;
    cursor: pointer;
    margin: 0 5px;
    border: 2px solid transparent;
    transition: border 0.3s ease;
}

.thumbnail:hover {
    border: 2px solid #333;
}