@font-face {
    font-family: Futura;
    src: url("/fonts/Futura-Book.eot?#iefix") format('embedded-opentype'), 
         url("/fonts/Futura-Book.woff") format('woff'),
         url("/fonts/FuturaBookFont.ttf") format('truetype'),  
         url("/fonts/Futura-Book.svg") format('svg');
}

@font-face {
    font-family: FuturaNDCnLight;
    src: url("/fonts/FuturaNDCnLight.ttf") format('truetype') ;
}

.FuturaNDCnLight {
    font-family: FuturaNDCnLight ;
    letter-spacing: 2px !important; 
}

html body .navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 2px;
}

html body .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 8px;
}

html body .navbar-inverse .navbar-toggle .icon-bar {
    background-color: black ;
    margin-top: 5px;
    margin-bottom: 6px;
}

body {
    background-image: url("/images/full-bg.png");
    font-family: Futura;
}

.nav>li>a {
    padding: 10px 0px;
}

.mainContainer {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 5%;
    border: 20px solid white;
    box-sizing: border-box;
}

.menuItem {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: black !important;
    text-transform: lowercase;
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #111111;
    margin-left: 26%;
}

.navbar.navbar-inverse {
    background-color: #ffffff;
    width: 9%;
    display: flex;
    min-width: 65px;
}

.navbar-toggle {
    padding: 12px 15px;
    margin:auto;
}
.navbar-fixed-left .container {
    margin: auto auto;
}

.image-wrap {
    margin: 15%;
}

.element_wrapper {
    position:relative;
    width:100%;
    height: 92%;
}

.homepage_slider, .collection_item_main {
    width: 84%;
    margin-left: 12%;
}

.homepage_slider .slick-list {
    width: 100% ;
}

.dots_homepage {
    margin-left: 10%;
    text-align: left ;
    margin-top: -0.5%;
}

.arrows_homepage {
    text-align: right ;
}


.arrows_homepage, .dots_homepage {
    display:inline-block; 
    width: 43%;
    vertical-align: top;
    margin-top: -10px;
}

.slide {
    background-image: url(/images/image-bg.png) ;
    background-size: cover ;
    background-position: center;
    text-align: center ;
    position:relative;
    height:85%;
    /*padding-top: 9% ;*/
}

.slide h1{
    padding-left: 55px ;
    padding-right: 55px ;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.2px;

}

.slide p {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: -0.3px;
    text-align: justify;
    color: #111111;
    padding-left:28px;
    padding-right: 28px;
}

.homepage_products {
    background-image: none ;
    background-color: white ;
    padding-right: 3.5%;
    height: 85%;
}

.homepage_vertical, .homepage_vertical_main {
    display: table-cell;
    vertical-align: middle ;
    width: 100% ;
}
.homepage_vertical h1 {
    font-size: 32px;
}
.content_block .homepage_vertical p {
    width: 100%;
    max-width: none;
    text-align: justify;
    font-size: 18px;
}

.homepage_inside_wrapper {
    width: 50%;
    min-width: 300px;
    -webkit-backdrop-filter: blur(1.8px);
    backdrop-filter: blur(1.8px);
    background-color: rgba(125,130,122, 0.8);
    margin:auto;
    display:table;
    vertical-align: middle ;
}

html body .homepage_inside_wrapper h1, html body .homepage_inside_wrapper p {
    color: white;
}

.vertical_content {
    width: 100%;
    height:100%;
    display:table;
    vertical-align: middle ;
}


.slick-arrow {
    background: none;
    color: white;
    border: none;
    font-size: 27px;
    opacity: 0.66;
    padding: 0;
    margin: 5px;
    margin-top: 0;
}

.slick-arrow:focus {
    opacity:1;
}

.slick-dots {
    color:transparent;
    margin-top: 4.5%;

}
.slick-slide {
    height: auto !important ;
}

.slick-dots li {
    float:left;
    list-style-type: none ;
}

.slick-dots button {
    width: 12px;
    height: 12px;
    opacity: 0.99;
    background-color: #fff9f9;
    border-radius: 50%;
    border: none;
    margin-right: 23px;
    padding: 0;
}

button:focus {
    outline:0;
}

.slick-active button {
    width: 12px;
    height: 12px;
    padding:0;
    background-color: #ddba70;
}

.pageLogo {
    position: relative;
    width: 18%;
    min-width: 270px;
    top: 0;
    left: 12%;
    margin: 2% 0% 1% 0%;
}

.img-logo-mobile {
    display:none ;
}
    
.collection-categories {
    width: 88%;
    margin-left: 13%;
    height: 5% ;
}

.category-item {
    float:left;
    padding-right: 4%;
    text-align: center;
    z-index:1000;
}

.category-item a{
    color: #ffffff;
    font-size: 20px;
}

.category-item a:hover, .category-item a:focus {
    text-decoration: none ;
}

.main_product_image, .main_product_text, .side_homepage_images {
    display:inline-block;
    vertical-align: middle ;
}

.main_product_image {
    width: 40%;
    margin-left: -6%;
}

.main_product_text {
    width: 39%;
    padding-left: 4%;
    padding-right: 4%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.main_product_text h1 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.2px;
    color: #111111;
    margin-bottom:10px;
}

.main_product_text span {
    font-size: 18px;
    letter-spacing: -0.1px;
    color: #111111;
}

.main_product_text p:nth-of-type(1) {
    font-size: 1.3em;
    line-height: 1.17;
    letter-spacing: -0.2px;
    color: #111111;
    margin-bottom:26px;
    margin-top: 30px;
}

.main_product_text p:nth-of-type(2) {
    font-size: 1.3em;
    line-height: 1.25;
    letter-spacing: -0.2px;
    color: #111111;
}

.side_homepage_images  {
    width: 6%;
}

.side_homepage_images a:focus{
    outline:none;
    text-decoration: none;
}

.side_homepage_images a:hover{
    outline:none;
    text-decoration: none;
}


.category_products {
    width: 100% ;
    max-width: 1258px;
}

.selector_large {
    display: inline ;
}



.contact_wrapper {
    position: relative;
    width: 85%;
    height: 85%;
    margin-left: 12%;
    overflow: auto ;
}

.contact_wrapper h2 {
      font-size: 38px;
      font-weight: 500;
      line-height: 1.24;
      letter-spacing: -0.2px;
      text-align: center;
      color: #ffffff;
      margin-bottom:20px;
}

.contact_wrapper input:nth-child(3) {
      max-width: 555px;
      width: 50%;
      height: 50px;
      background-color: #ffffff;
      padding-left: 20px;
      font-size: 18px;
}

.contact_wrapper textarea {
      max-width: 555px;
      width: 50%;
      height: 74px;
      background-color: #ffffff;
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 18px;
      padding-left: 20px;
}

.contact_wrapper input[type=submit] {
      width: 109px;
      height: 42px;
      background-color: #ddba70;
      font-size: 16px;
      font-weight: 500;
      line-height: 1;
      text-align: center;
      color: #ffffff;
      text-transform: capitalize;
      border: none;
}

.contact_wrapper span {
      opacity: 0.8;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.39;
      text-align: center;
      color: #ffffff;
}

.contact_wrapper span:first-of-type {
      line-height: 1.06;
      opacity: 1 ;
}

.contact_wrapper form {
    margin-bottom:25px;
}

.vertical_one {
    display: flex;
    width: 100% ;
    height: 100%;
    /*padding-bottom: 10%;
    padding-top: 8%;*/
}

.category_vertical_center {
    left: 50%;
}

.collection_item_back {
    position:absolute;
    top: 10px;
    left: 85px;
    height:25px;
    font-size: 15px;
    text-align: center;
    color: #000000;
    background: none ;
    border: none ;
}

.collection_text_all {
    width:12% ;
}

.collection_text_all p {
    width: 450%;
    margin-left:-130%;
    text-align: center;
}

.collection_first_products {
    width: 84%;
    max-width: 660px;
    margin-left: 3%;
}

.first_collection_slide {
    padding-right: 0 ;
}

.matrix_image {
    display: block ;
    height: auto;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 20px;
    max-width: 400px ;
    line-height: 1;
}

.matrix_image_left {
    float: left;
}

.matrix_image_right {
    float: right;
}


.matrix_image_full {
    max-width: 100%;
}

.matrix_image_center {
    margin:auto ;
    width: 100%;
}

.matrix_image img {
    width: 60%;
    max-width: 400px;
    display: block ;
    margin: auto ;
}

.matrix_image_full img {
    max-width: none ;
    width: 100% ;
}

.content_block {
    overflow: auto ;
    background: white ;
}

.content_block p {
    text-align: left ;
}

html body .dynamicPageTitle {
    color: black;
    padding: 0;
    font-size: 40px;
}


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

    .mainContainer {
        height: auto ;
    }

    .slide {
        height: auto;
        padding-top: 0 ;
    }

    .vertical_content {
        height: auto;
    }


    .homepage_products {
        height: auto;
      }

    .side_homepage_images {
        width: 100%;
        margin-bottom: 30px;
    }

    .collection_first_products {
        margin-right: 0;
        margin-left: 0;
    }

    .no_overflow_collection {
        margin-top:5px;
        margin-bottom:5px;
    }

    .no_overflow_small {
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
    }

    .main_product_image {
        margin-left: 1%;
        margin-top: 4%
    }

    .main_product_text {
        padding-left: 2%;
        padding-right: 2%;
        margin-right: 0;
    }


    .main_product_text, .main_product_image {
        width:100%;
    }

    .side_homepage_images {
        width: 100%;
        margin-bottom: 30px;
    }

    .main_product_image {
       margin-left: 0;
       margin-top: 55px ;
    }

    .homepage_products {
        padding-right: 0;
    }

    .main_product_text {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .collection_item_back {
        left: -6px;
        width: 100%;
    }

    .collection_text_all p {
        width: 100%; 
        margin-left: 0 ;
    }

}
/* Small Devices, Tablets */
@media only screen and (max-width: 766px) {
    body {
        padding-top: 15px;
    }

    .mainContainer {
        height: auto;
        border: none;
    }

    .homepage_slider, 
    .collection_item_main {
        width: 95%;
        margin-left: 11%;
        margin: auto;
    }

    .slick-dots li {
        float:none;
        display: inline-block;
    }

    .slick-dots {
        margin-top: 0;
        padding: 0px;
    }

    .slick-dots button {
        margin-left: 11px ;
        margin-right: 11px ;
        padding:0;
    }

    .arrows_homepage, .dots_homepage {
        width:100%;
        text-align: center ;
        margin-left: 0;
    }

    .dots_homepage {
        margin-top: 20px;
    }

    .pageLogo {
        width: initial;
        max-width: 160px;
        min-width: initial;
        left: 70px;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .img-responsive {
        display: none ;
    }

    .img-logo-mobile {
        display: block ;
    } 

    .contact_wrapper {
        width: 93%;
        margin-left: 3.5%;
    } 

    .collection-categories {
        margin: auto ;
        text-align: center ;
        width: auto;
        height: auto;
        overflow: auto ;
    }

    .category-item {
        display:inline-block;
        padding-left: 10%;
        padding-right: 10%;
        width: 49%;
        text-align: left ;
    }

    .vertical_one {
        display: block;
    }
    .homepage_vertical, .homepage_vertical_main {
        display: block;
        height: 100%;
    }
    .contactInfo {
        padding-bottom: 5%;
    }

    .contact_wrapper h2 {
        font-size: 30px;
        padding-top: 10%;
        margin-bottom: 20px;
    }
    .contact_wrapper input:nth-child(3) {
        width: 80%;
        height: 45px;
        font-size: 16px;
    }
    .contact_wrapper textarea {
        width: 80%;
        height: 85px;
        font-size: 16px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

.active {
    font-weight: bold ;
}

.no_background_image {
    background-image: none ;
    background-color: white ; 
}

.disabled {
    pointer-events:none;
    cursor: normal;
}

.navbar {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

html body .message {
    color:white;
}

.no_overflow_small {
    max-height: 110px ;
    max-width: 110px ;
    height: 24vw ;
    width: 24vw ;
    overflow: hidden ;
    position:relative;
    margin-bottom: 12px;
    margin-top: 10px ;
    background-size: cover;
    background-position: center;
}

.no_overflow_collection {
    display: inline-block;
    margin: 2px 12px 0px 12px;
}

.no_overflow_large {
    max-height: 500px ;
    max-width: 500px ;
    height: 24vw;
    width: 24vw;
    min-height: 250px;
    min-width: 250px ;
    overflow: hidden ;
    position:relative;
    background-size: cover;
    background-position: center;
}

.entry_collection_quickfix {
    margin-bottom: -19px;
}

.height_quickfix {
    height: 87%;
}

.center_flex {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.align_top {
    margin: initial;
    align-self: flex-start;
}

.align_middle {
    align-self: center;
}

.align_bottom {
    margin: initial;
    align-self: flex-end;
}

.transparent {
    background-color: rgba(125,130,122, 0);
}


/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .menuItem {
        transform: rotate(270deg);
        margin-left: 60% ;
        height: 100px ;
        width: 10% ;
     }

     .nav li:first-child {
        margin-top: 40vh ;
     }

     .dots_homepage { 
        margin-top: -1.5% !important ;
    }

    .slide {
        height: 85% !important ;
    }

    .center_flex {
        display: inline-block !important;
        position: relative;
    }

    .homepage_inside_wrapper {
        position:relative;
        top: 50% ;
        transform: translateY(-50%);
    }
} 


/*EDGE*/
@supports (-ms-ime-align: auto) {
  .menuItem {
        height: 25% ;
        max-height: 120px ;
        margin-left:initial;
  }
    .no_overflow_small {
        max-height: 115px ;
        max-width: 115px ;
        height: 24vw ;
        width: 24vw ;
        overflow: hidden ;
        position:relative;
        margin-bottom: 12px;
        margin-top: 10px ;
    }

    .no_overflow_collection {
        display: inline-block;
        margin: 2px 8px 2px 8px;
    }
    .contact_wrapper input:nth-child(3) {
        max-width: 555px;
        width: 85%;
        height: 60px;
        font-size: 20px;
    }
    .contact_wrapper h2 {
        margin-bottom: 40px;
    }
    .contact_wrapper span {
        font-size: 18px;
    }
    .contact_wrapper textarea {
        max-width: 555px;
        width: 85%;
        height: 90px;
        background-color: #ffffff;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
        padding-left: 20px;
    }
}