/* Minification failed. Returning unminified contents.
(1830,1): run-time error CSS1019: Unexpected token, found '@import'
(1830,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,vietnamese)'
(1831,1): run-time error CSS1019: Unexpected token, found '@import'
(1831,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700')'
(3036,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(3042,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(4032,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(4355,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4710,1): run-time error CSS1019: Unexpected token, found '}'
(5018,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5044,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5078,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5095,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5129,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(5159,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";
*{margin:0;list-style:none}
body{ color:#1b1919; font-family:Arial,Tahoma,sans-serif; font-size:13px;line-height:1.8em;}
html,body,div,span,strong{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html >body .clearfix{display:block;width:100%;}
* html .clearfix{height:1%;}
a{text-decoration:none !important;color:#373737;}
a:hover{color:#F00;}
img{border:0;max-width:100%;vertical-align: middle;height: auto!important;}
.clear{clear:both;}
table,tr,td{border-collapse:collapse;}
table,tr,td{border-collapse:collapse;    max-width: 100% !important;
    width: auto !important;}
h1,h2,h3,h4{margin:0;padding:0;}
ul li{list-style:inside;}
.maxwidth{margin:0 auto;position: relative;}
.maxwidth1  {max-width: 800px;margin: 0px auto;}
.tablelienhe span{color:#F00;}
.tablelienhe td{height:25px;}
.tablelienhe .input,.tablelienhe textarea{border:1px #E9E9E9 solid;azimuth:center;width:300px;}
.tablelienhe .title{font-size:14px;font-weight:bold;text-transform:uppercase;}

.transition_all{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.transition_all1{-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;transition:all 0.25s linear;}
.visit_hidden{height: 0px; width: 0px; overflow: hidden;margin: 0;padding: 0;}
.padd0{padding: 0 !important;}

/* ========== Content pagination ========== */
.paging{margin:auto; width:auto; text-align:center; margin:10px 0}
.pages{}

.pages li.prev{margin-right:15px}
.pages li.next{margin-left:15px}
.pages li{display:inline-block; margin:5px 2px}
.pages li a{height:25px; padding:4px 8px; text-decoration:none; color:#666; font-weight:bold; background:url(../images/backgrounds/pagingBg.html) repeat-x 0 0; border:1px solid #d5d5d5; font-size:11px}
.pages li a:hover{background:#f6f6f6}
.pages li .active{background:url(../images/backgrounds/sideGradient.html) repeat-x; color:#fff; border-color:#424852}
.pages li .active:hover{background:#2a313d}
ul.pagination{ text-align:center;  color:#829994}
ul.pagination li{ display:inline;  padding:0 3px}
ul.pagination a{ color:#959595;  display:inline-block;  padding:5px 10px;  border:1px solid #cde0dc;  text-decoration:none}
ul.pagination a:hover, 
ul.pagination a.current{ background:#484848;  color:#fff}
ul.pagination li.page_info{    position: relative;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #333;text-decoration: none;background-color: #fff;}
.over{white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.red{color: #f00;font-style: italic;text-align: center;}
.pddl_0{padding-left: 0 !important;}
.pddr_0{padding-right: 0 !important;}
.font15{font-size: 15px !important;}
.font14{font-size: 14px !important;}
.map_contact{margin: 10px 0px;}
.map_contact #map_canvas{height: 360px;}
.row-one {margin:0px -10px;}
.img_hidden {overflow: hidden;position: relative;}
.img_hidden img{transition: all 1s;}
.img_hidden:hover img{transform: scale(1.1);}
.m_right0{margin-right: 0px !important;}

.row{margin: 0px -10px;}
.row_5{margin: 0px -5px;}
.row_15{margin: 0px -15px;}
.row_20{margin: 0px -20px;}
.row_10{margin: 0px -10px;}
.f_left{float: left;}
.f_right{float: right;}

.jqueryslidemenu{}
.jqueryslidemenu ul{}
.jqueryslidemenu ul li{position:relative;display:inline;}
.jqueryslidemenu ul li a{}
* html .jqueryslidemenu ul>li>a{display:inline-block;}
.jqueryslidemenu ul>li>a:link, .jqueryslidemenu>ul>li>a:visited{}
.jqueryslidemenu ul li a:hover{}
.hinh1{background:#FFF;color:#7CBAE9 !important;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.jqueryslidemenu ul li ul{position:absolute;left:0px;display:block;visibility:hidden;z-index:99999;top:100% !important;      padding: 0px;
    margin: 0px;    box-shadow: 0px 1px 1px #999;}

.jqueryslidemenu ul li ul li{display:list-item;float:none;width:200px;line-height:30px;text-align:left;}
.jqueryslidemenu ul li ul li:hover{}
.jqueryslidemenu ul>li>ul>li:hover>a{}
.jqueryslidemenu ul li ul li ul{top:0px !important;}
.jqueryslidemenu ul li ul li a{width:100%;display:block;overflow:hidden;margin:0;border-top-width:0;text-align:left !important;font-size:14px;color:#fff;}
.jqueryslidemenu ul li ul li:last-child{border-bottom:0px}
.jqueryslidemenu ul>li>ul>li>a:hover{color:#ff0;}
.downarrowclass{display:none;}
.rightarrowclass{display:none;}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
  
	
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;

	position:relative;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

 
}
@charset 'UTF-8';

.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

.slick-prev
{
    transition: 0.5s;
    font-size: 0;
    line-height: 0;
    position: absolute;

    display: block;
    width: 24px;
    height: 24px;

    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(../images/next_05.png) left 0px no-repeat;
    z-index: 999;
}
.slick-next
{
    transition: 0.5s;
    font-size: 0;
    line-height: 0;
    position: absolute;

    display: block;
    width: 24px;
    height: 24px;

    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(../images/pree_08.png) left 0px no-repeat;
}
.slick:hover .slick-prev,.slick:hover .slick-next
{
	opacity:1;
	transition:0.5s;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 10px;
    top: calc(50% - 53px);
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next {
    right: 10px;
    top: calc(50% - 53px);
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
   
}

.slick-dots
{
    position: absolute;


    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
    bottom: 20px;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*--------------------*/
.caption, .slick-slide::before, .slick-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slick-slide::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }


.main-slider {
    position: relative;
    width: 100%;
    height: 38vw;
    min-height: 8vw;
    margin-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all 1.2s ease;
}

    .main-slider.slick-initialized {
        opacity: 1;
        visibility: visible;
    }

.main-slider .slick-slide {
    position: relative;
    height: 38vw;
}

    .main-slider .slick-slide::before {
        /*background-color: #000;
        opacity: 0.3;*/
        z-index: 1;
    }

    .main-slider .slick-slide video {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
    }

    .main-slider .slick-slide iframe {
        position: relative;
        pointer-events: none;
    }

    .main-slider .slick-slide figure {
        position: relative;
        height: 100%;
    }

    .main-slider .slick-slide .slide-image {
        opacity: 0;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: all 0.8s ease;
    }

        .main-slider .slick-slide .slide-image.show {
            opacity: 1;
        }

    .main-slider .slick-slide .image-entity {
        width: 100%;
        opacity: 0;
        visibility: hidden;
    }

    .main-slider .slick-slide .loading {
        position: absolute;
        top: 44%;
        left: 0;
        width: 100%;
    }

    .main-slider .slick-slide .slide-media {
        -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
        animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    }

    .main-slider .slick-slide.slick-active {
        z-index: 1;
    }

        .main-slider .slick-slide.slick-active .slide-media {
            -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
            animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
        }

        .main-slider .slick-slide.slick-active .caption {
            opacity: 1;
            transform: translateY(0);
            transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
        }

.caption {
    position: absolute;
    bottom: 60px;
    left: 5%;
    text-align: center;
    padding: 20px;
    border: 3px solid;
    color: #336f57;
    background-color: rgba(255,255,255,0.7);
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.02em;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease;
    transform: translateY(100px);
}

.main-slider .slick-dots {
    text-align: center;
    padding-top: 15px;
}

    .main-slider .slick-dots li {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px;
    }

        .main-slider .slick-dots li button {
            width: 16px;
            height: 16px;
            border: none;
            cursor: pointer;
            border-radius: 50%;
            border: 2px solid #fff;
            box-shadow: 0 0 0 0 transparent;
            vertical-align: middle;
            color: #fff;
            background-color: #fff;
            transition: all 0.3s ease;
            opacity: 0.4;
        }

            .main-slider .slick-dots li button:focus {
                outline: none;
            }

            .main-slider .slick-dots li button:hover {
                opacity: 1;
            }

        .main-slider .slick-dots li.slick-active button {
            border-color: #2d3042;
            box-shadow: 0 0 0 2px #fff;
            opacity: 1;
        }


@-webkit-keyframes slideIn {
    from {
        filter: blur(15px);
    }

    to {
        filter: blur(0);
    }
}

@keyframes slideIn {
    from {
        filter: blur(15px);
    }

    to {
        filter: blur(0);
    }
}

@-webkit-keyframes slideOut {
    from {
        filter: blur(0);
    }

    to {
        filter: blur(15px);
    }
}

@keyframes slideOut {
    from {
        filter: blur(0);
    }

    to {
        filter: blur(15px);
    }
}

@media screen and (max-width: 768px){
    .main-slider .caption{
        display: none;
    }
    .main-slider {
        width: 100%;
        height: 300px;
        margin-bottom: 0;
    }
        .main-slider .slick-slide {
            height: 300px;
        }
}
.mm-hidden{display:none !important;}
.mm-wrapper{overflow-x:hidden;position:relative;}
.mm-menu,
.mm-menu > .mm-panel{margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;}
.mm-menu{background:inherit;display:block;overflow:hidden;padding:0;}
.mm-panel{-webkit-transition:-webkit-transform 0.4s ease;-moz-transition:-moz-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;-o-transition:-o-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
.mm-panel.mm-opened{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
.mm-panel.mm-highest{z-index:1;}
.mm-menu > .mm-panel{background:inherit;border-color:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:0 20px;}
.mm-menu > .mm-panel.mm-hasnavbar{padding-top:40px;}
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after{content:'';display:block;height:20px;}
.mm-vertical .mm-panel{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important;}
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel{display:none;padding:10px 0 10px 10px;}
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after{border-color:transparent;}
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel{display:block;}
.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next{height:40px;bottom:auto;}
.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after{top:16px;bottom:auto;}
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0;}
.mm-navbar > *{display:block;padding:10px 0;}
.mm-navbar a,
.mm-navbar a:hover{text-decoration:none;}
.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mm-navbar .mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1;}
.mm-navbar .mm-btn:first-child{padding-left:20px;left:0;}
.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0;}
.mm-panel .mm-navbar{display:none;}
.mm-panel.mm-hasnavbar .mm-navbar{display:block;}
.mm-listview,
.mm-listview > li{list-style:none;display:block;padding:0;margin:0;}
.mm-listview{font:inherit;font-size:14px;line-height:20px;}
.mm-listview a,
.mm-listview a:hover{text-decoration:none;}
.mm-listview > li{position:relative;}
.mm-listview > li, .mm-listview > li:after,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before{border-color:inherit;}
.mm-listview > li > a,
.mm-listview > li > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0;}
.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow{padding-right:50px;}
.mm-listview > li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0;}
.mm-listview > li:not(.mm-divider):after{left:20px;}
.mm-listview .mm-next{background:rgba(3, 2, 1, 0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0;}
.mm-listview .mm-next + a,
.mm-listview .mm-next + span{margin-right:50px;}
.mm-listview .mm-next.mm-fullsubopen{width:100%;}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none;}
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span{padding-right:50px;margin-right:0;}
.mm-menu > .mm-panel > .mm-listview{margin:20px -20px;}
.mm-menu > .mm-panel > .mm-listview:first-child,
.mm-menu > .mm-panel > .mm-navbar + .mm-listview{margin-top:-20px;}
.mm-listview .mm-inset{list-style:inside disc;padding:0 10px 15px 40px;margin:0;}
.mm-listview .mm-inset > li{padding:5px 0;}
.mm-listview .mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px;}
.mm-listview .mm-spacer{padding-top:40px;}
.mm-listview .mm-spacer > .mm-next{top:40px;}
.mm-listview .mm-spacer.mm-divider{padding-top:25px;}
.mm-prev:before,
.mm-next:after,
.mm-arrow:after{content:'';border:2px solid transparent;display:inline-block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-prev:before{border-right:none;border-bottom:none;left:20px;}
.mm-next:after,
.mm-arrow:after{border-top:none;border-left:none;right:20px;}
.mm-menu{background:#f3f3f3;border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.7);}
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a{color:rgba(0, 0, 0, 0.3);}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{border-color:rgb(255, 255, 255);}
.mm-menu .mm-listview{border-color:rgba(255, 255, 255, 0.18);}
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after{border-color:rgb(255, 255, 255);}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span{background:rgba(255, 255, 255, 0.5);}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel{background:rgba(0, 0, 0, 0.05);}
.mm-menu .mm-divider{background:rgba(0, 0, 0, 0.05);}
.mm-page{box-sizing:border-box;position:relative;}
.mm-slideout{-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease;}
html.mm-opened{overflow:hidden;position:relative;}
html.mm-opened body{overflow:hidden;}
html.mm-background .mm-page{background:inherit;}
#mm-blocker{background:rgba(3, 2, 1, 0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker{display:block;}
.mm-menu.mm-offcanvas{display:none;position:fixed;}
.mm-menu.mm-current{display:block;}
.mm-menu{width:80%;min-width:140px;max-width:440px;}
html.mm-opening .mm-slideout{-webkit-transform:translate(80%, 0);-moz-transform:translate(80%, 0);-ms-transform:translate(80%, 0);-o-transform:translate(80%, 0);transform:translate(80%, 0);}
@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0);}
}
@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px, 0);-moz-transform:translate(440px, 0);-ms-transform:translate(440px, 0);-o-transform:translate(440px, 0);transform:translate(440px, 0);}
}
.mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight{max-height:80%;}
.mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen{max-height:100%;}
.mm-menu.mm-measureheight > .mm-panel{bottom:auto !important;height:auto !important;}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%;}
em.mm-counter + a.mm-next{padding-left:40px;}
em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span{margin-right:90px;}
em.mm-counter + a.mm-fullsubopen{padding-left:0;}
.mm-vertical > .mm-counter{top:12px;margin-top:0;}
.mm-vertical.mm-spacer > .mm-counter{margin-top:40px;}
.mm-nosubresults > .mm-counter{display:none;}
.mm-menu em.mm-counter{color:rgba(0, 0, 0, 0.3);}
.mm-divider > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px;}
.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mm-collapsed:not(.mm-uncollapsed){display:none;}
.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-fixeddivider:after{content:none !important;display:none !important;}
.mm-hasdividers .mm-fixeddivider{display:block;}
.mm-menu .mm-fixeddivider span{background:rgba(0, 0, 0, 0.05);}
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;}
.mm-iconpanel .mm-panel{-webkit-transition-property:-webkit-transform, left, right;-moz-transition-property:-moz-transform, left, right;-ms-transition-property:-ms-transform, left, right;-o-transition-property:-o-transform, left, right;transition-property:transform, left, right;}
.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit;}
.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;right:40px;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0px;}
.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px;}
.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px;}
.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px;}
.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px;}
.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px;}
.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px;}
.mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-ms-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;}
.mm-subopened .mm-subblocker{opacity:0.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3;}
.mm-menu > .mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-navbar-bottom{border-top:1px solid transparent;border-bottom:none;top:auto;bottom:0;}
.mm-navbar-top ~ .mm-navbar-top{border-bottom:none;}
.mm-navbar-bottom ~ .mm-navbar-bottom{border-top:none;}
.mm-navbar.mm-hasbtns{padding:0 40px;}
.mm-close:after{content:'x';}
.mm-navbar[class*="mm-navbar-content-"] > *{box-sizing:border-box;display:block;float:left;}
.mm-navbar > .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px;}
.mm-navbar > .mm-breadcrumbs > *{display:inline-block;padding:10px 3px;}
.mm-navbar > .mm-breadcrumbs > a{text-decoration:underline;}
.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px;}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs{margin-left:0;padding-left:0;}
.mm-navbar-top-1{top:0px;}
.mm-hasnavbar-top-1 .mm-panel{top:40px;}
.mm-hasnavbar-top-1 .mm-indexer{top:50px;}
.mm-hasnavbar-top-1 .mm-fixeddivider{top:40px;}
.mm-navbar-top-2{top:40px;}
.mm-hasnavbar-top-2 .mm-panel{top:80px;}
.mm-hasnavbar-top-2 .mm-indexer{top:90px;}
.mm-hasnavbar-top-2 .mm-fixeddivider{top:80px;}
.mm-navbar-top-3{top:80px;}
.mm-hasnavbar-top-3 .mm-panel{top:120px;}
.mm-hasnavbar-top-3 .mm-indexer{top:130px;}
.mm-hasnavbar-top-3 .mm-fixeddivider{top:120px;}
.mm-navbar-top-4{top:120px;}
.mm-hasnavbar-top-4 .mm-panel{top:160px;}
.mm-hasnavbar-top-4 .mm-indexer{top:170px;}
.mm-hasnavbar-top-4 .mm-fixeddivider{top:160px;}
.mm-navbar-bottom-1{bottom:0px;}
.mm-hasnavbar-bottom-1 .mm-panel{bottom:40px;}
.mm-hasnavbar-bottom-1 .mm-indexer{bottom:50px;}
.mm-navbar-bottom-2{bottom:40px;}
.mm-hasnavbar-bottom-2 .mm-panel{bottom:80px;}
.mm-hasnavbar-bottom-2 .mm-indexer{bottom:90px;}
.mm-navbar-bottom-3{bottom:80px;}
.mm-hasnavbar-bottom-3 .mm-panel{bottom:120px;}
.mm-hasnavbar-bottom-3 .mm-indexer{bottom:130px;}
.mm-navbar-bottom-4{bottom:120px;}
.mm-hasnavbar-bottom-4 .mm-panel{bottom:160px;}
.mm-hasnavbar-bottom-4 .mm-indexer{bottom:170px;}
.mm-navbar-size-2{height:80px;}
.mm-navbar-size-3{height:120px;}
.mm-navbar-size-4{height:160px;}
.mm-navbar-content-2 > *{width:50%;}
.mm-navbar-content-3 > *{width:33.33%;}
.mm-navbar-content-4 > *{width:25%;}
.mm-navbar-content-5 > *{width:20%;}
.mm-navbar-content-6 > *{width:16.67%;}
.mm-search,
.mm-search input{box-sizing:border-box;}
.mm-search{height:40px;padding:7px 10px 0 10px;}
.mm-search input{border:none;border-radius:26px;font:inherit;font-size:14px;line-height:26px;outline:none;display:block;width:100%;height:26px;margin:0;padding:0 10px;}
.mm-search input::-ms-clear{display:none;}
.mm-panel > .mm-search{width:100%;position:absolute;top:0;left:0;}
.mm-panel.mm-hassearch{padding-top:40px;}
.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px;}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px;}
.mm-noresultsmsg{text-align:center;font-size:21px;display:none;padding:40px 0;}
.mm-noresults .mm-noresultsmsg{display:block;}
.mm-noresults .mm-indexer{display:none !important;}
li.mm-nosubresults > a.mm-next{display:none;}
li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span{padding-right:10px;}
.mm-menu .mm-search input{background:rgba(0, 0, 0, 0.05);color:rgba(0, 0, 0, 0.7);}
.mm-menu .mm-noresultsmsg{color:rgba(0, 0, 0, 0.3);}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:10px;bottom:10px;right:-100px;z-index:3;-webkit-transition:right 0.4s ease;-moz-transition:right 0.4s ease;-ms-transition:right 0.4s ease;-o-transition:right 0.4s ease;transition:right 0.4s ease;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-indexer a{text-decoration:none;display:block;height:3.85%;}
.mm-indexer ~ .mm-panel.mm-hasindexer{padding-right:40px;}
.mm-hasindexer .mm-indexer{right:0;}
.mm-hasindexer .mm-fixeddivider{right:20px;}
.mm-menu .mm-indexer a{color:rgba(0, 0, 0, 0.3);}
input.mm-toggle,
input.mm-check{position:absolute;left:-10000px;}
label.mm-toggle,
label.mm-check{margin:0;position:absolute;top:50%;z-index:2;}
label.mm-toggle:before,
label.mm-check:before{content:'';display:block;}
label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px;}
label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px;}
input.mm-toggle:checked ~ label.mm-toggle:before{float:right;}
label.mm-check{width:30px;height:30px;margin-top:-15px;}
label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:0.1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
input.mm-check:checked ~ label.mm-check:before{opacity:1;}
li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check{bottom:auto;margin-top:0;}
li.mm-vertical label.mm-toggle{top:5px;}
li.mm-vertical label.mm-check{top:5px;}
label.mm-toggle, label.mm-check{right:20px;}
label.mm-toggle + a,
label.mm-toggle + span{padding-right:80px;}
label.mm-check + a,
label.mm-check + span{padding-right:60px;}
a.mm-next + label.mm-toggle, a.mm-next + label.mm-check{right:60px;}
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span{margin-right:50px;}
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span{padding-right:70px;}
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span{padding-right:50px;}
em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check{right:100px;}
em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span{margin-right:90px;}
.mm-menu label.mm-toggle{background:rgba(0, 0, 0, 0.1);}
.mm-menu label.mm-toggle:before{background:#f3f3f3;}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;}
.mm-menu label.mm-check:before{border-color:rgba(0, 0, 0, 0.7);}
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after{content:none;}
.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after{left:0 !important;}
html.mm-effect-zoom-menu .mm-menu.mm-offcanvas{-webkit-transition:-webkit-transform 0.4s ease;-moz-transition:-moz-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;-o-transition:-o-transform 0.4s ease;transition:transform 0.4s ease;}
html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu{-webkit-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-moz-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-ms-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-o-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu{-webkit-transform:scale(1, 1) translate3d(0%, 0, 0);-moz-transform:scale(1, 1) translate3d(0%, 0, 0);-ms-transform:scale(1, 1) translate3d(0%, 0, 0);-o-transform:scale(1, 1) translate3d(0%, 0, 0);transform:scale(1, 1) translate3d(0%, 0, 0);}
html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas{-webkit-transform:scale(0.7, 0.7) translate3d(30%, 0, 0);-moz-transform:scale(0.7, 0.7) translate3d(30%, 0, 0);-ms-transform:scale(0.7, 0.7) translate3d(30%, 0, 0);-o-transform:scale(0.7, 0.7) translate3d(30%, 0, 0);transform:scale(0.7, 0.7) translate3d(30%, 0, 0);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center;}
html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu{-webkit-transform:scale(1, 1) translate3d(0%, 0, 0);-moz-transform:scale(1, 1) translate3d(0%, 0, 0);-ms-transform:scale(1, 1) translate3d(0%, 0, 0);-o-transform:scale(1, 1) translate3d(0%, 0, 0);transform:scale(1, 1) translate3d(0%, 0, 0);}
html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu{-webkit-transition:-webkit-transform 0.4s ease;-moz-transition:-moz-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;-o-transition:-o-transform 0.4s ease;transition:transform 0.4s ease;}
html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu{-webkit-transform:translate3d(-30%, 0, 0);-moz-transform:translate3d(-30%, 0, 0);-ms-transform:translate3d(-30%, 0, 0);-o-transform:translate3d(-30%, 0, 0);transform:translate3d(-30%, 0, 0);}
html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu{-webkit-transform:translate3d(30%, 0, 0);-moz-transform:translate3d(30%, 0, 0);-ms-transform:translate3d(30%, 0, 0);-o-transform:translate3d(30%, 0, 0);transform:translate3d(30%, 0, 0);}
html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu{opacity:0;-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-ms-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;}
html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu{opacity:1;}
.mm-menu.mm-effect-zoom-panels .mm-panel{-webkit-transform:scale(1.5, 1.5) translate3d(100%, 0, 0);-moz-transform:scale(1.5, 1.5) translate3d(100%, 0, 0);-ms-transform:scale(1.5, 1.5) translate3d(100%, 0, 0);-o-transform:scale(1.5, 1.5) translate3d(100%, 0, 0);transform:scale(1.5, 1.5) translate3d(100%, 0, 0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened{-webkit-transform:scale(1, 1) translate3d(0%, 0, 0);-moz-transform:scale(1, 1) translate3d(0%, 0, 0);-ms-transform:scale(1, 1) translate3d(0%, 0, 0);-o-transform:scale(1, 1) translate3d(0%, 0, 0);transform:scale(1, 1) translate3d(0%, 0, 0);}
.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-moz-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-ms-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);-o-transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);transform:scale(0.7, 0.7) translate3d(-30%, 0, 0);}
.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li{-webkit-transition:-webkit-transform 0.4s ease;-moz-transition:-moz-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;-o-transition:-o-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4){-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5){-webkit-transition-delay:500ms;-moz-transition-delay:500ms;-ms-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6){-webkit-transition-delay:600ms;-moz-transition-delay:600ms;-ms-transition-delay:600ms;-o-transition-delay:600ms;transition-delay:600ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7){-webkit-transition-delay:700ms;-moz-transition-delay:700ms;-ms-transition-delay:700ms;-o-transition-delay:700ms;transition-delay:700ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8){-webkit-transition-delay:800ms;-moz-transition-delay:800ms;-ms-transition-delay:800ms;-o-transition-delay:800ms;transition-delay:800ms;}
html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9){-webkit-transition-delay:900ms;-moz-transition-delay:900ms;-ms-transition-delay:900ms;-o-transition-delay:900ms;transition-delay:900ms;}
html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px;}
html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0);}
@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px, 0);-moz-transform:translate(140px, 0);-ms-transform:translate(140px, 0);-o-transform:translate(140px, 0);transform:translate(140px, 0);}
}
@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px, 0);-moz-transform:translate(10000px, 0);-ms-transform:translate(10000px, 0);-o-transform:translate(10000px, 0);transform:translate(10000px, 0);}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0);}
@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px, 0);-moz-transform:translate(-140px, 0);-ms-transform:translate(-140px, 0);-o-transform:translate(-140px, 0);transform:translate(-140px, 0);}
}
@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px, 0);-moz-transform:translate(-10000px, 0);-ms-transform:translate(-10000px, 0);-o-transform:translate(-10000px, 0);transform:translate(-10000px, 0);}
}
.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom{height:100%;min-height:140px;max-height:10000px;}
html.mm-opened.mm-fullscreen .mm-page{box-shadow:none !important;}
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > span{text-overflow:clip;white-space:normal;}
.mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;}
.mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%;}
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after{content:none;display:none;}
.mm-menu.mm-pageshadow:after{box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.mm-menu.mm-top,
.mm-menu.mm-bottom{width:100%;min-width:100%;max-width:100%;}
.mm-menu.mm-right{left:auto;right:0;}
.mm-menu.mm-bottom{top:auto;bottom:0;}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%, 0);-moz-transform:translate(-80%, 0);-ms-transform:translate(-80%, 0);-o-transform:translate(-80%, 0);transform:translate(-80%, 0);}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px, 0);-moz-transform:translate(-140px, 0);-ms-transform:translate(-140px, 0);-o-transform:translate(-140px, 0);transform:translate(-140px, 0);}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px, 0);-moz-transform:translate(-440px, 0);-ms-transform:translate(-440px, 0);-o-transform:translate(-440px, 0);transform:translate(-440px, 0);}
}
html.mm-front .mm-slideout{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important;z-index:0 !important;}
.mm-menu.mm-front{z-index:1;}
.mm-menu.mm-front, .mm-menu.mm-next{-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
.mm-menu.mm-top{-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);-o-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
.mm-menu.mm-bottom{-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-menu.mm-top, .mm-menu.mm-bottom{height:80%;min-height:140px;max-height:880px;}
.mm-menu.mm-theme-dark{background:#333333;border-color:rgba(0, 0, 0, 0.15);color:rgba(255, 255, 255, 0.8);}
.mm-menu.mm-theme-dark .mm-navbar > *,
.mm-menu.mm-theme-dark .mm-navbar a{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after{border-color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0, 0, 0, 0.15);}
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after{border-color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span{background:rgba(0, 0, 0, 0.1);}
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel{background:rgba(255, 255, 255, 0.05);}
.mm-menu.mm-theme-dark .mm-divider{background:rgba(255, 255, 255, 0.05);}
.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255, 255, 255, 0.8);}
.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255, 255, 255, 0.05);}
.mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0, 0, 0, 0.5);}
.mm-menu.mm-theme-dark .mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.8);}
.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0, 0, 0, 0.15);}
.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333333;}
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;}
.mm-menu.mm-theme-white{background:white;border-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.6);}
.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white .mm-navbar a{color:rgba(0, 0, 0, 0.3);}
.mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after{border-color:rgba(0, 0, 0, 0.3);}
.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0, 0, 0, 0.1);}
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after{border-color:rgba(0, 0, 0, 0.3);}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span{background:rgba(0, 0, 0, 0.05);}
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel{background:rgba(0, 0, 0, 0.03);}
.mm-menu.mm-theme-white .mm-divider{background:rgba(0, 0, 0, 0.03);}
.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0, 0, 0, 0.6);}
.mm-menu.mm-theme-white em.mm-counter{color:rgba(0, 0, 0, 0.3);}
.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0, 0, 0, 0.03);}
.mm-menu.mm-pageshadow.mm-theme-white:after{box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.mm-menu.mm-theme-white .mm-search input{background:rgba(0, 0, 0, 0.05);color:rgba(0, 0, 0, 0.6);}
.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0, 0, 0, 0.3);}
.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0, 0, 0, 0.3);}
.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0, 0, 0, 0.1);}
.mm-menu.mm-theme-white label.mm-toggle:before{background:white;}
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;}
.mm-menu.mm-theme-black{background:black;border-color:rgba(255, 255, 255, 0.2);color:rgba(255, 255, 255, 0.6);}
.mm-menu.mm-theme-black .mm-navbar > *,
.mm-menu.mm-theme-black .mm-navbar a{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after{border-color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255, 255, 255, 0.2);}
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after{border-color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span{background:rgba(255, 255, 255, 0.3);}
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel{background:rgba(255, 255, 255, 0.2);}
.mm-menu.mm-theme-black .mm-divider{background:rgba(255, 255, 255, 0.2);}
.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255, 255, 255, 0.6);}
.mm-menu.mm-theme-black em.mm-counter{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255, 255, 255, 0.2);}
.mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none;}
.mm-menu.mm-theme-black .mm-search input{background:rgba(255, 255, 255, 0.3);color:rgba(255, 255, 255, 0.6);}
.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255, 255, 255, 0.4);}
.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255, 255, 255, 0.2);}
.mm-menu.mm-theme-black label.mm-toggle:before{background:black;}
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle{background:#4bd963;}
.mm-menu.mm-tileview .mm-listview:after,
.mm-menu .mm-tileview.mm-listview:after{content:'';display:block;clear:both;}
.mm-menu.mm-tileview .mm-listview > li,
.mm-menu .mm-tileview.mm-listview > li{width:50%;height:0;padding:50% 0 0 0;float:left;position:relative;}
.mm-menu.mm-tileview .mm-listview > li:after,
.mm-menu .mm-tileview.mm-listview > li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1;}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xs,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs{width:12.5%;padding-top:12.5%;}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-s,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s{width:25%;padding-top:25%;}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-l,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l{width:75%;padding-top:75%;}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xl,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl{width:100%;padding-top:100%;}
.mm-menu.mm-tileview .mm-listview > li > a,
.mm-menu.mm-tileview .mm-listview > li > span,
.mm-menu .mm-tileview.mm-listview > li > a,
.mm-menu .mm-tileview.mm-listview > li > span{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0;}
.mm-menu.mm-tileview .mm-listview > li > .mm-next,
.mm-menu .mm-tileview.mm-listview > li > .mm-next{width:auto;}
.mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:before,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after{content:none;display:none;}
.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0;}
.mm-menu.mm-tileview .mm-panel:after{content:none;display:none;}
.mm-menu.mm-tileview .mm-listview{margin:0;}
/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
	opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
	-moz-user-select:none;
	background:rgba(0,0,0,.90);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
	/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
	-webkit-transform:translate3d(0);
	transition:opacity 300ms ease;
}

#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url('../images/loading.html') no-repeat center center; }

@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }

.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
	.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
	.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
	.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }

.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; }

/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }

#pbOverlay button{ outline:0 !important; box-shadow:0; }


.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative;  }
.video > .pbWrapper{ z-index:11; display:inline-block; }
	/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
	.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
	.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
	.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
	.thumbs .pbWrapper{ padding:0; margin:0; }
	.error .pbWrapperr img{ width:0; }

	.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
	.video > .pbWrapper > div{ display:inline-block; }

	#pbOverlay iframe,
	#pbOverlay embed,
	#pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }

	.pbWrapper .pbHide iframe{ opacity:0; }

	.pbWrapper > div,
	.pbWrapper > img{
		transition:.5s .5s cubic-bezier(.1, .87, .48, 1);

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;

		-webkit-backface-visibility:hidden;
		box-shadow:0 0 20px #000;
		opacity: 1;
	}

	/* FOR MOBILE */
	.mobile.show .pbWrapper > div,
	.mobile.show .pbWrapper > img{
		transition:30ms;
	}

	/* Content effects */
	.pbWrapper > *,
	.pbHide .pbWrapper > .prepare{ opacity:0; vertical-align:middle; -webkit-transform:scale(.2) rotateX(80deg); -ms-transform:scale(.2) rotateX(80deg); transform:scale(.2) rotateX(80deg); border-radius:6px; border:none; max-height:80%; max-width:100%; }
	.on .pbWrapper > *{ transition-delay:0s; }
	.pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
	.pbWrapper .rotating{ -webkit-transition:.25s cubic-bezier(.4,.04,0,1); transition:.25s cubic-bezier(.4,.04,0,1); }
	.pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; }



/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }

#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
	#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
	#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
	#pbAutoplayBtn.play:before{ content:'\25BA'; }

	#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
	.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
	#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
	#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }

#pbCaption,
.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transform:translateZ(0px); transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
	#pbOverlay.thumbs #pbCaption label{ display:block; }
	#pbCaption label{ display:none; position:relative; z-index:1; top:6px; float:right; width:60px; margin-right:10px; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
	#pbCaption label:after{ background:#FFF; box-shadow:12px 0 #FFF, -12px 0 #FFF; content:""; display:inline-block; height:0; padding:10px 5px; text-align:right; vertical-align:top; width:0; }
	#pbCaption label:hover{ opacity:1; }
	#pbCaption .title,
	#pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
	#pbCaption .counter{ display:none; opacity:.55; }
	.hasCounter #pbCaption .counter{ display:inline-block; }
	.pbCaptionText{ display:inline-block; transition:.3s; opacity:.9; font-weight:bold; vertical-align:middle; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
	.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }
	#pbCaption .rotateBtn{ display:none; background:none; border:0; font:800 1.7em/0 Arial; vertical-align:middle; color:rgba(255,255,255,.5); width:1.1em; height:1.1em; padding:0; border-radius:50%; background:rgba(0,0,0,.2); cursor:pointer; transition:.15s ease-out; }
	#pbCaption .rotateBtn.show{ display:block; float:right; }
	#pbCaption .rotateBtn:hover{ color:rgba(255,255,255,.7); }
	#pbCaption .rotateBtn:active{ color:white; background:rgba(0,0,0,.4); }

.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }

.pbThumbs{ display:none; transition:.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
	.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
	.pbThumbs ul:after{ vertical-align:bottom; }
		.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
		.pbThumbs li.active{ height:100%; opacity:1; }
		.pbThumbs li:hover{ height:100%; opacity:1; }
		.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,.4); box-shadow:0 0 0 3px rgba(0,0,0,.4); border-radius:0 3px 0 0; pointer-events:none; }
			.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
			.pbThumbs li:hover a{  }
				.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:.15s; }
				.pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
				.pbThumbs li.fast a img{ transition:none; }
				.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }

#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; filter:alpha(opacity=0); cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.pbHide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; filter:alpha(opacity=50); }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; filter:alpha(opacity=100); text-shadow:0 0 16px #FFF, 0 0 10px #000; }
	.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
	.prevNext:hover b{ transition:.2s cubic-bezier(.095, .870, .485, .985); }
	#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
	#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
	/* */
	#pbPrevBtn b:before,
	#pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }

	#pbPrevBtn b:before{ content:'\2039'; }
	#pbNextBtn b:after{ content:'\203A'; }
	/* */
	.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
	.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }

.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; }

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px){
	.pbWrapper img,
	.pbHide .pbWrapper img.prepare{ max-height:100%; }

	.thumbs .pbWrapper{ padding:0; margin:0; }
	.pbThumbs{ margin-bottom:-60px; }
	.pbThumbs.show{ margin:0; }

	.pbThumbs ul{ height:50px; }
		.pbThumbs li{ height:100%; opacity:1; }
		.pbThumbs li img{ min-height:96.5%; }
}
/* fix for Chrome */
@media all and (max-width:710px){
	.pbThumbs li.active a img{ min-height:96%; }
}


.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button{-webkit-box-sizing:border-box;box-sizing:border-box;}
.MagicZoom,
.mz-figure{display:inline-block;outline:0 !important;font-size:0 !important;line-height:100% !important;direction:ltr !important;position:relative;z-index:1;overflow:hidden;margin:0 auto;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.MagicZoom{-webkit-transform:translate3d(0,0,0);-ms-touch-action:pan-y;touch-action:pan-y;}
figure.mz-figure{-webkit-perspective:300px;perspective:300px;margin:0 !important;}
.MagicZoom img,
.mz-figure img{border:0 !important;margin:0 !important;outline:0 !important;padding:0 !important;}
.MagicZoom > img,
.mz-figure > img{width:100%;height:auto;}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img{width:100%;max-width:none !important;}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom{cursor:default !important;}
.mz-figure.mz-active,
.mz-expand{-ms-touch-action:none;touch-action:none;}
.mz-lens,
.mz-zoom-window{position:absolute !important;overflow:hidden !important;pointer-events:none !important;}
.mz-lens img,
.mz-zoom-window img{position:absolute !important;max-width:none !important;max-height:none !important;}
.mz-zoom-window{z-index:2000000000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mz-zoom-window.mz-magnifier{-webkit-mask-image:-webkit-radial-gradient(circle, white, black);-webkit-mask-clip:content;cursor:none;}
.mz-zoom-window.mz-magnifier.mz-expanded{z-index:2147483647;}
.mz-zoom-window img{left:-1000%;right:-1000%;top:-1000%;bottom:-1000%;margin:auto !important;-ms-transform-origin:50% 50% !important;-webkit-transform-origin:50% 50% !important;transform-origin:50% 50% !important;}
.mz-zoom-window.mz-preview img{top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;margin:0 !important;-webkit-transform:none !important;transform:none !important;width:100% !important;height:auto !important;}
.lt-ie9-magic .mz-zoom-window img{margin:0 !important;}
.mz-expand-controls{z-index:2147483647;}
.mz-fade{-webkit-transition:opacity .25s;transition:opacity .25s;}
.mz-hidden{opacity:0;}
.mz-visible{opacity:1;}
.mobile-magic .mz-expand .mz-expand-bg{-webkit-transform-style:flat !important;transform-style:flat !important;}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption{display:none !important;}
.mobile-magic .mz-expand-controls.mz-fade{transition:none !important;}
.mobile-magic .mz-expand .mz-zoom-window{top:0 !important;left:0 !important;}
.mz-figure.mz-active{background:#fff;}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mz-figure.mz-active.mz-no-expand{cursor:crosshair;}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand{cursor:crosshair;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand{cursor:none;}
.mz-figure.mz-active > img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");-webkit-filter:grayscale(80%) opacity(60%);filter:grayscale(80%) opacity(60%);}
.no-cssfilters-magic .mz-figure.mz-active > img{opacity:0.6;}
.lt-ie10-magic .mz-figure.mz-active > img{opacity:1;filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);}
.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img{opacity:0;}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window{opacity:1;}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img{filter:alpha(opacity=0);}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom{background:transparent;}
.mz-lens{border:1px solid #aaa;border-color:rgba(170,170,170,0.7);box-shadow:0 0 5px rgba(0,0,0,.3);cursor:none;z-index:10;opacity:0;}
.mz-figure.mz-active .mz-lens{opacity:1;-webkit-transition:opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;transition:opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens{border-radius:50%;opacity:0;cursor:none;}
.mz-zoom-window{background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, .2);}
.mz-zoom-window.mz-magnifier{border-radius:50%;border:0;background:rgba(255,255,255,.3);}
.mz-zoom-window.mz-magnifier:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:100%;border:1px solid rgba(170,170,170,0.7);box-shadow:0 0 5px rgba(0,0,0,.3);background:transparent;z-index:1;}
.lt-ie9-magic .mz-zoom-window{border:1px solid #e5e5e5;}
.mz-zoom-window.mz-inner{border:none;box-shadow:none;}
.mz-zoom-window .mz-caption{background:#777;color:#fff;font-size:10pt;opacity:0.8;position:absolute;top:0;z-index:150;padding:3px;width:100%;line-height:normal !important;text-align:center !important;}
.lt-ie9-magic .mz-zoom-window .mz-caption{filter:alpha(opacity=80);}
.mz-zoom-window.caption-bottom .mz-caption{top:auto;bottom:0;}
.mz-zoom-window.mz-expanded > .mz-caption{display:none;}
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating{-webkit-transition:opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);transition:opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);}
.mz-zoom-window.mz-deactivating{-webkit-transition-duration:.25s, .25s, .25s;transition-duration:.25s, .25s, .25s;}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom{opacity:0;z-index:-100;}
.mz-zoom-window.mz-p-right{-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0);}
.mz-zoom-window.mz-p-left{-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}
.mz-zoom-window.mz-p-top{-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0);}
.mz-zoom-window.mz-p-bottom{-webkit-transform:translate3d(0, -20%, 0);transform:translate3d(0, -20%, 0);}
.mz-zoom-window > img{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img{-webkit-transition:-webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);transition:transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);}
.mz-zoom-window.mz-p-magnifier{-webkit-transform:scale(.1);transform:scale(.1);}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating{-webkit-transition:opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);transition:opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating{-webkit-transition-duration:.2s;transition-duration:.2s;}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom{opacity:0;}
.mz-hint,
.mz-loading{color:#eee;background:rgba(49,51,61,0.7);font:normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;text-decoration:none;text-align:center;direction:ltr;display:inline-block;margin:0;position:absolute;z-index:1000;pointer-events:none;-webkit-font-smoothing:antialiased;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;}
.mz-hint{bottom:8px;left:0;right:0;padding:0 10%;background-color:transparent;-webkit-transition:opacity 0.25s ease, z-index 0.25s ease;transition:opacity 0.25s ease, z-index 0.25s ease;}
.mz-hint-message{display:inline-block;background:rgba(49,51,61,0.7);border-radius:2em;padding:.7em 1.1em;}
.mz-hint-message:before{content:'\02295';font-family:serif;font-size:1.5em;speak:none;text-align:center;vertical-align:-2px;margin-right:6px;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;}
.mobile-magic .mz-hint-message:before{display:none;}
.mz-hint-hidden{opacity:0;z-index:-1;-webkit-transition-delay:.6s;transition-delay:.6s;}
.mobile-magic .mz-expand .mz-hint{font-size:18px;line-height:1.1em;top:50%;bottom:auto;margin:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.mobile-magic .mz-expand .mz-hint-message{padding:1.1em;}
.mobile-magic .mz-expand .mz-hint-message:before{display:none;}
.mobile-magic .mz-expand .mz-hint-hidden{-webkit-transition-delay:1s;transition-delay:1s;opacity:0;}
.mz-loading{font-size:0;border-radius:100%;opacity:0;padding:0;width:36px;height:36px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.mz-loading:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:24px;height:24px;margin:auto;text-indent:-9999em;border-radius:50%;border:2px solid rgba(255, 255, 255, 1);border-top-color:transparent;box-sizing:border-box;}
.mz-loading.shown{opacity:1;z-index:1;-webkit-transition:opacity 0s;transition:opacity 0s;}
.mz-loading.shown:after{-webkit-animation:spin-loading .9s infinite linear;animation:spin-loading .9s infinite linear;}
@-webkit-keyframes spin-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.lt-ie10-magic .mz-loading{font-size:12px;padding:.7em 1.1em;width:auto;height:auto;}
.lt-ie10-magic .mz-loading:after{content:'Loading...';text-indent:0;border:none;position:relative;}
.lt-ie9-magic .mz-loading{filter:alpha(opacity=0);right:0;left:0;width:126px;margin:auto;}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown{background:transparent !important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');}
.lt-ie9-magic .mz-hint-hidden{filter:alpha(opacity=0);}
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage{position:absolute;top:0;bottom:0;left:0;right:0;}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg{width:auto !important;height:auto !important;}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg{min-width:100% !important;min-height:100% !important;}
.mz-expand{background-color:rgba(0, 0, 0, 1);text-align:center;vertical-align:middle;display:block;overflow:hidden;z-index:2100000000;position:fixed;width:auto;height:auto;-webkit-perspective:600px;perspective:600px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-overflow-style:none;}
.mz-expand .mz-expand-bg{display:inline-block;vertical-align:middle;margin:auto;z-index:-100;max-width:none !important;max-height:none !important;-webkit-transform:translate3d(0,0,0) scale(10) rotate(0.01deg);-ms-transform:translate(0,0) scale(10,10) rotate(0.01deg);transform:translate3d(0,0,0) scale(10) rotate(0.01deg);-webkit-perspective:600px;perspective:600px;background-repeat:no-repeat;background-size:cover;}
.mz-expand .mz-expand-bg > img{margin:auto;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");-webkit-filter:blur(20px) brightness(60%);filter:blur(20px) brightness(60%);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.mz-expand .mz-expand-bg > svg{margin:auto;opacity:.6;}
.lt-ie10-magic .mz-expand .mz-expand-bg{display:none !important;}
.lt-ie9-magic .mz-expand{background:#1f1f1f;}
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg{display:none !important;}
.mz-expand.dark-bg{background-color:#1f1f1f;background-color:rgba(31, 31, 31, .96);}
.mz-expand.white-bg{background-color:#fff;}
.mz-expand .mz-expand-stage{z-index:2100000000;padding:0;}
.mz-expand .mz-expand-stage .mz-image-stage{z-index:50;left:120px;right:120px;padding:20px 0 40px 0;margin:0;text-align:center;vertical-align:middle;-webkit-perspective:600px;perspective:600px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage{padding-bottom:120px;}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage{padding:0 !important;left:0;right:0;}
.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before{content:'';display:inline-block;vertical-align:middle;height:100%;font-size:0;line-height:100%;width:0;}
.mz-expand .mz-image-stage > figure{width:100%;max-width:100%;max-height:100%;padding:0;margin:0;display:inline-block;vertical-align:middle;font-size:0;line-height:100%;position:relative;}
.mz-expand .mz-figure{overflow:visible;max-width:100% !important;}
.mz-expand .mz-figure > img{max-width:100%;width:auto;height:auto;}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active{width:100%;height:100%;}
.mz-expand .mz-figure{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mz-expand .mz-figure.mz-active{cursor:crosshair;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;}
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img{z-index:1;position:absolute !important;top:-5000px !important;bottom:-5000px !important;left:-5000px !important;right:-5000px !important;margin:auto !important;}
.lt-ie10-magic .mz-zoom-window.mz-expanded img{filter:alpha(opacity=100);}
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom{overflow:hidden;filter:alpha(opacity=100);}
.mz-expand .mz-caption{color:#fff;text-shadow:0px 0px 46px #000;padding:10px 4px;font:normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;text-align:center;width:100%;position:absolute;left:0;opacity:0;}
.mz-expand .mz-caption.mz-show{-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out;opacity:1;}
.mz-expand .mz-caption a{color:inherit;cursor:pointer;}
.mz-expand.white-bg .mz-caption{color:#555;text-shadow:none;}
.lt-ie9-magic .mz-expand .mz-caption{top:100%;}
.mz-expand .mz-zoom-window{box-shadow:none;background:transparent;}
.lt-ie9-magic .mz-expand .mz-zoom-window{border:0;}
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage{left:0px;right:0px;}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs{bottom:0px;}
.mobile-magic .mz-expand-stage .mz-image-stage{padding:0;}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage{padding:5px 0 60px;}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage{padding-top:0;}
.mobile-magic .mz-expand .mz-expand-thumbnails{padding:0;height:60px;}
.mz-expand-controls,
button.mz-button{margin:0 !important;padding:0 !important;outline:0 !important;}
button.mz-button{color:#b4b4b4 !important;font:900 34px/1 'magictoolbox-thin' !important;cursor:pointer;z-index:90 !important;background-color:transparent !important;border:1px solid rgba(180, 180, 180, 0) !important;border-radius:100% !important;box-shadow:none !important;position:absolute !important;text-transform:none !important;text-align:center;speak:none;-webkit-font-smoothing:antialiased;width:60px !important;height:60px !important;}
button.mz-button.mz-button-prev,
button.mz-button.mz-button-next{margin:auto 10px !important;top:0 !important;bottom:0 !important;overflow:hidden !important;}
button.mz-button.mz-button-prev{left:0 !important;}
button.mz-button.mz-button-next{right:0 !important;}
button.mz-button.mz-button-close{font-size:30px !important;margin:10px !important;top:0 !important;right:0 !important;z-index:95 !important;}
:root:not(.mobile-magic) button.mz-button{color:rgba(180, 180, 180, .75) !important;-webkit-transform:scale(.85) !important;transform:scale(.85) !important;-webkit-transition:color .25s, border-color .25s, -webkit-transform .25s !important;transition:color .25s, border-color .25s, transform .25s !important;}
:root:not(.mobile-magic) button.mz-button:hover{color:rgba(180, 180, 180, 1) !important;border-color:rgba(180, 180, 180, .6) !important;-webkit-transform:scale(1) !important;transform:scale(1) !important;}
.mobile-magic button.mz-button{-webkit-transition:-webkit-transform .1s !important;transition:transform .1s !important;}
.mobile-magic button.mz-button:active{border-color:rgba(180, 180, 180, .6) !important;-webkit-transform:scale(.95) !important;transform:scale(.95) !important;}
button.mz-button.mz-button-close:before{content:"";background-image:url(../images/icons.png);position:absolute;width:22px;height:24px;left:calc(50% - 11px);top:calc(50% - 12px);}
button.mz-button.mz-button-prev:before{content:"\a002";}
button.mz-button.mz-button-next:before{content:"\a003";}
@media screen and (max-device-width:767px){button.mz-button-prev,
button.mz-button-next{display:none !important;}
.mobile-magic .mz-expand button.mz-button{background:rgba(255, 255, 255, .12) !important;border-color:rgba(180, 180, 180, .3) !important;}
}
.lt-ie9-magic button.mz-button{border:0;filter:alpha(opacity=75);}
.lt-ie9-magic button.mz-button:hover{filter:alpha(opacity=100);}
.mz-thumb, .mz-thumb:focus{display:inline-block;line-height:0;outline:none;}
.mz-thumb img{border:0;box-sizing:border-box;}
.mz-thumb:hover:not(.mz-thumb-selected) img{-webkit-filter:brightness(70%);filter:brightness(70%);}
.mz-thumb-selected img{-webkit-filter:brightness(50%);filter:brightness(50%);}
.no-cssfilters-magic .mz-thumb{background:#000;}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img{opacity:.7;filter:alpha(opacity=70);}
.no-cssfilters-magic .mz-thumb-selected img{opacity:.5;filter:alpha(opacity=50);}
.ie9-magic .mz-thumb img{box-shadow:0 0 4px 0px rgba(0,0,0,0.3);}
.mz-expand-thumbnails{z-index:50;position:absolute;bottom:0;left:65px;right:65px;height:80px;padding:10px 0;box-sizing:border-box;}
.mz-expand-thumbnails .magic-thumbs .magic-thumb{padding:10px 2px;}
.mz-expand-thumbnails .magic-thumb > img{cursor:pointer;height:40px;box-shadow:0 0 5px 1px rgba(0,0,0,0.3);}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}
.mz-expand-thumbnails .magic-thumb-selected img{-webkit-filter:brightness(50%);filter:brightness(50%);}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button{box-shadow:none;}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled{opacity:0;}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img{opacity:.7;filter:alpha(opacity=70);}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img{opacity:.5;filter:alpha(opacity=50);}
.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button{margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.magic-thumbs{direction:ltr;overflow:visible;z-index:100;position:relative;left:0;top:0;padding:0 30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;}
.magic-thumbs{width:100%;height:100%;white-space:nowrap;}
.magic-thumbs.no-buttons{padding:0 !important;}
.magic-thumbs-wrapper{display:block;width:100%;height:100%;position:relative;overflow:hidden;text-align:center;}
.magic-thumbs ul{list-style:none;font-size:0;display:inline-block;vertical-align:middle;height:100%;position:relative;white-space:nowrap;}
.magic-thumbs.no-buttons ul{padding:0 !important;-webkit-transition:none !important;transition:none !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;transform:none !important;left:0 !important;}
.magic-thumbs ul li{margin:0 4px;height:100%;width:auto;vertical-align:top;line-height:0;display:inline-block;}
.magic-thumbs ul li:after{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;}
.magic-thumbs ul li > img{width:auto;height:auto;max-height:100%;vertical-align:middle;}
.ie8-magic .magic-thumbs ul li > img{max-width:none !important;max-height:none !important;}
.magic-thumbs.magic-thumbs-vertical{height:100%;}
.magic-thumbs-vertical{padding:30px 0;}
.magic-thumbs-vertical ul{height:auto;width:100%;white-space:normal;}
.magic-thumbs-vertical ul li{width:100%;height:auto;}
.magic-thumbs-vertical ul li{margin:4px 0;}
.magic-thumbs-vertical ul li > img{max-width:100%;max-height:none;}
.ie8-magic .magic-thumbs-vertical ul li > img{width:100%;}
.magic-thumbs .magic-thumbs-button{cursor:pointer;z-index:90;background-repeat:no-repeat;background-color:transparent;background-image:none;border:0;border-radius:0;overflow:hidden;position:absolute;font-family:"magictoolbox-thin";font-style:normal;font-weight:200;font-variant:normal;text-transform:none !important;speak:none;line-height:1;text-align:center;color:#bbb;-webkit-font-smoothing:antialiased;font-size:30px;width:30px;height:100%;top:0;bottom:0;}
.magic-thumbs .magic-thumbs-button-prev{left:0;}
.magic-thumbs .magic-thumbs-button-next{right:0;}
.magic-thumbs .magic-thumbs-button-prev:before{content:"\a002";}
.magic-thumbs .magic-thumbs-button-next:before{content:"\a003";}
.magic-thumbs-button:before{-webkit-transition:opacity .25s;transition:opacity .25s;opacity:.6;}
.magic-thumbs .magic-thumbs-button:hover:before{opacity:1;}
.magic-thumbs-vertical .magic-thumbs-button{width:100%;height:30px;left:0;right:0;top:auto;bottom:auto;}
.magic-thumbs-vertical .magic-thumbs-button-prev{top:0;}
.magic-thumbs-vertical .magic-thumbs-button-next{bottom:0;}
.magic-thumbs-vertical .magic-thumbs-button-prev:before{content:"\a005";}
.magic-thumbs-vertical .magic-thumbs-button-next:before{content:"\a004";}
.magic-thumbs.no-buttons .magic-thumbs-button{display:none !important;}
.magic-thumbs-button-disabled{opacity:0.2;filter:alpha(opacity = 20);}
.holder {
	margin: 10px 0;
	width: 100%;
	text-align: center;
}

.holder a {
	font-size: 12px;
	cursor: pointer;
	margin: 0 5px;
	color: #333;
	display: inline-block;
	text-align:center;
	line-height: 30px;
	border:1px solid #b7b7b7;
	padding: 3px 10px;
}
.jp-current
{

	background: #464646 !important;
	display: inline-block;
	text-align: center;
	line-height: 30px;
}
.holder a:hover {
	background-color: #333;
	color: #fff;
}

.holder a.jp-previous { margin-right: 5px;   }
.holder a.jp-next {     margin-left: 5px;}

.holder a.jp-current, a.jp-current:hover { 
	color: #fff;
	font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {

}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 

}

.holder span { margin: 0 5px; }
.jp-previous {display: inline-block;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite%402x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading%402x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&amp;subset=latin,vietnamese);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');


@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('../fonts/UTMHelvetIns.woff2') format('woff2'), url('../fonts/UTMHelvetIns.woff') format('woff'), url('../fonts/UTMHelvetIns.ttf') format('truetype'), url('../fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/MyriadProBold.eot');
    src: url('../fonts/MyriadProBold.eot') format('embedded-opentype'), url('../fonts/MyriadProBold.html') format('woff2'), url('../fonts/MyriadProBold.woff') format('woff'), url('../fonts/MyriadProBold.ttf') format('truetype'), url('../fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}


/* ----back to top--- */
.input {
    display: block !important
}

#top {
    width: 45px;
    height: 44px;
    background: url(../images/top.png);
    position: fixed;
    right: 15px;
    bottom: 10px;
    cursor: pointer;
    display: none;
    z-index: 100;
    background-size: 100% 100%;
}

.wrapper {
    margin: auto;
    width: 100%;
    position: relative;
    margin: 0px auto;
    background: #fff;
}

#wrapper {
    margin: 10px auto;
}

#content {
    padding-top: 15px;
}

#info {
    position: relative;
}

.maxfull {
    max-width: 100%;
    margin: 0px auto;
    position: relative;
}

.container-left {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
}

.danhmuc_menu {
    max-height: 570px;
    overflow: hidden;
}

.container-right {
    position: relative;
}

.content_wrap {
    padding: 15px;
}

.line {
    height: 0px;
    border: 1px dashed #cecece;
    margin: 20px 0;
}

.left-index {
    float: left;
    width: 22%;
    padding-right: 20px;
}

.box_main {
    padding: 20px 0px
}

#social {
    margin-top: 10px;
}

.info_left {
    float: left;
    width: 23%;
    margin-top: 20px;
}

.info_right {
    float: right;
    width: 76%;
    margin-top: 20px;
}

.info_sp {
    padding: 20px 0px;
}

.top_head {
    background: #333;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.info_st {
    line-height: 42px;
    float: left;
}

.info_main {
    padding: 10px 0px;
}

.left {
    float: left;
    width: 250px;
    margin: 20px 0px;
    position: relative;
    z-index: 99;
}

.info {
    padding: 10px 0px;
}

.title {
    margin-bottom: 20px;
    text-align: center;
    background: url(../images/title_05.png)no-repeat bottom center;
    padding-bottom: 15px;
}

    .title h4 {
        font-size: 30px;
        font-weight: normal;
        padding-bottom: 10px;
        font-family: UTMHelvetIns;
        position: relative;
        text-transform: uppercase;
        line-height: 30px;
        color: #800000
    }

.title1 {
    background: url(../images/title1_05.png)no-repeat bottom center;
}

    .title1 h4 {
        color: #fff;
    }


.wrapper_intro {
    min-height: 100vh;
    background: url(../images/bg_intro.png)no-repeat center fixed;
    background-size: 100% 100%;
}

.info_td {
    padding: 30px 0px;
}

.info_service {
    background: #f2f2f2;
    padding: 40px 0px;
}

.info_ab {
    padding: 30px 0px;
}

.info_in {
    padding: 20px 0px
}

.info_in_detail, .duan_in_detail {
    max-width: 1100px;
    margin: 0px auto;
    padding: 20px 0px;
}
/*-----------------Header--------------------*/
.header_top {
    background: #333333;
    font-family: 'Open Sans', sans-serif;
}

.slogan {
    padding-left: 20px;
    float: left;
    line-height: 30px;
    color: #fff;
    background: url(../images/setting_03.png)no-repeat left center;
}

.header {
    position: relative;
    width: 100%;
    max-width: 1349px;
    margin: 0px auto;
    background: #851d1a;
}

.logo {
    float: left;
    width: 290px;
    text-align: center;
}

/*----------------All--------------------*/
.title_tn h3 {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    text-transform: uppercase;
    margin: 10px 0px;
    font-size: 16px;
    text-align: center;
}

    .title_tn h3:hover {
        color: #f00
    }

.title_index {
    margin: 10px 0px;
    font-family: 'Open Sans', sans-serif;
}

    .title_index h2 {
        position: relative;
        margin: 0px;
        color: #ec2224;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 600;
        padding-bottom: 10px;
        text-align: center;
    }

.xemthem1 {
    margin: 5px auto !important;
}

.xemthem {
    width: 100px;
    line-height: 50px;
    text-align: center;
    border: 2px solid #333;
    margin-top: 10px;
}

    .xemthem a {
        text-transform: uppercase;
    }

    .xemthem:hover a {
        color: #f00
    }

.title_main {
    position: relative;
    margin-bottom: 20px;
}

    .title_main h4 {
        color: #000;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 500;
        position: relative;
        z-index: 99;
        padding-bottom: 10px;
        font-family: SFUAGBuchStencilBQMedium;
    }

        .title_main h4:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 2px;
            background: #000;
            left: 0px;
            bottom: 0px;
        }

nav#menu {
    background: #851e19;
}

    nav#menu ul li a, .mm-title {
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Roboto Condensed',Tahoma;
    }

.mm-title {
    font-size: 20px;
    color: #fff !important
}

nav#menu ul li a:hover {
    background: rgba(255,255,255,0.1)
}

.menu-l {
    width: auto;
    display: inline-block
}

nav:not(.mm-menu) {
    display: none
}

.menu_rp {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC) center center no-repeat #851e19;
    display: none;
    border: 1px solid rgba(255,255,255,0.5);
    width: 40px;
    height: 35px;
    position: fixed;
    top: 9px;
    z-index: 999999;
    right: 10px;
    border-radius: 2px;
}

#menu_top {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    float: right;
    width: calc(100% - 320px);
}

    #menu_top #myslidemenu {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    #menu_top ul.nav {
        float: left;
        width: 100%;
        position: relative;
        display: inline-block;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        text-align: center;
        justify-content: left;
        padding: 0px;
    }

        #menu_top ul.nav li {
            list-style: none;
        }

        #menu_top ul.nav > li {
            display: inline-block;
            text-transform: none;
            text-align: center;
            font-weight: normal;
            font-size: 15px;
            position: relative;
        }
            
        #menu_top ul.nav > li:before, #menu_top ul.nav > li:after {
            content: '';
            position: absolute;
            left: 50%;
            width: 0;
            height: 1px;
            background-color: #fff;
            transform: translateX(-50%);
            transition: all .4s ease-in-out;
        }
        #menu_top ul.nav > li:before {
            top: 0;
        }
            #menu_top ul.nav > li:after{
                top: unset;
                bottom: 0;
            }
        #menu_top ul.nav > li:hover::before, #menu_top ul.nav > li:hover::after {
            width: 100%;
        }
                #menu_top ul.nav > li span {
                    display: inline-block;
                    border-right: 2px solid #fff;
                    height: 100%;
                }

            #menu_top ul.nav > li > a {
                position: relative;
                color: #fff;
                background-color: transparent;
                cursor: pointer;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                display: inline-block;
                padding: 16px 1.5rem !important;
            }

                #menu_top ul.nav > li > a.menu_active, #menu_top ul.nav > li > a:hover {
                    color: #fff;
                }

            #menu_top ul.nav > li > ul li a {
                color: #fff;
                transition: all 1s;
                padding: 0px 10px;
                box-sizing: border-box;
                border-bottom: 1px solid rgba(196, 196, 196, 0.52);
                background: #851e19;
                text-transform: uppercase;
            }

            #menu_top ul.nav > li > ul li:hover > a {
                color: #851e19;
                background: #fff;
            }

    #menu_top.active_top ul.nav > li > a {
        padding: 0px 16px !important;
    }

/*-------------------Title-----------------*/
.tt_top {
    margin-bottom: 10px;
    height: 30px;
    padding-bottom: 10px;
    line-height: 30px;
    background: url(../images/tt_top.png) left bottom no-repeat;
}

    .tt_top h4 {
        font-family: 'Open Sans', sans-serif;
        font-size: 24px;
        color: #5c5c5c;
        font-weight: normal;
    }

.title_k {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
/*------------------index-------------------*/
.ds_about {
    float: left;
    width: 33%;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #383838;
}

.title_ab {
    position: relative;
}

    .title_ab h3 {
        font-size: 16px;
        color: #851e19;
        margin: 10px 0px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }

.img_about {
    float: right;
    width: 65%;
}

.view_about {
    margin-top: 20px;
    line-height: 50px;
    background: linear-gradient(to right, #d08400, #fca000 90%);
    width: 130px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
}

.view_lv {
    background: #851e19;
    width: 80px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    color: #fff;
}

    .view_lv:hover {
        color: #ff0
    }

.slick_tc {
    margin: 10px 0px;
}

.box_tc {
    float: left;
    width: 33.3%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

    .box_tc h3 {
        font-weight: normal;
    }

.box_td {
    float: left;
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

    .box_td h3 {
        padding: 10px;
        text-transform: uppercase;
        text-align: center;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        color: #333;
        font-weight: 500;
        font-size: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.76);
    }

.box_dv {
    float: left;
    width: 25%;
    padding: 10px 15px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    text-align: center;
}

.ds_service {
    text-align: center;
    color: #333;
    padding: 80px 65px;
    box-sizing: border-box;
    background: #fff;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

    .ds_service h3 {
        font-size: 16px;
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
        color: #000;
    }

        .ds_service h3:hover {
            color: #f00
        }

    .ds_service p {
        line-height: 20px;
        height: 60px;
        overflow: hidden;
    }

.view_sv {
    margin-top: 10px;
    line-height: 32px;
    background: linear-gradient(to right, #d08400, #fca000 90%);
    width: 90px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
}

.img_service {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -80px;
    z-index: 99;
}

.ds_service span {
    background: url(../images/icon_dv_05.png)no-repeat;
    width: 24px;
    height: 37px;
    position: absolute;
    bottom: 25px;
    left: calc(50% - 12px);
}

.box_ab {
    float: left;
    width: 25%;
    padding: 50px 5px 5px 5px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.ab_in {
    border: 1px solid #dddddd;
    padding: 50px 20px 20px 20px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    color: #666
}

.img_ab {
    position: absolute;
    border: 2px solid #720d05;
    border-radius: 5px;
    left: calc(50% - 35px);
    top: -35px;
}

.ab_in h3 {
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #444
}

    .ab_in h3:after {
        content: '';
        position: absolute;
        width: 94px;
        height: 4px;
        background: #811712;
        bottom: 0px;
        left: calc(50% - 47px)
    }

.box_alb {
    float: left;
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

.box_duan {
    float: left;
    width: 25%;
    padding: 10px 5px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

.ds_duan {
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient( to top, #e7d3d3, #fefdfd 90% );
}

    .ds_duan p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 20px;
    }

    .ds_duan h3 {
        text-transform: uppercase;
        font-size: 15px;
        color: #851e19;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 20px;
        font-weight: bold;
    }

.ad_da {
    background: url(../images/Icons/adr_07.png) no-repeat left 2px;
    padding-left: 20px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
    font-size: 13px;
}

.wr_detail {
    padding: 20px;
    box-sizing: border-box;
    background: #f2f2f2;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}

.name_detail {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #851e19;
    margin-bottom: 10px;
}

/*--------------------Left--------------------------*/
.title_left h4 {
    font-size: 17px;
    background: url(../images/title_left_13.html)no-repeat;
    color: #fff;
    line-height: 38px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}

.box_left ul {
    margin: 0px;
    padding: 0px 0px;
}

    .box_left ul ul {
        display: none;
        background: #fff;
        position: absolute;
        left: 100%;
        top: 0px;
        width: 100%;
        border: 1px solid #f1f1f1;
    }

.menu_left {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
}

    .menu_left li {
        list-style: none;
        position: relative;
    }

        .menu_left li a {
            font-size: 14px;
            padding: 5px 0px;
            display: inline-block;
            width: 100%;
            background: url(../images/icon_li_17.png)no-repeat 15px center;
            padding-left: 30px;
            box-sizing: border-box;
            text-transform: uppercase;
            color: #666;
        }

            .menu_left li a:hover {
                color: #f00
            }

.img_list_left {
    float: left;
    width: 29%;
}

/*------------------------footer-----------------------*/
.footer {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    padding: 30px 0px;
    color: #fff;
    line-height: 25px;
    background: #272727;
    background: -moz-linear-gradient(90deg, #851e19 37%, #272727 22%);
    background: -webkit-gradient(linear, 0deg, color-stop(38%, FE4274), color-stop(22%, F4F60C));
    background: -webkit-linear-gradient(90deg, #851e19 37%, #272727 22%);
    background: -o-linear-gradient(90deg, #851e19 37%, #272727 22%);
    background: -ms-linear-gradient(90deg, #851e19 37%, #272727 22%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: linear-gradient(90deg, #851e19 37%, #272727 22%);
}

#footer a:hover {
    color: #ff0;
}

.noidung_ft {
    float: left;
    width: 25%
}

.menu_ft {
    margin: 0px;
    padding: 0px;
}

    .menu_ft li {
        list-style: none;
    }

        .menu_ft li a {
            color: #fff
        }

.box_ft {
    float: left;
    width: 36%;
    box-sizing: border-box;
    padding: 10px 10px;
}

.box_ft1, .box_ft2, .box_ft3, .box_ft4 {
    float: left;
    width: 21%;
    padding: 10px 10px;
    box-sizing: border-box;
}

.copy {
    float: left;
}

.thongke {
    float: right;
    margin: 0px;
    padding: 0px;
}

    .thongke li {
        list-style: none;
        display: inline-block;
    }

        .thongke li span {
            color: #ff0
        }

.title_ct {
    margin-bottom: 10px;
}

    .title_ct h2 {
        font-weight: normal;
        margin: 0px;
        font-size: 25px;
        text-transform: uppercase;
        font-family: UTMHelvetIns;
    }

.form_gm {
    padding: 20px;
    background: #e1002a
}

    .form_gm h3 {
        margin: 0px;
        float: left;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        line-height: 50px;
        margin-right: 10px;
    }

.letter {
    float: left;
    width: 25%;
    margin-left: 15%;
}

.dangkymail {
    margin: 10px 0px;
    position: relative;
}

.title_nt {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    float: left;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
}

.dknhantin {
    position: relative;
}

    .dknhantin input {
        height: 30px;
        padding: 0px 10px;
        color: #333;
        width: 100%;
        outline: none;
        box-sizing: border-box;
        background: #fff;
        border: none;
        margin-bottom: 10px;
    }

        .dknhantin input:focus {
            outline: none;
        }

    .dknhantin button {
        box-sizing: border-box;
        position: absolute;
        outline: none;
        border: none;
        border-left: none;
        background: none;
        right: 0px;
        bottom: 10px;
    }

.dangkymail input::-webkit-input-placeholder {
    color: #333;
}

.dangkymail input:-moz-placeholder { /* Firefox 18- */
    color: #333;
}

.dangkymail input::-moz-placeholder { /* Firefox 19+ */
    color: #333;
}

.dangkymail input:-ms-input-placeholder {
    color: #333;
}

.footer_end {
    position: relative;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 8px 0px;
    background: #333333;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.title_ft {
    margin-bottom: 15px;
}

    .title_ft h4 {
        font-size: 15px;
        font-weight: 500;
        position: relative;
        text-transform: uppercase;
        padding-bottom: 5px;
    }

        .title_ft h4:after {
            content: '';
            position: absolute;
            width: 100px;
            background: #732221;
            height: 2px;
            left: 0px;
            bottom: 0px;
        }

.wr_contact {
    padding: 30px 0px;
}

.khung_trai {
    float: left;
    width: 49%;
    box-sizing: border-box;
}

.khung_phai {
    float: right;
    width: 49%;
    box-sizing: border-box;
}

.title_ct {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_lh1 {
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
    text-align: center;
    max-width: 520px;
    margin: 0px auto;
}

.form_contact {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #ccc;
}

.form_lh label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.form_lh .tflienhe {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0px 12px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .form_lh .tflienhe:focus {
        outline: none;
    }

.title_lh {
    margin-bottom: 20px;
    text-align: left;
}

    .title_lh h4 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 25px;
        color: #555;
        font-family: 'Open Sans', sans-serif;
    }

.button-contact {
    border: none;
    width: 80px;
    line-height: 40px;
    background: #336f57;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

    .button-contact:hover {
        color: #ff0
    }

.file_lh {
    display: none;
}

.custom-file-upload {
    border-radius: 10px;
    display: inline-block;
    width: 150px;
    line-height: 45px;
    cursor: pointer;
    background: #ff6600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.ta_noidung {
    color: #333;
    height: 85px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.click_video {
    width: 100%;
    border: 1px solid #f1f1f1;
    padding: 5px 0px;
}

.listVideo {
    width: 100%;
}

.box_video h3 {
    font-family: 'Roboto Condensed',Tahoma;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0px;
    font-size: 15px;
    font-weight: bold;
}

.box_video {
    width: 25%;
    float: left;
    padding: 0px 10px;
    box-sizing: border-box;
}

.select_video {
    width: 100%;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.slick_video {
    margin: 0px -5px;
    padding: 0px;
}

.chonvideo {
    padding: 0px 5px;
}

.shine .over_lay {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

    .shine .over_lay::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.shine:hover .over_lay::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

.shine .over_lay a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.news_left {
    float: left;
    width: calc(100% - 320px);
    font-family: 'Open Sans', sans-serif;
}

.news_right {
    float: right;
    width: 300px;
    font-family: 'Open Sans', sans-serif;
}

.news_other {
    padding: 10px 0px;
    border-bottom: 1px dashed #ccc
}

    .news_other h3 {
        margin: 5px 0px;
        color: #333;
        font-size: 15px;
    }

.first-item-news-wrap {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0px;
}

.first-item-news {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 10px;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

    .first-item-news:nth-child(2n+1) {
        clear: both;
    }

    .first-item-news .img {
        float: left;
        max-width: 150px;
        position: relative;
        z-index: 9;
        margin-right: 15px;
        overflow: hidden;
        border: 1px solid #f1f1f1;
    }

    .first-item-news img {
        width: 100%;
    }

    .first-item-news h3 a:hover {
        color: #f00 !important;
    }

    .first-item-news h3 {
        margin: 0;
        color: #000;
        font-size: 16px;
    }

        .first-item-news h3 a {
            color: #333;
            font-size: 14px;
        }

    .first-item-news .desc_cont {
        text-align: justify;
        line-height: 20px;
    }

    .first-item-news .desc {
        padding: 5px;
        box-sizing: border-box;
        transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -ms-transition: all 0.25s ease 0s;
    }

        .first-item-news .desc > div {
            position: relative;
        }

        .first-item-news .desc .over_lay {
            position: absolute;
            top: 28%;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 111;
            text-align: center;
            margin-top: -20px;
            opacity: 0;
            transition: all 0.25s ease 0s;
            -webkit-transition: all 0.25s ease 0s;
            -moz-transition: all 0.25s ease 0s;
            -o-transition: all 0.25s ease 0s;
            -ms-transition: all 0.25s ease 0s;
        }

            .first-item-news .desc .over_lay h4 {
                padding: 0 15px;
                display: block;
                text-transform: uppercase;
                font-size: 12px;
                color: #D7DC02;
                transition: all 0.25s ease 0s;
                -webkit-transition: all 0.25s ease 0s;
                -moz-transition: all 0.25s ease 0s;
                -o-transition: all 0.25s ease 0s;
                -ms-transition: all 0.25s ease 0s;
                text-align: center;
            }

            .first-item-news .desc .over_lay a.xemthem {
                padding: 6px 10px;
                background: #0074c7;
                border-radius: 3px;
                position: relative;
                display: inline-block;
                color: #ffffff;
                text-decoration: none;
                margin-top: 50px;
                transition: all 0.25s ease 0s;
                -webkit-transition: all 0.25s ease 0s;
                -moz-transition: all 0.25s ease 0s;
                -o-transition: all 0.25s ease 0s;
                -ms-transition: all 0.25s ease 0s;
                font-family: 'Tahoma';
                font-size: 13px;
                font-style: normal;
            }

.box_tintuc {
    background: #f2f2f2;
    padding: 50px 0 30px;
}

.box_tt {
    width: 575px;
    float: left;
}

    .box_tt:nth-child(2) {
        float: right;
    }

    .box_tt .tt_last {
        background: url(../images/tt_end.png) left center no-repeat;
        text-indent: 20px;
        margin-bottom: 20px;
    }

        .box_tt .tt_last h3 {
            font-size: 20px;
            color: #2d352d;
            text-transform: uppercase;
        }

.box-news {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    float: left;
    padding: 10px 0px;
}

    .box-news .img {
        margin-right: 10px;
        position: relative;
        overflow: hidden;
        padding: 4px;
        background: #fff;
        border: thin solid #d6d6d6;
        box-shadow: 4px 4px 0 #ebebeb;
    }

        .box-news .img img {
            border-radius: 0;
            width: 100%;
        }

    .box-news h3 {
        font-size: 12px;
        margin: 0px;
        font-weight: bold;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
    }

        .box-news h3 a {
            color: #0068d0;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 500;
        }

            .box-news h3 a:hover {
                color: #f00;
            }

    .box-news a.chitiet {
        color: #09a651;
        font-size: 13px;
        display: block;
        text-align: right
    }

    .box-news .desc {
        font-size: 13px;
        color: #333333;
        text-align: justify;
    }

.desc-dv {
    line-height: 20px;
    height: 80px;
    overflow: hidden;
}

.box-news:hover img {
    transform: scale(1.1);
}

.tieude {
    font-family: 'Tahoma';
    color: #055699;
    font-size: 17px;
    margin: 5px 0px;
}

.date {
    color: #474747;
    font-size: 13px;
}

#content_end {
    background: url(../images/content_end_bg.html);
    padding: 50px 0;
}

.box_end {
    width: 368px;
    float: left;
    margin-right: 45px;
    border: thin solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 5px 5px #e7e7e7;
    background: #f8f8f8;
    position: relative;
}

    .box_end:nth-child(3) {
        margin-right: 0px;
    }

    .box_end .tt_end {
        position: relative;
        background: url(../images/left_tt.html) repeat-x;
        margin: 0px 0 0px;
        height: 60px;
        line-height: 60px;
        border-radius: 5px 5px 0 0;
    }

        .box_end .tt_end .title {
            font-size: 18px;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            line-height: 60px;
            background: url(../images/left_bg_icon.html) 13px center no-repeat;
            text-align: center;
        }

.box_left {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
}

.call {
    background: #851e19;
    height: 40px;
    line-height: 40px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    font-family: 'Open Sans', sans-serif;
}

    .call .phone {
        width: 33%;
        text-align: center;
        float: left;
        color: #fff;
        border-right: thin solid rgba(255, 255, 255, 0.30980392156862746);
        box-sizing: border-box;
    }

    .call .sms {
        width: 33%;
        text-align: center;
        float: left;
    }

    .call a {
        color: #fff;
        font-size: 16px
    }

.box-info {
    width: 100%;
    margin: 15px 0px;
}

.info_news {
    padding: 20px 0px;
}

.slick_tin .tintuc_left img {
    width: 100%
}

.tintuc_left {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 10px;
    float: left;
    list-style: none;
}

    .tintuc_left h3 {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        margin: 10px 0px;
    }

        .tintuc_left h3:hover {
            color: #f00;
        }

    .tintuc_left .name_service {
        color: #005aaa
    }

.menu-left {
    margin-bottom: 0px !important;
}

    .menu-left li {
        padding: 10px 10px;
        list-style: none;
        background: url(../images/back_li_left.html)no-repeat;
        background-size: 100% 100%;
    }

        .menu-left li a {
            background: url(../images/icon_list_16.png)no-repeat left center;
            padding-left: 15px !important;
            color: #333;
        }

            .menu-left li a:hover {
                color: red;
            }

    .menu-left ul li a {
        background: url(../images/icon_cat_05.png)no-repeat left center;
        padding-left: 15px !important;
        color: #333;
    }

    .menu-left li:last-child {
        border-bottom: none;
    }

    .menu-left ul ul {
        display: none;
    }

#timkiem {
    float: right;
    width: 200px;
    background: #222;
}

.frm_timkiem {
    position: relative;
}

#timkiem #name_tk::-webkit-input-placeholder {
    color: #ccc;
}

#timkiem #name_tk:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

#timkiem #name_tk::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

#timkiem #name_tk:-ms-input-placeholder {
    color: #ccc;
}

#name_tk {
    color: #fff;
    padding: 0px 10px;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    line-height: 30px;
    background: none;
    border: none;
}

.nut_tim {
    background: url(../images/icon_tk_02.png)no-repeat center;
    width: 42px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    outline: none;
}

.btn_dat {
    cursor: pointer;
    font-size: 18px;
    padding: 5px 10px;
    background: red;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
}

.like_facebook {
    position: fixed;
    top: 30%;
    right: -250px;
    width: 287px;
    z-index: 9999;
}

.icon_like {
    float: left;
    width: 36px;
    cursor: pointer;
}

.content_like {
    float: left;
    width: 250px;
    background-color: #F7F7F7;
}

.sale, .nb {
    background: #f00;
    padding: 0px 10px;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 2px;
}

.sale {
    left: 10px;
    top: 10px;
}

.nb {
    right: 10px;
    top: 10px;
}
/*----------------bottom--------------------*/
.bottom {
    padding: 20px 0px;
    font-family: 'Open Sans', sans-serif;
}

.bottom_news {
    float: left;
    width: 55%;
    padding: 0px 15px;
    box-sizing: border-box;
}

.box_news {
    float: left;
    width: 50%;
    padding: 10px 10px;
    box-sizing: border-box;
}

.ds_news p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.new_nb {
    float: left;
    width: 46%;
    padding: 0px 15px;
    box-sizing: border-box;
}

.line_news {
    float: right;
    width: 54%;
    padding: 0px 15px;
    box-sizing: border-box;
    margin: -10px 0px
}

.box_tt_bt {
    padding: 5px 15px;
    float: left;
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    color: #fff
}

.box_news_main {
    box-shadow: 0px 1px 7px rgba(102, 102, 102, 0.29);
}

.ds_news_one {
    margin-top: 10px;
}

    .ds_news_one h3, .ds_news h3 {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

        .ds_news_one h3:hover, .ds_news h3:hover {
            color: #f00
        }

.khung_video {
    float: left;
    width: 45%;
    padding: 0px 15px;
    box-sizing: border-box;
}
/*--------------------------doitac----------------------*/
#doitac {
    padding: 20px 0px;
}

.title_dt {
    margin-bottom: 20px;
}

    .title_dt h4 {
        font-size: 16px;
        text-transform: uppercase;
        padding-bottom: 5px;
        position: relative;
        font-family: 'Open Sans', sans-serif;
    }

        .title_dt h4:after {
            content: '';
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 125px;
            height: 1px;
            background: #851e19
        }

.item_dt {
    padding: 0px 5px;
    box-sizing: border-box;
    text-align: center;
}

    .item_dt img {
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

.item_it {
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
/*---------------------Slider----------------------*/
.slider {
    position: relative;
}

.slick_slider {
    padding: 0px;
    margin: 0px;
}

.slider img {
    width: 100%;
}

.slider ul {
    padding: 0px;
}

    .slider ul li {
        list-style: none
    }

.news_slider {
    background: linear-gradient( to top, #e7d3d3, #fefdfd 90% );
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 297px;
    font-family: 'Open Sans', sans-serif;
    padding: 20px;
    box-sizing: border-box;
}

    .news_slider h3 {
        font-size: 16px;
        color: #851e19;
        margin: 10px 0px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }

/*--------------------tab------------------*/
.vien_one {
    margin: 10px 0px;
}

.title_tt span:hover, .title_tt .active_sp {
    border-top: 2px solid #851e19;
}

.title_tt span {
    background: #f1f1f1;
    padding: 10px;
    border: 1px solid #e6e7eb;
    border-bottom: none;
    display: inline-block;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    transition: all 1s;
    color: #851e19
}

.info_detail {
    border: 1px solid #e6e7eb;
    padding: 10px;
    margin-top: -1px;
}

.show_2, .show_3, .show_4, .show_5, .show_6 {
    display: none;
}

/*------------------product---------------------*/
.ds_sp {
    float: left;
    width: 25%;
    padding: 10px 15px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.ds_product {
    padding: 10px;
    position: relative;
}

    .ds_product:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        right: 10px;
        bottom: 10px;
        background: url(../images/icon_sp.png)no-repeat;
    }

.box-sp {
    box-shadow: 0px 0px 1px rgba(153, 153, 153, 0.27);
}

.sp_lq {
    font-family: 'Open Sans', sans-serif;
}

.line_pro {
    padding: 10px;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    margin-bottom: 10px;
}

.view_sp {
    width: 205px;
    line-height: 43px;
    background: #de131b;
    text-align: center;
    margin: 10px auto;
}

    .view_sp a {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
    }

.slider-nav, .slider-for {
    padding: 0px;
    margin: 0px;
}

.br_img {
    padding: 5px;
    list-style: none;
    float: left;
}

    .br_img img {
        border: 1px solid #f1f1f1;
    }

.app-figure {
    text-align: center;
}

.br_img_main {
    float: left;
    list-style: none
}

.product-pic {
    position: relative;
    padding: 0px;
    border: 1px solid #f1f1f1;
    float: left;
    width: 45%
}

.product-info {
    position: relative;
    float: right;
    width: 52%;
}

.khung_thongtin {
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
}

    .khung_thongtin li {
        padding: 5px 0px 5px 0px;
        border-bottom: 1px solid #eee;
        width: 100%;
        float: left;
        list-style: none
    }

    .khung_thongtin h2 {
        font-size: 20px;
        color: #e40001;
        text-transform: uppercase;
        margin: 0px;
        font-weight: bold;
    }

    .khung_thongtin .masp {
        color: #008CC0;
    }

    .khung_thongtin .mota_detail {
        color: #757575
    }

    .khung_thongtin .gia_detail {
        font-size: 15px;
        color: #cd0000;
    }

        .khung_thongtin .gia_detail b {
            color: #333;
            font-size: 14px;
        }

    .khung_thongtin .giacu_detail {
        color: #999;
        text-decoration: line-through;
    }

        .khung_thongtin .giacu_detail span {
            text-decoration: line-through;
        }

    .khung_thongtin .baohanh_detail {
        color: #015DA4;
    }
/*-------------------news_index----------------------------*/
.box_list_news {
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

.title_list_news {
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 10px;
}

    .title_list_news h4 {
        color: #8b1409;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        position: relative;
        margin: 0px;
        padding-bottom: 10px;
        display: inline-block;
    }

        .title_list_news h4:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: #8b1409;
            left: 0px;
            bottom: -2px;
        }

.ds_news_in {
    padding: 10px 0px;
}

    .ds_news_in h3 {
        color: #333;
        font-size: 15px;
        margin: 5px 0px;
        font-weight: bold;
    }

        .ds_news_in h3:hover {
            color: #f00
        }

.img_news {
    float: left;
    margin-right: 15px;
    overflow: hidden;
    width: 225px;
}

.date_news {
    width: 50px;
    height: 50px;
    background: #851e19;
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding: 3px 0px;
    box-sizing: border-box;
}

    .date_news b {
        font-size: 15px;
        text-decoration: underline;
    }

.tt_img {
    margin-bottom: 10px;
}

.name_img {
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 10px 5px;
    background: #fff;
    border-top: 2px solid #fff;
    transition: all 0.5s
}

    .name_img span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-transform: uppercase;
    }

    .name_img:hover, .tt_img .active_img {
        background: #fff;
        border-top: 2px solid #851010;
        background: #f2f2f2
    }

.hide_img_pt {
    display: none;
}

.img_de_pt .active_img_pt {
    display: block;
}

.ct_lh {
    position: fixed;
    right: 0px;
    bottom: 29%;
    padding: 5px 10px;
    color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
}

    .ct_lh p {
        background: #851e19;
        margin-bottom: 3px;
        padding: 5px
    }

    .ct_lh a {
        color: #fff;
        text-transform: uppercase;
    }

.da_form {
    float: left;
    width: 50%;
    padding: 0px 10px;
    box-sizing: border-box;
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    outline: 0 none;
    position: relative;
}

body .bg_contact {
    height: 100%;
    width: 100%;
    position: absolute:top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

body section.contact {
    margin: 0px auto;
    text-align: center;
    padding: 0px 30px;
    width: 398px;
    background: #fefefe;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 65.5%;
    font-weight: 300;
    color: #333;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%,0%);
}

    body section.contact .tt_frm {
        margin-bottom: 15px;
        font-size: 12px;
        font-weight: 100;
        padding-top: 25px;
    }

        body section.contact .tt_frm b {
            font-weight: bold;
            font-size: 18px;
        }

    body section.contact form {
        text-align: left;
        margin: 0 auto;
    }

#myModal .modal-header {
    padding: 0px !important;
    border-bottom: none !important;
}

body section.contact form input[type="button"].close {
    background: red;
}

.modal#myModal {
    position: fixed;
    top: 25% !important;
    right: 0 !important;
}

button.closexhead {
    position: absolute;
    color: #fff;
    right: -10px;
    top: -10px;
    font-size: 25px;
    z-index: 99999;
    background: red !important;
    width: 30px;
    opacity: 1;
    height: 30px;
    border-radius: 50%;
}

.btn-guithongtin {
    position: relative;
    background: none !important;
    border: none !important;
    padding: none !important;
}

.btn-guithongtin {
    cursor: pointer;
}

.close {
    position: relative;
    top: 3px;
    right: 5px;
    opacity: 1;
}

.object_newsletter {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.modal-open {
    overflow: initial !important;
}

body section.contact form .field {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

    body section.contact form .field label {
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 0;
        background: #228ebc;
        width: 18%;
        padding: 18px 0;
        font-size: 1.45em;
        letter-spacing: -0.4px;
        -webkit-transition: all 333ms ease-in-out;
        -moz-transition: all 333ms ease-in-out;
        -o-transition: all 333ms ease-in-out;
        -ms-transition: all 333ms ease-in-out;
        transition: all 333ms ease-in-out;
    }

        body section.contact form .field label + span {
            opacity: 0;
            color: white;
            display: block;
            position: absolute;
            top: 12px;
            left: 7%;
            font-size: 2.5em;
            text-shadow: 1px 2px 0 #cd6302;
            -webkit-transition: all 333ms ease-in-out;
            -moz-transition: all 333ms ease-in-out;
            -o-transition: all 333ms ease-in-out;
            -ms-transition: all 333ms ease-in-out;
            transition: all 333ms ease-in-out;
        }

    body section.contact form .field input[type="text"], body section.contact form .field input[type="number"], body section.contact form .field input[type="email"] {
        border: none;
        background: #E8E9EA;
        width: 100%;
        margin: 0;
        padding: 4px 0;
        padding-left: 5%;
        text-align: left;
        color: #333;
        font-size: 1.4em;
        letter-spacing: 0.05em;
    }

    body section.contact form .field input.noidunginput {
        padding: 8px 0;
        padding-left: 5%;
    }

    body section.contact form .field textarea {
        border: none;
        background: #E8E9EA;
        width: 100%;
        margin: 0;
        padding: 8px 0;
        padding-left: 5%;
        text-align: left;
        color: #333;
        font-size: 1.4em;
        letter-spacing: 0.05em;
    }

        body section.contact form .field input[type="text"]#msg, body section.contact form .field input[type="number"]#msg, body section.contact form .field input[type="email"]#msg, body section.contact form .field textarea#msg { /*height: 18px;*/
            resize: none;
            -webkit-transition: all 333ms ease-in-out;
            -moz-transition: all 333ms ease-in-out;
            -o-transition: all 333ms ease-in-out;
            -ms-transition: all 333ms ease-in-out;
            transition: all 333ms ease-in-out;
        }

        body section.contact form .field input[type="text"]:focus, body section.contact form .field input[type="text"].focused, body section.contact form .field textarea:focus, body section.contact form .field textarea.focused {
            outline: none;
        }

            body section.contact form .field input[type="text"]:focus#msg, body section.contact form .field input[type="text"].focused#msg, body section.contact form .field textarea:focus#msg, body section.contact form .field textarea.focused#msg { /*padding-bottom: 150px;*/
            }

            body section.contact form .field input[type="text"]:focus + label, body section.contact form .field input[type="text"].focused + label, body section.contact form .field textarea:focus + label, body section.contact form .field textarea.focused + label {
                width: 18%;
                background: #297da0;
                color: #fff;
                letter-spacing: -0.5px;
            }

        body section.contact form .field input[type="text"]:valid + label, body section.contact form .field textarea:valid + label {
            width: 18%;
            background: #297da0;
            color: #fff;
            letter-spacing: -0.5px;
        }

        body section.contact form .field input[type="text"].focused + label, body section.contact form .field textarea.focused + label {
            color: #FD9638;
        }


        body section.contact form .field input[type="number"]:focus, body section.contact form .field input[type="number"].focused, body section.contact form .field textarea:focus, body section.contact form .field textarea.focused {
            outline: none;
        }

            body section.contact form .field input[type="number"]:focus#msg, body section.contact form .field input[type="number"].focused#msg, body section.contact form .field textarea:focus#msg, body section.contact form .field textarea.focused#msg { /*padding-bottom: 150px;*/
            }

            body section.contact form .field input[type="number"]:focus + label, body section.contact form .field input[type="number"].focused + label, body section.contact form .field textarea:focus + label, body section.contact form .field textarea.focused + label {
                width: 18%;
                background: #297da0;
                color: #fff;
                letter-spacing: -0.5px;
            }

        body section.contact form .field input[type="number"]:valid + label, body section.contact form .field textarea:valid + label {
            width: 18%;
            background: #297da0;
            color: #fff;
            letter-spacing: -0.5px;
        }

        body section.contact form .field input[type="number"].focused + label, body section.contact form .field textarea.focused + label {
            color: #FD9638;
        }


        body section.contact form .field input[type="email"]:focus, body section.contact form .field input[type="email"].focused, body section.contact form .field textarea:focus, body section.contact form .field textarea.focused {
            outline: none;
        }

            body section.contact form .field input[type="email"]:focus#msg, body section.contact form .field input[type="email"].focused#msg, body section.contact form .field textarea:focus#msg, body section.contact form .field textarea.focused#msg { /*padding-bottom: 150px;*/
            }

            body section.contact form .field input[type="email"]:focus + label, body section.contact form .field input[type="email"].focused + label, body section.contact form .field textarea:focus + label, body section.contact form .field textarea.focused + label {
                width: 18%;
                background: #297da0;
                color: #fff;
                letter-spacing: -0.5px;
            }

        body section.contact form .field input[type="email"]:valid + label, body section.contact form .field textarea:valid + label {
            width: 18%;
            background: #297da0;
            color: #fff;
            letter-spacing: -0.5px;
        }

        body section.contact form .field input[type="email"].focused + label, body section.contact form .field textarea.focused + label {
            color: #FD9638;
        }


    body section.contact form .field:hover label {
        width: 18%;
        background: #228ebc;
        color: white;
        letter-spacing: -0.5px;
    }

body section.contact form input#feedback_submit, body section.contact form input.btnCancel {
    background: #2196F3;
    color: #fff;
    -webkit-appearance: none;
    border: none;
    position: relative;
    margin: 15px 0px 15px 0px;
    padding: 10px 20px;
    font-size: 1.4em;
    letter-spacing: 0.1em;
    font-weight: 300;
    -webkit-transition: all 333ms ease-in-out;
    -moz-transition: all 333ms ease-in-out;
    -o-transition: all 333ms ease-in-out;
    -ms-transition: all 333ms ease-in-out;
    transition: all 333ms ease-in-out;
}

    body section.contact form input#feedback_submit:hover, body section.contact form input.btnCancel:hover {
        background: #a2a214;
        color: #fff;
    }

    body section.contact form input#feedback_submit:focus, body section.contact form input.btnCancel:focus {
        outline: none;
        background: #cd6302;
    }

.modal-dialog {
    width: 400px !important;
    margin: 0px auto;
}

.full-width {
    width: 100%;
}

.duan {
    margin-top: 1.5rem;
}

.fill {
    width: 100%;
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

.img-full-width {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-animation: zoomin 30s ease-in infinite;
    animation: zoomin 30s ease-in infinite;
    transition: all .5s ease-in-out;
}
@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.duan_in_detail .summary {
    font-weight: bold;
}
.h-link {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 1rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.h-link ul {
    display: block;
    padding-left: 0;
}
.h-link ul li {
    display: inline-block;
    padding: 0rem 1.5rem;
    position: relative;
}
    .h-link ul li::after {
        transition: all 0.4s ease-in-out;
        content: '';
        width: 0;
        height: 4px;
        bottom: 0;
        left: 0;
        background-color: #910D10;
        position: absolute;
    }
    .h-link ul li a {
        text-transform: uppercase;
        font-weight: bold;
    }
    .h-link ul li:hover a {
        color: #910D10;
    }
.h-link ul li:hover::after {
        width: 100%;
    }
    .fix-nav {
        position: fixed;
        top: 56px;
        background: #fff;
        width: 100%;
        left: 0;
        box-shadow: 0 0 10px 1px #666;
        border: none;
        z-index: 1000;
    }

.img-thumb{
    position: relative;
    padding-left: 100%;
    padding-top: 66.667%;
    overflow: hidden;
    line-height: 0;
}
.img-thumb2 {
    padding-top: 56%;
}
.img-thumb a{
    display: inline-block;
}
.img-thumb img.img-fix{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.box-ct {
    padding: 1rem 10px;
}
.box-ct .title-ct h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #851e19;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 20px;
    font-weight: bold;
}
.box-ct .sup {
    display: flex;
    justify-content: space-between;
}
.box-ct span{
    font-size: 11px;
    font-weight: bold;
    color: #666;
}
    .box-ct .sumary p {
        margin-bottom: 10px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 20px;
    }
    .box-ct .see-more{
        text-align: center;
        margin-top: 1rem;
    }
        .box-ct .see-more a {
            display: inline-block;
            padding: 5px 1.5rem;
            background-color: #851e19;
            color: #fff;
            text-transform: uppercase;
            margin: auto;
            border: 1px solid transparent;
            transition: all .4s ease-in-out;
        }
        .box-ct .see-more a:hover {
            border: 1px solid #851e19;
            color: #851e19;
            background-color: #fff;
        }
        .container00{
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-auto-rows: minmax(1rem,auto);
            gird-gap: 15px;
        }
        .container00 .item{
            grid-column: 4fr;
        }

.group-summary{
    text-align: center;
    font-weight: bold;
}
.m-auto{
    margin: auto;
}
.mw-80{
    max-width: 80%;
}
.flex-layout{
    display: flex;
}
.page-left .box_duan {
    width: calc(100%/3);
}
.page-left{
    flex: 0 0 75%;
    max-width: 75%;
}
.page-right{
    flex: 0 0 25%;
    max-width: 25%;
}
ul.pagination{
    padding-left: 0;
}

.widget-area{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.widget-area .widget .wg-title{
    text-transform: uppercase;
    font-weight: bold;
    color: #851e19;
    font-size: 16px;
    margin-bottom: 1.5rem;
}
.project-list-wg{
    padding-left: 0;
    display: block;
}
ul.project-list-wg li{
    margin-bottom: 1rem;
    list-style-type: none;
}
    ul.project-list-wg li a {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }
        ul.project-list-wg li a:hover img{
            transform: scale(1.05);
        }
        ul.project-list-wg li a:hover .title-item-wg {
            color: #851e19;
        }
        .fix-square {
            transition: all 0.4s ease;
            object-fit: cover;
            object-position: center;
            overflow: hidden;
        }
.w-60{
    width: 100px;
    height: 75px !important;
}
h3.title-item-wg {
    transition: all 0.4s ease;
    font-size: 12px;
    padding-left: 1rem;
    font-weight: bold;
    color: #851d1a;
}
.footer-2 {
    background: linear-gradient(90deg, #851e19 37%, #272727 22%);
    min-height: 300px;
}
    .footer-2 .container{
        max-width: 1366px;
        margin: auto;
    }
        .footer-2 .container .row{
            display: flex;
            margin: 0 -15px;
            flex-direction: row;
        }
            .footer-2 .container .row .col-4{
                flex: 0 0 33.33%;
                max-width: 33.33%;
            }
.logo-footer h3{
    color: #fff;
}
.link-ob {
    transition: none;
}
figcaption {
    text-align: center;
}
    a > figcaption, a:hover > figcaption {
        color: #851e19;
    }
.da-detail h2 {
    color: #d35400;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 1rem;
    font-weight: bold;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
    .da-detail h2:after {
        content: '';
        width: 100px;
        height: 3px;
        background-color: #d35400;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
@media screen and (max-width: 768px) {
    .page-left, .page-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
div.maxwidth {width:90%;margin:0 auto;max-width: 1200px;}
@media (min-width: 1200px){


}
@media (max-width:1300px){
	#menu_top:after,#menu_top:before,.wrapper:after,.wrapper:before{display: none;}

}
@media (max-width:1200px){
	.noidung { padding: 0 15px;	}
	.pddl_0{padding-left: 15px !important;}
	.pddr_0{padding-right: 15px !important;}
	.footer_end{text-align: center !important;}
	#menu_top{display: none;}
	.menu_rp {display:block;}
	.slogan{margin-left: 0px;}
	.header{background: #861f1a}
	.logo{width: 100%;text-align: center;}

}
@media (max-width: 990px){
	.news_slider{display: none}
	.footer{background: #272727}
	.box_ft{width: 100%}
	.box_ft1, .box_ft2, .box_ft3, .box_ft4{width: 25%}
	.box_duan{width: 33.3%}
	.title_ab h3{font-size: 20px;}
	.logo_intro, .bv_intro{width: 100%;text-align: center;}
	.line_intro{display: none}
	.center_intro{padding: 0px;}
	.top_intro{padding: 20px;}
	.box_ht h3{font-size: 15px;}
	.img_list_left{display: none}
	.pro_right, .form_lh_index{width: 100%}
	.wr_service{width: 100%}
	.new_nb{display: none}
	.line_news{width: 100%}
	.list_product{display: none}
	.product_nb{width: 100%}
	.img_top h3{font-size: 15px;}
	.title_main h2{font-size: 18px;}
	.bottom_two{width: 50%}
	.setting{display: none}
	.setting{text-align: center;width: 100%}
	.title h4{font-size: 20px;}
	.box_video, .ds_sp, .ds_sp_nb {width: 33.3%}
	.news_left, .news_right, .tuvan_right, .ds_ab{width: 100%}
	.lienket{width: 100%}
	.info_st{display: none}
	.hr_left{display: none}
	.ds_qc{padding: 10px 0px;}
	.ds_qc h4{font-size: 20px;}
	.ds_qc p{font-size: 16px;}
	.copy{width: 100%}{width: 100%}
	.khung_left{display: none}
	.khung_right{width: 100%}
	.info_left{display: none}
	.info_right{width: 100%}
	.left-index{display:none;}
	.content-index{width:100%;}
	.left{display:none;}
	.content{width: 100%}
	.da_item:nth-child(4n+1){clear:none;}
	.da_item:nth-child(3n+1){clear:both;}
	.box_top_content .desc.left-1{left: 0;}
	.box_top_content .bottom-1{bottom: 0;}
	.noidung-footer-one {    height:136px;}
	.sp_lq{display: none}
}

@media (max-width: 768px){
	.fill {
		background-color: none;
		min-height: 300px;
	}
	.img-full-width {
		opacity: 1;
	}
	.noidung p {
		text-align: justify
	}
	.ds_duan h3, .ds_duan p {
		height: 40px;
	}
	.call-now-button .call-text {
		display: none;
	}
	.noidung h1{
		font-size: 20px;
	}
	.noidung h2{
		font-size: 16px;
	}
	.h-link ul li {
		padding: 0 0.5rem
	}
	.header_top {
		display: none;
	}
	.da_form {
		width: 100%;
		margin: 10px 0px
	}
	.ct_lh{display: none}
	.box_news{width: 100%}
	.box_duan{width: 50%}
	.slogan{width: 100%;text-align: center;background: none}
	#timkiem{width: 100%;margin: 10px 0px}
	.img_news {width: 150px;}
	.ds_news p {overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
	.menu_qt li{width: 50%}
	.box_lv .img_lv{width: 150px;}
	.ds_lv h3{font-size: 20px;}
	
	.box_ht{    display: inline-block; width: 30%; margin: 1%; -webkit-clip-path: inherit !important; clip-path: inherit !important; }
	.head_top p{width: 100%;text-align: center;}
	.box_ft, .letter, .fanpage, .thongke{width: 100%;padding: 10px 0px;}
	.img_about{width: 100%;margin-top: 10px;}
	.ds_about{width: 100%;}
	
	.map, .product-pic, .product-info, .khung_trai , .khung_phai, .first-item-news, .wr_service, .wr_kh, .wr_news, .khung_video, .bottom_news{width: 100%;padding: 0px;}
	.khung_video{margin: 10px 0px;}
	.box_ft, .chinhanh, .box_ft1, .box_ft2, .box_ft3, .box_ft4{width: 100%;margin: 0px;padding: 10px 0px;}
	.box_cn{display: none}
	.tin_left , .tin_right{padding: 0px;}
	.bottom_pt {padding: 0px;}
	.hotline_sl{display: none;}
	.ds_qc{padding: 5px 0px;}
	.ds_qc h4{font-size: 16px;}
	.ds_qc p{font-size: 14px;}
	.dangkymail{width: 100%;margin-top: 10px;}
	.info_news{margin-top: 20px;}
	.img-about{padding: 0px;}

	#footerSlideContainer{display: none;}
	.noidung-footer-one{height:auto;}
	.noidung-footer{margin-bottom:20px;}
	#lkweb{width:100%;}
	.box-video{padding:0px !important;}
	.box-tin-bottom{padding:0px;}
	.content-index{padding:0px;}
	.left-index {display:none;}
	.content-index{width:100%;}
	.dienthoai{display:none;}
	.head-phone{display:none;}
	.img-dv{width:100px;}
	.desc-dv {height: 20px;}
	.left-product{display:none;}
	.bottom_content .bottom_wrap{background: none;}
	.bottom_content .bottom_wrap .wrap{height: auto;padding:0px !important;border:none;}
	.bottom_content .bottom_wrap .wrap .cont{height: auto !important}
	
	.da_item:nth-child(4n+1){clear:none;}
	.da_item:nth-child(3n+1){clear:none;}
	.da_item:nth-child(2n+1){clear:both;}
	.call{display: block;}
	.footer_end{    position: relative; width: 100%;}
	.facebook_bt{display: none}
	.noidung_ft ,.menu_footer , .bando {padding: 0px;}
	.box_video, .ds_sp, .ds_sp_nb, .ds_sp_index {width: 50%}
	.logo_ct {position: relative; right: 0px; bottom: 0px; margin: 10px 0px; }
}
@media (max-width: 580px){
	body section.contact{width:100%;}
	.modal-dialog {
    width: 95% !important;
	}
	.box_ft{width: 100%;margin: 10px 0px;}
	.project_item .over_lay .desc{display: none;}

}

@media (max-width: 480px){
	.box_duan{width: 100%}
	.date_news{display: none}
	.box_ht{width: 100%}
	.bottom_two{width: 100%}
	.first-item-news .img{width: 100%}
	.tintuc_left p{display: none}
	.sp_click  {font-size:12px;}
	.noidung-footer{padding:0px;text-align:center;}
	.noidung-guitin{padding:0px;display:none}
	.noidung-tk{text-align:center;}
	.noidung-tk ul {background:none !important;}
	.video{padding:0px;}
	.img-dv { width: 100%;}
	.head-one{width:100%;}
	.img-dv-tow {margin-left:0px;}
	.img-dv{margin-right:0px;}
	.stt{top:30%;}
	.daichi-ft{text-align:center;margin-bottom:10px;}
	.header-midle .email i{display: none;}
	.header-midle .hotline{background: none;padding: 0px;font-size: 15px;}
	.tt_main .title:after,.tt_main .title:before{display: none}
	.tt_main .title{display: block;}
	.tt_main .title span{display: none;}

	.box-news h3 {padding-top: 15px;clear: both;}
	.box_top_content .dm_first .desc{position: relative;}
	ul.tab_home > li{width: 100%;text-align: center;}
	
	
}
@media (max-width: 320px){
	.menu_qt li{width: 100%}
	.box-sp-w{padding:0px !important;margin-bottom:10px;}
}
.call-now-button p.call-text a:link {
    color: red;
    font-weight: bold;
    font-size: 19px;
}


.quick-call-button {
    display: none
}

.call-now-button {
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
    background: #1e73be;
    right: 3%;
    top: 85%;
    display: block;
    color: #fff;
    border: 1px solid #ccc;
}

.bt-phone {
    background: #fff;
    top: 75%;
}

    .call-now-button div {
        display: flex
    }

        .call-now-button div p {
            color: #fff;
            display: table;
            padding: 10px;
            border-radius: 21px;
            height: 34px;
            line-height: 14px;
            font-size: 14px;
            margin: 8px 50px 8px 5px;
            text-transform: uppercase;
            font-weight: normal;
            text-align: center;
            box-sizing: content-box;
            text-decoration: none !important;
            box-sizing: border-box
        }

.quick-alo-ph-circle {
    width: 100px;
    height: 100px;
    top: -25px;
    right: -25px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 5px solid rgba(30,30,30,.4);
    opacity: 1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.quick-alo-ph-circle-fill {
    width: 80px;
    height: 80px;
    top: -15px;
    right: -15px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}



/*

.quick-alo-ph-btn-icon.quick-alo-email-img-circle {
    background: url(../../images/quick-call-button-email.png) no-repeat center center;
    background-size: 40px 40px;
}

.quick-alo-ph-btn-icon.quick-alo-cart-img-circle {
    background: url(../../images/quick-call-button-cart.png) no-repeat center center;
    background-size: 40px 40px;
}



.quick-alo-ph-btn-icon.quick-alo-facebook-img-circle {
    background: url(../../images/quick-call-button-facebook.png) no-repeat center center;
    background-size: 40px 40px;
}

.quick-alo-ph-btn-icon.quick-alo-messenger-img-circle {
    background: url(../../images/quick-call-button-messenger.png) no-repeat center center;
    background-size: 40px 40px;
}
*/

.quick-alo-ph-btn-icon.quick-alo-phone-img-circle {
    background: url(../images/quick-call-button-phone.png) no-repeat center center;
    background-size: 40px 40px;
}
.quick-alo-ph-btn-icon.quick-alo-zalo-img-circle {
    background: url(../images/quick-call-button-zalo.png) no-repeat center center;
    background-size: 40px 40px;
}

.quick-alo-ph-btn-icon {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #0c3 !important;
}
.bt-phone .quick-alo-ph-btn-icon {
    background-color: red !important;
}
@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    10% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@media (max-width: 768px) {
    .call-text {
        display: none;
    }
}