/*@font-face{
    font-family: 'helveticaneue';
    src: url('../font/helveticaneue/HelveticaNeue.ttf') format("opentype");  
    }*/
/*@font-face{
    font-family: 'calibri';
    src: url('../font/calibri/Calibri.ttf') format("opentype");  
    }*/
/*@font-face{
    font-family: 'opensans';
    src: url('../font/Open_Sans/OpenSans-Light.ttf') format("opentype");  
    }*/
    @font-face{
        font-family: 'opensans_reg';
        src: url('../font/Open_Sans/OpenSans-Regular.ttf') format("opentype");  
    }
    html, body{
        font-family: opensans_reg;
    }
    *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    blockquote {
        padding: 9px 18px;
        margin: 0 0 18px;
        border-left: 5px solid #eeeeee;
    }
    header{
        padding-top: 15px;
        padding-left: 20px;
    }
    nav{
        /*position: relative;*/
    }
    nav ul li{
        float: left;
        margin-right: 3px;
    }
    nav ul li.active a, nav ul li:hover a{
        border-bottom: 1px solid rgb(0, 0, 0);
    }
    nav ul li a{
        text-transform: uppercase;
        font-size: 13px;
        font-family: opensans_reg;
        border-bottom: 1px solid transparent;
        transition: border-color 1s ease;
        -webkit-transition: border-color 1s ease;
        -moz-transition: border-color 1s ease;
    }
    nav .responsive-menu{
        display: none;
    }
    .logo{
        margin-top: 35px;
    }
    .logo img{
        height: 25px;
    }
    @media only screen and (max-width: 1024px) {
        nav .responsive-menu{display: block;width: 32px;float: left;}
        nav .responsive-menu img{width: 32px;cursor: pointer;}
        nav .responsive-menu img.close{display: none;}
        .logo{margin-top: 0px;float: left;margin-top: 4px;margin-left: 10px;}
        nav ul{display: none;margin-bottom: 12px;min-height: 1px;overflow: hidden;}
        nav ul li{margin-right: 10px;height: 21px;text-align: center;margin-top: 12px;}
        nav ul li:nth-of-type(even){display: none;}
    }








    .bottom_text{
        position: fixed;
        bottom: 0px;
        margin-bottom: 40px;
        margin-left: 20px;
        height: 55px;
    }
    .bottom_text img{
        height: 100%;
    }
    @media only screen and (max-width: 1250px) {
        .bottom_text{position: relative;bottom: 0px;}
    }



    .container{
        width: calc( 100% - 20px );
        padding-top: 30px;
        padding-left: 20px;
        padding-bottom: 40px;
    }
    .page-text{
        width: 700px;
        margin-top: 20px;
    }
    .page-image{
        position: fixed;
        right: 0px;
        top: 0px;
        width: 500px;
    }
    .page-image div{
        position: fixed;
        width: 500px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .custom-form{
        margin-top: 30px;
    }
    .custom-form .input-group{
        margin-bottom: 12px;
    }
    .custom-form .input-group input[type='text'],
    .custom-form .input-group input[type='number'],
    .custom-form .input-group input[type='email'],
    .custom-form .input-group input[type='tel'],
    .custom-form .input-group textarea{
        width: 300px;
        height: 30px;
        padding-bottom: 10px;
        padding-top: 5px;
        padding-left: 8px;
        border: none;
        border-bottom: solid thin #777;
        font-size: 14px;
        font-family: inherit;
    }
    .custom-form .input-group textarea{
        height: 100px;
    }
    .custom-form .input-group input[type='submit']{
        height: 30px;
        padding-bottom: 10px;
        padding-top: 5px;
        padding-left: 8px;
        border: none;
        border: solid thin #777;
        font-size: 14px;
        font-family: inherit;
        background-color: transparent;
    }
    .custom-form .error{
        color: red;
        font-size: 13px;
    }
    @media only screen and (max-width: 1200px) {
        .page-text{width: 460px;}
    }
    @media only screen and (max-width: 1024px) {
        .page-image{width: 400px;}
    }
    @media only screen and (max-width: 900px) {
        /*.page-image{display: none;}*/
        .page-image{width: 100%;position: relative;height: 270px;margin-top: 20px;}
        .page-image div{position: relative;width: 100%;height: 100%;}


        .page-text{width: 100%;}
        .custom-form .input-group input[type='text'],
        .custom-form .input-group input[type='number'],
        .custom-form .input-group input[type='email'],
        .custom-form .input-group input[type='tel'],
        .custom-form .input-group textarea{width: 100%;}
    }






    /*newsroom horizontal*/
    .items-vertical{

    }
    .newsroom .items-vertical .item{
        float: left;
        width: 280px;
        margin-right: 35px;
        margin-bottom: 40px;
        min-height: 300px;
        padding-bottom: 10px;
    }
    .newsroom .items-vertical .item .details{
        height: 120px;
    }
    .newsroom .items-vertical .item .details h5{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .newsroom .items-vertical .item .details p{
        font-size: 13px;
        line-height: 20px;
    }
    .newsroom .items-vertical .item img{
        width: 100%;
        height: 180px;
    }
    @media only screen and (max-width: 500px) {
        .newsroom .items-vertical .item{width: 100%;min-height: auto;}
        .newsroom .items-vertical .item .details{height: auto;}
        .newsroom .items-vertical .item img{height: auto;}
    }

    /*newsroom*/
    .newsroom{
        margin-top: 10px;
    }
    .newsroom ul.nav{
        width: 100%;
        min-height: 30px;
    }
    .newsroom ul.nav li{
        float: left;
        margin-right: 25px;
    }
    .newsroom ul.nav li a{
        text-transform: uppercase;
        font-size: 13px;
    }
    .newsroom ul.nav li.active a{
        border-bottom: 1px solid rgb(0, 0, 0);
    }
    .newsroom .items{
        width: 100%;
        /*width: calc( 100% - 40px );*/
        /*margin: 0 auto;*/
        height: 300px;
        margin-top: 15px;
    }
    .newsroom .items .item{
        float: left;
        width: 287px;
        margin-right: 35px;
        margin-bottom: 40px;
    }
    .newsroom .items .item a{}
    .newsroom .items .item img{
        width: 100%;
        height: 382px;
    }
    @media only screen and (max-width: 1400px) {
        .newsroom .items .item{width: 270px;}
        /*.newsroom .items .item:nth-of-type(4n+4){margin-right: 0px;}*/
    }
    @media only screen and (max-width: 500px) {
        .newsroom .items .item{width: 100%;}
        .newsroom .items .item img{height: auto;}
    }
    .load-more{text-align: center;clear: both;padding-top: 40px;margin-bottom: 50px;font-size: 12px;}
    .load-more a{border-bottom: solid thin #999;padding-bottom: 5px;padding-left: 15px;padding-right: 15px;cursor: pointer;}
    .load-more .dots{display: none;}
    /*end newsroom*/






    /*design*/
    .design{
        margin-top: 50px;
    }
    .design .nav{
        float: left;
        height: 100%;
        padding-right: 100px;
    }
    .design .nav li{
        width: 100%;
        margin-bottom: 15px;
    }
    .design .nav li a{
        border-bottom: 1px solid transparent;
        font-size: 14px;
        transition: border-color 1s ease;
        -webkit-transition: border-color 1s ease;
        -moz-transition: border-color 1s ease;
    }
    .design .nav li a:hover,
    .design .nav li.active a{
        border-bottom: 1px solid rgb(0, 0, 0);
    }
    .design .items{
        float: left;
        width: 880px;
    }
    .design .items .item{
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .design .items .item .title{
        font-size: 11px;
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: normal;
    }
    .design .items .item a{}
    .design .items .item img{
        width: 190px;
        height: 190px;
    }
    @media only screen and (max-width: 1290px) {
        .design{margin-top: 0px;}
        .design .items{width: 100%;}
        .design .nav{width: 100%;padding: 0px;}
    }
    @media only screen and (max-width: 1024px) {
        .design .nav{margin-top: 15px;}
    }
    @media only screen and (max-width: 500px) {
        .design .items .item{width: 100%;margin-right: 0px;}
        .design .items .item img{width: 100%;height: auto;}
    }
    /*end design*/






    /*design details page*/
    .design_details{
        width: 500px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .design_details .album_gallery{}
    .design_details .album_gallery img{
        max-width: 100%;
    }
    .design_details .add-selection{
        display: block;
        text-align: right;
        margin-bottom: 10px;
        color: #333;
        font-size: 17px;
        cursor: pointer;
    }
    .design_details .details{
        margin-top: 10px;
        font-size: 11px;
    }
    .design_details .details h3{
        font-size: 11px;
        margin-bottom: 5px;
    }
    .design_details .flexslider{
        margin: 0px;
    }
    .design_details .flex-viewport{
        width: 100%;
    }
    @media only screen and (max-width: 600px) {
        .design_details{width: 100%;}
    }
    /*end design details page*/

    .invisible{
        visibility: hidden;
    }

    /*V2*/


    @font-face {
      font-family: SourceSansPro;
      src: url('../font/v2/source-sans-pro/SourceSansPro-Regular.otf');
  }


  .sm {
    /*height: 30px !important;*/
        height: 20px !important;
    margin-top: 7px;

}

.sm .img {
    height: 100% !important;
    cursor: pointer;
}

nav {
    font-family: SourceSansPro !important;
}


nav .dot {
    font-size: 25px;
    font-weight: bolder;
    position: relative;
    top: -10px;
}

.mast__header {
    text-align: center;
    width: 100%;
}

.left-text {
    font-size: 27px;
    color: #C8CACC;
    text-shadow: 1px -1px 1px #939597;

    display: block;
    transform: rotate(270deg) !important;

    letter-spacing: 6px;
}

html, body {
    /*overflow-x: hidden;*/
}

.footer-text {
    font-family: SourceSansPro;
    font-size: 13px;

}

.gallery__img {
    padding : 2px;
    ;
}

figure  {
    margin-bottom: 0 !important
}

.cat-title {
    font-family: SourceSansPro;
    font-size: 25px;
    margin-left: 9px;
    margin-right: 9px;
}

.cat-container .nav {
    width: 20%;
}

.cat-container .nav {
    width: 20%;
}

.cat-container .design .nav {
    padding-right: 0 !important;
}

.design .results .item {
    width: 46% !important;
}
.design .results .item {
    margin-right: : 2% !important;
    margin-left: : 2% !important;
}

.design .results .item img.pro {
    height: 200px !important;
}

.product_container .items {
    padding-top: 0 !important;
}

/*.product_container .flexslider {
    max-height: 500px !important;
}

.flexslider .flex-viewport {
    height: 100% !important;
    }*/

    .flexslider {
        /*width: 400px;*/
        width: 100%;
        height: 400px;
    }

    .flexslider .slides img {
        width: 400px;
        height: 400px;
    }

    .product_container .items {
        /*width: 80% !important;*/
        width: 75% !important;
    }

    html, body {
        /*overflow-x: hidden !important;*/
    }

    .product_container .slider-nav img  {
        width: 100% !important;
        height: 150px !important;
        cursor: pointer;

        padding-right: 10px !important;
    }

    .design_details .album_gallery img {

        width: 100%;
        height: 400px;

    }
/*.product_container .slider-nav li   {
   width: initial !important;
   }*/

   .product-slider-control-prev,  .product-slider-control-next {
    width: 30px;
    height: 30px;
}

.product-slider-control-prev img ,  .product-slider-control-next  img {
    width: 100% !important;
    height: 100% !important;
}

.album_gallery {
    position: relative;
}

.product-slider-control-prev {
    position: absolute;
    top: 30%;
    cursor: pointer;
}

.product-slider-control-next {
    position: absolute;
    top: 30%;
    right: 0%;
    cursor: pointer;
}

.desc-slide {
    position: absolute;
    bottom: 0%;
    color: white;
    background-color: #00000069;
    width: 100%;
    padding: 20px;
}

.cart {
    float: right;
}

.cart img {
    width: 50px !important;
    height: 50px !important;
}

/* Solves conflict happend by BS */

a:hover {
    text-decoration: none;
    color: black;
}

.top-cart {
    width: 70px;
    height: 70px;
}

.top-banner-img {
    height: 12px !important;
}

.top-banner-text  {
    text-transform: uppercase;
}

.left-division-single-product div {
    font-size: 14px !important;
}

.design_details .details h3 {
    font-size: 17px;
    margin-bottom: 5px;
}

.design .items .item .title {
    width: 90%;
    float: left;
}


.design .items .item .cart {
    width: 10%;
    float: right;
}

.product_container .items  {
    margin-bottom: 5%;
}

.mast__header {
    padding-bottom: 0 !important;
}

.container-fluid  {
    padding-bottom: 0 !important;
}