@import url('mobil.css');
@import url('animate.css');
body {
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color:#fff;
    font-size:12px;
    font-family: 'Open Sans', sans-serif;

    overflow-x:hidden;
}

ul, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus,textarea:focus {outline: none;box-shadow:none!important;}


.topbar{
    position:absolute;
    z-index:10;
    left:0;
    top:0;
    background-image:url('../images/shadow.png');
    background-position:0 0;
    background-repeat:repeat-x;
    width:100%;
    height:187px;
    padding-top:25px;
}
.topbar.in{
    position:relative;
    background-image:none!important;
    height:auto!important;
}
.topbar .menu{
    padding-bottom:15px;
}
.topbar.in .sub-top{
    color:#2b2b2b!important;
    overflow:hidden;
    position:relative;
}
.topbar.in a{
    color:#2b2b2b!important;
}
.topbar.in a:hover{
    color:#f1476f!important;
}
.menu a.logo{
    background-image:url('../images/logo.png');
    background-position:0 0;
    background-repeat:no-repeat;
    width:213px!important;
    height:63px!important;
    display:block;
    margin:0 auto;
}
.topbar.in .menu a.logo,.menu a.logo.gray{
    background-position-y:-63px;
}
.menu{
    text-align:center;
}
.menu > div > a{
    height:77px;
    overflow:hidden;
    position:relative;
    text-align:center;
}
.menu a{
    display:block;
    color:#fff;
    font-size:15px;
    font-weight:bold;
}
.menu a:hover{
    color:#eee;
}

.menu > div:hover .submenu{
    display:block;
}
.submenu{
    display:none;
    position:absolute;
    text-align:left;
    margin-top:-35px;
}
.submenu.active{
    display:block!important;
}

.sub-top{
    text-align:center;
    color:#fff;
    height:31px;
}
.subin{
    background-color:#fff;
    border:1px solid #e4e4e4;
    padding:15px 30px;
}
.submenu ul li a{
    font-size:14px;
    color:#2a2a2a;
    display:inline-block;
    font-weight:bold;
    margin:8px 0!important;
    padding:0!important;
    text-align:left!important;
    letter-spacing:inherit!important;
}
.submenu ul li a:hover{
    color:#f1476f;
}
.submenu .liner{
    display:block;
    width:20%;
    border-bottom:2px solid #2b2b2b;
    margin:10px 0;
    margin-top:7px;
}

.slide ul li{
    display:block;
    background-position: center 0;
    background-repeat:repeat-x;
    height:750px;
}
.slide .bx-pager{
    bottom:40px;
}
a.closeModal{
    display:block;
    position:absolute;
    left:18px;
    top:15px;
    color:#2a2a2a;
}
a.closeModal:hover{
    color:#f1476f;
}
.isearch{
    margin:30px;
    margin-top:50px;
}
.modal-content,.isearch input,.isearch button{
    border-radius:0!important;
    box-shadow:none!important;
}
.isearch input,.isearch button{
    background-color:#f2f2f2!important;
    border:0!important;
}
.isearch input{
    color:#53545b;
    font-size:14px!important;
}
.isearch button:hover{
    color:#f1476f;
}
.slide-menu .closeModal{
    left:auto;
    top:auto;
    margin-top:8px;
}
.slide-menu .isearch{
    margin:0;
}
.slide-menu .isearch-btn{
    border:0;
    box-shadow:none;
    width:50px;
    height:50px;
    text-align:center;
    margin:0!important;
    padding:10px!important;
    border-radius:30px;
    background-color:#dadada;
    color:#2a2a2a;
}
.slide-menu .isearch-btn:hover{
    background-color:#eee;
    color:#000;
}

.slide-menu h1{
    margin:70px auto;
    margin-bottom:40px;
    display:block;
    text-align:center;
    font-size:36px;
    font-weight:700;
    color:#2b2b2b;
}
.menu-list{
    text-align:center;
    margin-top:30px;
}
.menu-list h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:25px;
}
.menu-list h3,.menu-list h3 a{
    color:#2b2b2b;
}
.menu-list h3 a:hover{
    color:#f1476f;
}
.menu-list ul li a{
    display:inline-block;
    font-size:17px;
    color:#7f7f7f;
    margin-bottom:18px;
}
.menu-list ul li a:hover {
    color:#2b2b2b;
    text-decoration:underline;
}
.product-boxes h1{
   text-align:center;
   font-size:36px;
   font-weight:700;
   margin-bottom:60px;
}



.clearfix{
    border:0!important;
}

.product-boxes.in .p-box{
    border-top:0!important;
}
.p-box{
    padding:15px 0;
    height:560px;
    background-color:#fff;
    overflow:hidden;
    position:relative;
    text-align:center;
    border:1px solid #e5e5e5;
}
.p-box.noborder{
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
}
.p-box.full{
    padding:0!important;
    border:0!important;
}
.p-box > a{
    display:block;
    position:relative;
    height:100%;
}
.p-box img{
    max-height:235px;
}
.p-box.full img {
    max-height:inherit!important;
    height:100%;
    max-width:inherit!important;
}
.p-box.full .show-detail{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(43,43,43,0.4);
}
.p-box small{
    display:block;
    font-weight:700;
    font-size:12px;
    color:#a3a3a3;
    margin:15px 5px;
}
.p-box h3{
   font-weight:700;
    font-size:21px;
    font-style:italic;
    font-weight: normal;
    color:#5d4f4f;
    margin:0px 5px;
    line-height:130%;
    margin-bottom:10px;
	
}
.p-box.full h3{
    color:#fff;
}
.p-box.full b{
    color:#fff;
    font-weight:400;
    font-style:italic;
    font-size:20px;
    font-family:Georgia;
}

.p-box h3,.p-box small{
}
.p-box span,.p-box strong{
    display:block;
    font-weight:500;
    font-size:20px;
    color:#2b2b2b;
    font-style:italic;
}
.p-box strong{
    font-style:normal;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;

}
.p-box:hover{
    /*background-color:#eaf1f3;*/
}




.all-products a{
    font-size:18px;
    font-weight:700;
    border-bottom:1px solid #2b2b2b;
    color:#2b2b2b;
   
}
.all-products a:hover{
    color:#c1c1c1;
    border-color:#c1c1c1;
}
.liner-bottom{
    border-bottom:1px solid #e5e5e5;
}



.info-social {
    color:#c1c1c1;
    text-align:center;
    padding-bottom:65px;
}
.info-social h4 {
    font-size:36px;
    font-weight:700;
    margin-bottom:18px;
   
}
.info-social a{
    color:#c1c1c1;
    font-weight:700;
}
.info-social a:hover{
    color:#000;
}
.social-media a {
    margin-left:30px;
    margin-right:30px;
    font-size:16px;
    margin-bottom:15px;
    display:inline-block;
}
.social-media a span,.info-phone a span{
    vertical-align:super;
   
}
.info-phone{
    font-size:17px;
}
.info-phone a{
    display:inline-block;
}
.info-phone a b{
    font-size:30px;
}



.liner,.liner-md {
    border-right:1px solid #c1c2c7; 
}
.footer {
    background-color:#007a82;
    text-align:center;
}
.bulletin {
    padding-top:60px;
    margin-bottom:80px;
}
.bulletin h2 {
    color:#fff;
    font-size:36px;
    font-weight:600;

}
.bulletin span {
    color:#dadbdd;
    font-size:18px;
}
.bulletin input[type=text],.bulletin input[type=submit]{
    border:0;
    box-shadow:none;
    border-radius:0;
    height:40px;
    font-size:16px;
    margin-top:30px;
}
.input-custom .input-group-addon{
    padding:0;
}
.bulletin input[type=text] {
    background-color:#f2f2f2;
    width:96%;
}
.bulletin .btn-send {
    background-color:#efb009;
    color:#f2f2f2;
    padding-left:40px;
    padding-right:40px;
    font-weight:700;
}
.bulletin input[type=submit]:hover {
    background-color:#333;
    color:#b1b2b7;
}
.f-menu {
    margin-bottom:40px;
}
.f-menu h4 {
    font-size:18px;
    color:#fff;
    font-weight:700;

}
.f-menu ul li a {
    color:#dadbdd;
    border-bottom:1px solid transparent;
    font-size:18px;
    line-height:100%;
    margin-top:22px;
    padding-bottom:3px;
    display:inline-block;
}
.f-menu ul li a:hover {
    border-color:#dadbdd;
    color:#fff;
}
.copyright {
    color:#b1b2b7;
    padding-top:13px;
    padding-bottom:43px;
    background-color:#f2f2f2;
}
.copyright h3,.copyright h3 a{
    color:#b1b2b7;
}
.copyright h3{
    font-weight:700;
    font-size:16px;
}
.copyright h3 a:hover{
    color:#2b2b2b;
}
.flogo a{
    display:inline-block;
}


/*product-list*********************/



.pager-custom{
    text-align:center;
}
.pager-custom ul{
    display:inline-block;
    text-align:center;
    margin:0;
    border-radius:0;
    padding:0;
}
.pager-custom ul > li:first-child > a,.pager-custom ul > li:last-child > a{
    border-radius:0!important;
}
.pager-custom ul li{
    display:inline-block;
}
.pager-custom ul li a{
    margin:6px 3px;
    margin-top:0;
    border:1px solid #e4e4e4;
    color:#2b2b2b;
    font-size:22px;
    font-weight:800;
    padding:5px 15px;
    display:block;
}
.pager-custom ul li a:hover,.pager-custom ul li.active a,pager-custom ul li.active a:hover{
    background-color:#865252!important;
    color:#fff;
    border-color:#e4e4e4!important;
}


/*product-detail*********************/

.poster{
    position:relative;
    height:500px;
    background-repeat:repeat-x;
    background-position: center 0;
}
.poster-in{
    position:absolute;
    height:100%;
    width:100%;
    text-align:center;
    font-size:20px;
    font-style:italic;
    color:#fff;
    z-index:9;
}
.poster-in h1{
    font-size:36px;
    font-style:normal;
    font-weight:700;

    margin-bottom:8px;
}
.poster-in span{
    font-family:Georgia;
}

.product-detail{
    text-align:center;
    font-size:40px;
    color:#6185a5;
}
.product-image{
    background-position:center 0;
    background-repeat:repeat-x;
    width:100%;
    height:800px;
    overflow:hidden;
    position:relative;
}




.detail-head{
    position:relative;
    margin-top:-180px;
}
.detail-head h1{
    font-size:24px;
    color:#6185a5;
    font-weight:700;
    font-style:normal;
    background-color:#e7ecf1;
    display:inline-block!important;
    margin:0 auto;
    padding:10px 20px;
    padding-bottom:5px;
}
.detail-head span{
    font-family:Georgia;
    font-style:italic;
    display:inline-block!important;
    background-color:#e7ecf1;
    padding:0 20px;
    font-size:21px;
}
.detail-head span i.fa{
    font-size:16px!important;
}
.product-order{
    position:relative;
    margin-top:25px;
}


.product-set {
    text-align:center;
    color:#6185a5;
    font-size:18px;
}
.product-set h4{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
}
.product-set select{
    background-color:#e7ebf1;
    font-size:16px;
    padding:10px 20px;
    padding-right:70px;
    margin-bottom:40px;
    border:0!important;
    text-align:left;
}
.liner-set{
    width:30%;
    border-top:1px solid #c1c1c1;
    display:inline-block;
}
.product-set .details{
    font-size:16px;
}
.product-set .details span{
    display:block;
    margin-bottom:10px;
}
.products ul li {
    border:1px solid #e5e5e5;
    border-right:0;
}
.products h1,.products h1 a{
    color:#2b2b2b;
}
.products h1 a:hover{
    color:#c1c1c1;
}
.products h1{
    font-size:36px;
    font-weight:700;
    text-align:center;
}

.products .bx-pager{
    text-align:center!important;
}
.products .bx-pager a{
    width:14px!important;
    height:14px!important;
    border:1px solid #e7e8e9!important;
    border-radius:7px!important;
    background-color:#e7e8e9!important;
}
.products .bx-pager a:hover,.products .bx-pager a.active{
    background-color:#b1b2b7!important;
    border:1px solid #b1b2b7!important;
}





/*about.html******************/

.cover{
    background-color:#daacac;
    font-style:normal;
    font-size:36px;
    text-align:center;
    color:#865252;
}
.cover h1{
    font-size:48px;
    font-weight:700;
    font-style:normal;
}
.cover.pink{
    background-color:#f8f2f3;
    color:#673840;
}
.stage{
    color:#2b2b2b;
    font-size:18px;
    text-align:center;
}
.stage h1{
    font-size:36px;
    font-weight:bold;
    margin-bottom:35px;
}

.stage a.images{
    display:block;
}



.btn-order{
    font-size:16px;
    color:#fff!important;
    background-color:#6185a5;
    border-radius:0;
    line-height:90%;
    padding:20px 80px;
    font-weight:700;
    font-style:normal!important;
}
.btn-order:hover{
    background-color:#2b2b2b!important;
    color:#fff;
}
.btn-order.black{
    background-color:#383838;
}
.btn-order.pink{
    background-color:#673840;
}
.btn-order.black:hover{
    background-color:#673840;
}
.btn-order.pink:hover{
    background-color:#383838;
}



/********************CONTACT*********************/

.contact-info {
    font-size:18px;
    color:#2b2b2b;
    line-height:150%;
}
.contact-info span{
    display:block;
    margin-bottom:5px;
}
.contact-info a{
    color:#2b2b2b;
    display:block;
    margin-bottom:25px;
}
.contact-info a:hover {
    color:#ff6a00;
}
.contact-form label {
    font-size:18px;
    font-weight:300;
    font-style:italic;
    color:#666666;
    vertical-align:text-bottom;
}

.contact-form input[type=text], .contact-form textarea {
    box-shadow:none;
    border:none;
    border-radius:0!important;
    margin-bottom:30px;
    background-color:#f2f2f2;
    height:inherit;
    padding:15px;
    font-size:18px;
}
.contact-form input[type=radio],.contact-form input[type=checkbox] {
    height:30px;
    width:30px;
    margin-right:15px;
}
.menu.ifix{
    width:100%;
    position:fixed;
    z-index:100;
    top:0;
    left:0;
}

.goTop{
    opacity:0.8;
    background-color:#6185a5!important;
}
.goTop:hover{
    opacity:1;
    background-color:#f1476f!important;
}
.pbox{
    height:auto;
    margin-bottom:30px;
    background-color:#e7ecf1;
    overflow:hidden;
    position:relative;
}


.picker-box{
    background-color:#f5f5f5;
    border-right:1px solid #e5e5e5;
    position:relative;
    
}
.picker select{
    background-color:transparent!important;
    font-size:18px;
    font-weight:700;
    color:#2b2b2b;
    height:auto!important;
    border:0!important;
    padding:35px 12px;
    cursor:pointer;

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.picker select option{
    padding:20px;
}
.picker-box a{
    position:absolute;
    z-index:9;
    right:8%;
    top:40%;
}
/*PRODUCT ORDER FORM*/

.i-modal {
    max-width:505px;
}
.i-modal .modal-content {
    border-radius:0px;
}
.modal-backdrop {
    background-color:#000!important;
}
.i-modal .modal-content .modal-header,.modal-footer {
    padding:40px;
    border:0px;
}
.i-modal .modal-content .modal-footer {
    padding:20px 40px 40px 40px;
}
.i-modal .modal-content .modal-header h4 {
    font-size:28px;
    font-weight:700;
    padding:0px;
    line-height:none;
}
.i-modal .modal-content .modal-body {
    padding:0px 40px 0px 40px;
}
.i-modal .modal-content .modal-footer .i-btn {
    background-color: transparent;
    padding:0px;
    font-size:42px;
    color:#eb3733;
    text-decoration:underline;
}
.i-modal .modal-content .modal-footer .i-btn:hover {
    color:#000;
}
.i-modal .modal-content .modal-footer .i-btn i {
    font-weight:100!important;
    margin-left:10px;
}
.i-modal .modal-content .modal-body form input,.i-modal .modal-content .modal-body form textarea,.i-modal .modal-content .modal-body form select {
    border-radius:0px;
    box-shadow:none;
    padding:5px;
    height:auto;
    background-color:#f5f5f5;
    color:#747474;
}
.i-modal .modal-content .modal-body form select {
    color:#000;
    font-size:16px;
    font-weight:600;
    border-top:solid 1px #eb3733;
    border-left:solid 1px #eb3733;
    padding:0px;
}

.contact-form input[type=radio],.contact-form input[type=checkbox] {
    height:20px;
    width:20px;
    margin-left:8px;
}
.contact-form.m-md-60{
    margin-right:60px;
}
.contact-form .form-group{
    margin-bottom:30px;
}
.contact-form  .form-group input[type=text],.contact-form  .form-group textarea {
    margin:0 !important;
}
.radio-custom{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.radio-custom label{
    display:inline-block !important;
    vertical-align:bottom;
    margin:0 !important;
}
.contact-visual{
    padding-top:30px;
}


@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
    .contact-form.m-md-60{
        margin:0 !important;
    }
}





@media (max-width: 767px) { /*mobile*/
    .liner {
        border:0;
    }
    .i-modal .modal-header h4{
        font-size:28px!important;
    }
    a.logo{
        float:left!important;
        display:block;
    }
    .slide .bx-controls-direction{
        display:none!important;
    }
    .product-boxes h1{
        font-size:24px;
    }
    .detail-head {
        margin-top: 0px!important;
    }
    .p-box,.p-box a.images,.p-box a.images.large,.p-box a.images.large img,.pbox,.poster{
        height:inherit;
        max-height:inherit
    }
    .p-box a.images img{
        max-height:inherit;
    }
    .p-box a.images.large{
        padding:10px;
    }
    .liner-bottom{
        border:0;
    }
    .product-set .details{
        font-size:14px;
    }
    .products h1{
        font-size:18px;
    }
    .product-detail{
        min-height:inherit;
    }
    .product-detail a.images,.p-box{
        height:auto!important;
    }
    .product-detail a.images img,.p-box img{
        max-height:inherit!important;
    }
    .product-order{
        top:0;
    }
    .btn-order{
        padding:15px 30px;
    }
    .detail-head{
        font-size:24px;
    }
    .detail-head h1 {
        font-size:28px;
    }
    .p-box.full img{
        width:100%;
        height:auto!important;
    }
    .topbar{
        position:relative;
        height:auto!important;
        padding-top:0!important;
    }
    .menu{
        padding-top:10px;
        background-color:#557e88;
    }
    .topbar.in .menu a.logo{
        background-position-y: 0!important;
    }
    .slide ul li{
        background-image:none!important;
        height:auto!important;
    }
    .slide .bx-wrapper{
        margin-bottom:10px!important;
    }
    .slide .bx-pager{
        bottom:5px;
    }
    .product-boxes h1{
        margin-bottom:10px!important;
        font-size:22px;
    }
    .logo{
        margin:0!important;
    }
    .menu > div > a{
        height:auto!important;
        margin:5px 0;
        display:inline-block!important;
        font-size:18px!important;
    }
    .menu .navbar-toggle{
        border-color:#fff;
        margin-right:0;
        position:absolute;
        z-index:9;
        right:10px;
        top:22px;
    }
    .menu .navbar-toggle.collapsed {/*OPEN*/
        background-color: #557e88;
    }
    .menu .navbar-toggle,.menu .navbar-toggle:hover{/*CLOSED*/
        background-color:#f1476f;
    }
    .menu .navbar-toggle .icon-bar{
        background-color:#fff;
    }
    .submenu{
        position:relative;
        margin:0!important;
        margin-top:-10px!important;
        left:auto!important;
    }
    .isearch{
        margin:0!important;
        /*margin-top:30px!important;*/
    }
    .slide-menu{
        padding:10px;
        /*overflow-x:hidden;*/
        width:300px;
    }
    .closed {
        right: -300px;
    }
    .slide-menu h1{
        margin:10px!important;
        margin-top:0!important;
        padding:5px 0px;
        font-size:20px!important;
        border-bottom:1px solid #eee;
    }
    .menu-list {
        margin-top:0;
    }
    .product-image {
        height: auto!important;
    }
    .poster-in,.cover {
        font-size:14px;
    }
    .poster-in h1,.cover h1,.stage h1{
        font-size:24px;
    }
    .contact-form label{
        font-size:12px;
    }
    .contact-form input[type=radio], .contact-form input[type=checkbox],.contact-form label{
        vertical-align:middle;
    }
     .contact-form .form-group{
        margin-bottom:15px;
    }
    .xs-block{
        display:block;
    }
    .cover h1{
        font-size:26px;
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/

    .clearfix-sm {
        clear:both;
    }
    .liner-md {
       border:none;
    }
    .f-menu {
        padding-bottom:20px;
    }
    .bulletin {
        padding-top:20px;
        margin-bottom:30px;
    }
    .bulletin button {
       padding-left:15px;
       padding-right:15px;
       font-size:12px;
    }
    .social-media {
        padding-top:25px;
        padding-bottom:25px;
    }
    .social-media a {
        margin-left:10px;
        margin-right:10px;
        margin-bottom:10px;
        font-size:14px;
    }
    .info-phone {
        margin-bottom:20px;
    }
    .p-box.full img{
        margin-left:auto!important;
    }
    .menu > div > a {
        font-size:13px;
        height:63px;
        letter-spacing:0;
    }
}