/*___________________________________________________________________________________________________________________________




TTTTTTTTTTTTTTTT    EEEEEEEEEEEEEEEE      XXXXX      XXXXX      TTTTTTTTTTTTTTTT 
TTTTTTTTTTTTTTTT    EEEEEEEEEEEEEEEE       XXXXX    XXXXX       TTTTTTTTTTTTTTTT 
      TTTT          EEEEE                   XXXXX  XXXXX        TTTTTTTTTTTTTTTT     
      TTTT          EEEEE                    XXXXXXXXXX               TTTT
      TTTT          EEEEEEEEEEEEEEEE          XXXXXXXX                TTTT 
      TTTT          EEEEEEEEEEEEEEEE          XXXXXXXX                TTTT
      TTTT          EEEEE                    XXXXXXXXXX               TTTT
      TTTT          EEEEE                   XXXXX  XXXXX              TTTT
      TTTT          EEEEEEEEEEEEEEEE       XXXXX    XXXXX             TTTT
      TTTT          EEEEEEEEEEEEEEEE      XXXXX      XXXXX            TTTT 

  
SSSSSSSSSSSSSSSS    TTTTTTTTTTTTTTTT  XXXXX      XXXXX   LLLLLL              EEEEEEEEEEEEEEEE    SSSSSSSSSSSSSSSS 
SSSSSSSSSSSSSSSS    TTTTTTTTTTTTTTTT   XXXXX    XXXXX    LLLLLL              EEEEEEEEEEEEEEEE    SSSSSSSSSSSSSSSS 
SSSSS               TTTTTTTTTTTTTTTT    XXXXX  XXXXX     LLLLLL              EEEEE               SSSSS    
SSSSS                     TTTT           XXXXXXXXXX      LLLLLL              EEEEE               SSSSS
SSSSSSSSSSSSSSSS          TTTT            XXXXXXXX       LLLLLL              EEEEEEEEEEEEEEEE    SSSSSSSSSSSSSSSS                    
SSSSSSSSSSSSSSSS          TTTT             YYYYYY        LLLLLL              EEEEEEEEEEEEEEEE    SSSSSSSSSSSSSSSS
           SSSSS          TTTT              YYYY         LLLLLL              EEEEE                          SSSSS
           SSSSS          TTTT              YYYY         LLLLLL              EEEEE                          SSSSS 
SSSSSSSSSSSSSSSS          TTTT              YYYY         LLLLLLLLLLLLLLLL    EEEEEEEEEEEEEEEE    SSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSS          TTTT              YYYY         LLLLLLLLLLLLLLLL    EEEEEEEEEEEEEEEE    SSSSSSSSSSSSSSSS 




___________________________________________________________________________________________________________________________*/



.maintitle{ 
    font-size: 60px;
    line-height: 80px;
    color: #ffffff;
    font-family: 'AvenirLTStd-heavy';
    text-shadow: 0px 0px 8px #000000;
    }

.mainsubtitle {
    font-size: 0px;
    line-height: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: 'AvenirLTStd-heavy';
    text-shadow: 0px 0px 8px #000000;
    }

.title{ 
    font-size: 40px;
    line-height: 65px;
    margin-bottom: 10px;
    color: #ffffff;
    font-family: 'AvenirLTStd-heavy';
    text-shadow: 0px 0px 8px #000000;
    }


.jobpagesubtitletextbottom{position: absolute;
    bottom: 0%;}

.jobpagetitletextbottom{position: absolute;
        bottom: 14%;}


              .topsecsubpic-textbox{
                width: 100%;
                height:50%;
                position: absolute;
                bottom: 0%;
                font-size: 18px;
                line-height: 20px;
                background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
                }



.topsecsubpic-text{
    position: absolute;
    width: 100%;
    bottom: 12%;
}


.casestudytext{    
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
}    






#photopageheadericon {
    position: absolute;
    width: 100%;
    margin-left: 20px;
    text-align: center;
    left: 0px;
    }

.photohorizontalmenuitems {
    padding-top: 50px;
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    }

 .photoheadermenuitem {
    padding-right: 15px;
    padding-left: 15px;
    }


#photohorizontalmenu { padding-top: 15px; height: 105px;}

.catmainphotoarealeft { width: 100%; aspect-ratio: 4 / 3;}
#catmainphotoarearight { width: 0%; display: hidden;}

.topsec-left { width: 100%; aspect-ratio: 4 / 3;}
#topsec-right { width: 0%; display: hidden;}
.topsecsubpic-box {width: 0%;}

#bottomcontentarea { width: 100%; margin-top: 5px; margin-left: 0;}
.bottomcontentinfoarea { width: 66%; padding-top: 40px; padding-left: 24px;}

.title {font-size: 40px;}
.maintitle {font-size: 80px; margin-top: 15px;}
.subtitle { display: none}
/*.bodytext{ font-size: 10px; line-height: 13px; margin-top: 20px;}*/
.list{ margin-top: 20px; font-size: 10px; line-height: 13px;}
#photodescriptionbox{ width: 100%; margin-top: 70px;}
li{padding-bottom: 12px;}

#mainphotoarea{aspect-ratio: 4 / 3;}
.mainphotoareahome{height: auto !important;}
.mainphotoareaimagehome{width: 100%; height: auto; aspect-ratio: 4 / 3;}

.menuitemunpressed{font-size: 20px;}
.menuitem{font-size: 20px;}

.photodescriptionboxabout{margin-left: 6% !important; margin-top: 95px !important; width: 88% !important; }
.abouttitle{ line-height: 78px;}
.aboutsubtitle { margin-top: 20px; }
.aboutmenuitemunpressed{font-size: 20px;}
.aboutmenuitem{font-size: 20px;}



#catpagephotodescriptionbox {
    width: 100%;
    margin-top: 70px ;
    margin-left:5%;
    z-index: 200;
}
.catmenu {margin-top: 0px;}


.catpagebottomcontentinfoareacontent {width: 93%; margin-top: 21px;}
.catpagebottomcontentinfoarea {padding-left: 24px;}
.catpagebottomcontentinfoareasubtitle {display: auto;}
.catpagebottomcontentinfoarearightpics {width: 33.3%;}
.bottomcontentareapic2 {width: 50%;}
.catpagebottomcontentinfoarea {width: 66.6%;}
#photohorizontalbottomline { display: none;}


.aboutmainphoto {display: none !important;}

#aboutphotodescriptionbox {
    position: relative;
    width: 95%;
    height: 65vh;
    margin-top: 7%;
    margin-left: 7%;}


    .aboutphotodescriptionboxcontent {width: 65%;}



#photocategorybox{ 
               /* position: absolute; */
        width: 90%;
        /* bottom: 5%; */
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 47%;
        height: 21.7vw;
        aspect-ratio: 1 / 4;
        bottom: auto;
  }
 
 .photocategoryboxcat {
    width: 25%;
    aspect-ratio: 1 / 1;
    height: auto;
    }

.photocategoryboxtext{font-size: 20px;}