/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/* ========================================================================

   Use this file to add custom CSS easily

 ========================================================================== */



.mycustomclass p {

    font-color: red;

}



/* Make text red on this particular page*/



.rc-anchor-normal {

    height: 74px;

    width: 220px;

}



body {

    background: linear-gradient(#917159, #bdaca2);

    background-image: -webkit-linear-gradient(#917159, #bdaca2);

    color: #231f20;

    font-family: 'AvenirLight';

}



@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {

    body {



        color: #000;



    }

}



.uk-container {

    max-width: 1006px !important;

}



.tm-container {

    margin-top: 0 !important;

    position: relative;

}



.logo-custom {

    display: inline-block;

    position: absolute;

    padding: 0 20px;

}



.tm-top-a.tm-grid-block, .tm-bottom-a.tm-grid-block, .tm-block-bottom {

    margin-top: 0 !important;

}



.tm-top-block.tm-grid-block {

    position: absolute;

    top: 0;

    margin: 0 auto !important;

    padding-top: 15px;

    z-index: 99;

    background-color: rgba(75, 57, 42, 0.5);

    box-shadow: none;

    display: block;

    width: 100%;

}



nav.tm-navbar {

    padding-top: 29px;

}



.uk-navbar {

    background: transparent !important;

    box-shadow: none;

    color: #fff;

}



.wk-gallery-avenue .caption {

    background-color: transparent;

}



.uk-navbar-nav {

    float: right;

    padding: 0 8px 0 10px;

}



.uk-navbar-nav > li:first-child > a {

    padding: 0 13px 0 15px;

}



.uk-navbar-nav > li > a {

    padding: 0 13px;

    font-family: 'AvenirRoman';

    font-size: 13px;

    color: #ffffff !important;

    letter-spacing: -0.5px;

}



.uk-navbar-nav > li.uk-active > a {

    background-color: transparent;

    background-image: none;

    box-shadow: none;

}



.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {

    background-color: transparent;

    box-shadow: none;

}



.uk-dropdown-navbar {

    background-color: transparent;

    border: none;

    box-shadow: none;

    margin-top: 0 !important;

    top: 40px !important;

}



.uk-dropdown, .uk-dropdown-blank {

    width: 230px;

}



.uk-dropdown-navbar li a:link, .uk-dropdown-navbar li a:visited {

    text-transform: uppercase;

    background-color: rgba(75, 57, 42, 0.5);

    color: #fff;

    padding: 4px 12px;

    font-family: 'AvenirRoman';

    font-size: 13px;

}



.uk-dropdown-navbar li a:hover, .uk-dropdown-navbar li a:focus {

    text-decoration: underline;

    box-shadow: none;

    color: #b2a094;

}



.tm-sidebar-b .submenu {

    background: url("../images/Watermark.jpg") no-repeat left top #BEACA0;

    padding: 37px 30px 20px;

}



.tm-sidebar-b .submenu5 {

    background: url("../images/Watermark.jpg") no-repeat left top #BEACA0;

    padding: 37px 30px 20px;

}









.tm-sidebar-b .submenu2 {

    background: url("/images/bgright.jpg") repeat-x left top #C4B3AB;

	color: #f1e1d4; 

	line-height: 26px;

    padding: 37px 30px 20px;

	letter-spacing: -.2px;

}



.tm-sidebar-b .submenu3 {

    background: url("/images/bgright2.jpg") repeat-x left top #e3dad5;

	color: #575253; 

	line-height: 24px;

	letter-spacing: -.2px;

    padding: 42px 30px 20px;

a:link #151515; 

a:visited #151515; 

a:hover #151515; 

a:active #151515; 



}





.tm-sidebar-b .submenu3 li a:link, 

.tm-sidebar-b .submenu3 li a:hover, 

.tm-sidebar-b .submenu3 li a:active,

.tm-sidebar-b .submenu3 li a:visited

.tm-sidebar-b .submenu3  a:link, 

.tm-sidebar-b .submenu3  a:hover, 

.tm-sidebar-b .submenu3  a:active,

.tm-sidebar-b .submenu3  a, .uk-link,



.tm-sidebar-b .submenu3  a:visited {

    color: #151515;







}









































.tm-sidebar-a .uk-panel {

    padding: 37px 30px 20px;

}



.tm-sidebar-b .submenu .uk-panel-title, .tm-sidebar-a .uk-panel .uk-panel-title {

    font-family: 'Myriad Itatlic';

    color: #575253;

    font-size: 24px;

    margin-bottom: 5px;

    padding: 0;

    border: none;

}


.tm-sidebar-b .submenu5 .uk-panel-title, .tm-sidebar-a .uk-panel .uk-panel-title {

    font-family: 'Myriad Itatlic';

    color: #575253;

    font-size: 24px;

    margin-bottom: 5px;

    padding: 0;

    border: none;

}





.tm-sidebar-b .submenu li {

    position: relative;

    line-height: 15px;

    background: url("../images/arrown-right.png") no-repeat left 10px center;

}


.tm-sidebar-b .submenu5 li {

    position: relative;

    line-height: 15px;

    background: url("../images/arrown-right.png") no-repeat left 10px center;

}



.tm-sidebar-b .submenu div.other a:link, .tm-sidebar-b .submenu div.other a:visited {

    display: block;

    color: #e8e5e0;

    padding: 5px 25px;

    font-family: 'Myriad Roman';

    font-size: 18px;

}


.tm-sidebar-b .submenu5 div.other a:link, .tm-sidebar-b .submenu5 div.other a:visited {

    display: block;

    color: #e8e5e0;

    padding: 5px 25px;

    font-family: 'Myriad Roman';

    font-size: 18px;

}



.tm-sidebar-b .submenu div.other a:focus {

    text-decoration: none;

}


.tm-sidebar-b .submenu5 div.other a:focus {

    text-decoration: none;

}



.tm-sidebar-b .submenu li a:link, .tm-sidebar-b .submenu li a:visited {

    color: #e8e5e0;

    font-family: 'Myriad Roman';

    font-size: 18px;

}



.tm-sidebar-b .submenu5 li a:link, .tm-sidebar-b .submenu5 li a:visited {

    color: #e8e5e0;

    font-family: 'Myriad Roman';

    font-size: 18px;

}



.tm-sidebar-b .submenu li a:hover, .tm-sidebar-b .submenu li a:focus {

    background-color: transparent;

    box-shadow: none;

    text-decoration: underline;

}



.tm-sidebar-b .submenu5 li a:hover, .tm-sidebar-b .submenu5 li a:focus {

    background-color: transparent;

    box-shadow: none;

    text-decoration: underline;

}



.submenu .uk-nav-side > li.uk-active > a {

    background-color: transparent;

    box-shadow: none;

}


.submenu5 .uk-nav-side > li.uk-active > a {

    background-color: transparent;

    box-shadow: none;

}



.tm-bottom-a .slide-product {

    background-color: #c0b8b5 !important;

    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12) inset;

}



.tm-main {

    background-color: #efeae7;

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);

    height: 100% !important;

    font-family: 'AvenirLight';

    line-height: 20px;

    letter-spacing: -0.08px;

}



.tm-content {

    padding: 33px 30px 45px 20px;

}



.tm-content .uk-article {

    background-color: #efeae7;

    margin-top: 0 !important;

    box-shadow: none;

    padding: 0;

}



.tm-content .img-logo {

    position: relative;

    bottom: 4px;

    left: -5px;

}



aside.tm-sidebar-b, aside.tm-sidebar-a, .tm-main {

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);

    padding-left: 0 !important;

    position: relative !important;

}



.tm-middle {

    margin: 0 !important;

}



aside.tm-sidebar-a .uk-panel {

    background: linear-gradient(#a58d7c, #bdaba0);

    background-image: -webkit-linear-gradient(#a58d7c, #bdaba0);

}



.wk-slideset-default > div:hover .next, .wk-slideset-default > div:hover .prev, .wk-slideset-default > div .next, .wk-slideset-default > div .prev {

    background-image: url("../images/arrown.png") !important;

    background-repeat: no-repeat !important;

    width: 27px !important;

    height: 53px !important;

    margin-top: -25px;

    top: 50%;

}



.wk-slideset-default > div:hover .next, .wk-slideset-default > div .next {

    background-position: right center !important;

    right: -5px !important;

}



.wk-slideset-default > div:hover .prev, .wk-slideset-default > div .prev {

    background-position: left center !important;

    left: -5px !important;

}



.wk-slideset-default > div .prev:hover, .wk-slideset-default > div .next:hover {

    opacity: 0.8;

}



.tm-footer {

    background-color: #917d74;

    text-align: center;

    padding: 5px;

    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12) inset;

}



.tm-footer h1.footer-text, .home-banner h3.caption-inner {

    color: #fafafa !important;

    letter-spacing: 11.5px;

    font-family: 'Myriad Itatlic';

    font-size: 24px;

    opacity: 0.74;

}



.home-banner {

    padding: 0 !important;

}



.home-banner h3.caption-inner {

    text-align: center;

    margin: 0 !important;

}



.wk-gallery-avenue .caption {



/* Make text red on this particular page



    bottom: 0 !important;

    right: 0 !important;

    background-color: rgba(75, 57, 42, 0.5);

    background-image: url("../images/Vector-left.png"), url("../images/Vector-right.png");

    background-repeat: no-repeat, no-repeat;

    background-position: left center, right center;

    opacity: 1 !important;

    display: block !important;

*/





}



.slide-product .sets ul li {

}



.wk-slideset-default article {

    margin: 0 5px !important;

}



.slide-product .sets ul li strong.title {

    font-family: 'AvenirRoman';

    display: block;

    text-align: center;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.3);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto 5px;

}



@media (min-width: 768px) and (max-width: 991px) {

    .formTableLeft, .formTableRight {

        width: 99%;

        display: block;

    }



    .formField {

        overflow: hidden !important;

    }



    #userForm input[type="text"], #userForm textarea ,#userForm select{

        width: 100% !important;

    }



    #userForm table.formTableLayout {

        width: 100%;

        display: block;

    }



    #userForm .formTableLayout > tbody > tr, #userForm .formTableLayout > tbody {

        display: block;

    }



    .tm-footer h1.footer-text, .home-banner h3.caption-inner {

        letter-spacing: 6.5px;

        font-size: 20px;

    }



    nav.tm-navbar {

        padding-bottom: 29px;

        padding-top: 0;

    }



    .uk-navbar-nav > li > a {

        padding: 0 7px;

    }



    .wk-slideset-default > div .next, .wk-slideset-default > div .prev {

        display: none !important;

    }

}



@media (max-width: 767px) {

    table.table-environmental {

        display: block;

    }



    table.table-environmental td {

        display: block;

        width: 100%;

    }



    .formField {

        overflow: hidden !important;

    }



    .formTableLeft, .formTableRight {

        width: 99%;

        display: block;

    }



    #userForm input[type="text"], #userForm textarea ,#userForm select{

        width: 100% !important;

    }



    #userForm table.formTableLayout {

        width: 100%;

        display: block;

    }



    #userForm .formTableLayout > tbody > tr, #userForm .formTableLayout > tbody {

        display: block;

    }



    .tm-content {

        padding: 45px 20px 45px;

    }



    .wk-slideset-default > div .next, .wk-slideset-default > div .prev {

        display: none !important;

    }



    .wk-gallery-avenue .caption {

        text-align: center;

    }



    .home-banner h3.caption-inner {

        max-width: 300px;

        display: inline-block;

    }



    .tm-footer h1.footer-text, .home-banner h3.caption-inner {

        letter-spacing: 6.5px;

        font-size: 20px;

        line-height: 26px;

    }



    .tm-top-block.tm-grid-block {

        position: inherit;

        padding: 0;

    }



    nav.tm-navbar {

        padding: 0;

    }



    .uk-navbar-content {

        height: auto;

    }



    .tm-sidebar-b .submenu {

        background: linear-gradient(#a58d7c, #bdaba0);

        background-image: -webkit-linear-gradient(#a58d7c, #bdaba0);

        padding: 37px 30px 20px;

    }



}



@media (max-width: 479px) {

    table.table-address {

        font-size: 12px;

    }

}

/* Khanh fix css*/

.lighter .tm-main {

	background-color: #efeae7;

}



.lighter .tm-content .uk-article {

	background-color: #efeae7;

}