/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}


/*****MOBILE
************************************************************/
@media (max-width: 690px) {
  
  
  
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

	/*min-height: 1px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;*/

}  
  
  


:root {

   --smallsize: 9px;
   --basesize: 14px;

   --thin: 200;
   --light: 300;
   --medium: 400;
   --semibold: 500;
   --bold: 600;
   --black: 900;

  --sidesmallpadding: 3vw;
  --sidepadding: 6vw;
  --sideextrapadding: 9vw;
  --verticalsmallpadding: 5vh;
  --verticalpadding: 10vh;
  --verticalextrapadding: 15vh;
  

}
  
  
  
/*
----------------------------------------------------------------
  NEW MOBILE 
----------------------------------------------------------------
*/
  
  
  
/******* ROWS ******/
  
.row.reverseonmobile {
  flex-direction: column-reverse;
}
  
  

/*** sizes ***/
#wrap_all .bigtext {
  font-size: max(8vw, 60px) !important;
}
#wrap_all .smalltext {
  font-size: var(--smallsize) !important;
}


#wrap_all .extrabigsize {
  font-size: var(--extrabigsize) !important;
}
#wrap_all .bigsize {
  font-size: var(--bigsize) !important;
  line-height: 120% !important;
}
#wrap_all .mediumsize {
  font-size: var(--mediumsize) !important;
  line-height: 120% !important;
}
#wrap_all .intermediumsize {
  font-size: var(--intermediumsize) !important;
  line-height: 120% !important;
}
#wrap_all .smallmediumsize {
  font-size: var(--smallmediumsize) !important;
  line-height: 150% !important;
}
#wrap_all .smallsize {
  font-size: var(--smallsize) !important;
}
#wrap_all .basesize {
  font-size: var(--basesize) !important;
  line-height: 160% !important;
}
  
/**** title separator ****/
#titleSeparator {
  text-align: center;
  position: relative;
  margin-bottom: var(--verticalsmallpadding);
 padding-bottom: 0 !important;
}

  
  
  /***** FORM BLOCK ****/
  
#formCTA {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
  #formCTA .convertforms .cf-form-wrap {
  padding: 0 !important;
}
  
  
/**** WORKSHOP  ******/
  .logorow .logo {
    width: 50%;
    margin: 0;
    padding: 12px 30px;
    height: 90px !important;
  }
  .logorow .logo.consentino {
  margin: 0 auto 10px !important;
  width: 180px;
  padding: 0 !important;
  height: 50px !important;
}
  
  
#workshopbanner .bannerimage.twothirdsheight {
  min-height: 600px;
}  

  /** side cta floating button ***/
  body .eb-floating-button div {
    bottom: 0;
    position: absolute;

  }

  
/** hide got to top button **/
  #gotop {
  display: none;
}
  
  
  
/***** FOR POP UPS -- CLOSE BOT = MENU CLOSE BOT *****/
  .eb-close.placement-outside {
  width: 60px;
  position: absolute;
  right: 3px !important;
  top: 5px;
}
  


/*********** HEAD NAV -- TOP MENU ENGAGE BOX ************/
.topmenu .eb-content {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden;
}
  
#head .burguermenuwrapper {
  right: 15px;
}
#topmenuwrapper .closebotwrapper {
  right: 3px;
  top: 5px;
}
#topmenuwrapper .brandIcon {
    position: fixed;
    top: 13px;
    left: 15px;
}
#topmenuwrapper .brandIcon img {
  max-height: 44px !important;
  width: auto;
}

/*** content ****/
  #topmenuwrapper .content {
    display: flex;
    flex-direction: column;
    padding: 90px 0 0 0;
  }
  #topmenuwrapper .menuwrapper {
  margin-bottom: 30px;
  padding-right: 0;
  width: 100cqi;
  text-align: center;
}
  #topmenuwrapper .menutitle {
  font-size: 8px;
}
#topmenuwrapper .projects.menuwrapper {
  padding-right: 0 !important;
  width: 100cqi;
}
/** make projects side scroller ***/
  #topmenuwrapper .projects.menuwrapper ul.nav {
  display: flex;
  flex-wrap: nowrap;
  width: 100% !important;
  flex-direction: row;
  overflow-x: scroll;
}
  #topmenuwrapper .projects.menuwrapper ul.nav li {
  margin-bottom: 15px;
  width: 75vw !important;
  margin-right: 5vw;
  min-width: 75vw;
}
  #topmenuwrapper .projects.menuwrapper ul.nav li a img {
  overflow: hidden !important;
  width: 100%;
  height: 160px;
  object-fit: cover;
}


/********* AWARDS ***************/

  .awardlogo img {
  max-width: 240px;
  margin-bottom: 20px;
  max-height: 120px;
}
  
  
/*********** BANNERS ******************/   
.bannerimage.fullheight, .bannerimage.twothirdsheight, .bannerimage.halfheight {
  height: 450px !important;
   min-height: 450px;
    max-height: 450px;
}
  .bannerwrapper .bannerover h1 {
  margin-bottom: 0 !important;
}
  
  /*
  .bannerimage.halfheight {
    height: 300px !important;
    min-height: 300px;
    max-height: 300px;
  }*/
  
.row .imagewrapper {
 height: 550px !important;
   min-height: 550px;
    max-height: 550px;
}  
  
  
.bannerimage.fixed img {
  position: relative;
}  
  
/*** project banners ***/
.projectbanner .bannerover .uppercase {
  padding-bottom: 0 !important;
}
.projectbanner .bannerover {
  padding-top: 40px;
}
  
 /*********** SCROLLER - eg: awards ******************/ 

.scroller.awards {
  padding-bottom: 0 !important;
}
  
.scroller .item {
  min-width: 85vw;
  margin-right: 10px;
}  
  
  
.scroller.awards .item .bannerover img {
  max-width: 90px !important;
  width: 90px;
}  
.scroller.awards .bottominfo .smallsize {
  line-height: 140% !important;
  margin-bottom: 10px !important;
}  
  
/* project nav */  
.projectnav ul.nav li {
  width: 85vw !important;
  max-width: 85vw;
  min-width: 85vw;
  margin-right: 10px;
}  
  
  
  /*********** INSTAGRAM load widget ******************/  
  
  .loadInstaGallery {
  width: 100vw !important;
    max-width: 100vw !important;
  overflow: hidden;
}
  
  
.a4j-slick-slider .a4j-slick-next {
  right: 0;
  display: none !important;
}  
.a4j-slick-slider .a4j-slick-prev {
  left: 0;
  display: none !important;
}  
  
  
  
  
/************* FOOTER ********************/  
  
.copyrightnotice div {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  line-height: 160%;
}  
  #footer p {
  margin-bottom: 0px !important;
  font-size: 0.85em;
}
  
  #footer .footerblock {
    margin-bottom: 30px;
    padding: 0 !important;
    text-align: center;
  }
  
 #footer .zed a {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    border: 0 !important;
    position: relative;
    right: inherit !important;
    top: inherit !important;
}
  #footer .copyrightwrapper {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 15px !important;
    flex-flow: column !important;
    text-align: center !important;
}
  
    

  
  
 /************* PROJECTS ********************/ 
  #projectsIntroText {
  padding-top: 150px !important;
}
  
#cursor {
  display: none !important;
} 
 /**** menu list ***********/ 
  #projectswallwrapper .nav-item {
  position: relative;
  height: 250px !important;
  min-height: 250px;
  background-color: var(--blackbg);
  outline: 1px solid #fff !important;
  width: 100cqi;
  overflow: hidden !important;
}
  #projectswallwrapper img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  position: relative;
  opacity: 0.6 !important;
}

  #projectswallwrapper .image-title {
    font-size: 30px !important;
  }
  
 /************* PROFILE VIEW ENGAGE BOX ********************/   
   
.profileView .eb-dialog {
  width: 100% !important;
  max-width: 100%;
  padding: 50px 10px;
}  
  
.profilewrapper .intro h1 {
  margin-bottom: 5px !important;
}  
  
  
  
   
 /************* IG SLIDE SHOW ********************/    

.ig-slideshow-button svg {  
  width: 10px !important;
  height: 20px !important;
  padding: 10px!important;
}
  
.igui-dotnav li {
  display:none;
  /*
  flex: none;
  padding-left: 15px;
  margin-bottom: 8px;*/
}  
  

.fullgallery.fixed .igui-scope {
  position: relative !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}  
.fullgallery.fixed {
  position: relative !important;
}
  
 /*
----------------------------------------------------------------
 END ---------- NEW MOBILE 
----------------------------------------------------------------
*/ 
  
  
  a.botblack, a.botborderblack, a.botwhite, a.botborderwhite {
    font-size: 9px !important;
    padding: 7px 20px;
    /*border: 2px solid #000 !important;*/
  }
  
  a.botborderblack::after, a.botborderwhite::after, a.botblack::after, a.botwhite::after {
  content: "\f30b";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  margin-left: 5px;
  color: inherit !important;
  font-size: 8px !important;
}
  
.topmarginonmobile {
    margin-top: 50px;
}
 
  
.centertextonmobile {
    text-align:center !important;
  } 
  

    
  
  
/************** inspiration *************/
#wrap_all .inspirationVideo {
    padding: 0 !important;
}
  #gallery-scope-M125 .ig-tags-button {
    margin: 0 !important;
    line-height: 100% !important;
    height: 20px;
}
  
  
/******** PRESS **************/
  
  #pressBanner .bgimage.twothirdsheight {
    height: 50vh !important;
}
  
  .pressLogo {
    max-width: 60px;
    max-height: 40px;
    margin: 20px;
}
#stage .pressItemsWrapper{
  padding-right: 15px !important;
    padding-left: 15px !important;
}
  .pressItem .pressInfo {
    padding: 25px 15px 30px !important;
}

  /** youtube gallery ***/
  .pressYoutubeInfo .content {
    padding: 0 !important;
    text-align: center;
}
  
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next {
    display: none;
} 
  
  
  
  
/** add new class home for home banner video **/
#homevideobanner .videoWrapper {
    min-height: 60vh !important;
    padding-bottom: 0 !important;
}

#homevideobanner .videoWrapper video {
    width: auto;
    height: 100% !important;
    min-height: 60vh !important;
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
  max-width: 100vw;
object-fit: cover;
}

  .enterpagebot {
    display: none;
}

  
  
/** for banners ***/
.bannerimage .bgimage.fullheight.fixed {
    min-height: 60vh !important;
    background-attachment: initial !important;
}
  /** info on banner - project page ***/
.projectPage .projectMainInfo {
    min-height: 60vh !important;
   padding: 15px !important;
}  

  
  #homeenter.twothirdsheight {
    min-height: 50vh !important;
    max-height: 50vh;
}
  
  
  
  
  
  
/*** module rever column -- when text and photo ****/
  .verticalReverseMobile {
    display:flex;
    flex-flow:column-reverse;
    
  }
  
  
/****** ABOUT *******/
  /** banner **/
  .imglegenda {
    position: absolute;
    z-index: 9;
    font-size: 0.75em;
    padding: 25px;
    bottom: 120px !important;
    right: 0px !important;
}
  
  
  /** virtual tour iframe **/
  #virtualTour {
    height: 340px !important;
}
  
  
  /***** FAQS ****/
  .simpleaccordion div a.toggle {
    font-size: 1em !important;
}
#wrap_all .faqTitle {
    text-align: left !important;
    padding-bottom: 0 !important;
    margin-top: 20px;
}
  
  
  /************ AWARDS - styling description because new classes apply ****/
  /*
  #gallery-scope-M141 .ig-image-descriptions.ig-image-descriptions-below {
    height: auto !important;
    background-color: #131313;
    text-align: center;
    padding: 20px 20px 40px;
}*/
  
.awardInfo .awardYear {
    color: #999;
}
.awardInfo .awardName {
    line-height: 145%;
    margin-top: 10px;
    margin-bottom: 10px;
}
  
/************ INSPIRATION --- thumbnails grid ***********/


#ig-gallery-wrapper-M125 .ig-tags-button-wrapper.igui-first-column {
   width: auto !important;
  min-width: 120px;
}  
  
#ig-thumbs-grid-M125 {
    max-width: 100vw !important;
    overflow: hidden !important;
  margin-left: 3vw;
}
  
/** for tags ***/
  .ig-tags-button {
    margin: 0 !important;
    text-transform: capitalize;
    padding: 0 15px !important;
    font-size: 0.75em !important;
}
  
  
/** for wrapper */

#ig-thumbs-grid-M125 {
   /* height: auto !important;*/
}

  

/* for image block **/
  #ig-thumbs-grid-M125 .ig-thumbs-grid-block {
    width: 30vw !important;
    height: 100px !important;
    overflow: hidden;
    margin-right: 0 !important;
    min-width: 30vw !important;
    max-width: 30vw !important;
  }
  #ig-thumbs-grid-M125 .ig-grid-img-link {
  width: 100% !important;
}
    #ig-thumbs-grid-M125 .ig-thumbs-grid-image {
    width: 100%;
    height: auto;
    object-fit: cover !important;
  }
  
  
  
  
/****** PORTFOLIO PAGE *********/
  
/* intro */
  /*
#top .folioIntro {
    padding-top: 110px !important;
}
  
#top .folioIntro .folioIntroText {
    padding: 0 !important;
}
#top .folioIntro .loadTagFilter {
    padding: 0 !important;
  display: none;
}
  */
  
  
/******** PROJECT PAGE **************/
  
#wrap_all .projectPage .projectName h1 {
    margin: 0 !important;
}  
  
  .projectPage .smallseparator {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    height: 1px !important;
}
  .projectPage .projectIdField {
    height: 20px;
}
 
  .projectPrize {
    position: relative !important;
    width: 100%;
    z-index: 1;
    top: 60vh;
    bottom: 0 !important;
    left: 0;
    text-align: center;
}

.projectPrize .idvalue {
position: absolute;
bottom: 0 !important;
margin: 0 auto !important;
width: 100% !important;
left: 0;
}
.projectPrize img {
    margin: 15px 5px 15px 5px;
    max-width: 60px !important;
    max-height: 73px !important;
}
  

  
  
/*** gallery ***/  

.projectGallery .ig-slideshow-button svg {
    display: none;
}
.projectGallery .igui-position-small.igui-position-bottom-center {
    display: none !important;
}
  
.projectPage .projectGallery {
    height: 400px;
    background-color: #fafafa;
    padding: 0 !important;
}

.projectPage .projectGallery .idvalue {
    height: 100% !important;
}

.projectPage .projectGallery .ig-main-scope-wrapper {
    height: 100% !important;
}

.projectPage .projectGallery .ig-gallery-wrapper {
    display: flex !important;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100% !important;
}

.projectPage .projectGallery .ig-slideshow div {
    height: 100%;
}

.projectPage .projectGallery .ig-slideshow ul {
    margin-bottom: 0px;
    display: flex;
    height: 100% !important;
}

.projectPage .projectGallery .ig-slideshow-item-inner {
    height: 100%;
    display: flex;
    align-items: center;
  justify-content: center;
}  

  
  /** video **/
  
.projectPage .projectVideo {
    padding: 0 !important;
}

/**** press ****/
  .projectPress .pressWrapper {
    padding: 15px !important;
}
  .projectPage .pressWrapper .pressImage {
    padding: 0 !important;
}
  
  
  
  /*** details & colaborations block ***/
.projectPage .projectDetails {
    margin-bottom: 30px;
}  
  /** before and after ***/
.projectPage .beforeAndAfterWrapper {
    padding: 0 !important;
    display: flex;
    flex-direction: column-reverse;
}
  
.projectBeforeAndAfter .content {
    margin-bottom: 30px;
}
  
.projectPage .changepic .cd-handle {
    height: 50px !important;
    width: 50px !important;
    top: calc(50% - 5px) !important;
    margin-left: -25px !important;
    margin-top: -25px !important;   
    background-size: 50% !important;
}  
  
.projectPage .changepic  .cd-image-label {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
  
 .projectBeforeAndAfter .col-md-5 {
    padding-left: 15px !important;
    padding-right: 15px !important;
} 
  
/******** related items **************/
  
.relatedProjects .relatedProjectItem {
    margin-bottom: 50px;
}
  
  
/****************** TAG VIEW **************************/
  .tagView .tagTitleWrapper .tagTitle {
    margin-top: 40px;
    margin-bottom: 40px !important;
}
  
  
/**** HEADINGS ***********/
  
#wrap_all h1 {
    font-size: 2em !important;
    letter-spacing: 0;
    line-height: 120% !important;
    font-weight: inherit !important;
    margin-bottom: 20px !important;
}
  
#wrap_all h2 {
    font-size: 1.7em !important;
    letter-spacing: 0;
    margin-bottom: 20px !important;
    line-height: 120% !important;
    font-weight: inherit !important;
}
  
#wrap_all h3 {
    font-size: 1.3em !important;
    letter-spacing: 0;
    margin-bottom: 20px !important;
    line-height: 150% !important;
    font-weight: inherit !important;
}  
  
#wrap_all h4 {
    font-size: 1em !important;

}  
  
#wrap_all .bigtext {
  font-size: 60px !important;
}
  
  
  
  
#wrap_all .medium {
  font-weight: 400 !important;
}  
  
  
  
/***** HEAD ******/
    #head {
        height: 70px;
        padding: 15px 15px !important;
        position: fixed;
        top: 0 !important;
    }
  
#head .brandIcon img {
    max-height: 44px !important;
    width: auto;
}


#head .brandName img {
    max-height: 26px !important;
}

#head .brandName {
    position: absolute;
    margin: 0 auto !important;
    width: auto;
    text-align: center;
    top: 0;
    padding: 15px;
    height: 70px;
    display: flex;
    align-items: center;
    left: 50px !important;
}

.mod-languages {
    position: absolute;
    right: 70px;
    z-index: 999;
}

.menu-icon-cont.sm-btn-99 {
    padding: 0 0px !important;
}  
  
  
  
/*** publications -- in press ***/
  #wrap_all .publicationText {
    padding-top: 0 !important;
  }
  
  

/****************************  PADDINGS ******************************************/

 
.leftpadding {
  padding-left:20px !important;
}

.leftsmallpadding {
  padding-left:20px !important;
}
.leftextrapadding {
  padding-left:30px !important;
}

.rightpadding {
  padding-right:20px !important;
}

.rightsmallpadding {
  padding-right:20px !important;
}
.rightextrapadding {
  padding-right:30px !important;
}

.noleftpadding {
  padding-left:0 !important;
}
.norightpadding {
  padding-right:0 !important;
}
.nopaddingonmobile {
    padding:0 !important;
  }

  
.topsmallpadding {
  padding-top:40px !important;
}
.toppadding {
  padding-top:40px  !important;
}
.topextrapadding {
  padding-top:60px !important;
}
.bottomsmallpadding {
  padding-bottom:40px  !important;
}
.bottompadding {
  padding-bottom:40px !important;
}
.bottomextrapadding {
  padding-bottom:60px  !important;
}

  
#wrap_all .nopaddingonmobile {
    padding-left:0 !important;
    padding-right:0 !important;
  }
  
  
  
  
  
  
  
  
  /************** END ******************/
}