@charset "utf-8";
/* CSS Document */

html, body, #header {
    margin: 0 !important;
    padding: 0 !important;
}
body {	background-image: url();
	background-color:#FFFFFF;}


/* ======== Notes for the other conversions  =======
Comvert EVERYTHING into NotoSans
Do general typography
Colours of footer bars and other colours
Con-icons for home page


======= */

div.con-icon{
height:30px; width:30px;
margin:0px 0% 0px 0%; padding: padding: 0px 0px 0px 0px;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}


div.cl-form{background-image: url(cl-form.png);} 
div.cl-mail{background-image: url(cl-mail.png);} 
div.cl-phone{background-image: url(cl-phone.png);} 

/* ======== TEXT CONTROLS  ============== */

div.c1{
     font-family: 'Noto Sans', sans-serif;

        font-size:16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 1.4;
        color:#111111
        }

div.c2{
        font-family: 'Noto Sans', sans-serif;
        font-size:17px;
        font-weight: 300;
        letter-spacing: 0px;
        line-height: 1.4;
        color:#16243d;
        }

div.c3{
        font-family: 'Noto Sans', sans-serif;
        font-size:24px;
        font-weight: 300;
        letter-spacing: -0.4px;
        line-height: 1.4;
        color:#16243d;
        }

div.t1{
        font-family: 'Noto Sans', sans-serif;
        font-size:30px;
        font-weight: 300;
        letter-spacing: -0.4px;
        line-height: 1;
        color:#111111;
        }

div.t2{
        font-family: 'Noto Sans', sans-serif;
        font-size:17px;
        font-weight: 300;
        letter-spacing: 0px;
        line-height: 1.4;
        color:#16243d;
        }

div.t3{
        font-family: 'Noto Sans', sans-serif;
        font-size:17px;
        font-weight: 300;
        letter-spacing: 0px;
        line-height: 1.4;
        color:#16243d;
        }



/* --------------#f4f3ef;
 _____  _                                      ______                                           _      ____   ___                 
 |  __ \(_)                                    |  ____|                                         | |    |___ \ / _ \                
 | |__) |_ _ __   ___  __ _ _ __  _ __   __ _  | |__ _ __ __ _ _ __ ___   _____      _____  _ __| | __   __) | | | |   ___ ___ ___ 
 |  _  /| | '_ \ / _ \/ _` | '_ \| '_ \ / _` | |  __| '__/ _` | '_ ` _ \ / _ \ \ /\ / / _ \| '__| |/ /  |__ <| | | |  / __/ __/ __|
 | | \ \| | | | |  __/ (_| | | | | | | | (_| | | |  | | | (_| | | | | | |  __/\ V  V / (_) | |  |   <   ___) | |_| | | (_| (__\__ \
 |_|  \_\_|_| |_|\___|\__,_|_| |_|_| |_|\__,_| |_|  |_|  \__,_|_| |_| |_|\___| \_/\_/ \___/|_|  |_|\_\ |____(_)___/   \___\___|___/
    
    -----------   */    

/* ======== MEDIA QUERIES ============== */
.mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
.mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){ .mobileShow { display: inline;}}
.tabletHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 480px)
   and (max-device-width : 1000px){  .tabletHide { display: none;}}
.tabletShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 480px)
   and (max-device-width : 1000px){  .tabletShow { display: inline;}}

.smallHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 1029px)
   and (max-device-width : 1439px){  .smallHide { display: none;}}
.smallShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 1029px)
   and (max-device-width : 1439px){  .smallShow { display: inline;}}



.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {      opacity: 0.5;      }

/* ======== SPACERS  ============== */
div.spacer{  backgroundColor:  yellow;}div.s-25{height:25px;}div.s-50{  height:50px; }
div.s-75{height:75px;}div.s-100{  height:100px;}div.s-150{height:150px;}
div.s-200{  height:200px;}div.s-250{height:250px;}

/* ======== LINKS   ============== */
.link1 A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: white; text-decoration: none;}
.link1 A:visited {color: white; text-decoration: none;}
.link1 A:active { color: white; text-decoration: none;}
.link1 A:hover {color:grey; text-decoration: none; }

.link-foot A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: white; text-decoration: none;}
.link-foot A:visited {color: lightgrey; text-decoration: none;}
.link-foot A:active { color: white; text-decoration: none;}
.link-foot A:hover {color:#6944c0; text-decoration: none; }

.link3 A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: #5b7782; text-decoration: none;}
.link3 A:visited {color: #5b7782; text-decoration: none;}
.link3 A:active { color: #5b7782; text-decoration: none;}
.link3 A:hover {color:grey; text-decoration: none; }

.link4 A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: #5b7782; text-decoration: none;}
.link4 A:visited {color: #5b7782; text-decoration: none;}
.link4 A:active { color: #5b7782; text-decoration: none;}
.link4 A:hover {color:#465741; text-decoration: none; }

.link5 A:link { -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s; color: black; text-decoration: none;}
.link5 A:visited {color: black; text-decoration: none;}
.link5 A:active { color: black; text-decoration: none;}
.link5 A:hover {color:#6944c0; text-decoration: none; }




/* -=========== HEADER  NAVIGATION BAR  ===========  */

div.header {
position: fixed;
top: 0;    left: 0;
width: 95%;    padding: 0 0 0 5%;
z-index: 10000;
transition: all 0.2s ease-in-out;
height: 65PX;
background-color:transparent;  
text-align: left;
}

div.header.active {
background: #7845ed;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
border-bottom: 3px black solid;
}

div.headercont{
margin: 0 0 0 5%;
width: 95%; height:35px;
padding: 0px 0px 0px 10%;
backgroundcolor: red;
text-align:left;
}

div.headerblocks{
width:auto; 
padding: 20px 2.5% 10px 0%;
backgroundcolor: grey;
text-align:left;
display:inline-block;
font-family: 'Roboto Condensed', sans-serif;

color:#FFFFFF;
font-size: 15px;
font-weight: 400;
letter-spacing:0.5px;
white-space:nowrap;
}


    div.headerlogo{
height:40px; width:160px;
margin:15px 10% 00px 0%;
float: right;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(whitelogonav.png);
}




/* HERO - - HERO - - - HERO - - -   */
/* HERO - - HERO - - - HERO - - -   */

    div.hero{
height:680px; width: 100%;
background-size: cover;background-position:center;
background-repeat:no-repeat;color:black;
background: rgba(0, 0, 0, .5);
background-blend-mode: darken;
}


    div.herologo{
height:200px; width:400px;
margin:0px 0% 25px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(whitelogonav.png);
}


div.herowordwrap{
width:70%; height: auto;
margin: 0px 0px 0px 10%; padding: 150px 0px 0px 0px;
}

div.herotitle{
width:80%; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
 font-family: 'Noto Sans', sans-serif;
    font-size: 43px;
    font-weight: 800;
    letter-spacing: -3px;
    line-height: 1.3;
    color:#ffffff;
}

div.herocopy1{
width:40%; height: auto;
margin: 15px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 1.3;
    color:#ffffff;
}

div.herocopy2{
width:60%; height: auto;
margin: 15px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block;vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.3;
    color:#ffffff;
}



/* FRAMING STUFF- - -   */

div.top-frame{
width:90%; height: auto;
margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}

div.top-pic{
height:350px; width:40%;
margin:0px 0% 25px 0%; padding: padding: 0px 0px 0px 0px;;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
border-radius: 40px 0 0 40px;
}

div.tp-mod1{height:500px;}


/* INDEX WITH LOGO- - -   */
div.top-pic-index-frame{
height:auto; width:40%;
margin:0px 0% -75px 0%; padding: padding: 0px 0px 0px 0px;;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}

div.top-pic-index{
height:550px; width:100%;
margin:0px 0% 25px 0%; padding: 0px 0px 0px 0px;;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}

div.tpil{
    position: relative; top: -180px;
height:110px; width:300px;
margin:0px 0% 25px 0%; padding: 0px 0px 0px 0px;;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}

div.tt{background-image: url(rics-title.png);}

div.cont-pic{
height:350px; width:100%;
margin:0px 0% 25px 0%; padding: padding: 0px 0px 0px 0%;;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;

}

div.cont-pic-matt{
height:450px; width:100%;
margin:0px 0% 25px 0%; padding: padding: 0px 0px 0px 0%;;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}


div.cptall{height:600px; }
div.cpmid{height:400px; }


div.cont-pic-frame{
height:auto; width:40%;
margin:0px 0% 0px 10%; padding: padding: 0px 0px 0px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}

div.cont-pic-frame-left{
height:auto; width:0%;
margin:0px 0% 0px 10%; padding: padding: 0px 0px 0px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
vertical-align: top; display: inline-block;
}

div.top-word-frame{
width:40%; height: auto;
margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}

div.cont-word-frame{
width:40%; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}

div.top-words{
width:auto; height: auto;
margin: 0px 0px 20px 0%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}

div.top-words-copy{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}

div.sect-frame{
width:90%; height: auto;
margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}



div.prime-bit{
width:80%; height: auto;
margin: 0px 0px 0 5%; padding: 0px 0px 0px 2.5%;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 1.5;
    color:#111111;
    border-left: 5px solid #7845ed;
    backgroundcolor: yellow;
}

div.prbars-block{
width: auto; height: 100%;
backgroundcolor: pink;
margin: 0px 20px 0px 0%; padding: 0px 0px 0px 0%;
vertical-align: top;
display: inline-block; vertical-align: top;
float: left;
}



div.prbars{
width:3px; height: 100%;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 1px;
display: inline-block; vertical-align: top;
border-left: 1px solid #5b7782;
}



/* -----------backbar- - -   */

    div.backbar{
height:auto; width:100%;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
background-size: cover; background-position:center; background-repeat:no-repeat;
display: inline-block; vertical-align: top;
}

div.col-blue{background-color: #2f1f55;}



    div.shade{
height:15px; width:100%;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
background-color: rgba(0,0,0,0.3);
}

    div.s-top{position: relative;top: -7px;}
    div.s-bot{position: relative;top: 10px;}



div.curve-b-bottom{
height:69px; width:100%;
margin:0px 0% 0px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(curve-b-bottom.png);
}

div.curve-b-top{
height:69px; width:100%;
margin:0px 0% 0px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(curve-b-top.png);
}


div.four-sect-cont{
width:95%; height: auto;
margin: 0px 0px 0px 5%; padding: 75px 0px 75px 0px;
vertical-align: top; display: inline-block;
}

div.indexvert{
width:15.5%; height: auto;
margin: 0px 4% 0px 0%; padding: 0px 0px 0px 0px;
vertical-align: top; display: inline-block;
}

    div.fspic{
height:250px; width:100%;
margin: 0px 0px 20px 0%; padding: 0px 0px 0px 0px;
background-size: cover; background-position:center; background-repeat:no-repeat;
display: inline-block; vertical-align: top;
}

div.fs-title{
width:100%; height: auto;
margin: 0px 0px 12px 0%; padding: 0px 0px 0px 0%;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1;
    color: white;
}

div.fs-copy{
width:100%; height: 130px;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0%;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.4;
    color: white;
}

div.fs-button{
width:auto; height: auto;
margin: 20px 0px 0px 0%; padding: 5px 20px 8px 20px;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;

    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1;
    color: white;
    border-radius: 10px;
    background-color: #222222;
}

hr.new1 {   border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;}

hr.new2{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255,.75), rgba(255, 255, 255, 0.0));

}



/* ======================================    */
/* RESIDENTIAL BESPOKE==================    */

    div.res-frame{
height:auto; width: 80%;
margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0px;
background-size: cover; background-position:center; background-repeat:no-repeat;
display: inline-block; vertical-align: top;
}

    div.res-widepic{
height:300px; width:100%;
margin: 0px 0px 20px 0%; padding: 0px 0px 0px 0px;
background-size: cover; background-position:center; background-repeat:no-repeat;
display: inline-block; vertical-align: top;
}

div.res-title{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
}

div.res-words{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
column-count: 3;
column-gap: 6%;
}

div.cust-col{
width: 40%;
column-count: 1;
column-gap: 0%;
}





























/* FOOTER  - -   */

div.footer{
width:100%; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 50px 0px;
display: inline-block; vertical-align: top;
  background-color: #454545;
}

div.footcurve{
height:163px; width:100%;
margin:0px 0% 0px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(footcurve.png);
}
div.footcurve2{
height:148px; width:100%;
margin:0px 0% 0px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(footcurve2.png);
}

div.fcol1{
width:30%; height: auto;
margin: 50px 0px 0px 7%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
border-right: grey 1px dotted;
}

div.fcol2{
width:10%; height: auto;
margin: 0px 0px 0px 10%; padding: 50px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}

div.fcol3{
width:15%; height: auto;
margin: 0px 0px 0px 7%; padding: 50px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: grey;
}

div.fcol4{
width:15%; height: auto;
margin: 0px 0px 0px 2%; padding:50px 0px 0px 0px;
display: inline-block; vertical-align: top;
backgroundcolor: pink;
}

div.footlogo1{
height:130px; width:300px;
margin:0px 0% 30px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(whitelogonav.png);
}

div.rics-footer-logo{
height:140px; width:140px;
margin:20px 0% 30px 0%;
background-size: cover; background-position:center; background-repeat:no-repeat;
background-image: url(iaatlogo.png);
}

div.foot-copy{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.2;
    color: white;

}

div.foot-copy-small{
width:80%; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    color: white;
}

div.f-t1{
width:auto; height: auto;
margin: 0px 0px 15px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Roboto Condensed', sans-serif;
    font-size: 16.5px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.2;
    color: white;
}



div.f-l1{
width:auto; height: auto;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 1.5;
    color: white;
}

div.footbase{
width:100%; height: auto;
margin: 0px 0px 0px 0%; padding: 30px 0px 30px 0px;
display: inline-block; vertical-align: top;
font-family: 'Noto Sans', sans-serif;

    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2;
    color: white;
text-align: center;
border-top: grey dotted 1px;
background-color: #222222;
}




div.con-vert{
width:30%; height: 300px;
margin: 0px 0px 0px 10%; padding: 50px 0px 50px 0%;
display: inline-block; vertical-align: top;
background-color: white;
 -webkit-box-shadow: 10px 10px 16px -1px rgba(0,0,0,0.55);
      -moz-box-shadow: 10px 10px 16px -1px rgba(0,0,0,0.55);
      box-shadow: 10px 10px 16px -1px rgba(0,0,0,0.55);
      border-radius: 20px;
}

div.cv-inner{
width:auto; height: auto;
margin: 0px 0px 0px 10%; padding: 0px 0px 0px 4%;
display: inline-block; vertical-align: top;
border-left: #6944c0 2px solid;
backgroundcolor: pink;
}












div.con-1{
width:auto; height: auto;
margin: 0px 0px 0px 5%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    color: #111111;
  
}

div.con-2{
width:auto; height: auto;
margin: 5px 0px 0px 5%; padding: 0px 0px 30px 0px;
display: inline-block; vertical-align: top;
     font-family: 'Noto Sans', sans-serif;

        font-size:16px;
        font-weight: 600;
        letter-spacing: 0px;
        line-height: 1.4;
        color:#111111
}


div.tabbox{
width:auto; height: auto;
margin: 0px 0px 5px 10%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
        font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    color: #111111;
}

div.in-box{
margin: 0px 0px 30px 10%; padding: 0px 0px 0px 0px;
display: inline-block; vertical-align: top;
border-radius: 10px;
width: 90%;
background-color: pink;
}

div.ib1{height: 12px;}
div.ib2{height: 90px;}

input[type=text] {;
  padding: 5px 10px 5px 10px;
  margin: 0px 0;
  border-radius: 3px;
   border: 1px #5b7782  solid;
}






div.c1{
     font-family: 'Noto Sans', sans-serif;
        font-size:14.5px;
        font-weight: 400;
        letter-spacing: -0.1px;
        line-height: 1.5;
        color:#111111
        }

div.c2{
        font-family: 'Noto Sans', sans-serif;
        font-size:17px;
        font-weight: 300;
        letter-spacing: 0px;
        line-height: 1.4;
        color:#16243d;
        }

div.c3{
        font-family: 'Noto Sans', sans-serif;
        font-size:24px;
        font-weight: 300;
        letter-spacing: -0.4px;
        line-height: 1.4;
        color:#16243d;
        }

div.t1{
        font-family: 'Noto Sans', sans-serif;
        font-size:30px;
        font-weight: 300;
        letter-spacing: -0.4px;
        line-height: 1;
        color:#111111;
        }



div.gh1{height:500px}



/* ======== Full image control measures   ============== */
/* ======== Full image control measures   ============== */
/* ======== Full image control measures   ============== */

/* ======== Full image control measures  |  Updated 2022 ============== */
div.bp1{background-image: url(bp/bp1.jpg);}div.bp2{background-image: url(bp/bp2.jpg);}
div.bp3{background-image: url(bp/bp3.jpg);}div.bp4{background-image: url(bp/bp4.jpg);}
div.bp5{background-image: url(bp/bp5.jpg);}div.bp6{background-image: url(bp/bp6.jpg);}
div.bp7{background-image: url(bp/bp7.jpg);}div.bp8{background-image: url(bp/bp8.jpg);}
div.bp9{background-image: url(bp/bp9.jpg);}div.bp10{background-image: url(bp/bp10.jpg);}
div.bp11{background-image: url(bp/bp11.jpg);}div.bp12{background-image: url(bp/bp12.jpg);}
div.bp13{background-image: url(bp/bp13.jpg);}div.bp13{background-image: url(bp/bp13.jpg);}
div.bp14{background-image: url(bp/bp14.jpg);}div.bp15{background-image: url(bp/bp15.jpg);}
div.bp16{background-image: url(bp/bp16.jpg);}div.bp17{background-image: url(bp/bp17.jpg);}
div.bp18{background-image: url(bp/bp18.jpg);}div.bp19{background-image: url(bp/bp19.jpg);}
div.bp20{background-image: url(bp/bp20.jpg);}div.bp21{background-image: url(bp/bp21.jpg);}
div.bp22{background-image: url(bp/bp22.jpg);}div.bp23{background-image: url(bp/bp23.jpg);}
div.bp24{background-image: url(bp/bp24.jpg);}div.bp25{background-image: url(bp/bp25.jpg);}
div.bp26{background-image: url(bp/bp26.jpg);}div.bp27{background-image: url(bp/bp27.jpg);}
div.bp28{background-image: url(bp/bp28.jpg);}div.bp29{background-image: url(bp/bp29.jpg);}
div.bp30{background-image: url(bp/bp30.jpg);}div.bp31{background-image: url(bp/bp31.jpg);}
div.bp32{background-image: url(bp/bp32.jpg);}div.bp33{background-image: url(bp/bp33.jpg);}
div.bp34{background-image: url(bp/bp34.jpg);}div.bp35{background-image: url(bp/bp35.jpg);}
div.bp36{background-image: url(bp/bp36.jpg);}div.bp37{background-image: url(bp/bp37.jpg);} 
div.bp38{background-image: url(bp/bp38.jpg);} div.bp65{background-image: url(bp/bp65.jpg);} 
div.bp39{background-image: url(bp/bp39.jpg);} div.bp40{background-image: url(bp/bp40.jpg);} 
div.bp41{background-image: url(bp/bp41.jpg);} div.bp42{background-image: url(bp/bp42.jpg);} 
div.bp43{background-image: url(bp/bp43.jpg);} div.bp44{background-image: url(bp/bp44.jpg);} 
div.bp45{background-image: url(bp/bp45.jpg);} div.bp46{background-image: url(bp/bp46.jpg);} 
div.bp47{background-image: url(bp/bp47.jpg);} div.bp48{background-image: url(bp/bp48.jpg);} 
div.bp49{background-image: url(bp/bp49.jpg);} div.bp50{background-image: url(bp/bp50.jpg);} 
div.bp51{background-image: url(bp/bp51.jpg);} div.bp52{background-image: url(bp/bp52.jpg);} 
div.bp53{background-image: url(bp/bp53.jpg);} div.bp54{background-image: url(bp/bp54.jpg);} 
div.bp55{background-image: url(bp/bp55.jpg);} div.bp56{background-image: url(bp/bp56.jpg);} 
div.bp57{background-image: url(bp/bp57.jpg);} div.bp58{background-image: url(bp/bp58.jpg);} 
div.bp59{background-image: url(bp/bp59.jpg);} div.bp60{background-image: url(bp/bp60.jpg);} 
div.bp61{background-image: url(bp/bp61.jpg);} div.bp62{background-image: url(bp/bp62.jpg);} 
div.bp63{background-image: url(bp/bp63.jpg);} div.bp64{background-image: url(bp/bp64.jpg);} 
div.bp66{background-image: url(bp/bp66.jpg);} div.bp66{background-image: url(bp/bp66.jpg);} 
div.bp67{background-image: url(bp/bp67.jpg);} div.bp68{background-image: url(bp/bp68.jpg);} 
div.bp69{background-image: url(bp/bp69.jpg);} div.bp70{background-image: url(bp/bp70.jpg);} 
div.bp71{background-image: url(bp/bp71.jpg);} div.bp72{background-image: url(bp/bp72.jpg);} 
div.bp73{background-image: url(bp/bp73.jpg);} div.bp74{background-image: url(bp/bp74.jpg);} 
div.bp75{background-image: url(bp/bp75.jpg);} div.bp76{background-image: url(bp/bp76.jpg);} 
div.bp77{background-image: url(bp/bp77.jpg);} div.bp78{background-image: url(bp/bp78.jpg);} 
div.bp79{background-image: url(bp/bp79.jpg);} div.bp80{background-image: url(bp/bp80.jpg);} 
div.bp81{background-image: url(bp/bp81.jpg);} div.bp82{background-image: url(bp/bp82.jpg);} 
div.bp83{background-image: url(bp/bp83.jpg);} div.bp84{background-image: url(bp/bp84.jpg);} 
div.bp85{background-image: url(bp/bp85.jpg);} div.bp86{background-image: url(bp/bp86.jpg);} 
div.bp87{background-image: url(bp/bp87.jpg);} div.bp88{background-image: url(bp/bp88.jpg);} 
div.bp89{background-image: url(bp/bp89.jpg);} div.bp90{background-image: url(bp/bp90.jpg);} 
div.bp91{background-image: url(bp/bp91.jpg);} div.bp92{background-image: url(bp/bp92.jpg);} 
div.bp93{background-image: url(bp/bp93.jpg);} div.bp94{background-image: url(bp/bp94.jpg);} 
div.bp95{background-image: url(bp/bp95.jpg);} div.bp96{background-image: url(bp/bp96.jpg);} 
div.bp97{background-image: url(bp/bp97.jpg);} div.bp98{background-image: url(bp/bp98.jpg);} 
div.bp99{background-image: url(bp/bp99.jpg);} div.bp100{background-image: url(bp/bp100.jpg);}
div.bp101{background-image: url(bp/bp101.jpg);}div.bp102{background-image: url(bp/bp102.jpg);}
div.bp103{background-image: url(bp/bp103.jpg);}div.bp104{background-image: url(bp/bp104.jpg);}
div.bp105{background-image: url(bp/bp105.jpg);}div.bp106{background-image: url(bp/bp106.jpg);}
div.bp107{background-image: url(bp/bp107.jpg);}div.bp108{background-image: url(bp/bp108.jpg);}
div.bp109{background-image: url(bp/bp109.jpg);}div.bp110{background-image: url(bp/bp110.jpg);}
div.bp111{background-image: url(bp/bp111.jpg);}div.bp112{background-image: url(bp/bp112.jpg);}
div.bp113{background-image: url(bp/bp113.jpg);}div.bp113{background-image: url(bp/bp113.jpg);}
div.bp114{background-image: url(bp/bp114.jpg);}div.bp115{background-image: url(bp/bp115.jpg);}
div.bp116{background-image: url(bp/bp116.jpg);}div.bp117{background-image: url(bp/bp117.jpg);}
div.bp118{background-image: url(bp/bp118.jpg);}div.bp119{background-image: url(bp/bp119.jpg);}
div.bp120{background-image: url(bp/bp120.jpg);}div.bp121{background-image: url(bp/bp121.jpg);}
div.bp122{background-image: url(bp/bp122.jpg);}div.bp132{background-image: url(bp/bp132.jpg);}
div.bp133{background-image: url(bp/bp133.jpg);}div.bp134{background-image: url(bp/bp134.jpg);}
div.bp135{background-image: url(bp/bp135.jpg);}div.bp136{background-image: url(bp/bp136.jpg);}
div.bp137{background-image: url(bp/bp137.jpg);}div.bp138{background-image: url(bp/bp138.jpg);}
div.bp139{background-image: url(bp/bp139.jpg);}div.bp140{background-image: url(bp/bp140.jpg);}
div.bp141{background-image: url(bp/bp141.jpg);}div.bp142{background-image: url(bp/bp142.jpg);}
div.bp143{background-image: url(bp/bp143.jpg);}div.bp144{background-image: url(bp/bp144.jpg);}
div.bp145{background-image: url(bp/bp145.jpg);}div.bp146{background-image: url(bp/bp146.jpg);}
div.bp147{background-image: url(bp/bp147.jpg);}div.bp148{background-image: url(bp/bp148.jpg);}
div.bp149{background-image: url(bp/bp149.jpg);}div.bp150{background-image: url(bp/bp150.jpg);}
div.bp151{background-image: url(bp/bp151.jpg);}div.bp152{background-image: url(bp/bp152.jpg);}
div.bp153{background-image: url(bp/bp153.jpg);}div.bp154{background-image: url(bp/bp154.jpg);}
div.bp155{background-image: url(bp/bp155.jpg);}div.bp156{background-image: url(bp/bp156.jpg);}
div.bp157{background-image: url(bp/bp157.jpg);}div.bp158{background-image: url(bp/bp158.jpg);}
div.bp159{background-image: url(bp/bp159.jpg);}div.bp160{background-image: url(bp/bp160.jpg);}
div.bp161{background-image: url(bp/bp161.jpg);}div.bp162{background-image: url(bp/bp162.jpg);}
div.bp163{background-image: url(bp/bp163.jpg);}div.bp164{background-image: url(bp/bp164.jpg);}
div.bp165{background-image: url(bp/bp165.jpg);}div.bp166{background-image: url(bp/bp166.jpg);}
div.bp167{background-image: url(bp/bp167.jpg);}div.bp168{background-image: url(bp/bp168.jpg);}
div.bp169{background-image: url(bp/bp169.jpg);}div.bp170{background-image: url(bp/bp170.jpg);}

div.bp171{background-image: url(bp/bp171.jpg);}div.bp172{background-image: url(bp/bp172.jpg);}
div.bp173{background-image: url(bp/bp173.jpg);}div.bp174{background-image: url(bp/bp174.jpg);}
div.bp175{background-image: url(bp/bp175.jpg);}div.bp176{background-image: url(bp/bp176.jpg);}
div.bp177{background-image: url(bp/bp177.jpg);}div.bp178{background-image: url(bp/bp178.jpg);}
div.bp179{background-image: url(bp/bp179.jpg);}div.bp180{background-image: url(bp/bp180.jpg);}

div.heropic1{background-image: url(hero/heropic1.jpg);} div.heropic2{background-image: url(hero/heropic2.jpg);} 
div.heropic3{background-image: url(hero/heropic3.jpg);} div.heropic4{background-image: url(hero/heropic4.jpg);}
div.heropic5{background-image: url(hero/heropic5.jpg);} div.heropic6{background-image: url(hero/heropic6.jpg);}
div.heropic7{background-image: url(hero/heropic7.jpg);} div.heropic8{background-image: url(hero/heropic8.jpg);}
div.heropic9{background-image: url(hero/heropic9.jpg);} div.heropic10{background-image: url(hero/heropic10.jpg);}
div.heropic11{background-image: url(hero/heropic11.jpg);} div.heropic12{background-image: url(hero/heropic12.jpg);}
div.heropic13{background-image: url(hero/heropic13.jpg);} div.heropic14{background-image: url(hero/heropic14.jpg);}
div.heropic15{background-image: url(hero/heropic15.jpg);} div.heropic16{background-image: url(hero/heropic16.jpg);}
div.heropic17{background-image: url(hero/heropic17.jpg);} div.heropic18{background-image: url(hero/heropic18.jpg);}
div.heropic19{background-image: url(hero/heropic19.jpg);} div.heropic20{background-image: url(hero/heropic20.jpg);}
div.heropic21{background-image: url(hero/heropic21.jpg);} div.heropic22{background-image: url(hero/heropic22.jpg);}
div.heropic23{background-image: url(hero/heropic23.jpg);} div.heropic24{background-image: url(hero/heropic24.jpg);}
div.heropic25{background-image: url(hero/heropic25.jpg);} div.heropic26{background-image: url(hero/heropic26.jpg);}
div.heropic27{background-image: url(hero/heropic27.jpg);} div.heropic28{background-image: url(hero/heropic28.jpg);}
div.heropic29{background-image: url(hero/heropic29.jpg);} div.heropic30{background-image: url(hero/heropic30.jpg);}
div.heropic31{background-image: url(hero/heropic31.jpg);}  div.heropic32{background-image: url(hero/heropic32.jpg);}
div.heropic33{background-image: url(hero/heropic33.jpg);}  div.heropic34{background-image: url(hero/heropic34.jpg);}
div.heropic35{background-image: url(hero/heropic35.jpg);}  div.heropic36{background-image: url(hero/heropic36.jpg);}
div.heropic37{background-image: url(hero/heropic37.jpg);}  div.heropic38{background-image: url(hero/heropic38.jpg);}
div.heropic39{background-image: url(hero/heropic39.jpg);} div.heropic40{background-image: url(hero/heropic40.jpg);} 
div.heropic41{background-image: url(hero/heropic41.jpg);} div.heropic42{background-image: url(hero/heropic42.jpg);} 
div.heropic43{background-image: url(hero/heropic43.jpg);} div.heropic44{background-image: url(hero/heropic44.jpg);} 
div.heropic45{background-image: url(hero/heropic45.jpg);} div.heropic46{background-image: url(hero/heropic46.jpg);} 
div.heropic47{background-image: url(hero/heropic47.jpg);} div.heropic48{background-image: url(hero/heropic48.jpg);} 
div.heropic49{background-image: url(hero/heropic49.jpg);} div.heropic50{background-image: url(hero/heropic50.jpg);} 
div.heropic51{background-image: url(hero/heropic51.jpg);} div.heropic52{background-image: url(hero/heropic52.jpg);} 
div.heropic53{background-image: url(hero/heropic53.jpg);} div.heropic54{background-image: url(hero/heropic54.jpg);} 
div.heropic55{background-image: url(hero/heropic55.jpg);} div.heropic56{background-image: url(hero/heropic56.jpg);} 
div.heropic57{background-image: url(hero/heropic57.jpg);} div.heropic58{background-image: url(hero/heropic58.jpg);} 
div.heropic59{background-image: url(hero/heropic59.jpg);} div.heropic60{background-image: url(hero/heropic60.jpg);} 

div.tp1{background-image: url(titlepics/tp1.jpg);}div.tp2{background-image: url(titlepics/tp2.jpg);}
div.tp3{background-image: url(titlepics/tp3.jpg);}div.tp4{background-image: url(titlepics/tp4.jpg);}
div.tp5{background-image: url(titlepics/tp5.jpg);}div.tp6{background-image: url(titlepics/tp6.jpg);}
div.tp7{background-image: url(titlepics/tp7.jpg);}div.tp8{background-image: url(titlepics/tp8.jpg);}
div.tp9{background-image: url(titlepics/tp9.jpg);}div.tp10{background-image: url(titlepics/tp10.jpg);}
div.tp11{background-image: url(titlepics/tp11.jpg);}div.tp12{background-image: url(titlepics/tp12.jpg);}
div.tp13{background-image: url(titlepics/tp13.jpg);}div.tp13{background-image: url(titlepics/tp13.jpg);}
div.tp14{background-image: url(titlepics/tp14.jpg);}div.tp15{background-image: url(titlepics/tp15.jpg);}
div.tp16{background-image: url(titlepics/tp16.jpg);}div.tp17{background-image: url(titlepics/tp17.jpg);}
div.tp18{background-image: url(titlepics/tp18.jpg);}div.tp19{background-image: url(titlepics/tp19.jpg);}
div.tp20{background-image: url(titlepics/tp20.jpg);}div.tp21{background-image: url(titlepics/tp21.jpg);}
div.tp22{background-image: url(titlepics/tp22.jpg);}div.tp23{background-image: url(titlepics/tp23.jpg);}
div.tp24{background-image: url(titlepics/tp24.jpg);}div.tp25{background-image: url(titlepics/tp25.jpg);}
div.tp26{background-image: url(titlepics/tp26.jpg);}div.tp27{background-image: url(titlepics/tp27.jpg);}
div.tp28{background-image: url(titlepics/tp28.jpg);}div.tp29{background-image: url(titlepics/tp29.jpg);}
div.tp30{background-image: url(titlepics/tp30.jpg);}div.tp31{background-image: url(titlepics/tp31.jpg);}
div.tp32{background-image: url(titlepics/tp32.jpg);}div.tp33{background-image: url(titlepics/tp33.jpg);}
div.tp34{background-image: url(titlepics/tp34.jpg);}div.tp35{background-image: url(titlepics/tp35.jpg);}
div.tp36{background-image: url(titlepics/tp36.jpg);}div.tp37{background-image: url(titlepics/tp37.jpg);}
div.tp38{background-image: url(titlepics/tp38.jpg);}div.tp39{background-image: url(titlepics/tp39.jpg);}
div.tp40{background-image: url(titlepics/tp40.jpg);}div.tp41{background-image: url(titlepics/tp41.jpg);}
div.tp42{background-image: url(titlepics/tp42.jpg);}div.tp43{background-image: url(titlepics/tp43.jpg);}
div.tp44{background-image: url(titlepics/tp44.jpg);}div.tp45{background-image: url(titlepics/tp45.jpg);}
div.tp46{background-image: url(titlepics/tp46.jpg);}div.tp47{background-image: url(titlepics/tp47.jpg);}
div.tp48{background-image: url(titlepics/tp48.jpg);}div.tp49{background-image: url(titlepics/tp49.jpg);}
div.tp50{background-image: url(titlepics/tp50.jpg);}div.tp51{background-image: url(titlepics/tp51.jpg);}
div.tp52{background-image: url(titlepics/tp52.jpg);}div.tp53{background-image: url(titlepics/tp53.jpg);}
div.tp54{background-image: url(titlepics/tp54.jpg);}div.tp55{background-image: url(titlepics/tp55.jpg);}
div.tp56{background-image: url(titlepics/tp56.jpg);}div.tp57{background-image: url(titlepics/tp57.jpg);}
div.tp58{background-image: url(titlepics/tp58.jpg);}div.tp59{background-image: url(titlepics/tp59.jpg);}
div.tp60{background-image: url(titlepics/tp60.jpg);}div.tp61{background-image: url(titlepics/tp61.jpg);}
div.tp62{background-image: url(titlepics/tp62.jpg);}div.tp63{background-image: url(titlepics/tp63.jpg);}
div.tp64{background-image: url(titlepics/tp64.jpg);}div.tp65{background-image: url(titlepics/tp65.jpg);}
div.tp66{background-image: url(titlepics/tp66.jpg);}div.tp67{background-image: url(titlepics/tp67.jpg);}
div.tp68{background-image: url(titlepics/tp68.jpg);}div.tp69{background-image: url(titlepics/tp69.jpg);}
div.tp70{background-image: url(titlepics/tp70.jpg);}div.tp71{background-image: url(titlepics/tp71.jpg);}
div.tp72{background-image: url(titlepics/tp72.jpg);}div.tp73{background-image: url(titlepics/tp73.jpg);}
div.tp74{background-image: url(titlepics/tp74.jpg);}div.tp75{background-image: url(titlepics/tp75.jpg);}
div.tp76{background-image: url(titlepics/tp76.jpg);}div.tp77{background-image: url(titlepics/tp77.jpg);}
div.tp78{background-image: url(titlepics/tp78.jpg);}div.tp79{background-image: url(titlepics/tp79.jpg);}

div.backimage1{background-image: url(fbi/backimage1.jpg);} div.backimage2{background-image: url(fbi/backimage2.jpg);}
div.backimage3{background-image: url(fbi/backimage3.jpg);}div.backimage4{background-image: url(fbi/backimage4.jpg);}
div.backimage5{background-image: url(fbi/backimage5.jpg);}div.backimage6{background-image: url(fbi/backimage6.jpg);}
div.backimage7{background-image: url(fbi/backimage7.jpg);}div.backimage8{background-image: url(fbi/backimage8.jpg);}
div.backimage9{background-image: url(fbi/backimage9.jpg);}div.backimage10{background-image: url(fbi/backimage10.jpg);}
div.backimage11{background-image: url(fbi/backimage11.jpg);}div.backimage12{background-image: url(fbi/backimage12.jpg);}
div.backimage13{background-image: url(fbi/backimage13.jpg);}div.backimage14{background-image: url(fbi/backimage14.jpg);}
div.backimage15{background-image: url(fbi/backimage15.jpg);}div.backimage16{background-image: url(fbi/backimage16.jpg);}
div.backimage17{background-image: url(fbi/backimage17.jpg);}div.backimage18{background-image: url(fbi/backimage18.jpg);}
div.backimage19{background-image: url(fbi/backimage19.jpg);}div.backimage20{background-image: url(fbi/backimage20.jpg);}
div.backimage21{background-image: url(fbi/backimage21.jpg);}div.backimage22{background-image: url(fbi/backimage22.jpg);}
div.backimage23{background-image: url(fbi/backimage23.jpg);}div.backimage24{background-image: url(fbi/backimage24.jpg);}
div.backimage25{background-image: url(fbi/backimage25.jpg);}div.backimage26{background-image: url(fbi/backimage26.jpg);}
div.backimage27{background-image: url(fbi/backimage27.jpg);}div.backimage28{background-image: url(fbi/backimage28.jpg);}
div.backimage29{background-image: url(fbi/backimage29.jpg);}div.backimage30{background-image: url(fbi/backimage30.jpg);}
div.backimage31{background-image: url(fbi/backimage31.jpg);}div.backimage32{background-image: url(fbi/backimage32.jpg);}
div.backimage33{background-image: url(fbi/backimage33.jpg);}div.backimage34{background-image: url(fbi/backimage34.jpg);}
div.backimage35{background-image: url(fbi/backimage35.jpg);}div.backimage36{background-image: url(fbi/backimage36.jpg);}
div.backimage37{background-image: url(fbi/backimage37.jpg);}div.backimage38{background-image: url(fbi/backimage38.jpg);}
div.backimage39{background-image: url(fbi/backimage39.jpg);}div.backimage40{background-image: url(fbi/backimage40.jpg);}


/* -=========== GALLERY 2023   ===========  */


div.gallery-frame{
margin: 0px 0px 0px 5%; padding:0 0 0 0;
position: relative;
  height:auto;  width:95%;
  display:inline-block;  vertical-align:top;
  }


div.portpic{
margin: 10px 10px 10px 10px;  padding:0 0 0 0;
position: relative;
border:2px solid #aaaaaa;
  height:180px;  width:17%;
  display:inline-block;  vertical-align:top;
background-size: cover;background-position:center;
background-repeat:no-repeat;
  }


.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}


div.portpic1{background-image: url(portpic/portpic1.jpg);} div.portpic2{background-image: url(portpic/portpic2.jpg);}
div.portpic3{background-image: url(portpic/portpic3.jpg);}div.portpic4{background-image: url(portpic/portpic4.jpg);}
div.portpic5{background-image: url(portpic/portpic5.jpg);}div.portpic6{background-image: url(portpic/portpic6.jpg);}
div.portpic7{background-image: url(portpic/portpic7.jpg);}div.portpic8{background-image: url(portpic/portpic8.jpg);}
div.portpic9{background-image: url(portpic/portpic9.jpg);}div.portpic10{background-image: url(portpic/portpic10.jpg);}
div.portpic11{background-image: url(portpic/portpic11.jpg);}div.portpic12{background-image: url(portpic/portpic12.jpg);}
div.portpic13{background-image: url(portpic/portpic13.jpg);}div.portpic14{background-image: url(portpic/portpic14.jpg);}
div.portpic15{background-image: url(portpic/portpic15.jpg);}div.portpic16{background-image: url(portpic/portpic16.jpg);}
div.portpic17{background-image: url(portpic/portpic17.jpg);}div.portpic18{background-image: url(portpic/portpic18.jpg);}
div.portpic19{background-image: url(portpic/portpic19.jpg);}div.portpic20{background-image: url(portpic/portpic20.jpg);}
div.portpic21{background-image: url(portpic/portpic21.jpg);}div.portpic22{background-image: url(portpic/portpic22.jpg);}
div.portpic23{background-image: url(portpic/portpic23.jpg);}div.portpic24{background-image: url(portpic/portpic24.jpg);}
div.portpic25{background-image: url(portpic/portpic25.jpg);}div.portpic26{background-image: url(portpic/portpic26.jpg);}
div.portpic27{background-image: url(portpic/portpic27.jpg);}div.portpic28{background-image: url(portpic/portpic28.jpg);}
div.portpic29{background-image: url(portpic/portpic29.jpg);}div.portpic30{background-image: url(portpic/portpic30.jpg);}
div.portpic31{background-image: url(portpic/portpic31.jpg);}div.portpic32{background-image: url(portpic/portpic32.jpg);}
div.portpic33{background-image: url(portpic/portpic33.jpg);}div.portpic34{background-image: url(portpic/portpic34.jpg);}
div.portpic35{background-image: url(portpic/portpic35.jpg);}div.portpic36{background-image: url(portpic/portpic36.jpg);}
div.portpic37{background-image: url(portpic/portpic37.jpg);}div.portpic38{background-image: url(portpic/portpic38.jpg);}
div.portpic39{background-image: url(portpic/portpic39.jpg);}div.portpic40{background-image: url(portpic/portpic40.jpg);}
div.portpic41{background-image: url(portpic/portpic41.jpg);}div.portpic42{background-image: url(portpic/portpic42.jpg);}
div.portpic43{background-image: url(portpic/portpic43.jpg);}div.portpic44{background-image: url(portpic/portpic44.jpg);}
div.portpic45{background-image: url(portpic/portpic45.jpg);}div.portpic46{background-image: url(portpic/portpic46.jpg);}
div.portpic47{background-image: url(portpic/portpic47.jpg);}div.portpic48{background-image: url(portpic/portpic48.jpg);}
div.portpic49{background-image: url(portpic/portpic49.jpg);}div.portpic50{background-image: url(portpic/portpic50.jpg);}
div.portpic51{background-image: url(portpic/portpic51.jpg);}div.portpic52{background-image: url(portpic/portpic52.jpg);}
div.portpic53{background-image: url(portpic/portpic53.jpg);}div.portpic54{background-image: url(portpic/portpic54.jpg);}
div.portpic55{background-image: url(portpic/portpic55.jpg);}div.portpic56{background-image: url(portpic/portpic56.jpg);}
div.portpic57{background-image: url(portpic/portpic57.jpg);}div.portpic58{background-image: url(portpic/portpic58.jpg);}
div.portpic59{background-image: url(portpic/portpic59.jpg);}div.portpic60{background-image: url(portpic/portpic60.jpg);}
div.portpic61{background-image: url(portpic/portpic61.jpg);}div.portpic62{background-image: url(portpic/portpic62.jpg);}
div.portpic63{background-image: url(portpic/portpic63.jpg);}div.portpic64{background-image: url(portpic/portpic64.jpg);}
div.portpic65{background-image: url(portpic/portpic65.jpg);}div.portpic66{background-image: url(portpic/portpic66.jpg);}
div.portpic67{background-image: url(portpic/portpic67.jpg);}div.portpic68{background-image: url(portpic/portpic68.jpg);}
div.portpic69{background-image: url(portpic/portpic69.jpg);}div.portpic70{background-image: url(portpic/portpic70.jpg);}
div.portpic71{background-image: url(portpic/portpic71.jpg);} div.portpic72{background-image: url(portpic/portpic72.jpg);}
div.portpic73{background-image: url(portpic/portpic73.jpg);}div.portpic74{background-image: url(portpic/portpic74.jpg);}
div.portpic75{background-image: url(portpic/portpic75.jpg);}div.portpic76{background-image: url(portpic/portpic76.jpg);}
div.portpic77{background-image: url(portpic/portpic77.jpg);}div.portpic78{background-image: url(portpic/portpic78.jpg);}
div.portpic79{background-image: url(portpic/portpic79.jpg);}div.portpic80{background-image: url(portpic/portpic80.jpg);}
div.portpic81{background-image: url(portpic/portpic81.jpg);} div.portpic82{background-image: url(portpic/portpic82.jpg);}
div.portpic83{background-image: url(portpic/portpic83.jpg);}div.portpic84{background-image: url(portpic/portpic84.jpg);}
div.portpic85{background-image: url(portpic/portpic85.jpg);}div.portpic86{background-image: url(portpic/portpic86.jpg);}
div.portpic87{background-image: url(portpic/portpic87.jpg);}div.portpic88{background-image: url(portpic/portpic88.jpg);}
div.portpic89{background-image: url(portpic/portpic89.jpg);}div.portpic90{background-image: url(portpic/portpic90.jpg);}
div.portpic91{background-image: url(portpic/portpic91.jpg);} div.portpic92{background-image: url(portpic/portpic92.jpg);}
div.portpic93{background-image: url(portpic/portpic93.jpg);}div.portpic94{background-image: url(portpic/portpic94.jpg);}
div.portpic95{background-image: url(portpic/portpic95.jpg);}div.portpic96{background-image: url(portpic/portpic96.jpg);}
div.portpic97{background-image: url(portpic/portpic97.jpg);}div.portpic98{background-image: url(portpic/portpic98.jpg);}
div.portpic99{background-image: url(portpic/portpic99.jpg);}div.portpic100{background-image: url(portpic/portpic100.jpg);}
div.portpic101{background-image: url(portpic/portpic101.jpg);} div.portpic102{background-image: url(portpic/portpic102.jpg);}
div.portpic103{background-image: url(portpic/portpic103.jpg);}div.portpic104{background-image: url(portpic/portpic104.jpg);}
div.portpic105{background-image: url(portpic/portpic105.jpg);}div.portpic106{background-image: url(portpic/portpic106.jpg);}
div.portpic107{background-image: url(portpic/portpic107.jpg);}div.portpic108{background-image: url(portpic/portpic108.jpg);}
div.portpic109{background-image: url(portpic/portpic109.jpg);}div.portpic110{background-image: url(portpic/portpic110.jpg);}
div.portpic111{background-image: url(portpic/portpic111.jpg);}div.portpic112{background-image: url(portpic/portpic112.jpg);}
div.portpic113{background-image: url(portpic/portpic113.jpg);}div.portpic114{background-image: url(portpic/portpic114.jpg);}
div.portpic115{background-image: url(portpic/portpic115.jpg);}div.portpic116{background-image: url(portpic/portpic116.jpg);}
div.portpic117{background-image: url(portpic/portpic117.jpg);}div.portpic118{background-image: url(portpic/portpic118.jpg);}
div.portpic119{background-image: url(portpic/portpic119.jpg);}div.portpic120{background-image: url(portpic/portpic120.jpg);}
div.portpic121{background-image: url(portpic/portpic121.jpg);} div.portpic122{background-image: url(portpic/portpic122.jpg);}
div.portpic123{background-image: url(portpic/portpic123.jpg);}div.portpic124{background-image: url(portpic/portpic124.jpg);}
div.portpic125{background-image: url(portpic/portpic125.jpg);}div.portpic126{background-image: url(portpic/portpic126.jpg);}
div.portpic127{background-image: url(portpic/portpic127.jpg);}div.portpic128{background-image: url(portpic/portpic128.jpg);}
div.portpic129{background-image: url(portpic/portpic129.jpg);}div.portpic130{background-image: url(portpic/portpic130.jpg);}
div.portpic131{background-image: url(portpic/portpic131.jpg);}div.portpic132{background-image: url(portpic/portpic132.jpg);}
div.portpic133{background-image: url(portpic/portpic133.jpg);}div.portpic134{background-image: url(portpic/portpic134.jpg);}
div.portpic135{background-image: url(portpic/portpic135.jpg);}div.portpic136{background-image: url(portpic/portpic136.jpg);}
div.portpic137{background-image: url(portpic/portpic137.jpg);}div.portpic138{background-image: url(portpic/portpic138.jpg);}
div.portpic139{background-image: url(portpic/portpic139.jpg);}div.portpic140{background-image: url(portpic/portpic140.jpg);}


div.portpic-t1{background-image: url(portpic/thumbs/portpic1.jpg);} div.portpic-t2{background-image: url(portpic/thumbs/portpic2.jpg);}
div.portpic-t3{background-image: url(portpic/thumbs/portpic3.jpg);}div.portpic-t4{background-image: url(portpic/thumbs/portpic4.jpg);}
div.portpic-t5{background-image: url(portpic/thumbs/portpic5.jpg);}div.portpic-t6{background-image: url(portpic/thumbs/portpic6.jpg);}
div.portpic-t7{background-image: url(portpic/thumbs/portpic7.jpg);}div.portpic-t8{background-image: url(portpic/thumbs/portpic8.jpg);}
div.portpic-t9{background-image: url(portpic/thumbs/portpic9.jpg);}div.portpic-t10{background-image: url(portpic/thumbs/portpic10.jpg);}
div.portpic-t11{background-image: url(portpic/thumbs/portpic11.jpg);}div.portpic-t12{background-image: url(portpic/thumbs/portpic12.jpg);}
div.portpic-t13{background-image: url(portpic/thumbs/portpic13.jpg);}div.portpic-t14{background-image: url(portpic/thumbs/portpic14.jpg);}
div.portpic-t15{background-image: url(portpic/thumbs/portpic15.jpg);}div.portpic-t16{background-image: url(portpic/thumbs/portpic16.jpg);}
div.portpic-t17{background-image: url(portpic/thumbs/portpic17.jpg);}div.portpic-t18{background-image: url(portpic/thumbs/portpic18.jpg);}
div.portpic-t19{background-image: url(portpic/thumbs/portpic19.jpg);}div.portpic-t20{background-image: url(portpic/thumbs/portpic20.jpg);}
div.portpic-t21{background-image: url(portpic/thumbs/portpic21.jpg);}div.portpic-t22{background-image: url(portpic/thumbs/portpic22.jpg);}
div.portpic-t23{background-image: url(portpic/thumbs/portpic23.jpg);}div.portpic-t24{background-image: url(portpic/thumbs/portpic24.jpg);}
div.portpic-t25{background-image: url(portpic/thumbs/portpic25.jpg);}div.portpic-t26{background-image: url(portpic/thumbs/portpic26.jpg);}
div.portpic-t27{background-image: url(portpic/thumbs/portpic27.jpg);}div.portpic-t28{background-image: url(portpic/thumbs/portpic28.jpg);}
div.portpic-t29{background-image: url(portpic/thumbs/portpic29.jpg);}div.portpic-t30{background-image: url(portpic/thumbs/portpic30.jpg);}
div.portpic-t31{background-image: url(portpic/thumbs/portpic31.jpg);}div.portpic-t32{background-image: url(portpic/thumbs/portpic32.jpg);}
div.portpic-t33{background-image: url(portpic/thumbs/portpic33.jpg);}div.portpic-t34{background-image: url(portpic/thumbs/portpic34.jpg);}
div.portpic-t35{background-image: url(portpic/thumbs/portpic35.jpg);}div.portpic-t36{background-image: url(portpic/thumbs/portpic36.jpg);}
div.portpic-t37{background-image: url(portpic/thumbs/portpic37.jpg);}div.portpic-t38{background-image: url(portpic/thumbs/portpic38.jpg);}
div.portpic-t39{background-image: url(portpic/thumbs/portpic39.jpg);}div.portpic-t40{background-image: url(portpic/thumbs/portpic40.jpg);}
div.portpic-t41{background-image: url(portpic/thumbs/portpic41.jpg);}div.portpic-t42{background-image: url(portpic/thumbs/portpic42.jpg);}
div.portpic-t43{background-image: url(portpic/thumbs/portpic43.jpg);}div.portpic-t44{background-image: url(portpic/thumbs/portpic44.jpg);}
div.portpic-t45{background-image: url(portpic/thumbs/portpic45.jpg);}div.portpic-t46{background-image: url(portpic/thumbs/portpic46.jpg);}
div.portpic-t47{background-image: url(portpic/thumbs/portpic47.jpg);}div.portpic-t48{background-image: url(portpic/thumbs/portpic48.jpg);}
div.portpic-t49{background-image: url(portpic/thumbs/portpic49.jpg);}div.portpic-t50{background-image: url(portpic/thumbs/portpic50.jpg);}
div.portpic-t51{background-image: url(portpic/thumbs/portpic51.jpg);}div.portpic-t52{background-image: url(portpic/thumbs/portpic52.jpg);}
div.portpic-t53{background-image: url(portpic/thumbs/portpic53.jpg);}div.portpic-t54{background-image: url(portpic/thumbs/portpic54.jpg);}
div.portpic-t55{background-image: url(portpic/thumbs/portpic55.jpg);}div.portpic-t56{background-image: url(portpic/thumbs/portpic56.jpg);}
div.portpic-t57{background-image: url(portpic/thumbs/portpic57.jpg);}div.portpic-t58{background-image: url(portpic/thumbs/portpic58.jpg);}
div.portpic-t59{background-image: url(portpic/thumbs/portpic59.jpg);}div.portpic-t60{background-image: url(portpic/thumbs/portpic60.jpg);}
div.portpic-t61{background-image: url(portpic/thumbs/portpic61.jpg);}div.portpic-t62{background-image: url(portpic/thumbs/portpic62.jpg);}
div.portpic-t63{background-image: url(portpic/thumbs/portpic63.jpg);}div.portpic-t64{background-image: url(portpic/thumbs/portpic64.jpg);}
div.portpic-t65{background-image: url(portpic/thumbs/portpic65.jpg);}div.portpic-t66{background-image: url(portpic/thumbs/portpic66.jpg);}
div.portpic-t67{background-image: url(portpic/thumbs/portpic67.jpg);}div.portpic-t68{background-image: url(portpic/thumbs/portpic68.jpg);}
div.portpic-t69{background-image: url(portpic/thumbs/portpic69.jpg);}div.portpic-t70{background-image: url(portpic/thumbs/portpic70.jpg);}
div.portpic-t71{background-image: url(portpic/thumbs/portpic71.jpg);} div.portpic-t72{background-image: url(portpic/thumbs/portpic72.jpg);}
div.portpic-t73{background-image: url(portpic/thumbs/portpic73.jpg);}div.portpic-t74{background-image: url(portpic/thumbs/portpic74.jpg);}
div.portpic-t75{background-image: url(portpic/thumbs/portpic75.jpg);}div.portpic-t76{background-image: url(portpic/thumbs/portpic76.jpg);}
div.portpic-t77{background-image: url(portpic/thumbs/portpic77.jpg);}div.portpic-t78{background-image: url(portpic/thumbs/portpic78.jpg);}
div.portpic-t79{background-image: url(portpic/thumbs/portpic79.jpg);}div.portpic-t80{background-image: url(portpic/thumbs/portpic80.jpg);}
div.portpic-t81{background-image: url(portpic/thumbs/portpic81.jpg);} div.portpic-t82{background-image: url(portpic/thumbs/portpic82.jpg);}
div.portpic-t83{background-image: url(portpic/thumbs/portpic83.jpg);}div.portpic-t84{background-image: url(portpic/thumbs/portpic84.jpg);}
div.portpic-t85{background-image: url(portpic/thumbs/portpic85.jpg);}div.portpic-t86{background-image: url(portpic/thumbs/portpic86.jpg);}
div.portpic-t87{background-image: url(portpic/thumbs/portpic87.jpg);}div.portpic-t88{background-image: url(portpic/thumbs/portpic88.jpg);}
div.portpic-t89{background-image: url(portpic/thumbs/portpic89.jpg);}div.portpic-t90{background-image: url(portpic/thumbs/portpic90.jpg);}
div.portpic-t91{background-image: url(portpic/thumbs/portpic91.jpg);} div.portpic-t92{background-image: url(portpic/thumbs/portpic92.jpg);}
div.portpic-t93{background-image: url(portpic/thumbs/portpic93.jpg);}div.portpic-t94{background-image: url(portpic/thumbs/portpic94.jpg);}
div.portpic-t95{background-image: url(portpic/thumbs/portpic95.jpg);}div.portpic-t96{background-image: url(portpic/thumbs/portpic96.jpg);}
div.portpic-t97{background-image: url(portpic/thumbs/portpic97.jpg);}div.portpic-t98{background-image: url(portpic/thumbs/portpic98.jpg);}
div.portpic-t99{background-image: url(portpic/thumbs/portpic99.jpg);}div.portpic-t100{background-image: url(portpic/thumbs/portpic100.jpg);}
div.portpic-t101{background-image: url(portpic/thumbs/portpic101.jpg);} div.portpic-t102{background-image: url(portpic/thumbs/portpic102.jpg);}
div.portpic-t103{background-image: url(portpic/thumbs/portpic103.jpg);}div.portpic-t104{background-image: url(portpic/thumbs/portpic104.jpg);}
div.portpic-t105{background-image: url(portpic/thumbs/portpic105.jpg);}div.portpic-t106{background-image: url(portpic/thumbs/portpic106.jpg);}
div.portpic-t107{background-image: url(portpic/thumbs/portpic107.jpg);}div.portpic-t108{background-image: url(portpic/thumbs/portpic108.jpg);}
div.portpic-t109{background-image: url(portpic/thumbs/portpic109.jpg);}div.portpic-t110{background-image: url(portpic/thumbs/portpic110.jpg);}
div.portpic-t111{background-image: url(portpic/thumbs/portpic111.jpg);}div.portpic-t112{background-image: url(portpic/thumbs/portpic112.jpg);}
div.portpic-t113{background-image: url(portpic/thumbs/portpic113.jpg);}div.portpic-t114{background-image: url(portpic/thumbs/portpic114.jpg);}
div.portpic-t115{background-image: url(portpic/thumbs/portpic115.jpg);}div.portpic-t116{background-image: url(portpic/thumbs/portpic116.jpg);}
div.portpic-t117{background-image: url(portpic/thumbs/portpic117.jpg);}div.portpic-t118{background-image: url(portpic/thumbs/portpic118.jpg);}
div.portpic-t119{background-image: url(portpic/thumbs/portpic119.jpg);}div.portpic-t120{background-image: url(portpic/thumbs/portpic120.jpg);}
div.portpic-t121{background-image: url(portpic/thumbs/portpic121.jpg);} div.portpic-t122{background-image: url(portpic/thumbs/portpic122.jpg);}
div.portpic-t123{background-image: url(portpic/thumbs/portpic123.jpg);}div.portpic-t124{background-image: url(portpic/thumbs/portpic124.jpg);}
div.portpic-t125{background-image: url(portpic/thumbs/portpic125.jpg);}div.portpic-t126{background-image: url(portpic/thumbs/portpic126.jpg);}
div.portpic-t127{background-image: url(portpic/thumbs/portpic127.jpg);}div.portpic-t128{background-image: url(portpic/thumbs/portpic128.jpg);}
div.portpic-t129{background-image: url(portpic/thumbs/portpic129.jpg);}div.portpic-t130{background-image: url(portpic/thumbs/portpic130.jpg);}
div.portpic-t131{background-image: url(portpic/thumbs/portpic131.jpg);}div.portpic-t132{background-image: url(portpic/thumbs/portpic132.jpg);}
div.portpic-t133{background-image: url(portpic/thumbs/portpic133.jpg);}div.portpic-t134{background-image: url(portpic/thumbs/portpic134.jpg);}
div.portpic-t135{background-image: url(portpic/thumbs/portpic135.jpg);}div.portpic-t136{background-image: url(portpic/thumbs/portpic136.jpg);}
div.portpic-t137{background-image: url(portpic/thumbs/portpic137.jpg);}div.portpic-t138{background-image: url(portpic/thumbs/portpic138.jpg);}
div.portpic-t139{background-image: url(portpic/thumbs/portpic139.jpg);}div.portpic-t140{background-image: url(portpic/thumbs/portpic140.jpg);}



div.white{color: white;}




/* ======== CLIENT AREA 2023  ============== */



div.staff-id{
width:50%; height: auto;;
margin: 0px 0px 0px 0%; padding: 0px 0px 0px 0%;
display: inline-block; vertical-align: top;
}


div.staff-box{width:40%; height: 20px;}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #6307ff;
  border: none;
  color: white;
  padding: 10px 32px;
  text-decoration: none;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 5px;
}


/* ======== CLIENT ZONE 2023 - VIDEOS  ============== */


div.vc-vid-frame{
margin: 0px 0px 0px 10%; padding: 0px 0px 0px 0%;
vertical-align: top; display:inline-block;
width:90%; height: auto;
text-align: left;
}


div.mediacont{
  vertical-align: top; display:inline-block;
background-color: rgba(0, 0, 0, 0.3);
width:25%;
text-align: left;
margin: 0px 5% 75px 0%; padding: 0px 0px 0px 0%;
border-radius: 10px;
}


div.ol-vidcont{
  vertical-align: top; display:inline-block;
backgroundcolor: black;
width:92.5%;
text-align: center;
margin: 0px 5% 0px 2.5%; padding: 5px 5px 5px 5px; 
color:white;
border:0px solid;
}

div.vid-top{
margin: 10px 0px 10px 0%; padding: 5px 2% 5px 2%;
vertical-align: top; display:inline-block;
width:100%; height: auto;
text-align: left;
}

div.vid-bot{
margin: 10px 0px 25px 2.5%; padding: 5px 2% 5px 2%;
vertical-align: top; display:inline-block;
width:70%; height: auto;
text-align: left;
}



div.gh1{height:500px}
div.gh2{height:500px}

div.ms1{height:600px}

div.hih1{height:600px}

div.white{color: white;}

