/*******************************
         Fonts
*******************************/
@import url("../../../assets/css/fonts.css");
/*@import url("http://localhost/zebru/general/html/assets/css/fonts.css");*/

/*******************************
         Colors
*******************************/
/* 
grey-nav : #f3f3f3

*/

/*******************************
         Grid / Container
*******************************/

@media only screen and (max-width: 767px) {
.nopadding, .ui.stackable.grid > .wide.column.nopadding, .ui.stackable.grid > .column:not(.row).nopadding, .ui.grid > .column:not(.row).nopadding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
       
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { /* Ipad */
    .ui.grid.container-full, header .secondary.menu.container-full {
        width: calc( 933px  +  2rem ) !important;
    }
    .project .elm-2-1 .column.eleven.wide {
        width: 90% !important;
        padding-right: 4em !important;
    }
    .project .elm-2-2 .column.eleven.wide {
        width: 74% !important;
        margin-left: 5em !important;
    }
}
@media only screen and (min-width: 1200px) { /* Desktop */
    .ui.grid.container-full, header .secondary.menu.container-full {
        /*width: calc( 1127px  +  2rem ) !important;*/
        /*width: calc( 80vw ) !important;*/
        width: calc( 90vw ) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media only screen and (min-width: 1900px) { /* Desktop Large */
    .ui.grid.container-full, header .secondary.menu.container-full {
        /*width: calc( 1127px  +  2rem ) !important;*/
        width: calc( 75vw ) !important;
        /* width: calc( 80vw ) !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/*******************************
         Preloader
*******************************/
body {
    /*overflow: visible;*/
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif !important;
}

/* Preloader */
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#xstatus {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../../assets/images/logo.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    background-size: 80px;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
    opacity: 0.2;
}

#status {
    -moz-animation: spin 2s linear 0s reverse infinite;
    -webkit-animation: spin 2s linear 0s infinite reverse;
    -0-animation: spin 2s linear 0s infinite reverse;

    -webkit-animation-play-state: running;
    -o-animation-play-state: running;
    -moz-animation-play-state: running;
    animation-play-state: running;
}
@keyframes spin {
    0% { transform: rotateY(360deg); }
    100% { transform: rotateY(0deg); }
}
/*******************************
         General
*******************************/

html { /*font-size: 6em !important; */}

body {
    /*font-family: "myriad_pro_regular","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 22px;
    background-color: #ccc;*/
}
a, a:hover {
    color: #000000;
}
a:hover {
    text-decoration: underline;
}
:focus, *:focus,
:active, *:active {
    outline:0;
    noFocusLine: expression(this.onFocus=this.blur());
}
.ui.grid > .column:not(.row).nopadding {
    /*padding-top: 0 !important;
    padding-bottom: 0 !important;*/
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui.grid > .column:not(.row) { /* LINK */
    /*padding-top: 0rem;
    padding-bottom: 0rem;*/
}

.ui.basic.table {
    border: 0px;
}

.ui.table tr td {
    border: 0px !important;
    padding: .3em 0em; /*  t r b l */
    vertical-align: top;
}
.highlight {
    font-size: 1em;
    color: #c4a26e;
    font-weight: bold;
}
.highlight-l {
    font-size: 1.2em;
    color: #c4a26e;
    font-weight: bold;
}
.highlight-2 {
    font-size: 1em;
    color: #c4a26e;
    font-weight: normal;
}
h2.highlight {
    display: inline;
    font-size: 1em;
    color: #c4a26e;
}
.flappie ul {
    margin: 0em 0em .8em 0em; /*  t r b l */;
    padding: 0 0 0 .8em;
}
.flappie ul li {
    font-size: .6em;
    line-height: 1.6em;
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}




/*******************************
         Header
*******************************/
header {
    height: 4em;
    /*  padding: 2.2em 0 4.4em;t r b l */
    padding: 3em 0 3.6em 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff !important;
    /*-webkit-transition: background .7s, padding .7s;
    transition: background .7s, padding .7s;*/
    -webkit-transition: background .7s;
    transition: background .7s;
    z-index: 10000;
    /*border-bottom: solid 1px #333;*/


}
header.fixed {
    /*padding: .8em 0 2.2em;*/
    padding: 2em 0 2.2em 0;
    background: #fff !important;
    /*border-bottom: solid 1px #333;*/
    background: #f3f3f3 !important;
    border-bottom: solid 1px #f3f3f3;
}



header h1 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    /*font-size: 3em;*/
    font-size: 2.6em;
    font-weight: normal;
    margin: 0 0 0 0;
    text-align: left;
    line-height: 0em;
    display:inline;
}
header h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    /*font-size: 1.2em;*/
    font-size: 1em;
    margin: 1.6em 0 0 1em; /* t r b l */
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    display:inline;
    white-space: nowrap;
   
}
header div a {
    text-decoration: none !important;
}
/*header h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin: 1.6em 0 0 0;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
*/

.logo {
    float: left;
    width: 466px;
    height: 30px;   
}
.logo a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/logo-small.png) no-repeat 0 0px;
    text-indent: -9999px;
    position: relative;
}



/*******************************
         NAV
*******************************/
header .ui.text.menu {
    margin: -1.4em 0 0 0; /* t r b l */
}

header .ui.text.menu .item {
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;
    /*font-size: 1.1em;
    padding: .78571429em .92857143em;
    margin: 0em 0 0 0;*/
     /* padding: .8em 0 0em 1.7em;t r b l */

    padding: 0em 0 0em 1.7em; /* t r b l */
    text-transform: uppercase;
    color: rgba(0,0,0,1);
}
/*header .ui.text.menu .item:nth-child(3) {
    padding-right: 1em;
}
header .ui.text.menu .item:nth-child(4), header .ui.text.menu .item:nth-child(5) {
    padding-left: .8em;
}*/
header .ui.text.menu .item:nth-child(1) {
    padding-left: .4em;
    padding-right: .8em;
}
header .ui.text.menu .item:nth-child(2) {
    padding-left: .4em;
    padding-right: .8em;
}
header .ui.text.menu .item:nth-child(3) {
    padding-left: .4em;
    padding-right: .8em;
}
header .ui.text.menu .item:nth-child(4) {
    padding-left: .4em;
    padding-right: .8em;
}
header .ui.text.menu .item:nth-child(5) {
    padding-left: .4em;
    padding-right: .8em;
}
header .ui.text.menu .item:nth-child(6) {
    padding-left: .4em;
    padding-right: 1em;
}
/*header .ui.text.menu .item:nth-child(5) {
    padding-left: .4em;
    padding-right: .8em;
}*/
header .ui.text.menu .item:nth-child(7), header .ui.text.menu .item:nth-child(8) {
    padding-left: 0em !important;
    padding-right: 0em !important;
}

header .ui.text.menu .item.toc {
    display: none;
}
header .ui.text.menu  a.item:hover {
    color: #c4a26e;
    background: transparent;
    transition: color 0.10s;
}
header .ui.text.menu  a.item.active {
    color: #c4a26e !important;
    background: transparent !important;
}
header .ui.text.menu  a.item.active:hover {
    color: #c4a26e !important;
}
@media only screen and (max-width: 768px) {
    header .ui.text.menu {
        margin: 0em 0 0 0;
    }
    header .ui.text.menu .item {
        display: none !important;
    }
    header .ui.text.menu .item.toc {
        display: block !important;
    }
    header {
        padding: 1.7em 0 0;/*  t r b l */
        height: 88px;
        /*background: #0f0 !important;*/
    }
    header.fixed {
        padding: 1.7em 0 0;/*  t r b l */
        height: 88px;
        
    }
    .logo a {
        background-size: 320px 21px;
    }
    header h1 {
        font-size: 2.8em;
        margin: 0.2em 0 0 0 !important;
        text-align: left;
        display: block;
    }
    header h2 {
        font-size: 1em;
        margin: 0.7em 0 0 0;
        text-align: left;
        display: block;
    }
    header i.icon {
        line-height: 0em !important;
    }

    

}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    /*header .ui.text.menu .item {
        padding: 0em 0 0 1em;
    }
    header {
        padding: 1.2em 0 0;
        height: 60px;
        background: #ff0 !important;
    }
    header.fixed {
        padding: 1.2em 0 0;
        height: 60px;
        
    }
    .logo a {
        background-size: 400px 26px;
    }*/


}
/*******************************
         Sticky
*******************************/
.ui.rail {
    /*padding-top: 200px;*/


}
.sticky {
    /*background: #eee !important;
    width: 200px !important;*/
    width: 100px !important;
    height: 100px !important;
    z-index: 10000 !important;

   

 }
.sticky.ui.text.menu {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);/**/
}
.sticky.ui.text.menu a.item {
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;
     /*padding: .78571429em .92857143em; t r b l */
    padding: 0 0 0 1em;
    margin: 0em 0 0 0;
    text-transform: uppercase;
    color: rgba(0,0,0,.6);
    white-space: nowrap;
}
.sticky.ui.text.menu a.item:hover {
    color: #c4a26e;
    background: transparent;
    transition: color 0.10s;
}
.sticky.ui.text.menu a.item.active {
    color: #c4a26e !important;
}

/*@media only screen and (max-width: 767px) {*/
@media only screen and (max-width: 768px) and (orientation : portrait) {
    .ui.rail .sticky {
        /*display: none!important;*/
        visibility: hidden;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
     .sticky.ui.text.menu a.item {
        padding-bottom: 50px;
        font-size: .9em;
        visibility: hidden;
    }
}
/*******************************
         Sidebar
*******************************/
body.pushable {
    /*background: #f00 !important;*/
}
.sidebar.menu .item {
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em !important;
     /*  padding: .78571429em .92857143em !important;t r b l */
    padding: 1em 1em !important;
    /*margin: 0em 0 0 0;*/
    text-transform: uppercase;
    color: rgba(0,0,0,1) !important;
}

.xsidebar .column {
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em !important;
     /*  padding: .78571429em .92857143em !important;t r b l */
    padding: 2em 1em !important;
    /*margin: 0em 0 0 0;*/
     color: rgba(0,0,0,1) !important;
}
.sidebar.menu  a.item:hover {
    color: #c4a26e !important;
    background: transparent !important;
    transition: color 0.10s !important;
}
.sidebar.menu  a.active.item {
    background: transparent !important;
    color: #c4a26e !important;
    font-weight: bold;
}
.sidebar .ui.menu.fluid {
    margin: 0 auto !important;
    width: 30% !important;
    background: #fff !important;

}
.sidebar .column {
    padding: 1em 0 3em 0 !important;
    background: #fff !important;
}

/*******************************
         Footer
*******************************/

footer {
    /*margin-top: 5em !important;*/
    min-height: 19.286em;/**/
    z-index: 9999 !important;
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}
footer .row:nth-child(1) {
    background: #ccc;
    padding-bottom: 1em;
}
footer .row:nth-child(2) {
    background: #c4a26e;
}
footer .row:nth-child(3) {
    background: #000;
    color: #fff !important;
    padding: 2em 0 4em 0 !important; /*t r b l */
}
footer .ui.small.header {
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: .1em;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: inherit;
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}
footer p {
    font-size: 1em;
    line-height: 1.6em;
    
}
footer .rufina {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.6em;
}
footer .menu {
    min-height: 1em !important;
}
footer .menu .item {
    padding: 0em 0em !important;
    color: rgba(255,255,255,1) !important;
}
footer i.circular.icon {
    box-shadow: 0 0 0 .1em rgba(255,255,255,1) inset;
}
footer i.circular.icon:hover {
    color: #c4a26e !important;
    background: transparent !important;
    transition: all 0.10s !important;
    box-shadow: 0 0 0 .1em #c4a26e inset;
}



/*******************************
         Headers
*******************************/
/*
.ui.small.header   {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
}  
.ui.medium.header   {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 2em;
    font-weight: normal;
}
 */ 

.xflappie  {
    -webkit-transform: translate(0,100px);
    transform: translate(0,100px);
    -webkit-transition: -webkit-transform .8s, opacity .8s;
    transition: transform .8s, opacity .8s;
    opacity: 100;
}


.elm .ui.button {
    font-family: "DIN","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(0,0,0,1);
    background: none !important;
    position:relative;
    display: inline-block;
    -webkit-transition:0.3s;
}
.elm .ui.button:before, .ui.button:after {
    width: 100%;
    height:100%;
    z-index: 3;
    content:'';
    position: absolute;
    top:0;
    left:0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transition: 0.3s;
}
.elm .ui.button:before {
    border-bottom: 1px solid #c4a26e;
    border-left: 0;
    -webkit-transform-origin: 0% 100%;
}

.elm .ui.button:after {
    border-top: 0;
    border-right: 0;
    -webkit-transform-origin: 50% 50%;
}
.elm .ui.button:hover, .elm .ui.button:hover a {
    color: #c4a26e;
    background: transparent;
    transition: color 0.10s;
}

.elm .ui.button:hover::after, .ui.button:hover::before {
  -webkit-transform: scale(1);
}

/*******************************
         Home
*******************************/
.home .sticky-1,
.home .sticky-2,
.home .sticky-3,
footer {
    position: inherit;
    z-index: 9999;
}
.home .sticky {
     margin-top: 560px !important;/**/
}
.flappie   {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    line-height: 1.3em;
    font-weight: normal;
    cursor: pointer;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing: grayscale;
} 
.flappie p  {
    line-height: 1.3em;
    
}  
.home .elm-1 {
    margin-top: 6em;
}
.home .elm-2 {
    margin-top: -4.6em;
}
.home .elm-3, .home .elm-7, .home .elm-8 {
    margin-top: 14em;
}
.home .elm-4, .home .elm-9 {
    margin-top: 7em;
}
.home .elm-5 {
    margin-top: 6em;
}
.home .elm-6 {
    margin-top: 5em;
}
.home .elm-10 {
    margin-top: 4em;
}
.home .elm-2 .flappie {
    background-color: #fff;
    -moz-box-shadow: 2em 2em 0px #f3f3f3;
    -webkit-box-shadow: 2em 2em 0px #f3f3f3;
    box-shadow: 2em 2em 0 #f3f3f3;
    padding:  1.8em 2.5em 2em 2.5em !important;  /* t r b l */
    /*margin-top: -6em;
    margin-top: 5em;*/
    text-align: center !important;
    z-index: 3 !important;
}
.home .elm-3 .flappie {
    border-bottom: 8px solid #fff !important;
}
.home .elm-3 .flappie, .home .elm-8 .flappie {
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .1em .1em !important;  /* t r b l */
    /*margin-top: 4em;*/
    border-top: 8px solid #fff !important;
    border-bottom: 8px solid #fff !important;
    text-align: center !important;
}
.home .elm-3 .flappie {
    border-bottom: 24px solid #fff !important;
}

.home .elm-4, .home .elm-6, .home .elm-7, .home .elm-9 {
    xmargin-top: 100px;
}
.home .elm-4 .flappie, .home .elm-6 .flappie {
    background-color: #000;
    color: #fff;
    /*font-size: 1.6em;*/
    text-align: left;
    padding:  1em 1em 2em 1em !important;  /* t r b l */
    /* margin:  2em 2em 0 0 !important;  t r b l */
    margin:  2em 0em 0 0 !important;  /* t r b l */
    -moz-box-shadow: 2em 2em 0em #f3f3f3;
    -webkit-box-shadow: 2em 2em 0em #f3f3f3;
    box-shadow: 2em 2em 0 #f3f3f3;
}
.home .elm-4 .flappie h2, .home .elm-6 .flappie h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin:  0em 0 1em 0 !important;  /* t r b l */
    line-height: 1.2em;

}
.home .elm-4 .flappie p, .home .elm-6 .flappie p {
    font-size: .6em;
    text-align: left;
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}
.home .elm-4 .flappie .header, .home .elm-6 .flappie .header {
    font-family: "DIN","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: .6em;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 1.6em;
}
.home .elm-4 .ui.button, .home .elm-6 .ui.button {
    color: rgba(255,255,255,1);
}
.home .elm-4 .ui.button:before, .home .elm-6 .ui.button:before {
    border-bottom: 1px solid #000;/**/
}
.home .elm-4 .ui.button:hover, .home .elm-6 .ui.button:hover {
    color: #000;
}
.home .elm-4-1 {
    z-index: 9999 !important; 
    margin-top: 6em;
    margin-left: -4em;
}
.home .elm-4-3 {
    margin-top: 6em
}
.home .elm-4-3-1 {
    xmargin-top: 8em
}
.home .elm-4-4 {
    margin-top: -3em
}
.home .elm-4-4-1 img {
    xmargin-top: -14em
}
.home .elm-4-3 img {
    /*margin-top: -5.5em;*/
    /*border-top: 1px solid #333;*/
    
}
.home .elm-5 .flappie {
    background-color: #fff;
    font-size: 3.7em;
    padding:  .2em 0em !important;  /* t r b l */
    /*margin-top: 2em;*/
    text-align: center !important;
}
.home .elm-6-2 {
    z-index: 9999 !important; 
     margin-top: 10em
}
.home .elm-6-3 {
    margin-left: 0em;
    margin-top: 4em;
    /*border-top: 1px solid #333;*/
}
.home .elm-7 .flappie {
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .6em .6em !important;  /* t r b l */
    margin-top: 0em;
    text-align: center !important;
}
.home .elm-7-2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: #000; 
    background: rgba(0,0,0,1);
    background: linear-gradient(to top, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
.home .elm-10 .flappie {
    background-color: #fff;
    text-align: center !important;
    padding:  .6em .6em !important;  /* t r b l */

}

.home .collage {
    /*background-color: #f00;*/
}
.home .collage .flappie {
    background-color: #c4a26e;
    color: #fff;
    font-size: 1.6em;
    text-align: center;
    padding: 1.7em 1em 2em 1em !important; /* t r b l */
    text-transform: uppercase;

}

.home .collage .elm-1-2 {
    margin-top: 100px;
    margin-top: 140px; /* index-new */
}
.home .collage .elm-1-1 .image {
    width: auto;/**/
    height: 600px;/**/
    height: 640px; /* index-new */
    object-fit: cover !important;
    /*-webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/

    
}
.home .collage .elm-1-2 .image {
    width: auto;/**/
    height: 500px;/**/
    object-fit: cover !important;
    
}
.home .collage .elm-1-2-mobile .image {
    /*width: auto;*/
    height: 380px;/**/
    object-fit: cover !important;
}
.home .collage .elm-1-3 .flappie {
    background-color: transparent !important;
    font-size: 2.7em;
    text-transform: uppercase;
    padding: 1em 0em 0 0 !important; /* t r b l */
}
.home .collage .elm-1-5 .flappie {
    background-color: transparent !important;
    font-size: 2.6em;
    padding: 1.2em 0 0 .5em !important; /* t r b l */
    color: #000;
    white-space: nowrap;
    text-align: center;
}


.home .collage .box {
    position: absolute; 
    top: 5em;
    z-index: 9999;
}
.home .collage .elm-1-4 {
   xmargin: 0em 0 0 0em !important;  /* t r b l */
}
.home .collage .elm-1-5 {
    margin: 0em 0 0 0 !important;
    
}


.home .collage .panel-box {
    position: absolute; 
    top: 36em; /* index-new */
    width: 100%;
    z-index: 9999;
}

.home .panel {
    width: 210px; /* index-new */
    height: 210px; /* index-new */
    margin: 0 auto;
     -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.home .panel .front {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    /*background: url(../images/assets/images/logo-PL30.png) no-repeat 50% 50%;*/
}
.home .panel.flip .front {
    z-index: 900;
    box-shadow: 0 15px 50px rgba(0, 0, 0, .2);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.home .back {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-179deg);
    transform: rotateY(-179deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    /*background: url(../images/assets/images/logo-PL30.png) no-repeat 50% 50%;*/
}
.home .panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}




.home .elm-vid {
    margin: 6em 0 0 0 !important;
}
.home .elm-vid video {
    object-fit: cover;
    xobject-fit: initial;
}



.home .elm-side {
    margin-top: 13em;
}

.home .elm-side .elm-side-2 .flappie {
    height: 385px;
    background-color: #000;
    color: #fff;
    /* padding:  2em 2em !important;t r b l */
    padding: 1em 2em 1em 2em;
    margin-top: 0em;
}
.home .elm-side-2 .flappie h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0em 0 .8em 0 !important; /* t r b l */
    line-height: 1.2em;
    text-transform: uppercase;
    /*text-align: center !important;*/
}
.home .elm-side-2 .flappie p {
    font-size: .6em;
    /*text-align: center;*/
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}
.home .elm-side-2 .flappie ul li {
   /*text-align: center;*/
   line-height: 1.3em;
}


.home .elm-history {
    margin-top: 0em;
}
.home .elm-history-2 .flappie {
    background-color: #f3f3f3;
    padding:  1em 1em 2em 1em !important;  /* t r b l */
    margin-top: -3em;
    text-align: center !important;
    color: #000;

}
.home .elm-history-2 .flappie h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0em 0 .5em 0 !important; /* t r b l */
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: center !important;
}
.home .elm-history-2 .flappie p {
    font-size: .6em;
    text-align: center;
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}
.home .elm-form-project {
    margin-top: 4em;
}
.home .elm-form-project .flappie {
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding: .1em .1em !important;
    margin-top: 4em;
    border-top: 8px solid #fff !important;
    border-bottom: 8px solid #fff !important;
    text-align: center !important;
}
#map {
    /*width: 90%;*/
    width: 100%;
    height: 500px; 
    float: right;
}
#legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 3px solid #000;
}
.map-icon {
    display: block;
    z-index: 9999;
    color: #f00;
    font-size: 24px;
}

.home .elm-apartments {
    margin-top: 7em;
}
.home .elm-apartments .header {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    margin: .3em 0 0em 0 !important; /* t r b l */
    line-height: 1.2em;
}
.home .elm-apartments .txt a {
    color: #c4a26e;
    font-weight: bold;
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    header .ui.text.menu .item {
        font-size: 1em;
    }
    header h2 {
        display: none;
    }
    .home .elm-4-1 {
        margin-left: -1em;
    }
    .home .elm-1-4 .flappie {
        font-size: 1.4em;
    }
    .home .elm-side-2 .flappie h2 {
        font-size: 1.2em;
        margin-bottom: .5em !important;
    }
    .home .elm-side-2 .flappie p, .home .elm-side-2 .flappie ul li {
        font-size: .5em;
    }
    .home .elm-2 {
        margin-top: -7em;
    }
    .home .elm-3 .five.wide.computer {
        width: 50% !important;
    }
    .home .elm-5 .flappie {
        font-size: 3em;
    }
   .home .elm-8 .seven.wide.computer {
         width: 50% !important;
   }
   .home .collage .elm-1-3 .flappie, .home .collage .elm-1-5 .flappie {
        font-size: 2em;
        padding: 2em 0em 0 0em !important; /* t r b l */
    }
    .home .collage .panel-box {
        top: 33em;
    }
    .home .elm-side .elm-side-2 .flappie {
        height: 320px;
    }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   
    
}


@media only screen and (max-width: 768px) and (orientation : portrait) {
    header {
        /*background-color: #f00 !important;*/
    }
    .line {
        display: none;
    }
    .newsletter {
        margin-top: 2em !important;
    }
    footer {
       margin-top: 0em !important; 
    }
    .secondary.menu {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
    .home .elm .ui.container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .home .elm-1 {
        margin-top: 7em;
    }
    .home .elm-2 {
        margin-top: 3em;
    }
    .home .elm-3 {
        margin-top: 0em;
    }
    .home .elm-4, .home .elm-4.extra {
        margin-top: 2em;
    }
    .home .elm-5 {
        margin-top: 2em;
    }
    .home .elm-7, .home .elm-8 {
        margin-top: 1.5em;
    }
    .home .elm-6, .home .elm-10 {
        margin-top: 0em;
    }
    .home .elm-9 {
        margin-top: .5em;
    }
    .home .elm-apartments {
        margin-top: 3.5em;
    }

    .home .elm-2 .flappie {
        -moz-box-shadow: 0 0 0 #f3f3f3;
        -webkit-box-shadow: 0 0 0 #f3f3f3;
        box-shadow: 0 0 0 #f3f3f3;
    }
    
    .home .elm-3 .flappie, .home .elm-8 .flappie {
        /*border-bottom: 2px solid #f00 !important;*/
    }
    .home .elm-4 .flappie {
        margin: .2em 0 0 0 !important;
        -moz-box-shadow: 0 0 0 #f3f3f3;
        -webkit-box-shadow: 0 0 0 #f3f3f3;
        box-shadow: 0 0 0 #f3f3f3;
    }
    .home .elm-5 .flappie {
        font-size: 2.6em !important;
    }
    .elm-side .flappie .header {
        font-size: 1.2em !important;
    }
    .elm-side .flappie .header {
        font-size: 1em !important;
    }
    .elm-side .elm-side-2 .flappie {
        background-color: #fff !important;
        padding: 1.5em 1em 0em 1em !important; /* t r b l */
        height: auto !important;
    }
    .elm-side .elm-side-2 .flappie h2, .elm-side .elm-side-2 .flappie p , .elm-side .elm-side-2 .flappie ul li {
        color: #000;
    }
    .home .collage .elm-1-3 .flappie, .home .collage .elm-1-5 .flappie {
        font-size: 1.6em;
        padding: 0em 0em 0 0em !important; /* t r b l */
        width: 100%;
        color: #fff;
    }

    .home .elm-6 .flappie {
        margin: 1em 0 0 0 !important;
        -moz-box-shadow: 0 0 0 #f3f3f3;
        -webkit-box-shadow: 0 0 0 #f3f3f3;
        box-shadow: 0 0 0 #f3f3f3;
    }
    .home .elm-4 img, .home .elm-6 img {
        padding-left: 1em !important;
        padding-right: 1em !important;
        margin-top: 0em !important;
        margin-bottom: 1em !important;
    }
    .home .elm-4 .flappie, .home .elm-6 .flappie {
        xmargin-left: 1em !important;
        xmargin-right: 1em !important;
        xmargin-top: 1em !important;
        xmargin-bottom: 0em !important;
    }
   
    .home .elm-4-3 img, .home .elm-6-3 img {
        xmargin-top: 0em;/**/
       
    }
    .home .elm-7 .flappie {
        padding:  .5em .5em !important;  /* t r b l */
    }
    
    .home .collage .ui.grid > * {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .home .collage .elm-1-1 .image {
        height: 380px !important;
    }
    .home .collage .elm-1-2 .image {
        height: 380px !important;
    }
    .home .collage .elm-1-2 {
        margin-top: 0px;
    }
    .home .collage .box {
        /*top: 60px;*/
        top: -160px;
        height: 380px;
        bottom: 0;
        z-index: 9999;
    }
    .home .collage .elm-1-4 {
        margin: 10em 0 0 0 !important;
    }
    .home .collage .elm-1-5 {
        margin: 12em 0 0 0 !important;
    }
    .home .collage .flappie {
        font-size: 1.4em;
        padding: 1.2em .5em 1em .5em !important; /* t r b l */
       
    }
    .home .elm-vid {
        margin: 1em 0 0 0 !important;
    }
    .home .elm-side {
        margin-top: 3em;
    }
    .home .collage .panel-box {
        top: 24em;
    
    }
    .panel {
        width: 160px !important;
        height: 160px !important;
    }
    .home .elm-history-2 .flappie {
        margin-top: .5em;
        
    }
    #map {
        width: 100%;
        height: 400px; 
    }

}


/*******************************
         Project
*******************************/
.project .sticky-1,
.project .sticky-2,
.project .sticky-3
{
    position: inherit;
    z-index: 9999;
}
.project .sticky {
     margin-top: 400px !important;/**/
}

.project .elm-1 {
    margin-top: 6em;
}
.project .elm-2-2 {
    /*margin-top: -118px !important;*/
    margin-top: -140px !important;
}



.project .elm-2-1 .txt {
    background-color: #fff;
    color: rgba(0,0,0,.9)  !important;
    font-size: 1.1em;
    /* padding:  2em 4em 2em 1em !important;  t r b l */
    padding:  4em 0em 0em 0em !important;
    margin:  0em 0em 0 0 !important;  /* t r b l */
}

.project .elm-2-1 .txt ul {
    margin:  1em 0em 2em 0;  /* t r b l */
}
.project .elm-2-1 .txt ul li {
    margin-left:  -1.5em;
}

.project .elm-2-1 .txt .header {
    font-family: "DIN","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    xfont-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 1em;
    
}
.project .elm-2-1 .txt .intro {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0 0 1em;
}
.project .elm-2-1 .txt p {
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}

.project .elm-2-2 .flappie {
    background-color: #000;
    color: #fff;
    font-family: "DIN","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1em;/**/
    text-align: left;
    padding:  1.5em 1em .4em 2em !important;  /* t r b l */
    margin:  0em 4em 0 6em !important;  /* t r b l */
    -moz-box-shadow: 46px 46px 0px #f3f3f3;
    -webkit-box-shadow: 46px 46px 0px #f3f3f3;
    box-shadow: 46px 46px 0 #f3f3f3;
}
.project .elm-2-2 .flappie h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    /*font-size: 2.7em;*/
    font-size: 2.3em;
    font-weight: normal;
}
.project .elm-2-2 .flappie .ui.basic.table {
    margin:  38px 0 !important;  /* t r b l */
    color: #fff;

}
.project .elm-2-2 .flappie .ui.basic.table a {
    color: #fff;
}
.project .elm-2-2 .flappie .ui.basic.table tr td:first-child {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    width: 30% !important;
}
.project .elm-2-2 .flappie .ui.basic.table tr td:last-child {
    width: 80% !important;
}

.project .elm-2-2 .flappie .ui.basic.table tr td.white {
    color: #fff;
    padding-top: 14px;
}

.project .elm-2-2 .menu {
    min-height: 1em !important;
    margin-left: 0 !important;
}
.project .elm-2-2 .menu .item {
    padding: 0em 0em !important;
    color: rgba(255,255,255,1) !important;
    background: transparent; !important;
}
.project .elm-2-2 .menu a.item:hover {
    background: transparent; !important;
}
.project .elm-2-2 i.circular.icon {
    box-shadow: 0 0 0 .1em rgba(255,255,255,1) inset;
}

.project .elm-2-2 i.circular.icon:hover {
    color: #c4a26e !important;
    background: transparent !important;
    transition: all 0.20s !important;
    box-shadow: 0 0 0 .1em #c4a26e inset;
}


.project .elm-3 {
    margin-top: 10em;
}
.project .elm-3 .flappie {
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .1em .1em !important;  /* t r b l */
    /*margin-top: 4em;*/
    border-top: 8px solid #fff !important;
    border-bottom: 8px solid #fff !important;
    text-align: center !important;
}


.project .elm-4 {
    margin-top: 5em;
}

.project .elm-5 {
    margin-top: 14em;
}
.project .elm-5 .flappie {
    /*background-color: #c4a26e;*/
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .6em .6em !important;  /* t r b l */
    margin-top: 0em;
    text-align: center !important;
}
.project .elm-5-2, .project .elm-5-3 {
   padding-top: 0 !important;
    
}
.project .elm-5-2 {
   background-color: #000;
   height: 300px;
}

.project .elm-6 {
    margin-top: 12em;
}

.project .elm-6 .flappie {
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .1em .1em !important;  /* t r b l */
    /*margin-top: 4em;*/
    border-top: 8px solid #fff !important;
    border-bottom: 8px solid #fff !important;
    text-align: center !important;
}







.xproject .elm-3, .xproject .elm-7, .xproject .elm-8 {
    margin-top: 12em;
}
.xproject .elm-4, .xproject .elm-5, .xproject .elm-6, .xproject .elm-9, .project .elm-10 {
    margin-top: 7em;
}
.xproject .xelm-2 .xflappie {
    background-color: #fff;
    -moz-box-shadow: 2em 2em 0px #f3f3f3;
    -webkit-box-shadow: 2em 2em 0px #f3f3f3;
    box-shadow: 2em 2em 0 #f3f3f3;
    padding:  1em 3em !important;  /* t r b l */
    margin-top: -6em;
    text-align: center !important;
    z-index: 3 !important;
}
.xproject .elm-3 .flappie, .xproject .elm-8 .flappie {
    background-color: #000;
    color: #fff;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .1em .1em !important;  /* t r b l */
    /*margin-top: 4em;*/
    border-top: 8px solid #fff !important;
    border-bottom: 8px solid #fff !important;
    text-align: center !important;
}




.xproject .elm-5 .flappie {
    background-color: #fff;
    font-size: 3.7em;
    padding:  .2em 0em !important;  /* t r b l */
    /*margin-top: 2em;*/
    text-align: center !important;
}
.project .elm-6-3 img {
    margin-top: -5.5em;
    border-top: 1px solid #333;
}
.xproject .elm-7 .flappie {
    background-color: #c4a26e;
    color: #000;
    font-size: 2.7em;
    text-transform: uppercase;
    padding:  .6em .6em !important;  /* t r b l */
    margin-top: 0em;
    text-align: center !important;
}
.xproject .elm-7-2 {
   padding-top: 0 !important;
    
}
.project .elm-10 .flappie {
    background-color: #fff;
    text-align: center !important;
    padding:  .6em .6em !important;  /* t r b l */

}


@media only screen and (max-width: 767px) {
    
    .project .elm .ui.container {
        margin-left: 0 !important;
        margin-right: 0 !important;

    }
    .project .elm-1 {
        margin-top: 7em;
    }
    .project .elm-2 {
        background-color: #fff;
        margin-top: -6em; /* hide the paginatation slide */
        padding-top: 6em !important;


    }
    
    .slick img {
        height: 100% !important;
        padding: 0 0 0 0 !important;
    }
    .project .slick-prev {
        left: 20px;
    }
    .project .slick-next {
        right: 20px;
    }
    .slick-dots {
        text-align: center !important;
    }
    .flex-control-nav {
        text-align: center !important;
        display: none;
    }
    .flex-direction-nav a::before {
        font-size: 30px !important;
    }
    .flexslider img {
        height: 380px !important;
        object-fit: cover !important;/**/
    }
    .project .elm-2-2 .flappie {
        font-size: 1em;/**/
        padding:  1.5em 0em .4em 1.5em !important;  /* t r b l */
        margin:  1em 0 0 0 !important;  /* t r b l */
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0 #f3f3f3;
    }
    .project .elm-2-2 .flappie h2 {
        font-size: 2em !important;
    }

    .project .elm-2-2 .flappie .ui.basic.table tr td {
        padding: .25em 1em .25em 0 !important;
    }
     .project .elm-2-1 .txt {
        padding: 2em 1em 2em 1em !important;
    }
    .project .elm-2-1 .txt p:last-child {
        margin-bottom: 3em !important;
    }
    .project .elm-3 {
        margin-top: 5em !important;
    }
    .project .elm-5 {
        margin-top: 6em;
    }
    .project .elm-6 {
        margin-top: 6em;
    }

    .form-project {
        margin-bottom: 2em !important;
    }
    .form-project img {
        width: 160px !important;
        height: auto;
    }
    .form-project .column.aa {
        text-align: left !important;
    }
    
    .project .elm-2 .panel-box {
        display: none;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    
    .project .elm-2-2 .flappie h2 {
        font-size: 2em !important;
    }
    .project .elm-2-2 .flappie {
        padding:  1.5em 0em .4em 2em !important;  /* t r b l */
        margin:  1em 0 0 0 !important;  /* t r b l */
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0 #f3f3f3;
    }
    

}
.project .elm-2 .panel-box {
    position: absolute;
    /*margin-top: -100px;*/
    margin-top: -140px;
    width: 100%;
    z-index: 9999;
}
.project .panel {
    width: 140px;
    height: 140px;
    margin: 0 auto;
     -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.project .panel .front {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    /*background: url(../images/assets/images/logo-PL30.png) no-repeat 50% 50%;*/
}
.project .panel.flip .front {
    z-index: 900;
    box-shadow: 0 15px 50px rgba(0, 0, 0, .2);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.project .back {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-179deg);
    transform: rotateY(-179deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    /*background: url(../images/assets/images/logo-PL30.png) no-repeat 50% 50%;*/
}
.project .panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

.project .elm-side {
    margin-top: 10em;
}

.project .elm-side .elm-side-2 .flappie {
    height: 385px;
    background-color: #000;
    color: #fff;
    /* padding:  2em 2em !important;t r b l */
    padding: 2em 2em 1em 2em;
    margin-top: 0em;
}
.project .elm-side-2 .flappie h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0em 0 1em 0 !important; /* t r b l */
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: center !important;
}
.project .elm-side-2 .flappie p {
    font-size: .6em;
    text-align: center;
    font-family: "DIN-reg","Helvetica Neue",Arial,Helvetica,sans-serif;
}
/*******************************
         Video
*******************************/
#vid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: pointer;
}
#vid-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    z-index: 9999;
    margin: -50px 0 0 -50px;
    background: url(../../assets/images/bigplay.svg) no-repeat;
}
#vid-overlay:hover #vid-overlay-button {
    background-position: 0 -100px
}

/*******************************
         Project Forms
*******************************/
.form-project {
    margin-top: .5em;
    xmargin-bottom: 10em;
    background: #fff;
}
.form-project .column.aa {
    text-align: right !important;
}
.form-project img {
    width: 200px;
    height: auto;
}
.form-project .flappie {
    text-align: center !important;
    padding:  .6em .6em !important;  /* t r b l */
}
.form-project .form {
    margin-top: 26px;
    
}
.form-project .ui.button {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    line-height: 1.3em;
    font-weight: normal;
    color: #fff !important;
    background: #000 !important;
    padding: .3em .5em;
    border-radius: 0;
    width: 100%;
    
}
.form-project .ui.button i.icon {
    font-size: 1em;
    font-weight: normal !important;
    color: #fff;
    opacity: 1;
    height: 1em;
}

/*******************************
         Newsletter Forms
*******************************/
.newsletter {
    margin-top: 6em;
}
.newsletter .container {
    background: #f3f3f3 !important;
    padding:  6em 0 !important;  /* t r b l */
}
.newsletter .flappie {
    text-align: center !important;
    padding:  .6em .6em !important;  /* t r b l */
}
.newsletter .column {
    background: #f3f3f3 !important;
    z-index: 9999 !important;
}
/* Mailchimp */
#mc_embed_signup form {
    display: inherit !important;
    position: relative;
    text-align: left;
    padding: 0 !important;
}
#mc_embed_signup .mc-field-group {
    clear: none !important;
    position: relative !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    min-height: 50px;
}
#mc_embed_signup .mc-field-group input {
    display: block;
    width: 100%;
    padding: .67857143em 1em;
    text-indent: 0%;
}
#mc_embed_signup div.mce_inline_error {
    /*margin: 0 0 1em 0;
    padding: 5px 10px;*/
    margin: 0 !important;
    padding: 1em 0 0 1em !important; /* t r b l */
    background-color: transparent !important;
    font-weight: normal !important;
    z-index: 1;
    color: #f00 !important;
}
#mc_embed_signup input.mce_inline_error {
    border: 1px solid rgba(34,36,38,.15) !important;
}
#mce-success-response, #mce-error-response {
    padding: .3em 0 0 1em !important; /* t r b l */
}








.masked-element {
    mask-image: url(../../assets/images/services-left-mask-1.png);
    mask-position: 0 0;
    mask-size: contain;
    mask-repeat: no-repeat;
}

/*******************************
         Scroll magic
*******************************/
.sticky-active {
    /*color: #c4a26e !important;*/
}
.animate1 {
    transition: transform 0.3s ease-in;
}
.zap {
    transform: scale(1, 0);
}


/* Home Banner */

/* The Thread page */
.banner-thread-outer {
    position: relative;
    padding: 0 18px;
}


.banner-thread {
    position: relative;
    z-index: 9;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}
svg.defs-only {
    border: medium none;
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
}
#xmaskW {
    -webkit-transform: translate(0,-250px);
    transform: translate(0,-250px);
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
        transition-delay: 0s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.animated #xmaskW {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
/*******************************
         Slick/FLEX
*******************************/
.flexslider {
    border: none;
    margin: 0 0 50px;
}
.flexslider img {
    /*height: 617px;*/
}
.flex-control-nav {
    text-align: left;
    z-index: 99999;
}
.flex-direction-nav a {
    top: 55%;
}
.flex-control-paging li a {
    background: rgba(0, 0, 0, 0.2);
    webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
   
}
.flex-control-paging li a.flex-active {
    background: rgba(0, 0, 0, 0.6);
}
.flex-direction-nav a::before {
    font-family: 'icons';
    font-size: 60px;
    display: inline-block;
    content: '\f053';
    color: rgba(255, 255, 255, 0.8);
    text-shadow: none;
}
.flex-direction-nav a.flex-next::before {
    content: '\f054';
}
.flexslider .slides > li {
    display: block !important;
    -webkit-backface-visibility: visible !important;
}


.slick img {
    height: 617px;
    padding: 0 200px 0 0;
}

.slick-prev,
.slick-next {
    width: 50px;
    height: 50px;
    z-index: 9999;
}
.slick-prev:before,
.slick-next:before {
    font-family: 'icons';
    font-size: 40px;
}
.slick-prev {
    left: 40px;
}
.slick-prev:before {
    /*content: "\f053"
    content: "\f104";;*/
    content: "\f177";

}
.slick-next {
    right: 40px; 
}
.slick-next:before {
    content: "\f178";
}
.slick-dots {
    text-align: left;
}
.slick-dots li {
    z-index: 9999 !important;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important;
    font-size: 44px;
}
/*******************************
         Form
*******************************/

.ui.form .field.error input[type="text"], .ui.form .field.error textarea {
    background: #fff !important;
    border-color: rgba(191, 191, 191, 0.87) !important;
    color: rgba(191, 191, 191, 0.87) !important;
    
}
.ui.form .error ::placeholder {
    color: rgba(191, 191, 191, 0.87) !important;
}
.ui.error.message {
    background-color: #fff;
    color: #f00;
    box-shadow: 0px 0px 0px 0px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.success.message {
    background-color: #fff !important;
    color: #f00;
    box-shadow: 0px 0px 0px 0px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/*******************************
         Cookie EU Banner
*******************************/
#cookies-eu-banner{
    position: fixed;
    bottom: 0px;
    padding: 1em 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    border-top: 1px solid #000;
    z-index: 9999999;
    text-align: center; font-size: 1.2em;
}
#cookies-eu-banner a{ color: #000; }
#cookies-eu-banner a:hover{ text-decoration: underline;}

#cookies-eu-banner #cookies-eu-reject{ font-size: 0.9em; color: #000; border: 1px solid #000; border-radius: none; background-color: white; margin-left: 2em; }
#cookies-eu-banner #cookies-eu-accept{ font-size: 0.9em; color: #000; border: 1px solid #000; border-radius: none; background-color: white; }

#cookies-eu-banner #cookies-eu-reject:hover,
#cookies-eu-banner #cookies-eu-accept:hover{ background-color: #000; color: white; cursor: pointer;}

@media only screen and (max-width: 768px) and (orientation : portrait) {
    #cookies-eu-banner span:nth-of-type(1) {display: block; margin-bottom: 12px !important}
    #cookies-eu-banner span:nth-of-type(2) {display: block;}
}
/*******************************
         Pivacy Statement
*******************************/
.privacy-statement .nopadding {
    
}
.privacy-statement .txt {
    font-size: 1.1em;
}
.privacy-statement .txt h1 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    margin:  1em 0 1em 0 !important;  /* t r b l */
}
.privacy-statement .txt h2 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    margin:  2em 0 .5em 0 !important;  /* t r b l */
}

.privacy-statement .txt h3 {
    font-family: "Rufina","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    margin:  1em 0 1em 0 !important;  /* t r b l */
    font-style: italic;
}