/*
Theme Name: Altair
Theme URI: https://iashido.com
Author: iashido
Author URI: http://iashido.com/
Description: Custom werk for BWC
Version: 5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: VR, mnml, tronica, corporate, finance
Text Domain: twentysixteen


*/



/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */





/*Order #NBL-3628*/
/*
@font-face {
  font-family: "nb_grotesk_pro55m_normal";
  font-style: normal;
  font-weight: normal;
  src: url("css/fonts/nb_grotesk_pro-55m-webfont.eot?#iefix") format("eot"),
      url("css/fonts/nb_grotesk_pro-55m-webfont.woff2") format("woff2"),
      url("css/fonts/nb_grotesk_pro-55m-webfont.woff") format("woff"),
      url("css/fonts/nb_grotesk_pro-55m-webfont.ttf") format("truetype"),
      url("css/fonts/nb_grotesk_pro-55m-webfont.svg#nb_grotesk_pro55m_normal") format("svg");
}
@font-face {
  font-family: "nb_architekt_neueregular";
  font-style: normal;
  font-weight: normal;
  src: url("css/fonts/nb_architekt_neue-webfont.eot?#iefix") format("eot"),
      url("css/fonts/nb_architekt_neue-webfont.woff2") format("woff2"),
      url("css/fonts/nb_architekt_neue-webfont.woff") format("woff"),
      url("css/fonts/nb_architekt_neue-webfont.ttf") format("truetype"),
      url("css/fonts/nb_architekt_neue-webfont.svg#nb_architekt_neueregular") format("svg");
}
*/


/*


@font-face {
  font-family: "nb_grotesk_pro55m_normal";
  font-style: normal;
  font-weight: normal;
  src: url("css/iosevka/iosevka-light.eot?#iefix") format("eot"),
      url("css/iosevka/iosevka-light.woff2") format("woff2"),
      url("css/iosevka/iosevka-light.woff") format("woff"),
      url("css/iosevka/iosevka-light.ttf") format("truetype"),
      url("css/iosevka/iosevka-light.svg#iosevka-medium") format("svg");
}
*/

/*

@font-face {
  font-family: "fr";
  font-style: normal;
  font-weight: normal;
  src: url("css/fonts/fr.woff2") format("woff2");
}
@font-face {
  font-family: "off";
  font-style: normal;
  font-weight: normal;
  src: url("css/fonts/Ofform-Regular.woff") format("woff");
}

@font-face {
    font-family: 'KyotoTW Text400';
    src: url('css/fonts/KyotoTW-Text400.woff2') format('woff2'),
        url('css/fonts/KyotoTW-Text400.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*/



@font-face {
  font-family: "25";
  font-style: normal;
  font-weight: normal;
  src: url("css/D-CGI/NHaasGroteskDSPro-25Th.woff") format("woff");
}
@font-face {
  font-family: "55";
  font-style: normal;
  font-weight: normal;
  src: url("css/D-CGI/NHaasGroteskDSPro-55Rg.woff") format("woff");
}
@font-face {
  font-family: "65";
  font-style: normal;
  font-weight: normal;
  src: url("css/D-CGI/NHaasGroteskDSPro-65Md.woff") format("woff");
}
@font-face {
  font-family: "MaelS";
  font-style: normal;
  font-weight: normal;
  src: url("css/D-CGI/maelstrom-sans-test-bold.woff") format("woff");
}
@font-face {
  font-family: "Mael";
  font-style: normal;
  font-weight: normal;
  src: url("css/D-CGI/maelstrom-test-bold.woff") format("woff");
}


/*
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap')
</style>

*/






/*@import url('https://rsms.me/inter/inter-ui.css');*/
/*@import url('https://rsms.me/inter/inter.css');*/
/*html { font-family: 'Inter', sans-serif; }*/


/*some easy stuff*/
:root {
    --menu-bk-color: white;
    --menu-item-color: #333;
    --link-color: #333;
    --my-color: #FF6600;
    --vet-color: #41A4B4;
    --my-bigText: 7vw;
    --my-regText: 3.5vw;
    --my-text: 16px;
    --my-smallText: 12px;
    --my-siteMarginLeft: 20px;
    --fontFamilyNormal: "light";
    --fontFamilyRegular: "regular";
    --tickerHeight: 50px;
    --headerContainerW: 80%;
    --headerContainerH: 600px;
    --lineH: 60px;

/*2020*/
    --our-color: #ffffff;
    --our-bkColor: #d6d6d6;
    --our-stroke: 3px;

/*    TV*/
    --title-family: "light";
    --title-family-big: "semi";
    --btn-text-color: #FFF;
    --menu-bk-color: #E3E6E2;
    --btn-bk-color: #f7f7f7;
    --btn-bk-hover-color: #000;

    --text-top-label: 26px;
    --text-top-label-kerning: -1px;

    --text-menu: 36px;

    --content-padding: 20px;



    --text-big: 3.2vw;
    --text-big-kern: -0.15vw;
    --text-big-line-height: 4.6vw;

    --text-medium: 2.2vw;
    --text-medium-kern: -0.1vw;
    --text-medium-line-height: 2.6vw;

    --text-reg: 2vw;
    --text-reg-kern: -0.5px;
    --text-reg-line-height: 2vw;

    --text-small: 14px;
    --text-small-kern: 0px;
    --text-small-line-height: 16px;

    --text-smaller: 16px;
    --text-smaller-kern: 0px;
    --text-smaller-line-height: 24px;



    --text-color-blue: #333333;
    --text-color-white: #ffffff;

    --content-box-padding: 60px;
    --content-box-height: 300px;

    --bottom-text-padding: 10px;

    /*    TU*/
    --box-shadow-color: #999999;
    --box-w: 40rem;
    --box-h: 60rem;
    --box-bk-color: #ffffff;
    --box-stamp-size: 0.7rem;
    --box-per: 46%;
    --box-spacer: 100px;

    --box-bk-color-menu: #FF66FF;
    --box-bk-color-sponge: #679A65;
    --box-bk-color-textile: #010093;
    --box-bk-color-triangles: #FF9901;
    --box-bk-color-spheres: #A3B8FE;
    --box-bk-color-tubes: #0C4E00;
    --box-bk-color-gondola: #0133FF;
    --box-bk-color-play: #ffffff;
    --box-bk-color-grey: #cccccc;
    --box-bk-color-press: #000000;
    --box-bk-color-red: #FF0201;
    --box-bk-color-vertical: #FF0201;
    --box-bk-color-extra: #000000;
    --box-bk-color-demo: #FFFF00;
    --box-bk-color-contact: #666666;

     /*DM    */
    --box-1-BkColor: #000000;
    --box-2-BkColor: #141414;
    --box-3-BkColor: #262626;
    --box-4-BkColor: #3B3B3B;
    --box-5-BkColor: #4B4B4B;
    --box-6-BkColor: #585858;
    --box-7-BkColor: #656565;
    /*#000000
    #141414
    #262626
    #3B3B3B
    #4B4B4B
    #585858
    #656565    */






}
/*  color: var(--menu-bk-color);
var(--fontFamily);
var(--tickerHeight);
var(--fontFamilyRegular);
*/




/*canvas setup*/
#defaultCanvas0{
    position: fixed;
    z-index: -1;
}



#owl-demo, #scrollIcon{
    opacity: 0;
    margin-top: 0px;
}

iframe{
    width: 100%;
    margin-bottom: 20px;
/*    padding-left: 30px;*/
}
.videoBox{
    margin-left: 30px;
    margin-top: 0px;
    margin-bottom: 50px;
}
.smallVideoBottomSize, iframe.aligncenter.size-full.smallVideoBottomSize{
    margin-bottom: 20px;
}


*{
/*
         -webkit-tap-highlight-color: rgba(0,0,0,0);
         -webkit-tap-highlight-color: transparent;  For some Androids
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
*/
    }
*:focus {outline:#241efc !important}



/*
html, body {
    text-rendering: optimizeSpeed !important;
    font-family: 'Inter UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/



/*loading stuff pace*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
/*end pace*/


html, body {
    background-color: var(--our-bkColor);
    text-rendering: optimizeSpeed !important;
    font-family: 'Inter UI', sans-serif;
/*    font-family: 'Inter', sans-serif;*/
    font-family: "nb_grotesk_pro55m_normal";
    color: var(--our-color);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    transition:all 0.3s ease;
/*    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAA9JREFUGBljYBgFgzIEJAEBswAaW3JtQQAAAABJRU5ErkJggg==) repeat;*/
/*    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABJJREFUCB1jYGBg+A/ExAHsKgFV7gH/ssPq5wAAAABJRU5ErkJggg==) repeat;*/
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
a:link, a:visited{
    color: none;
    color: inherit;
}
a:hover{
    opacity: .7;
}

.col-xs-12.padding-zero{
    padding: 0px;
}
.padding-zero{
    padding: 0px;
}


ul, li{list-style:none;}

div.logoBox.col-md-6.padding-zero{
    position: relative;
    z-index: 99;
    margin-left: 0px;
    margin-top: 0px;
}
img[id="logo carioca"]{
    width: 100px;
    height: auto;
    margin-top: 10px;
}
#logo_2029{
/*    max-width: 120px;*/
    max-width: 25vw;
    position: absolute;
    top: 50%;
    /* left: 50%; */
    margin-top: -50px;
    margin-left: -50px;
}
nav.col-md-12.padding-zero{
    /* font-size: 16px; */
    /* font-weight: 400; */
    /* line-height: 20px; */
    /* margin-top: -5px; */
    /* padding-left: 30px; */
    /* padding-right: 30px; */
/*    float: left;*/
}
.nav{
    padding-left: 5px;
    /* padding-right: 35px; */
}
.nav>li>a:hover{

}
li.a{
    background-color: transparent;
    text-decoration: none;
}
.nav>li>a{
    /* font-size: 22px; */
    /* padding: 10px 10px; */
    /* margin-left: -5px; */

}
ul.sub-menu:before{
    width: 2px;
    height: 10px;
    background-color: yellow;

}
div.sub-menu-wrapper{
    width: 1px;
    height: 130px;
    margin-left: 0px;
    position: absolute;
    margin-top: 5px;
    margin-left: 0px;
}
li#menu-item-5 .sub-menu-wrapper-end{
    width: 1px;
    height: 130px;
    background: #eaeaea;
    margin-left: 5px;
    position: absolute;
    margin-top: 5px;
    margin-left: 0px;
}
ul.sub-menu{
    list-style: none;
    padding-left: 10px;
    font-weight: 100;

}
.nav>li>a{
    padding: 15px 10px;
}
.menu-item a{
    color: #999999;
}
.menu-item :hover {
    color: black;
    text-decoration: none;
}
.nav>li>a:hover, .nav>li>a:focus{
    background-color: transparent;
    text-decoration: none;
}
.col-md-12_5{
    float: left;
    width: 16.5%;
    margin: 0;
    padding: 0 0px;
}
.col-md-12_51{
    float: left;
    width: 30%;
    margin: 0;
    padding: 0 0px;
}
.padding-zero{
    padding: 0;
}
.marginB20{
    margin-bottom: 30px;
}
.nav-pills>li+li{
    margin-left: 0px;
}
.menuCarioca{
    margin-bottom: 20px;
    margin-left: 0px;
}

.fL{
    float: left;
}

.mBig{
    font-size: 22px;
    color: #333;
    cursor: pointer;
    height: auto;
    font-weight: 100;
    float: left;
    margin-right: 20px;
    z-index: 999;
}
.blackActive, .current-menu-item.page_item, .current-menu-item a, .page-item, .current_page_item{
    color: #999;
}
.menu-item.menu-item-type-post_type.menu-item-object-post.current-menu-item{
/*    color: blue;*/
}
div.topMenu_box.col-md-12.padding-zero{
    padding-left: 30px;
    padding-top: 5px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    z-index: 999;
}

.right_menu{
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    font-size: 30px;
    cursor: pointer;
    z-index: 9999;
    display: none;
}



.size-fullW{
    padding: 40px;
    max-width: 100%;
    height: auto;
}

h1.entry-title{
    padding-left: 30px;
    padding-right: 40px;
    font-weight: 400;
    float: left;
    width: 100%;
    font-size: 40px;
    font-family: 'off';
    text-align: center;
    padding: 20px;
    z-index: 10000;
    position: absolute;
}
.entry-summary{
    padding-left: 30px;
    font-size: 18px;
    padding-right: 40px;
    margin-bottom: 30px;
    font-weight: 300;
    float: left;
    width: 100%;
}
.fixBSpace{
    margin-bottom: 10px;
}


.galleryImg{
    max-width: 100%;
    min-width: 100%;
    height: auto;
}
.itemCategTitle{
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 100;
}
.itemCategSubTitle{
    font-size: 16px;
    color: #999;
}
.bringToTop{
    margin-top: 0px;
}

.current-menu-item a{
    color: #999 !important;
}

.itemCateg{
/*
    margin-bottom: 50px;
    margin-right: 30px;
    min-width: 33vw;
*/
}
.itemCateg.col-xs-3{
    margin-bottom: 30px;
}
.owl1menu{
    z-index: 99999;
}



.aligncenter, .alignnone{
    margin-bottom: 100px;
    max-width: 81vw;
    min-width: 81vw;
    height: auto;
}
.imageFit2{
    max-width: 100%;
    height: auto;
}

.aligncenter {
    visibility: hidden;
}

.fadeIn {
    -webkit-animation: animat_show 1s;
    animation: animat_show 1s;
    visibility: visible !important;
}

@-webkit-keyframes animat_show{
    0%{opacity:0}
    100%{opacity:1}
}










.entry-content{
    max-width: 100%;
}



.containers_bkW{
    background: rgba(0, 0, 0, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABJJREFUCB1jYGBg+A/ExAHsKgFV7gH/ssPq5wAAAABJRU5ErkJggg==) repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}


.colorOver{
    color: inherit;
    text-decoration: none;
     /* Firefox */
    -moz-transition: all .3s ease-in;
    /* WebKit */
    -webkit-transition: all .3s ease-in;
    /* Opera */
    -o-transition: all .3s ease-in;
    /* Standard */
    transition: all .3s ease-in;
}
.colorOver:hover{
    color: #000;
    text-decoration: none;
     /* Firefox */
    -moz-transition: all .3s ease-in;
    /* WebKit */
    -webkit-transition: all .3s ease-in;
    /* Opera */
    -o-transition: all .3s ease-in;
    /* Standard */
    transition: all .3s ease-in;
}


.itemContent{
    font-size: 22px;
/*     line-height: 22px; */
    color: inherit;
/*     font-weight: 100; */
/*     color: #333; */
    /* margin-top: 10px; */
    padding-left: 4vw;
    padding-top: 4vh;
    padding-right: 4vw;
    padding-bottom: 4vh;
/*     float: left ; */
}
.itemTitleLine{
    width: 100%;
    height: 1px;
    background-color: #bfbfbf;
}
.boldStyle{
}

.slideCaption{
    padding-left: 35px;
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    bottom: -5px;
    z-index: 9999;
    margin-top: 100px;
    color: white;
}


a.generic-link{
    text-decoration: none;
    color: inherit;
}
a.generic-link:hover{
    opacity: .6;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    text-decoration: none !important;
    color: inherit !important;
}
a:hover{

}




/*zoom stuff*/
.containersW {
    display: inline-block;
    overflow: hidden;
}

.containersW img {
    -webkit-transition: all 3.9s ease;
    -moz-transition: all 3.9s ease;
    -ms-transition: all 3.9s ease;
    -o-transition: all 3.9s ease;
    transition: all 3.9s ease;
    vertical-align: middle;
}

.containersW img:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);

}

/*hover text over thumbs*/
.galleryImgW.cornerLink {
    opacity: 1;
    position: absolute;
    top: 90px;
    left: 10px;
    right: 10px;
    bottom: 90px;
    padding: 30px 10px;
    /* /* margin-top:   */
    color: #ffffff;
    background: #000000;
    height: 100%;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;

}
.galleryImg:hover .cornerLink {
    opacity: 1;
}

.post-excerpt{
    width: 50%;
    line-height: 24px;
}
.imageCaption{
    font-size: 16px;
    font-weight: 300;
}



div.col-xs-12.padding-zeroW.owl1menu{
    z-index: 100;
}

.up-arrow{
    width:40px;
    height:20px;
    background:url('./img/up.svg') center no-repeat;
    display:block;
}
.share-icon{
    width:145px;
    height:20px;
    background:url('./img/share.png') center no-repeat;
    display:block;
}






.top-ham{
    width:30px;
    height:30px;
    background:url('./img/menu.png') center no-repeat;
    display:block;
}




/*new menu*/
.nav-pills>li>a, .nav>li>a, .nav-pills, .current-menu-item a{
    /* font-size: 22px; */
    /* float: left; */
    /* position: relative; */
    /* margin-right: 10px; */
    /* padding-left: 5px; */
    /* color: #333; */
}
.menu-item-type-custom.menu-item-object-custom a, .menu-item-type-post_type.menu-item-object-post a, .menu-item-object-page, .menu-item.menu-item-type-post_type.menu-item-object-page a, .menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item{
    /* font-size: 22px; */
    /* float: left; */
    /* position: relative; */
    /* margin-right: 10px; */
    /* padding-left: 5px; */
/*    color: blue;*/
}
li#menu-item-2330.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2330{
    margin-right: 0px;
    margin-left: -4px;
}
/*menu 2029*/
.menu2029{
/*    max-width: 300px;*/
    max-width: 33vw;
}
.menu-item2222222 {
    font-size: 22px;
    color: blue;
  width: 300px;
  width: 33vw;
  /* height: auto; */
  /* padding: 10px; */
  border: 3px solid blue;
/*     float: left ; */
    /* padding-left: 10px; */
    margin-top: -3px;
    background: white;
}
.menu-item-special{
    margin-left: -13px;
    padding: 10px;
    padding-left: 13px;
}
.smallF{
    font-size: 12px;
}
.boldF{
    font-family: 'bold';
}


/*journal*/

.categName{
    margin-top: -15px;
    margin-left: 10px;
    white-space: nowrap;
    margin-bottom: 5px;
}
.paddingL0{
    padding-left: 0px;
}
div.col-xs-12.paddingL0.marginB20{
    padding-left: 0px;
}
.size40, .smallTextBlue.size40{
    font-size: 40px;
    line-height: 44px;
}
.smallTextBlue{
    font-size: 16px;
    line-height: 18px;
    color: #333;
}
.smallText{
    padding-left: 30px;
    padding-bottom: 30px;
    min-height: 30px;
    color: #999;
    font-size: 10px;
    float: left;
    width: 100%;
    opacity: .5;
}
.reg{
    font-family: 'regular';
}
.grot{
    font-family: 'bold';
    font-family: 'black';
}
.smallTextWhite{
    font-size: 16px;
    line-height: 18px;
    color: black;
}
.circleJ {
    width: 15px;
    height: 15px;
    background: #333;
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    padding-top: 0px;
    margin-top: 10px;
    font-size: 8px;
}

.thumbnail_J{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

img.attachment-medium.size-medium{
    height: 150px;
    width: auto;
    border-radius: 20px;
}
.grey{
     -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.blueLine_J{
    background: black;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.container_thumbs_J{
    margin-top: 15px;
}
.no-top-J{
    margin-top: 0px;
}
.padding30{
    padding: 35px !important;
}
.tags_J, .cap{
    text-transform: capitalize;
}
.customPercentJ{
    max-width: 10%;
}


/*end journal*/







/*everything*/

img.size-large{
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 100%;
    height: auto;
}

.galleryImgSmall{
    max-width: 250px;
    max-height: 250px;
    height: auto;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(156,151,156,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(156,151,156,1);
    box-shadow: 2px 2px 5px 0px rgba(156,151,156,1);
}
.galleryImgBig{
    max-width: 550px;
    max-height: 550px;
    height: auto;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(156,151,156,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(156,151,156,1);
    box-shadow: 2px 2px 5px 0px rgba(156,151,156,1);
}

.galleryImgSmallTitle{
    font-size: 14px;
    text-align: center;
    margin-top: 260px;
    display: none;
}
.galleryImgBigTitle{
    font-size: 14px;
    text-align: center;
    margin-top: 560px;
    display: none;
}
.overviewItem{
    max-width: 250px;
    margin-right: 80px;
    margin-bottom: 80px;
    float: left;
    color: #241efc;
    width: 250px;
    height: 250px;
    position: relative;
}
.overviewItemBig{
    max-width: 550px;
    margin-right: 80px;
    margin-bottom: 80px;
    float: left;
    color: #241efc;
    width: 550px;
    height: 550px;
    position: relative;
}
.paddingEverything{
    padding-left: 20px;
    margin-left: 30px;
}
.galleryImgSmallTitle{
    font-size: 16px;
    text-align: center;
    margin-top: 260px;
    display: block;
    color: #333;
}
.galleryImgBigTitle{
    font-size: 16px;
    text-align: center;
    margin-top: 560px;
    display: block;
    color: #333;
}

/*end everything*/

.infosBox{
    margin-top: 20px;
    float: left;
    width: 100%;
}
.copyr{
    margin-left: 30px;
    margin-bottom: 5px;
}




/*scrollDown*/
.scrollDown {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin-bottom: 50px;
    z-index: 99999;
    font-size: 16px;

}
.scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width :24px;
  height: 45px;

}
.mousey {
  width: 3px;
  padding: 10px 11px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
    -moz-box-shadow: 1px 1px 2px 0px rgba(156, 151, 156, 1);
box-shadow: 1px 1px 2px 0px rgba(156, 151, 156, 1);
}
.scroller {
  width: 1px;
  height: 4px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
    -moz-box-shadow: 1px 1px 1px 0px rgba(156, 151, 156, 1);
box-shadow: 1px 1px 1px 0px rgba(156, 151, 156, 1);
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
/*endScrollDown*/



img.galleryImg.msnry_item{
    min-width: 100%;
}


div.itemContent.minHAwards{
    min-height: 70px;
    position: relative;
    float: left;
}



.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}



.branding-owl{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999999;
    text-align: center;
    color: white;
    cursor: pointer;
}
.branding-owl-title{
    font-size: 84px;
    line-height: 84px;
}
.branding-owl-subtitle{
    font-size: 22px;
}
.branding-owl-footer{
    font-size: 42px;
}

.descriptor{
/*    float: left;*/
    opacity: .5;
}
.itemCategTitle{
/*    float: left;*/
}





/*menu 2029 outline*/
.menuOutline{
    border: var(--our-stroke) solid var(--our-color);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
/*    background-color: var(--our-color);*/
    color: var(--our-color);
/*    transition: transform 5000ms ease-in-out, filter 5000ms linear;*/
}
.menuText{
/*    padding: 20px;*/
/*    padding: 10px;*/
    font-size: 25px;
    margin-left: 5vw;
    margin-top: 8px;
}
.m0{
    position: fixed;
    bottom: 3.5vh;
    z-index: 10000000;
    /* left: -40px; */
/*     margin-top: 110px; */
/*     margin-left: -2vw; */
    color: var(--our-color);
/*     background-color: yellow ; */
/*     height: 5vh; */
/*     width: 200px; */
/*     transform-origin: 20px -10px 10px; */

}
.m01, .m02{
    float: left;
}
.m1{
/*    background-color: cyan;*/
    width: 100%;
    height: 100vh;
}
.m2{
/*    background-color: yellow;*/
    width: 90%;
    height: 90vh;

}
.m3{
/*    background-color: rgb(93, 246, 23);*/
    width: 80%;
    height: 80vh;
}

.m4{
/*    background-color: rgb(55, 214, 191);*/
    width: 70%;
    height: 70vh;
}

.m5{
/*    background-color: rgb(241, 193, 28);*/
    width: 60%;
    height: 60vh;
}

.m6{
/*    background-color: rgb(14, 255, 150);*/
    width: 50%;
    height: 50vh;
}

.m7{
/*    background-color: rgb(102, 224, 45);*/
    width: 40%;
    height: 40vh;
}

.m8{
/*    background-color: rgb(102, 224, 45);*/
    width: 30%;
    height: 30vh;
    background: var(--our-bkColor);
}




/*
#xMenuButton {
  width: 25px;
  height: 25px;
  background-color: red;
  border: 1px solid black;
}

.mdiv {
  height: 25px;
  width: 2px;
  margin-left: 12px;
  background-color: black;
  transform: rotate(45deg);
  Z-index: 1;
}

.md {
  height: 25px;
  width: 2px;
  background-color: black;
  transform: rotate(90deg);
  Z-index: 2;
}
*/


/*
#xMenuButton {
  width: 5.33%;
  height: 5.33%;
  border: 3px solid var(--our-color);
    position: fixed ;
    right: 0px
}

.mdiv {
  height: 48px;
  width: 3px;
  margin-left: 14px;
    margin-top: -10px;
  background-color: var(--our-color);
  transform: rotate(45deg);
  Z-index: 1;
}

.md {
  height: 48px;
  width: 3px;
  background-color: var(--our-color);
  transform: rotate(90deg);
  Z-index: 2;
}
*/

/*close button*/
#xMenuButton {
  width: 3vw;
  height: 3vh;
    position: fixed ;
    right: 0px;
}

.mdiv {
  width: var(--our-stroke);
  margin-left: 5px;
    margin-top: 5px;
  background-color: var(--our-color);
  transform: rotate(45deg);
  Z-index: 1;
}

.md {
  height: 5vh;
  width: var(--our-stroke);
  background-color: var(--our-color);
  transform: rotate(90deg);
  Z-index: 2;
}



.close {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 5vw;
  height: 5vh;
  opacity: 1 !important;
    z-index: 10000000;

}
.close:hover {
  opacity: .5 !important;
}
.close:before, .close:after {
  position: absolute;
  left: 2.5vw;
  top: 1vh;
  content: ' ';
  height: 5vh;
  width: var(--our-stroke);
  background-color: var(--our-color);
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

.centerDiv{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
.centerDivTop{
    position: absolute;
    top: 10px;
    left: 50%;
}




.follower {
  width: 20px;
  height: 20px;
  background-color: var(--our-color);
  border-radius: 50px;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  position: fixed;
  transform: translate(-50%, -50%);
    z-index: 1000;
    display: none;
}

/*

.custom-cursor-container {
    position: fixed;
    z-index: 1000;
    mix-blend-mode: exclusion;
    pointer-events: none;
    display: none
}

@media (min-width:960px) {
    .custom-cursor-container {
        display: block
    }
}

.custom-cursor-container .custom-cursor {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -23px;
    left: -23px;
    pointer-events: none;
    background: #fff;
    border-radius: 100%;
    opacity: 0
}
*/




.rotateV {
    -webkit-transform: rotate(-90deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(-90deg);      /* to support IE 9 */
    transform: rotate(-90deg);
    transform-origin: left top 0;margin-left: 2.2vw;
}



.centerDiv{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content0{

}
.content1{
    display: block;
     margin-left: auto;
      margin-right: auto;
    width: 90%;
    background: var(--our-bkColor);
    height: auto;
}

.topTitle{
    position: fixed;
    height: 4.5vh;
    width: 100%;
    margin-top: 0px;
/*    background: white;*/
    z-index: 100000;
    border: var(--our-stroke) solid var(--our-color);
    border-bottom: none;
    font-size: 24px;
    padding-left: 5vw;
    padding-top: 5px;
    color: var(--our-color);
    font-family: "medium";
}
.subTitle{
    font-size: 24px;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 4vh;
    font-family: 'medium';
}
.detailsBox{
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 4vh;
    padding-bottom: 4vh;
    float: left;
}
.detailsTitle{
    font-family: "medium";
    margin-bottom: 10px;
}
.details{
    font-size: 14px;
    width: 30%;
    float: left;
    margin-right: 10px;
}
.contentTLine{
    position: fixed;
    height: 5vh;
    width: 90.36%;
    margin-top: 0px;
    z-index: 10000;
    border: var(--our-stroke) solid var(--our-color);
    /* border-top: none; */
    border-left: var(--our-stroke) solid var(--our-bkColor);;
    border-right: var(--our-stroke) solid var(--our-bkColor);;
    /* font-size: 25px; */
    /* padding-left: 5vw; */
    /* padding-top: 8px; */
/*     color: var(--our-color); */
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-left: 4.75vw;
    background: var(--our-bkColor);
}
.contentBLine{
    position: fixed;
    height: 5vh;
    width: 90.36%;
    margin-top: -10px;bottom: 0px;
    z-index: 10000;
    border: var(--our-stroke) solid var(--our-color);
    /* border-top: none; */
    border-left: var(--our-stroke) solid var(--our-bkColor);;
    border-right: var(--our-stroke) solid var(--our-bkColor);;
/*     border-bottom: none; */
    /* font-size: 25px; */
    /* padding-left: 5vw; */
    /* padding-top: 8px; */
/*     color: var(--our-color); */
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-left: 4.75vw;
    background: var(--our-bkColor);
}
.contentRLine{
    position: fixed;
    width: 5vw;
    height: 100%;
    bottom: 0px;
    z-index: 9000;
    border: var(--our-stroke) solid var(--our-color);
    right: 0px;
    background: var(--our-bkColor);
}
.contentLLine{
    position: fixed;
    width: 5vw;
    height: 100%;
    bottom: 0px;
    z-index: 1000;
    border: var(--our-stroke) solid var(--our-color);
    left: 0px;
    background: var(--our-bkColor);
}
.containers{
/*    background: var(--our-bkColor);*/
    padding-top: 5vh;
}







#toTop {
    padding: 40px 3px;
    position: fixed;
    bottom: 0;
    right: 0px;
    display: none;
    width: 50px;
    z-index: 999;
}



















/*TU*/
body, html {
/*  position: fixed;*/
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
        .american {
            font-family: 'Inter UI', sans-serif;
        }
/*
svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
*/
.header, .footer{
  position: absolute;
  padding: 10px;
  margin: 0;
  background: rgba(255, 255, 255, 0.4);
}
.header {
  color: rgba(0, 0, 0, 0.82);
}
a {
  color: inherit;
  text-decoration: none;
}

.footer {
    font-size: 10px;
  bottom: 0px;
  color: rgba(0, 0, 0, 0.52);
    display: none;
}

.black{
    color: #000000;
}




/*stamp*/

.c-menu{
    background-color: #FF66FF !important;
/*
    :root {
        --box-bk-color: #FF66FF !important;
    }
*/
}
.c-sponge{
    background-color: #679A65 !important;
}
.c-textile{
    background-color: #010093 !important;
}
.c-triangles{
    background-color: #FF9901 !important;
}
.c-spheres{
    background-color: #A3B8FE !important;
}
.c-tubes{
    background-color: #0C4E00 !important;
}
.c-gondola{
    background-color: #0133FF !important;
}
.c-play{
    background-color: #ffffff !important;
}
.c-grey{
    background-color: #666666 !important;
}
.c-red{
    background-color: #FF0201 !important;
}
.c-extra{
    background-color: #000000 !important;
}


.hide{
    display: none !important;
}
.spacer-50{
    width: 100%;
    height: 50px;
}
.spacer-10{
    width: 100%;
    height: 10px;
    float: left;
}
.spacer-20{
    width: 100%;
    height: 20px;
}
strong, .strong{
    font-weight: 600 !important;
}
.fL{
    float: left;
}


.s-top-l{
    font-size: 20px;
    letter-spacing: -0.02em;
}
.s-top-r{
    float: right;
    right: 0px;
    top: -30px;
    position: relative;
}
.s-bottom-l{
    font-size: 20px;
    bottom: 20px;
    position: absolute;
}
.s-title{
    margin-top: 50px;
    font-size: 80px;
/*    font-weight: 600;*/
    letter-spacing: -0.04em;
}
.s-menu{
    margin-top: 0px;
    font-size: 80px;
/*    font-weight: 600;*/
    letter-spacing: -0.04em;
}
.s-body{
    font-size: 20px;
    width: 70%;
}
.s-visual{
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
}
.to-bottom{
    position: absolute;
    left: 0;
    bottom: 50px;
}

.stamp-zone{
    width: 100%;
    float: left;
    margin-bottom: 300px;
}
.zone-title{
    font-size: 250px;
    letter-spacing: -15px;
    color: black;
    float: left;
    width: 100%;
    margin-bottom: 50px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in Internet Explorer 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}



/*--box-bk-color-menu: #FF66FF;
    --box-bk-color-sponge: #679A65;
    --box-bk-color-textile: #010093;
    --box-bk-color-triangles: #FF9901;
    --box-bk-color-spheres: #A3B8FE;
    --box-bk-color-tubes: #0C4E00;
    --box-bk-color-gondola: #0133FF;
    --box-bk-color-play: #ffffff;
    --box-bk-color-grey: #666666;
    --box-bk-color-red: #FF0201;
    --box-bk-color-extra: #000000;*/


.tu {
  position: relative;
  margin: auto;
  padding: 20px;
/*
  top: 1em;
  bottom: 1em;
  left: 1em;
  right: 1em;
*/
  width: var(--box-w);
    height: var(--box-h);
    /* line-height: 2.2rem; */
    background-color: var(--box-bk-color);
    /* text-align: center; */
    font-size: 2.2em;
    letter-spacing: -0.02em;
    color: #000000;
    font-weight: 400;
    float: left;
    margin-right: var(--box-spacer);
}

.tu:before,
.tu:after {
  content: "";
  position: absolute;
  z-index: -1;
}

.tu:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 1rem var(--box-shadow-color);
}

.tu:after {
  top: -0.6rem;
  right: -0.6rem;
  bottom: -0.6rem;
  left: -0.6rem;
  background: linear-gradient(var(--box-bk-color), var(--box-bk-color)) no-repeat left top, linear-gradient(var(--box-bk-color), var(--box-bk-color)) no-repeat right top, linear-gradient(var(--box-bk-color), var(--box-bk-color)) no-repeat left bottom, linear-gradient(var(--box-bk-color), var(--box-bk-color)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}



.stamp:before,
.stamp:after {
  content: "";
  position: absolute;
  z-index: -1;
}

.stamp:before {
  top: -0.6rem;
  right: 0;
  bottom: -0.6rem;
  left: 0;
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp:after {
  top: 0;
  right: -0.6rem;
  bottom: 0;
  left: -0.6rem;
  background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*menu col*/
.tu-menu {
    color: #ffffff;
    background-color: var(--box-bk-color-menu);
}

.tu-menu:after {
    background: linear-gradient(var(--box-bk-color-menu), var(--box-bk-color-menu)) no-repeat left top, linear-gradient(var(--box-bk-color-menu), var(--box-bk-color-menu)) no-repeat right top, linear-gradient(var(--box-bk-color-menu), var(--box-bk-color-menu)) no-repeat left bottom, linear-gradient(var(--box-bk-color-menu), var(--box-bk-color-menu)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-menu:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-menu) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-menu) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-menu:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-menu) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-menu) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*sponge col*/
.tu-sponge {
    color: #ffffff;
    background-color: var(--box-bk-color-sponge);
}

.tu-sponge:after {
    background: linear-gradient(var(--box-bk-color-sponge), var(--box-bk-color-sponge)) no-repeat left top, linear-gradient(var(--box-bk-color-sponge), var(--box-bk-color-sponge)) no-repeat right top, linear-gradient(var(--box-bk-color-sponge), var(--box-bk-color-sponge)) no-repeat left bottom, linear-gradient(var(--box-bk-color-sponge), var(--box-bk-color-sponge)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-sponge:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-sponge) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-sponge) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-sponge:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-sponge) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-sponge) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}






/*textile col*/
.tu-textile {
    color: #ffffff;
    background-color: var(--box-bk-color-textile);
}

.tu-textile:after {
    background: linear-gradient(var(--box-bk-color-textile), var(--box-bk-color-textile)) no-repeat left top, linear-gradient(var(--box-bk-color-textile), var(--box-bk-color-textile)) no-repeat right top, linear-gradient(var(--box-bk-color-textile), var(--box-bk-color-textile)) no-repeat left bottom, linear-gradient(var(--box-bk-color-textile), var(--box-bk-color-textile)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-textile:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-textile) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-textile) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-textile:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-textile) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-textile) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*vertical col*/
.tu-vertical {
    color: #ffffff;
    background-color: var(--box-bk-color-vertical);
}

.tu-vertical:after {
    background: linear-gradient(var(--box-bk-color-vertical), var(--box-bk-color-vertical)) no-repeat left top, linear-gradient(var(--box-bk-color-vertical), var(--box-bk-color-vertical)) no-repeat right top, linear-gradient(var(--box-bk-color-vertical), var(--box-bk-color-vertical)) no-repeat left bottom, linear-gradient(var(--box-bk-color-vertical), var(--box-bk-color-vertical)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-vertical:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-vertical) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-vertical) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-vertical:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-vertical) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-vertical) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}






/*triangles col*/
.tu-triangles {
    color: #ffffff;
    background-color: var(--box-bk-color-triangles);
}

.tu-triangles:after {
    background: linear-gradient(var(--box-bk-color-triangles), var(--box-bk-color-triangles)) no-repeat left top, linear-gradient(var(--box-bk-color-triangles), var(--box-bk-color-triangles)) no-repeat right top, linear-gradient(var(--box-bk-color-triangles), var(--box-bk-color-triangles)) no-repeat left bottom, linear-gradient(var(--box-bk-color-triangles), var(--box-bk-color-triangles)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-triangles:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-triangles) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-triangles) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-triangles:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-triangles) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-triangles) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*spheres col*/
.tu-spheres {
    color: #ffffff;
    background-color: var(--box-bk-color-spheres);
}

.tu-spheres:after {
    background: linear-gradient(var(--box-bk-color-spheres), var(--box-bk-color-spheres)) no-repeat left top, linear-gradient(var(--box-bk-color-spheres), var(--box-bk-color-spheres)) no-repeat right top, linear-gradient(var(--box-bk-color-spheres), var(--box-bk-color-spheres)) no-repeat left bottom, linear-gradient(var(--box-bk-color-spheres), var(--box-bk-color-spheres)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-spheres:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-spheres) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-spheres) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-spheres:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-spheres) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-spheres) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}






/*tubes col*/
.tu-tubes {
    color: #ffffff;
    background-color: var(--box-bk-color-tubes);
}

.tu-tubes:after {
    background: linear-gradient(var(--box-bk-color-tubes), var(--box-bk-color-tubes)) no-repeat left top, linear-gradient(var(--box-bk-color-tubes), var(--box-bk-color-tubes)) no-repeat right top, linear-gradient(var(--box-bk-color-tubes), var(--box-bk-color-tubes)) no-repeat left bottom, linear-gradient(var(--box-bk-color-tubes), var(--box-bk-color-tubes)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-tubes:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-tubes) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-tubes) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-tubes:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-tubes) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-tubes) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*gondola col*/
.tu-gondola {
    color: #ffffff;
    background-color: var(--box-bk-color-gondola);
}

.tu-gondola:after {
    background: linear-gradient(var(--box-bk-color-gondola), var(--box-bk-color-gondola)) no-repeat left top, linear-gradient(var(--box-bk-color-gondola), var(--box-bk-color-gondola)) no-repeat right top, linear-gradient(var(--box-bk-color-gondola), var(--box-bk-color-gondola)) no-repeat left bottom, linear-gradient(var(--box-bk-color-gondola), var(--box-bk-color-gondola)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-gondola:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-gondola) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-gondola) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-gondola:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-gondola) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-gondola) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*xxx col*/
.tu-xxx {
    color: #ffffff;
    background-color: var(--box-bk-color-extra);
    width: calc(var(--box-w) * 2.8);
    height: calc(var(--box-h) * 1.1);
}

.tu-xxx:after {
    background: linear-gradient(var(--box-bk-color-extra), var(--box-bk-color-extra)) no-repeat left top, linear-gradient(var(--box-bk-color-extra), var(--box-bk-color-extra)) no-repeat right top, linear-gradient(var(--box-bk-color-extra), var(--box-bk-color-extra)) no-repeat left bottom, linear-gradient(var(--box-bk-color-extra), var(--box-bk-color-extra)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-xxx:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-extra) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-extra) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-xxx:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-extra) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-extra) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*news col*/
.tu-news {
    color: #000000;
    background-color: var(--box-bk-color-grey);
    width: calc(var(--box-w) * 1);
    height: calc(var(--box-h) * 1);
}

.tu-news:after {
    background: linear-gradient(var(--box-bk-color-grey), var(--box-bk-color-grey)) no-repeat left top, linear-gradient(var(--box-bk-color-grey), var(--box-bk-color-grey)) no-repeat right top, linear-gradient(var(--box-bk-color-grey), var(--box-bk-color-grey)) no-repeat left bottom, linear-gradient(var(--box-bk-color-grey), var(--box-bk-color-grey)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-news:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-grey) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-grey) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-news:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-grey) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-grey) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}






/*demo col*/
.tu-demo {
    color: #000000;
    background-color: var(--box-bk-color-demo);
    width: calc(var(--box-w) * 1);
    height: calc(var(--box-h) * 1);
}

.tu-demo:after {
    background: linear-gradient(var(--box-bk-color-demo), var(--box-bk-color-demo)) no-repeat left top, linear-gradient(var(--box-bk-color-demo), var(--box-bk-color-demo)) no-repeat right top, linear-gradient(var(--box-bk-color-demo), var(--box-bk-color-demo)) no-repeat left bottom, linear-gradient(var(--box-bk-color-demo), var(--box-bk-color-demo)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-demo:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-demo) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-demo) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-demo:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-demo) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-demo) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*press col*/
.tu-press {
    color: #ffffff;
    background-color: var(--box-bk-color-press);
    width: calc(var(--box-w) * 1);
    height: calc(var(--box-h) * 1);
}

.tu-press:after {
    background: linear-gradient(var(--box-bk-color-press), var(--box-bk-color-press)) no-repeat left top, linear-gradient(var(--box-bk-color-press), var(--box-bk-color-press)) no-repeat right top, linear-gradient(var(--box-bk-color-press), var(--box-bk-color-press)) no-repeat left bottom, linear-gradient(var(--box-bk-color-press), var(--box-bk-color-press)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-press:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-press) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-press) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-press:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-press) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-press) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}





/*contact col*/
.tu-contact {
    color: #ffffff;
    background-color: var(--box-bk-color-contact);
    width: calc(var(--box-w) * 1);
    height: calc(var(--box-h) * 1);
}

.tu-contact:after {
    background: linear-gradient(var(--box-bk-color-contact), var(--box-bk-color-contact)) no-repeat left top, linear-gradient(var(--box-bk-color-contact), var(--box-bk-color-contact)) no-repeat right top, linear-gradient(var(--box-bk-color-contact), var(--box-bk-color-contact)) no-repeat left bottom, linear-gradient(var(--box-bk-color-contact), var(--box-bk-color-contact)) no-repeat right bottom;
  background-size: var(--box-stamp-size) var(--box-stamp-size);
}

.stamp-contact:before {background: radial-gradient(circle at top, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-contact) var(--box-per)) repeat-x top, radial-gradient(circle at bottom, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-contact) var(--box-per)) repeat-x bottom;
  background-size: calc(var(--box-stamp-size)*2) var(--box-stamp-size);
}

.stamp-contact:after {background: radial-gradient(circle at left, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-contact) var(--box-per)) repeat-y left, radial-gradient(circle at right, rgba(255, 255, 255, 0) var(--box-per), var(--box-bk-color-contact) var(--box-per)) repeat-y right;
  background-size: var(--box-stamp-size) calc(var(--box-stamp-size)*2);
}








.hello {
  word-wrap: break-word;
  float: left;
}


#zoomable{
    width: 8000px;
    height: 8000px;
}



#balls{
    /*    image-rendering: -webkit-optimize-contrast !important;*/
    position: absolute;
    top: 0px;
    background-color: transparent;
    z-index: -1;
}



/*
#ajax{
    position: absolute;
    top: 0px;
    background-color: transparent;
    z-index: -1;
}
*/


@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.3; }
}
blink, .blink {
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s;
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}




.logoDNA{
    font-family: "fr";
    font-family: "off";
    font-size: 4vw;
    letter-spacing: 30px;
/*    font-family: 'KyotoTW Text400';*/
    filter: blur(1.3px);
    opacity: .2;
}
.sub-logoDNA{
    font-family: "fr";
    font-family: "off";
    font-size: 2vw;
    letter-spacing: 8px;
    text-transform: lowercase;
    opacity: .2;
/*    font-family: 'KyotoTW Text400';*/
}

.stickToBoCe{
    position: fixed;
      bottom: 20px;
      width: 100%;
      text-align: center;
}
.footer-dna{
  width: 100%;

}



.log-box{
    font-size: 12px;
    color: black;
    width: 150px;
}

.top-box{
    margin-top: 20px;
    font-size: 9px;
    width: 100%;
}
.top-matic{
    position: fixed;
}
.top-r{
    float: right;
    margin-right: 20px;
}
.tr-flag{
    width: 17px;
    height: 9px;
    background: white;
    float: left;
    opacity: .5;
    margin-top: 1px;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer;
}
#clock-box{
    float: left;
    cursor: pointer;
}
.top-circle{
    width: 8px;
    height: 8px;
    border-radius: 8px;
/*    background: white;*/
    opacity: .5;
    float: left;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: 1px;
    border:1px solid red;
    cursor: pointer;
}
.top-cicle-box{
  float: left;
    cursor: pointer;
}


.btn{
    width: 50px;
    height: 12px;
    float: left;
    background: black;
    color: white;
    font-size: 10px;
    margin-right: 1px;
    padding: 5px;
    cursor: pointer;
    position: relative;
    z-index: 100000;
}

.bk-grid{
    background-image:  linear-gradient(#fff 0.5px, transparent 0.5px), linear-gradient(to right, #fff 0.5px, #000 0.5px);
    background-size: 100px 100px;
}
.bk-grid{
    background-image: url("bk/bk3.svg");
    background-repeat: repeat;
    background-position: 0px 0px;
/*    filter: brightness(0.5) sepia(1) hue-rotate(-10deg) saturate(3) opacity(1);*/
}


.box-content{
    font-family: "fr";
    margin: auto;
    width: 100%;
/*
    height: 100vh;
    background: yellow;
    background-color: #848484;
*/
/*
    opacity: 1;
    background-image:  radial-gradient(#0b0b0b 0.5px, transparent 0.5px), radial-gradient(#0b0b0b 0.5px, #848484 0.5px);
    background-size: 20px 20px;
    background-position: 0 0,10px 10px;
*/


}

.site-bk-content{
    width: 100%;
    height: 100vh;
    background-image: url("bk/grad.png");
    background-repeat: repeat;
/*    background-position: center;*/
}
.box-holder{
    z-index: 100;
/*    display: none;*/
}
.box-btn{
    z-index: 1000;
    float: left;
}

.box{
    border-radius: 20px;
/*    position: absolute; */
    margin: auto;
    width: 50%;
    width: 500px;
    height: 700px;
    position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);

/*
    -webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.75);
*/

}
.box1{
/*    background: #000;*/
    background-color: var(--box-1-BkColor);
    z-index: 10;

}
.box1-c{
    background: #000;

/*    z-index: 10;*/
}
.box2{
    margin-left: 20px;
    margin-top: 20px;
    background-color: var(--box-2-BkColor);
    z-index: 9;
}
.box3{
    margin-left: 40px;
    margin-top: 40px;
    background-color: var(--box-3-BkColor);
    z-index: 8;
}
.box4{
    margin-left: 60px;
    margin-top: 60px;
    background-color: var(--box-4-BkColor);
    z-index: 7;
}
.box5{
    margin-left: 80px;
    margin-top: 80px;
    background-color: var(--box-5-BkColor);
    z-index: 6;
}
.box6{
    margin-left: 100px;
    margin-top: 100px;
    background-color: var(--box-6-BkColor);
    z-index: 5;
}
.box7{
    margin-left: 120px;
    margin-top: 120px;
    background-color: var(--box-7-BkColor);
    z-index: 4;
}



.centerH{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}
.centerV{
  position: absolute;
  top: 50%;
  transform: translate(0%, 50%);
}
.centerHV{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/*module text - media*/
.dm-container{
    padding: 10px;
    padding-top: 20px;
    /*https://coryrylan.com/blog/css-gap-space-with-flexbox*/
    display: inline-flex;
    flex-wrap: wrap;
}
.dm-box{
  border-radius: 20px;
  padding: 20px;
  font-size: 9px;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  border: 1px solid rgb(181, 181, 181, .2);
  float: left;
}
.dm-container > .dm-box {
  margin: 10px;
}
.dm-box-{
    margin: 0px 0px;
}
.dm-box-:first-of-type{
    margin-left: 0px;
}
.dm-box-:last-of-type{
    margin-right: 0px;
}
/*
.dm-25{
  max-width: 25%;
}
.dm-33{
  max-width: 33%;
}
.dm-40{
  max-width: 40%;
}
.dm-45{
  max-width: 45%;
}
.dm-50{
  max-width: 50%;
}
.dm-66{
  max-width: 66%;
}
.dm-75{
  max-width: 75%;
}
.dm-100{
  max-width: 100%;
}
*/
.dm-title{
  font-size: 40px;
  line-height: 30px;
  font-family: "off";
  margin-bottom: 20px;
  padding: 15px;
}
.dm-body{
  padding: 15px;
    line-height: 14px;
}
.pad0{
  padding: 0px !important;
}
.dm-media{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.media100{
    width: 100px;
    height: auto;
}
.media-style{
    border-radius: 20px;
    margin-bottom: 20px;
}
.gallery-item{
    float: left;
}
.gallery-icon{
    border-radius: 20px;
}

.dm-body{
  /* margin: 16px 16px 16px 16px; */
  padding: 15px !important;
}
.dm-body.pad0{
  padding: 0px !important;
}

.under-, under-{
    text-decoration: underline;
    -webkit-text-decoration-color: white; /* Safari */
    text-decoration-color: white;
}
/*
.under:before {
  position: absolute;
  content: '';
  left: 0;
  top: 18px;
  width: 100%;
  border-bottom: 0.5px white;
  z-index: -1;
}
*/








.dm-box {
  width: 100%;
  /* Optional */
  position: relative;
  margin-bottom: 2%;
  padding: 0px;
  box-sizing: border-box;
/*    display: none;*/
}
.bx1, .bx2, .bx3, .bx4,. bx5, .bx6, .bx7, .bx8, .bx9, .bx10{
    display: none;
}

.video-containerW{
    width: 96vw;
    border-radius: 20px;
    overflow: hidden;
}
.videos{

}
/*background video*/
video----- {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}






/*altair*/
/*
.video-container {
    max-height: 600px;
    width: 100%;
    overflow: hidden;
  }

  .video-container video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
*/
.video-container {
    max-height: 600px;
    min-height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .video-container video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }






/* Re-order items into 3 rows */
.dm-box:nth-of-type(4n+1) { order: 1; }
.dm-box:nth-of-type(4n+2) { order: 2; }
.dm-box:nth-of-type(4n+3) { order: 3; }
.dm-box:nth-of-type(4n)   { order: 4; }

/* Force new columns */
.break {
  flex-basis: 100%;
  width: 0;
  border: 1px solid #ddd;
  margin: 0;
  content: "";
  padding: 0;
}









/*ajax content*/
#ajax-content{
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 9px;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: auto;
    z-index: 0;
    opacity: 0;
}




/*top-menu*/
.top-menu{
  position: relative;
  float: left;
  background-color: #666;
  border-radius: 10px;
/*  position: absolute;*/
  left: 50%;
  top: 17px;
  transform: translate(-50%, 0%);
    z-index: 1000;
}
.top-menu-item{
/*   background: black; */
  color: white;
  border-radius: 10px;
  float: left;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 9px;
  cursor: pointer;
  z-index: 100;
}
.me{
    background: white;
    color: black;
    position: absolute;
    z-index: 10;
    text-align: center;
    white-space: nowrap;
    font-size: 9px;
    font-family: 'fr';
    display: none;
}
.me0{
    background: white;
    color: black;
    position: absolute;
    z-index: 10;
    text-align: center;
    white-space: nowrap;
}
.me6{
  padding-right: 0px;
}
.close-btn{
/*   position: absolute; */
  float: right;
  right: 10px;
  top: 10px;
}




@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
.ticker {
    animation-name: ticker;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 5s;
}




/*toogle*/
*-- {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.switch-button {
  font-family: "fr" !important;
  float: left;
  margin-left: 20px;
  margin-top: -2px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 20px;
  overflow: hidden;
  width: 45px;
  text-align: center;
  font-size: 9px;
  letter-spacing: 0px;
  color: #000;
  position: relative;
  padding-right: 45px;
  position: relative;
  height: 15px;
}
.switch-button:before {
  content: "Dream";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.switch-button-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.switch-button-checkbox:checked + .switch-button-label:before {
  transform: translateX(45px);
  transition: transform 300ms linear;
}
.switch-button-checkbox + .switch-button-label {
  position: relative;
  padding: 2px 0;
  display: block;
  user-select: none;
  pointer-events: none;
}
.switch-button-checkbox + .switch-button-label:before {
  content: "";
  background: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  transform: translateX(0);
  transition: transform 300ms;
}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {
  position: relative;
}
/*end toogle*/







strong{
/*    font-family: "65";*/
}


/*D-CGI*/
.D-Header{
    width: 100%;
    position: absolute;
    z-index: 1000;
    font-size: var(--header-text-size);

}
.D-topL{
    float: left;
    font-family: "55";
    font-weight: 600;
    margin-left: var(--site-padding);
    margin-top: var(--site-padding);
    cursor: pointer;
}
.D-topR{
    margin-left: auto;
    margin-right: 0;
    float: right;
    font-family: "55";
/*    position: fixed;*/
    text-align: right;
    margin-right: var(--site-padding);
    margin-top: var(--site-padding);
}
.D-topR-navig{
    cursor: pointer;
    margin-top: 120px;
    z-index: 10000;
    /* position: absolute; */
    position: relative;
}
.D-top-logo{

}
.D-Index{

}
.D-Sub-Index{
    font-size: var(--body-small-size);
}
.barbaStuff{
    width: var(--site-gap);
    height: 100vh;
    position: absolute;
    left: 50%;
    -ms-transform: translate(50%, 0%);
    transform: translate(-50%, 0%);
}
.site-bk{
      width: var(--site-gap);
    height: 100vh;
    min-width: var(--site-gap);
    min-height: 100vh;
    z-index: -1;
    position: fixed;
}

video.bk-video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:var(--site-gap);
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  &::-webkit-media-controls {
     display:none !important;
  }
}
video.bk-video-menu {
  position: relative;
  z-index: 0;
  object-fit: cover;
  width: var(--icon-width);
  height: calc(var(--icon-width) - 10px);
  top: 50%;
  left: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate(-50%, -50%);
    border-radius: 3px;

  &::-webkit-media-controls {
     display:none !important;
  }
}


/*post*/
.post-container{
    float: left;
    padding: var(--site-padding);
    margin-top: 100px;
    font-family: "55";
    width: calc(var(--site-gap) - 30px);
    font-weight: 600;
}
.post-container-box{
    width: 75vw;
}
.D-post-title{
    font-size: var(--header-text-size);
    margin-bottom: var(--site-padding);
}
.D-post-sub-title{
    font-size: var(--body-text-size);
    margin-bottom: var(--site-padding);
}
.D-post-sub-small{
    font-size: var(--body-small-size);
}
.D-avatar-module{
  position: absolute;
  right: 40px;
  margin-top: 75px;
}
.avatar-bk{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.avatar-text{
 text-align: center;
}

/*intro*/
.D-intro-container{
    display: none;
}

/*D menu*/
.D-menu-container{
     position: absolute;
     margin-top: 170px;
     font-family: "55";
     margin-left: 0px;
     /*    width: calc(var(--site-gap) - 5vw);*/
     width: calc(var(--site-gap) - 65px);
     height: calc(var(--site-scroll-gap) + 5vh);
}
.content-bottom-spacer{
    width: 100%;
    height: 5vh;
    float: left;
/*    background-color: yellow;*/
}
.menu-icon{
    width: var(--icon-width);
    height: calc(var(--icon-width) - 10px);
/*    background-color: black;*/
    border-radius: 3px;
    margin-left: calc(var(--icon-width) / 3);
/*    filter: drop-shadow(5px 5px 20.90px black);*/
    filter: grayscale(1);
/*    opacity: .8;*/
}
.menu-item {
  font-size: var(--header-text-size);
  font-family: "55";
  font-weight: 600;
  color: white;
  width: 100%;
  /* text-align: center; */
  text-transform: uppercase;
  /* padding: 5px; */
  /* margin-bottom: 10px; */
  float: left;
}
.menu-item.menu-item-type-post_type.menu-item-object-post.current-menu-item{
    color: white;
}
.menu-item-type-custom.menu-item-object-custom a, .menu-item-type-post_type.menu-item-object-post a, .menu-item-object-page, .menu-item.menu-item-type-post_type.menu-item-object-page a, .menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item{
    /* font-size: 22px; */
    /* float: left; */
    /* position: relative; */
    /* margin-right: 10px; */
    /* padding-left: 5px; */
    color: white;
}
.tag-circle{
    width: 7px;
    max-width: 7px;
    height: 7px;
    border-radius: 7px;
    /* float: left; */
     margin-left: -8px;
    margin-top: 3px;
    /* position: absolute; */
    margin-right: 5px;
}
.menu-box{
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

/*site-bk movement*/
.site-bkwww{
    position: absolute;
  animation-name: MOVE-BG;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes MOVE-BGwww {
   from {
     transform: scale(1);
   }
   to {
     transform: scale(1.1);
   }
/*
   from {
       background-position: 0px;
   }
   to {
     background-position: 300px;
   }
*/
}

/*smek*/
.container-smek{
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  position: absolute;
  bottom: 100px;
  font-family: "55";
  margin-left: 10px;
}
.smek-title{
    font-family: "MaelS";
    font-size: 15vh;
    opacity: .1;
    margin-right: -20px;
    margin-top: -14px;
    cursor: default;
}
.smek-tags{
    position: relative;
}
.smek-tags-item{
  float: left;
  margin-bottom: 35px;
}
.smek-tags-circle{
  width: 7px;
  height: 7px;
  border-radius: 7px;
  position: absolute;
  margin-top: -13px;
  margin-left: 4px;
}
.smek-tags-text{
  font-size: var(--body-small-size);
    cursor: pointer;
}


.shop-link{
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    font-size: 15vw;
    font-family: "25";
    text-align: center;
    cursor: pointer;
    z-index: 500;
/*    transform: rotate(-24.5deg);*/
}

f25{
    font-family: "25" !important;
}


@media screen and (max-width: 960px) {

    :root {
    --our-bkColor: #333333;
    --site-padding: 15px;
    --site-gap: 100vw;
    --site-scroll-gap: 55vh;
    --menu-bk-color: white;
    --menu-item-color: #333;
    --header-text-size: 30px;
    --body-text-size: 14px;
    --body-small-size: 10px;
    --icon-width: 60px;
    }

    /*site-bk movement*/
    .site-bk{
        position: absolute;
      animation-name: MOVE-BG;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    @keyframes MOVE-BG {
       from {
         transform: scale(1);
       }
       to {
         transform: scale(1.1);
       }
    /*
       from {
           background-position: 0px;
       }
       to {
         background-position: 300px;
       }
    */
    }
}

@media screen and (max-width: 660px) {
    .post-container-box {
        width: 50vw;
    }
    .shop-link{
        margin-top: 0px;
        margin-left: -50px;
    }
}









.bw {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.hue-rotate {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}
.saturate {
    -webkit-filter: saturate(4);
    filter: saturate(4);
}
.saturate0 {
    -webkit-filter: saturate(0);
    filter: saturate(0);
}
.saturate1 {
    -webkit-filter: saturate(1);
    filter: saturate(1);
}
.saturate2 {
    -webkit-filter: saturate(2);
    filter: saturate(2);
}
.saturate3 {
    -webkit-filter: saturate(3);
    filter: saturate(3);
}
.saturate4 {
    -webkit-filter: saturate(4);
    filter: saturate(4);
}

/*aspirin menu*/
.aspirin-close-ham {
  position: absolute;
  right: 5px;
  top: 20px;
  width: 45px;
  height: 45px;
  opacity: 1;
  z-index: 1000000000;
  cursor: pointer;
}
.aspirin-close-ham:hover {
  opacity: 1;
}
.aspirin-close-ham:before,
.aspirin-close-ham:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 45px;
  width: 2px;
  background-color: #fff;
}
.aspirin-close-ham:before {
  transform: rotate(45deg);
}
.aspirin-close-ham:after {
  transform: rotate(-45deg);
}

.aspirin-ham {
  position: absolute;
  right: 10px;
  top: 20px;
  width: 45px;
  height: 45px;
  opacity: 1;
  z-index: 10000000;
  cursor: pointer;
}
.aspirin-ham:hover {
  opacity: 1;
}
.aspirin-ham:before,
.aspirin-ham:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 45px;
  width: 2px;
  background-color: #fff;
}
.aspirin-ham:before {
  transform: rotate(90deg);
  margin-top: 5px;
}
.aspirin-ham:after {
  transform: rotate(-90deg);
  margin-top: -5px;
}

.project-container-- {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 100%;
  width: 100% !important;
  max-height: 70vh;
    margin-top: 120px;
}

.project-container--::-webkit-scrollbar {
  display: none; /* Hide the scrollbar for Webkit browsers */
}

.project-container-- {
  -ms-overflow-style: none; /* Hide the scrollbar for IE and Edge */
  scrollbar-width: none; /* Hide the scrollbar for Firefox */
}

.project-box {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
    cursor: pointer;
}

.project-box.info {
    font-family: "55";
    font-weight: 600;
  background-color: #222222;
  width: 500px;
/*  height: 75vh;*/
  padding: 20px;
  white-space: normal;
    border-radius: 5px !important;
}

.project-img, .project-img img  {
  width: auto;
  height: 75vh;
}
.project-img-small-thumb{
    width: auto;
      height: 200px;
}


.fw100{
    font-weight: 100;
}









.project-container-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 75vh;
  margin-top: 120px;
}

.project-container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 100%;
  width: 100% !important;
  height: 100%;
}

.scroll-bar-container {
  width: 100%;
  max-width: 100%;
    position: fixed;
    right: 0px;
    margin-top: -20px;
}

.scroll-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 2px;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
  border-radius: 5px;
}

.scroll-thumb {
  position: absolute;
  top: 0px;
  height: 2px;
  width: 45px;
  max-width: 10%;
  background-color: yellow;
  border-radius: 5px;
  transition: width 0.2s ease-in-out;
}

.project-container::-webkit-scrollbar {
  display: none; /* Hide the scrollbar for Webkit browsers */
}
.scroll-thumb {
  max-width: 100%;
}

.project-container {
  -ms-overflow-style: none; /* Hide the scrollbar for IE and Edge */
  scrollbar-width: none; /* Hide the scrollbar for Firefox */
}

.project-container:hover .scroll-bar {
  opacity: 1;
}

.project-container:hover .scroll-thumb {
  width: 100%;
}

.upper{
    text-transform: uppercase;
}

.containers {
/*    background: var(--our-bkColor);*/
     padding-top: 0px;
}
.portfolio-box{
    width: 100%;
    float: left;
    max-height: 40vh;
    display: inline-block;
    margin-bottom: 20px;
}

.portfolioImg{
  width: auto;
  height: 30vh;
}
img{
    border-radius: 5px !important;
}
img.attachment-medium.size-medium {
    height: 30vh;
    width: auto;
    border-radius: 5px;
}
.project-box .portfolio{
    margin-right: 20px;
}


.D-post-title.a-right{
    float: right;
    margin-top: -60px;
    opacity: .3;
}


.filter-container{
/*     background-color: #222222; */
    margin-bottom: 20px;
    font-weight: 600;
    height: auto;
    float: left;
}
.filter-projects{
    margin-bottom: -5px;
    padding-left: 0px;
    width: auto !important;
   float: left;
}
.filter-project-item{
/*   width: 100% !important; */
  float: left;
  margin-right: 20px;
    cursor: pointer;
}
.portfolio-count{
  float: left;
  width: auto;
  margin-top: 5px;
  font-weight: 100;
    margin-left: 5px;
}

.opac1{
    opacity: .1;
}
.opac2{
    opacity: .2;
}
.opac3{
    opacity: .3;
}
.opac4{
    opacity: .4;
}
.opac5{
    opacity: .5;
}
.opac6{
    opacity: .6;
}
.opac7{
    opacity: .7;
}
.opac8{
    opacity: .8;
}
.opac9{
    opacity: .9;
}
.w50{
    width: 50%;
    max-width: 50%;
}
.w75{
    width: 75%;
    max-width: 75%;
}
.widthA{
    width: auto;
}











/* Styling the track */
::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

::-moz-scrollbar {
  width: 10px;
  background-color: transparent;
}

::-ms-scrollbar {
  width: 10px;
  background-color: transparent;
}

/* Styling the thumb */
::-webkit-scrollbar-thumb {
  background-color: #FF6600;
  border-radius: 8px;
}

::-moz-scrollbar-thumb {
  background-color: #FF6600;
  border-radius: 8px;
}

::-ms-scrollbar-thumb {
  background-color: #FF6600;
  border-radius: 8px;
}

/* Styling the thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-moz-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-ms-scrollbar-thumb:hover {
  background-color: #aaa;
}

/* Styling the track when the thumb is being dragged */
::-webkit-scrollbar-thumb:active {
  background-color: #FF6600;
}

::-moz-scrollbar-thumb:active {
  background-color: #FF6600;
}

::-ms-scrollbar-thumb:active {
  background-color: #FF6600;
}

/* Scrollbar width and color */
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #FF6600;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

::-moz-scrollbar-track {
  background-color: transparent;
}

::-moz-scrollbar-thumb {
  background-color: #FF6600;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  ::-ms-scrollbar {
    width: 2px;
    background-color: transparent;
  }

  ::-ms-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 8px;
  }
}








.pProject{
    position: absolute;
    top: 50%;
    left: -5vw;
    transform: translateY(-50%);
}
.nProject{
    position: absolute;
    top: 50%;
    right: -5vw;
    transform: translateY(-50%);
}

.project-img-small-thumb.small-project-t{
    height: 100px;
}





.visualAnchor{
    font-family: "55";
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    /* margin-top: 10px; */
    z-index: 1000000000000;
    /* position: fixed; */
    /* display: block; */
    padding-left: 50px;
    padding-right: 50px;
    text-transform: uppercase;
    padding-top: -10px;
    height: 47px;
}
.project-anchor{
    float: left;
}


.lg-ourter, .lg{
    font-family: "55" !important;
    font-weight: 100;
}
#lg-share{
    display: none !important;
}





.hue-rotate {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}

.saturate0 {
    -webkit-filter: saturate(0);
    filter: saturate(0);
}
.saturate1 {
    -webkit-filter: saturate(1);
    filter: saturate(1);
}
.saturate2 {
    -webkit-filter: saturate(2);
    filter: saturate(2);
}
.saturate3 {
    -webkit-filter: saturate(3);
    filter: saturate(3);
}
.saturate4 {
    -webkit-filter: saturate(4);
    filter: saturate(4);
}
.saturate5 {
    -webkit-filter: saturate(5);
    filter: saturate(5);
}
.rosa-tint {
  filter: brightness(0.6) sepia(1) hue-rotate(200deg);
}








/*altair*/

/*Altair*/
:root {
    --our-bkColor: #333333;
    --site-padding: 55px;
    --site-gap: 100vw;
    --site-scroll-gap: 65vh;
    --menu-bk-color: white;
    --menu-item-color: #333;
    --header-text-size: 40px;
    --body-text-size: 22px;
    --body-small-size: 12px;
    --icon-width: 60px;
    --fs1: 60px;
    --fs2: 40px;
    --fs3: 20px;
    --fs4: 14px;
    --fs5: 10px;
    --grad-col-top: #091F2D;
    --grad-col-middle: #FF6600;
    --grad-col-bottom: #FF6600;
}

.space-10{
    width: 100%;
    height: 10px;
    float: left;
}
.space-20{
    width: 100%;
    height: 20px;
    float: left;
}
.under, under{
    text-decoration: underline;
    -webkit-text-decoration-color: white; /* Safari */
    text-decoration-color: white;
}
.fL{
    float: left !important;
}


.owl-theme .owl-controls {
    margin-top: 0px !important;
}


html, body{
    font-family: "55";
    overflow-x: hidden;
}

.site-main{
    background-image: linear-gradient(to bottom, #097E34, #845FF1, #FF8301);
    height: auto;
    margin: 0;
    float: left;
}
.site-main{
    background-image: linear-gradient(to bottom, var(--grad-col-top), var(--grad-col-middle), var(--grad-col-top));
    height: auto;
    margin: 0;
    float: left;
}


.owl-gradient{
    width: 100%;
    height: 33%;
    position: absolute;
    z-index: 1;
    background: linear-gradient(to bottom, var(--grad-col-top), rgba(10, 36, 101, 0));
/*     background: linear-gradient(to top, #0A2465 0%, transparent); */
}
.owl-gradient-bottom{
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    background: linear-gradient(to top, var(--grad-col-top), rgba(10, 36, 101, 0));
/*     background: linear-gradient(to top, #0A2465 0%, transparent); */
}



.altair-container{
    padding-left: var(--site-padding);
    padding-right: var(--site-padding);
}


.altair-font-size1{
    font-size: var(--fs1);
}
.altair-font-size2{
    font-size: var(--fs2);
}
.altair-font-size3{
    font-size: var(--fs3);
}
.altair-font-size4{
    font-size: var(--fs4);
}
.altair-font-size5{
    font-size: var(--fs5);
}

.top-branding{
    position: fixed;
    z-index: 10;
    width: 100%;
    padding-left: var(--site-padding);
    padding-right: var(--site-padding);
    margin-top: var(--site-padding);
}
.logo-altair #logoAltair{
    max-width: 170px;
}
.top-branding-line{
    position: fixed;
    margin-left: var(--site-padding);
    margin-top: var(--site-padding);
}
.top-line{
    width: 100%;
    height: 0.1px;
    background: white;
    margin-top: 15px;
    opacity: .5;
}


.altair-owl-text-container{
    position: fixed;
    margin-top: 100px;
    z-index: 100;
}
.o-text-1, .o-text-2{

  margin-left: var(--site-padding);
    margin-top: var(--site-padding);
    width: 100%;
/*  position: fixed;*/
}
.text-pad{
    margin-left: var(--site-padding);
}
.altair-btn{
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    color: black;
    width: auto;
    float: left;
    cursor: pointer;
}
.disabled-button{
    cursor: not-allowed;
    opacity: .5;
}

.over{
  opacity: 1;
  transition: opacity 0.3s ease-in-out; /* set transition duration and easing function */
}

.over:hover {
  opacity: 0.5;
}


.o-text-1{

}

.white-t, .white-text{
    color: white;
}


.altair-menu{
    font-family: "55";
    position: fixed;
    right: 0px;
    padding-right: var(--site-padding);
    z-index: 1000;
    margin-top: var(--site-padding);
    margin-top: 85px;
}
.altair-lang{
    float: right;
    position: absolute;
    right: 50px;
    top: 35px;
    z-index: 1000;
}
.footer-menu-box{
    float: left;
/*    margin-right: var(--site-padding);*/
}
.footer-m-box-spacer{
    width: var(--site-padding);
    height: 10px;
    float: left;
}
 div.footer-m-box-spacer:last-child {
            display: none;
  }
















/*
:root {
    --our-bkColor: #333333;
    --site-padding: 55px;
    --site-gap: 80vw;
    --site-scroll-gap: 65vh;
    --menu-bk-color: white;
    --menu-item-color: #333;
    --header-text-size: 40px;
    --body-text-size: 22px;
    --body-small-size: 12px;
    --icon-width: 60px;
    --fs1: 60px;
    --fs2: 40px;
    --fs3: 20px;
    --fs4: 14px;
    --fs5: 10px;
    --grad-col-top: #091F2D;
    --grad-col-middle: #FF6600;
    --grad-col-bottom: #FF6600;
}
*/





@media screen and (max-width: 960px) {

    :root {
    --our-bkColor: #333333;
    --site-padding: 25px;
    --site-gap: 100vw;
    --site-scroll-gap: 65vh;
    --menu-bk-color: white;
    --menu-item-color: #333;
    --header-text-size: 30px;
    --body-text-size: 18px;
    --body-small-size: 10px;
    --icon-width: 60px;
    --fs1: 45px;
    --fs2: 30px;
    --fs3: 16px;
    --fs4: 12px;
    --fs5: 10px;
    --grad-col-top: #091F2D;
    --grad-col-middle: #FF6600;
    --grad-col-bottom: #FF6600;
}

    /*site-bk movement*/
    .site-bk{
        position: absolute;
      animation-name: MOVE-BG;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    @keyframes MOVE-BG {
       from {
         transform: scale(1);
       }
       to {
         transform: scale(1.1);
       }
    /*
       from {
           background-position: 0px;
       }
       to {
         background-position: 300px;
       }
    */
    }
    .col-xs-6, .col-xs-3 {
        width: 100% !important;
    }
    .text-pad {
        margin-left: 0px;
    }
    .o-text-1, .o-text-2 {
        padding-right: 30px;
    }
    .a-menu-container .generic-link{
/*        width: 90%;*/
        float: right;
        text-align: right;
    }
    .a-menu-container{
        width: 50%;
        right: 10px;
        float: right;
    }
    .altair-menu {
        margin-top: var(--site-padding);
    }
    .mob-hide{
        display: none;
    }
}

@media screen and (max-width: 660px) {
    .post-container-box {
        width: 50vw;
    }
    .shop-link{
        margin-top: 0px;
        margin-left: -50px;
    }
}