@keyframes showSweetAlert{
    0%{
        transform:scale(.7)
    }
    45%{
        transform:scale(1.05)
    }
    80%{
        transform:scale(.95)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes hideSweetAlert{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(.5)
    }
}
@keyframes slideFromTop{
    0%{
        top:0
    }
    100%{
        top:50%
    }
}
@keyframes slideToTop{
    0%{
        top:50%
    }
    100%{
        top:0
    }
}
@keyframes slideFromBottom{
    0%{
        top:70%
    }
    100%{
        top:50%
    }
}
@keyframes slideToBottom{
    0%{
        top:50%
    }
    100%{
        top:70%
    }
}
.showSweetAlert{
    animation:showSweetAlert .3s
}
.showSweetAlert[data-animation=none]{
    animation:none
}
.showSweetAlert[data-animation=slide-from-top]{
    animation:slideFromTop .3s
}
.showSweetAlert[data-animation=slide-from-bottom]{
    animation:slideFromBottom .3s
}
.hideSweetAlert{
    animation:hideSweetAlert .3s
}
.hideSweetAlert[data-animation=none]{
    animation:none
}
.hideSweetAlert[data-animation=slide-from-top]{
    animation:slideToTop .3s
}
.hideSweetAlert[data-animation=slide-from-bottom]{
    animation:slideToBottom .3s
}
@keyframes animateSuccessTip{
    0%{
        width:0;
        left:1px;
        top:19px
    }
    54%{
        width:0;
        left:1px;
        top:19px
    }
    70%{
        width:50px;
        left:-8px;
        top:37px
    }
    84%{
        width:17px;
        left:21px;
        top:48px
    }
    100%{
        width:25px;
        left:14px;
        top:45px
    }
}
@keyframes animateSuccessLong{
    0%{
        width:0;
        right:46px;
        top:54px
    }
    65%{
        width:0;
        right:46px;
        top:54px
    }
    84%{
        width:55px;
        right:0;
        top:35px
    }
    100%{
        width:47px;
        right:8px;
        top:38px
    }
}
@keyframes rotatePlaceholder{
    0%{
        transform:rotate(-45deg)
    }
    5%{
        transform:rotate(-45deg)
    }
    12%{
        transform:rotate(-405deg)
    }
    100%{
        transform:rotate(-405deg)
    }
}
.animateSuccessTip{
    animation:animateSuccessTip .75s
}
.animateSuccessLong{
    animation:animateSuccessLong .75s
}
.sa-icon.sa-success.animate::after{
    animation:rotatePlaceholder 4.25s ease-in
}
@keyframes animateErrorIcon{
    0%{
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        transform:rotateX(0);
        opacity:1
    }
}
.animateErrorIcon{
    animation:animateErrorIcon .5s
}
@keyframes animateXMark{
    0%{
        transform:scale(.4);
        margin-top:26px;
        opacity:0
    }
    50%{
        transform:scale(.4);
        margin-top:26px;
        opacity:0
    }
    80%{
        transform:scale(1.15);
        margin-top:-6px
    }
    100%{
        transform:scale(1);
        margin-top:0;
        opacity:1
    }
}
.animateXMark{
    animation:animateXMark .5s
}
@keyframes pulseWarning{
    0%{
        border-color:#f8d486
    }
    100%{
        border-color:#f8bb86
    }
}
.pulseWarning{
    animation:pulseWarning .75s infinite alternate
}
@keyframes pulseWarningIns{
    0%{
        background-color:#f8d486
    }
    100%{
        background-color:#f8bb86
    }
}
.pulseWarningIns{
    animation:pulseWarningIns .75s infinite alternate
}
@keyframes rotate-loading{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
body.stop-scrolling{
    height:100%;
    overflow:hidden
}
.sweet-overlay{
    background-color:rgba(0,0,0,.4);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:1040
}
.sweet-alert{
    background-color:#fff;
    width:478px;
    padding:17px;
    border-radius:5px;
    text-align:center;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-256px;
    margin-top:-200px;
    overflow:hidden;
    display:none;
    z-index:2000
}
@media all and (max-width:767px){
    .sweet-alert{
        width:auto;
        margin-left:0;
        margin-right:0;
        left:15px;
        right:15px
    }
}
.sweet-alert .form-group{
    display:none
}
.sweet-alert .form-group .sa-input-error{
    display:none
}
.sweet-alert.show-input .form-group{
    display:block
}
.sweet-alert .sa-confirm-button-container{
    display:inline-block;
    position:relative
}
.sweet-alert .la-ball-fall{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-27px;
    margin-top:-9px;
    opacity:0;
    visibility:hidden
}
.sweet-alert button[disabled]{
    opacity:.6;
    cursor:default
}
.sweet-alert button.confirm[disabled]{
    color:transparent
}
.sweet-alert button.confirm[disabled]~.la-ball-fall{
    opacity:1;
    visibility:visible;
    transition-delay:0s
}
.sweet-alert .sa-icon{
    width:80px;
    height:80px;
    border:4px solid gray;
    border-radius:50%;
    margin:20px auto;
    position:relative;
    box-sizing:content-box
}
.sweet-alert .sa-icon.sa-error{
    border-color:#d43f3a
}
.sweet-alert .sa-icon.sa-error .sa-x-mark{
    position:relative;
    display:block
}
.sweet-alert .sa-icon.sa-error .sa-line{
    position:absolute;
    height:5px;
    width:47px;
    background-color:#d9534f;
    display:block;
    top:37px;
    border-radius:2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left{
    transform:rotate(45deg);
    left:17px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right{
    transform:rotate(-45deg);
    right:16px
}
.sweet-alert .sa-icon.sa-warning{
    border-color:#eea236
}
.sweet-alert .sa-icon.sa-warning .sa-body{
    position:absolute;
    width:5px;
    height:47px;
    left:50%;
    top:10px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#f0ad4e
}
.sweet-alert .sa-icon.sa-warning .sa-dot{
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    left:50%;
    bottom:10px;
    background-color:#f0ad4e
}
.sweet-alert .sa-icon.sa-info{
    border-color:#46b8da
}
.sweet-alert .sa-icon.sa-info::before{
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#5bc0de
}
.sweet-alert .sa-icon.sa-info::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#5bc0de
}
.sweet-alert .sa-icon.sa-success{
    border-color:#4cae4c
}
.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{
    content:'';
    border-radius:50%;
    position:absolute;
    width:60px;
    height:120px;
    background:#fff;
    transform:rotate(45deg)
}
.sweet-alert .sa-icon.sa-success::before{
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    transform:rotate(-45deg);
    transform-origin:60px 60px
}
.sweet-alert .sa-icon.sa-success::after{
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    transform:rotate(-45deg);
    transform-origin:0 60px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder{
    width:80px;
    height:80px;
    border:4px solid rgba(92,184,92,.2);
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2
}
.sweet-alert .sa-icon.sa-success .sa-fix{
    width:5px;
    height:90px;
    background-color:#fff;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    transform:rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line{
    height:5px;
    background-color:#5cb85c;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{
    width:25px;
    left:14px;
    top:46px;
    transform:rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long{
    width:47px;
    right:8px;
    top:38px;
    transform:rotate(-45deg)
}
.sweet-alert .sa-icon.sa-custom{
    background-size:contain;
    border-radius:0;
    border:none;
    background-position:center center;
    background-repeat:no-repeat
}
.sweet-alert .btn-default:focus{
    border-color:#ccc;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,204,204,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(204,204,204,.6)
}
.sweet-alert .btn-success:focus{
    border-color:#4cae4c;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(76,174,76,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(76,174,76,.6)
}
.sweet-alert .btn-info:focus{
    border-color:#46b8da;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,184,218,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,184,218,.6)
}
.sweet-alert .btn-danger:focus{
    border-color:#d43f3a;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(212,63,58,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(212,63,58,.6)
}
.sweet-alert .btn-warning:focus{
    border-color:#eea236;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,162,54,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238,162,54,.6)
}
.sweet-alert button::-moz-focus-inner{
    border:0
}
/*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */
.la-ball-fall,.la-ball-fall>div{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.la-ball-fall{
    display:block;
    font-size:0;
    color:#fff
}
.la-ball-fall.la-dark{
    color:#333
}
.la-ball-fall>div{
    display:inline-block;
    float:none;
    background-color:currentColor;
    border:0 solid currentColor
}
.la-ball-fall{
    width:54px;
    height:18px
}
.la-ball-fall>div{
    width:10px;
    height:10px;
    margin:4px;
    border-radius:100%;
    opacity:0;
    -webkit-animation:ball-fall 1s ease-in-out infinite;
    -moz-animation:ball-fall 1s ease-in-out infinite;
    -o-animation:ball-fall 1s ease-in-out infinite;
    animation:ball-fall 1s ease-in-out infinite
}
.la-ball-fall>div:nth-child(1){
    -webkit-animation-delay:-.2s;
    -moz-animation-delay:-.2s;
    -o-animation-delay:-.2s;
    animation-delay:-.2s
}
.la-ball-fall>div:nth-child(2){
    -webkit-animation-delay:-.1s;
    -moz-animation-delay:-.1s;
    -o-animation-delay:-.1s;
    animation-delay:-.1s
}
.la-ball-fall>div:nth-child(3){
    -webkit-animation-delay:0s;
    -moz-animation-delay:0s;
    -o-animation-delay:0s;
    animation-delay:0s
}
.la-ball-fall.la-sm{
    width:26px;
    height:8px
}
.la-ball-fall.la-sm>div{
    width:4px;
    height:4px;
    margin:2px
}
.la-ball-fall.la-2x{
    width:108px;
    height:36px
}
.la-ball-fall.la-2x>div{
    width:20px;
    height:20px;
    margin:8px
}
.la-ball-fall.la-3x{
    width:162px;
    height:54px
}
.la-ball-fall.la-3x>div{
    width:30px;
    height:30px;
    margin:12px
}
@-webkit-keyframes ball-fall{
    0%{
        opacity:0;
        -webkit-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@-moz-keyframes ball-fall{
    0%{
        opacity:0;
        -moz-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -moz-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@-o-keyframes ball-fall{
    0%{
        opacity:0;
        -o-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -o-transform:translateY(145%);
        transform:translateY(145%)
    }
}
@keyframes ball-fall{
    0%{
        opacity:0;
        -webkit-transform:translateY(-145%);
        -moz-transform:translateY(-145%);
        -o-transform:translateY(-145%);
        transform:translateY(-145%)
    }
    10%{
        opacity:.5
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    80%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    90%{
        opacity:.5
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(145%);
        -moz-transform:translateY(145%);
        -o-transform:translateY(145%);
        transform:translateY(145%)
    }
}
.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;
    position:relative
}
.owl-carousel{
    display:none;
    width:100%;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
    display:block;
    width:100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.owl-carousel .animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.owl-height{
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    -ms-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
.owl-theme .owl-dots,.owl-theme .owl-nav{
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav{
    margin-top:10px
}
.owl-theme .owl-nav [class*=owl-]{
    color:#fff;
    font-size:14px;
    margin:5px;
    padding:4px 7px;
    background:#d6d6d6;
    display:inline-block;
    cursor:pointer;
    border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background:#869791;
    color:#fff;
    text-decoration:none
}
.owl-theme .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:10px
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1
}
.owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity .2s ease;
    border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#869791
}
ul.progressBar li.last-child{
    margin-right:0
}
ul.progressBar li:last-child{
    margin-right:0
}
/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    margin:.67em 0;
    font-size:2em
}
mark{
    color:#000;
    background:#ff0
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    margin:0;
    font:inherit;
    color:inherit
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    padding:.35em .625em .75em;
    margin:0 2px;
    border:1px solid silver
}
legend{
    padding:0;
    border:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-spacing:0;
    border-collapse:collapse
}
td,th{
    padding:0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print{
    *,:after,:before{
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    blockquote,pre{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    img{
        max-width:100%!important
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    .navbar{
        display:none
    }
    .btn>.caret,.dropup>.btn>.caret{
        border-top-color:#000!important
    }
    .label{
        border:1px solid #000
    }
    .table{
        border-collapse:collapse!important
    }
    .table td,.table th{
        background-color:#fff!important
    }
    .table-bordered td,.table-bordered th{
        border:1px solid #ddd!important
    }
}
@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular-1.eot) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.hxd) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular-1.hxd) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg) format('svg')
}
.glyphicon{
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.glyphicon-asterisk:before{
    content:"\002a"
}
.glyphicon-plus:before{
    content:"\002b"
}
.glyphicon-eur:before,.glyphicon-euro:before{
    content:"\20ac"
}
.glyphicon-minus:before{
    content:"\2212"
}
.glyphicon-cloud:before{
    content:"\2601"
}
.glyphicon-envelope:before{
    content:"\2709"
}
.glyphicon-pencil:before{
    content:"\270f"
}
.glyphicon-glass:before{
    content:"\e001"
}
.glyphicon-music:before{
    content:"\e002"
}
.glyphicon-search:before{
    content:"\e003"
}
.glyphicon-heart:before{
    content:"\e005"
}
.glyphicon-star:before{
    content:"\e006"
}
.glyphicon-star-empty:before{
    content:"\e007"
}
.glyphicon-user:before{
    content:"\e008"
}
.glyphicon-film:before{
    content:"\e009"
}
.glyphicon-th-large:before{
    content:"\e010"
}
.glyphicon-th:before{
    content:"\e011"
}
.glyphicon-th-list:before{
    content:"\e012"
}
.glyphicon-ok:before{
    content:"\e013"
}
.glyphicon-remove:before{
    content:"\e014"
}
.glyphicon-zoom-in:before{
    content:"\e015"
}
.glyphicon-zoom-out:before{
    content:"\e016"
}
.glyphicon-off:before{
    content:"\e017"
}
.glyphicon-signal:before{
    content:"\e018"
}
.glyphicon-cog:before{
    content:"\e019"
}
.glyphicon-trash:before{
    content:"\e020"
}
.glyphicon-home:before{
    content:"\e021"
}
.glyphicon-file:before{
    content:"\e022"
}
.glyphicon-time:before{
    content:"\e023"
}
.glyphicon-road:before{
    content:"\e024"
}
.glyphicon-download-alt:before{
    content:"\e025"
}
.glyphicon-download:before{
    content:"\e026"
}
.glyphicon-upload:before{
    content:"\e027"
}
.glyphicon-inbox:before{
    content:"\e028"
}
.glyphicon-play-circle:before{
    content:"\e029"
}
.glyphicon-repeat:before{
    content:"\e030"
}
.glyphicon-refresh:before{
    content:"\e031"
}
.glyphicon-list-alt:before{
    content:"\e032"
}
.glyphicon-lock:before{
    content:"\e033"
}
.glyphicon-flag:before{
    content:"\e034"
}
.glyphicon-headphones:before{
    content:"\e035"
}
.glyphicon-volume-off:before{
    content:"\e036"
}
.glyphicon-volume-down:before{
    content:"\e037"
}
.glyphicon-volume-up:before{
    content:"\e038"
}
.glyphicon-qrcode:before{
    content:"\e039"
}
.glyphicon-barcode:before{
    content:"\e040"
}
.glyphicon-tag:before{
    content:"\e041"
}
.glyphicon-tags:before{
    content:"\e042"
}
.glyphicon-book:before{
    content:"\e043"
}
.glyphicon-bookmark:before{
    content:"\e044"
}
.glyphicon-print:before{
    content:"\e045"
}
.glyphicon-camera:before{
    content:"\e046"
}
.glyphicon-font:before{
    content:"\e047"
}
.glyphicon-bold:before{
    content:"\e048"
}
.glyphicon-italic:before{
    content:"\e049"
}
.glyphicon-text-height:before{
    content:"\e050"
}
.glyphicon-text-width:before{
    content:"\e051"
}
.glyphicon-align-left:before{
    content:"\e052"
}
.glyphicon-align-center:before{
    content:"\e053"
}
.glyphicon-align-right:before{
    content:"\e054"
}
.glyphicon-align-justify:before{
    content:"\e055"
}
.glyphicon-list:before{
    content:"\e056"
}
.glyphicon-indent-left:before{
    content:"\e057"
}
.glyphicon-indent-right:before{
    content:"\e058"
}
.glyphicon-facetime-video:before{
    content:"\e059"
}
.glyphicon-picture:before{
    content:"\e060"
}
.glyphicon-map-marker:before{
    content:"\e062"
}
.glyphicon-adjust:before{
    content:"\e063"
}
.glyphicon-tint:before{
    content:"\e064"
}
.glyphicon-edit:before{
    content:"\e065"
}
.glyphicon-share:before{
    content:"\e066"
}
.glyphicon-check:before{
    content:"\e067"
}
.glyphicon-move:before{
    content:"\e068"
}
.glyphicon-step-backward:before{
    content:"\e069"
}
.glyphicon-fast-backward:before{
    content:"\e070"
}
.glyphicon-backward:before{
    content:"\e071"
}
.glyphicon-play:before{
    content:"\e072"
}
.glyphicon-pause:before{
    content:"\e073"
}
.glyphicon-stop:before{
    content:"\e074"
}
.glyphicon-forward:before{
    content:"\e075"
}
.glyphicon-fast-forward:before{
    content:"\e076"
}
.glyphicon-step-forward:before{
    content:"\e077"
}
.glyphicon-eject:before{
    content:"\e078"
}
.glyphicon-chevron-left:before{
    content:"\e079"
}
.glyphicon-chevron-right:before{
    content:"\e080"
}
.glyphicon-plus-sign:before{
    content:"\e081"
}
.glyphicon-minus-sign:before{
    content:"\e082"
}
.glyphicon-remove-sign:before{
    content:"\e083"
}
.glyphicon-ok-sign:before{
    content:"\e084"
}
.glyphicon-question-sign:before{
    content:"\e085"
}
.glyphicon-info-sign:before{
    content:"\e086"
}
.glyphicon-screenshot:before{
    content:"\e087"
}
.glyphicon-remove-circle:before{
    content:"\e088"
}
.glyphicon-ok-circle:before{
    content:"\e089"
}
.glyphicon-ban-circle:before{
    content:"\e090"
}
.glyphicon-arrow-left:before{
    content:"\e091"
}
.glyphicon-arrow-right:before{
    content:"\e092"
}
.glyphicon-arrow-up:before{
    content:"\e093"
}
.glyphicon-arrow-down:before{
    content:"\e094"
}
.glyphicon-share-alt:before{
    content:"\e095"
}
.glyphicon-resize-full:before{
    content:"\e096"
}
.glyphicon-resize-small:before{
    content:"\e097"
}
.glyphicon-exclamation-sign:before{
    content:"\e101"
}
.glyphicon-gift:before{
    content:"\e102"
}
.glyphicon-leaf:before{
    content:"\e103"
}
.glyphicon-fire:before{
    content:"\e104"
}
.glyphicon-eye-open:before{
    content:"\e105"
}
.glyphicon-eye-close:before{
    content:"\e106"
}
.glyphicon-warning-sign:before{
    content:"\e107"
}
.glyphicon-plane:before{
    content:"\e108"
}
.glyphicon-calendar:before{
    content:"\e109"
}
.glyphicon-random:before{
    content:"\e110"
}
.glyphicon-comment:before{
    content:"\e111"
}
.glyphicon-magnet:before{
    content:"\e112"
}
.glyphicon-chevron-up:before{
    content:"\e113"
}
.glyphicon-chevron-down:before{
    content:"\e114"
}
.glyphicon-retweet:before{
    content:"\e115"
}
.glyphicon-shopping-cart:before{
    content:"\e116"
}
.glyphicon-folder-close:before{
    content:"\e117"
}
.glyphicon-folder-open:before{
    content:"\e118"
}
.glyphicon-resize-vertical:before{
    content:"\e119"
}
.glyphicon-resize-horizontal:before{
    content:"\e120"
}
.glyphicon-hdd:before{
    content:"\e121"
}
.glyphicon-bullhorn:before{
    content:"\e122"
}
.glyphicon-bell:before{
    content:"\e123"
}
.glyphicon-certificate:before{
    content:"\e124"
}
.glyphicon-thumbs-up:before{
    content:"\e125"
}
.glyphicon-thumbs-down:before{
    content:"\e126"
}
.glyphicon-hand-right:before{
    content:"\e127"
}
.glyphicon-hand-left:before{
    content:"\e128"
}
.glyphicon-hand-up:before{
    content:"\e129"
}
.glyphicon-hand-down:before{
    content:"\e130"
}
.glyphicon-circle-arrow-right:before{
    content:"\e131"
}
.glyphicon-circle-arrow-left:before{
    content:"\e132"
}
.glyphicon-circle-arrow-up:before{
    content:"\e133"
}
.glyphicon-circle-arrow-down:before{
    content:"\e134"
}
.glyphicon-globe:before{
    content:"\e135"
}
.glyphicon-wrench:before{
    content:"\e136"
}
.glyphicon-tasks:before{
    content:"\e137"
}
.glyphicon-filter:before{
    content:"\e138"
}
.glyphicon-briefcase:before{
    content:"\e139"
}
.glyphicon-fullscreen:before{
    content:"\e140"
}
.glyphicon-dashboard:before{
    content:"\e141"
}
.glyphicon-paperclip:before{
    content:"\e142"
}
.glyphicon-heart-empty:before{
    content:"\e143"
}
.glyphicon-link:before{
    content:"\e144"
}
.glyphicon-phone:before{
    content:"\e145"
}
.glyphicon-pushpin:before{
    content:"\e146"
}
.glyphicon-usd:before{
    content:"\e148"
}
.glyphicon-gbp:before{
    content:"\e149"
}
.glyphicon-sort:before{
    content:"\e150"
}
.glyphicon-sort-by-alphabet:before{
    content:"\e151"
}
.glyphicon-sort-by-alphabet-alt:before{
    content:"\e152"
}
.glyphicon-sort-by-order:before{
    content:"\e153"
}
.glyphicon-sort-by-order-alt:before{
    content:"\e154"
}
.glyphicon-sort-by-attributes:before{
    content:"\e155"
}
.glyphicon-sort-by-attributes-alt:before{
    content:"\e156"
}
.glyphicon-unchecked:before{
    content:"\e157"
}
.glyphicon-expand:before{
    content:"\e158"
}
.glyphicon-collapse-down:before{
    content:"\e159"
}
.glyphicon-collapse-up:before{
    content:"\e160"
}
.glyphicon-log-in:before{
    content:"\e161"
}
.glyphicon-flash:before{
    content:"\e162"
}
.glyphicon-log-out:before{
    content:"\e163"
}
.glyphicon-new-window:before{
    content:"\e164"
}
.glyphicon-record:before{
    content:"\e165"
}
.glyphicon-save:before{
    content:"\e166"
}
.glyphicon-open:before{
    content:"\e167"
}
.glyphicon-saved:before{
    content:"\e168"
}
.glyphicon-import:before{
    content:"\e169"
}
.glyphicon-export:before{
    content:"\e170"
}
.glyphicon-send:before{
    content:"\e171"
}
.glyphicon-floppy-disk:before{
    content:"\e172"
}
.glyphicon-floppy-saved:before{
    content:"\e173"
}
.glyphicon-floppy-remove:before{
    content:"\e174"
}
.glyphicon-floppy-save:before{
    content:"\e175"
}
.glyphicon-floppy-open:before{
    content:"\e176"
}
.glyphicon-credit-card:before{
    content:"\e177"
}
.glyphicon-transfer:before{
    content:"\e178"
}
.glyphicon-cutlery:before{
    content:"\e179"
}
.glyphicon-header:before{
    content:"\e180"
}
.glyphicon-compressed:before{
    content:"\e181"
}
.glyphicon-earphone:before{
    content:"\e182"
}
.glyphicon-phone-alt:before{
    content:"\e183"
}
.glyphicon-tower:before{
    content:"\e184"
}
.glyphicon-stats:before{
    content:"\e185"
}
.glyphicon-sd-video:before{
    content:"\e186"
}
.glyphicon-hd-video:before{
    content:"\e187"
}
.glyphicon-subtitles:before{
    content:"\e188"
}
.glyphicon-sound-stereo:before{
    content:"\e189"
}
.glyphicon-sound-dolby:before{
    content:"\e190"
}
.glyphicon-sound-5-1:before{
    content:"\e191"
}
.glyphicon-sound-6-1:before{
    content:"\e192"
}
.glyphicon-sound-7-1:before{
    content:"\e193"
}
.glyphicon-copyright-mark:before{
    content:"\e194"
}
.glyphicon-registration-mark:before{
    content:"\e195"
}
.glyphicon-cloud-download:before{
    content:"\e197"
}
.glyphicon-cloud-upload:before{
    content:"\e198"
}
.glyphicon-tree-conifer:before{
    content:"\e199"
}
.glyphicon-tree-deciduous:before{
    content:"\e200"
}
.glyphicon-cd:before{
    content:"\e201"
}
.glyphicon-save-file:before{
    content:"\e202"
}
.glyphicon-open-file:before{
    content:"\e203"
}
.glyphicon-level-up:before{
    content:"\e204"
}
.glyphicon-copy:before{
    content:"\e205"
}
.glyphicon-paste:before{
    content:"\e206"
}
.glyphicon-alert:before{
    content:"\e209"
}
.glyphicon-equalizer:before{
    content:"\e210"
}
.glyphicon-king:before{
    content:"\e211"
}
.glyphicon-queen:before{
    content:"\e212"
}
.glyphicon-pawn:before{
    content:"\e213"
}
.glyphicon-bishop:before{
    content:"\e214"
}
.glyphicon-knight:before{
    content:"\e215"
}
.glyphicon-baby-formula:before{
    content:"\e216"
}
.glyphicon-tent:before{
    content:"\26fa"
}
.glyphicon-blackboard:before{
    content:"\e218"
}
.glyphicon-bed:before{
    content:"\e219"
}
.glyphicon-apple:before{
    content:"\f8ff"
}
.glyphicon-erase:before{
    content:"\e221"
}
.glyphicon-hourglass:before{
    content:"\231b"
}
.glyphicon-lamp:before{
    content:"\e223"
}
.glyphicon-duplicate:before{
    content:"\e224"
}
.glyphicon-piggy-bank:before{
    content:"\e225"
}
.glyphicon-scissors:before{
    content:"\e226"
}
.glyphicon-bitcoin:before{
    content:"\e227"
}
.glyphicon-btc:before{
    content:"\e227"
}
.glyphicon-xbt:before{
    content:"\e227"
}
.glyphicon-yen:before{
    content:"\00a5"
}
.glyphicon-jpy:before{
    content:"\00a5"
}
.glyphicon-ruble:before{
    content:"\20bd"
}
.glyphicon-rub:before{
    content:"\20bd"
}
.glyphicon-scale:before{
    content:"\e230"
}
.glyphicon-ice-lolly:before{
    content:"\e231"
}
.glyphicon-ice-lolly-tasted:before{
    content:"\e232"
}
.glyphicon-education:before{
    content:"\e233"
}
.glyphicon-option-horizontal:before{
    content:"\e234"
}
.glyphicon-option-vertical:before{
    content:"\e235"
}
.glyphicon-menu-hamburger:before{
    content:"\e236"
}
.glyphicon-modal-window:before{
    content:"\e237"
}
.glyphicon-oil:before{
    content:"\e238"
}
.glyphicon-grain:before{
    content:"\e239"
}
.glyphicon-sunglasses:before{
    content:"\e240"
}
.glyphicon-text-size:before{
    content:"\e241"
}
.glyphicon-text-color:before{
    content:"\e242"
}
.glyphicon-text-background:before{
    content:"\e243"
}
.glyphicon-object-align-top:before{
    content:"\e244"
}
.glyphicon-object-align-bottom:before{
    content:"\e245"
}
.glyphicon-object-align-horizontal:before{
    content:"\e246"
}
.glyphicon-object-align-left:before{
    content:"\e247"
}
.glyphicon-object-align-vertical:before{
    content:"\e248"
}
.glyphicon-object-align-right:before{
    content:"\e249"
}
.glyphicon-triangle-right:before{
    content:"\e250"
}
.glyphicon-triangle-left:before{
    content:"\e251"
}
.glyphicon-triangle-bottom:before{
    content:"\e252"
}
.glyphicon-triangle-top:before{
    content:"\e253"
}
.glyphicon-console:before{
    content:"\e254"
}
.glyphicon-superscript:before{
    content:"\e255"
}
.glyphicon-subscript:before{
    content:"\e256"
}
.glyphicon-menu-left:before{
    content:"\e257"
}
.glyphicon-menu-right:before{
    content:"\e258"
}
.glyphicon-menu-down:before{
    content:"\e259"
}
.glyphicon-menu-up:before{
    content:"\e260"
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:10px;
    -webkit-tap-highlight-color:transparent
}
body{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#333;
    background-color:#fff
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a{
    color:#337ab7;
    text-decoration:none
}
a:focus,a:hover{
    color:#23527c;
    text-decoration:underline
}
a:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
figure{
    margin:0
}
img{
    vertical-align:middle
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
    display:block;
    max-width:100%;
    height:auto
}
.img-rounded{
    border-radius:6px
}
.img-thumbnail{
    display:inline-block;
    max-width:100%;
    height:auto;
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.img-circle{
    border-radius:50%
}
hr{
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
[role=button]{
    cursor:pointer
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
    font-weight:400;
    line-height:1;
    color:#777
}
.h1,.h2,.h3,h1,h2,h3{
    margin-top:20px;
    margin-bottom:10px
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{
    font-size:65%
}
.h4,.h5,.h6,h4,h5,h6{
    margin-top:10px;
    margin-bottom:10px
}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
    font-size:75%
}
.h1,h1{
    font-size:36px
}
.h2,h2{
    font-size:30px
}
.h3,h3{
    font-size:24px
}
.h4,h4{
    font-size:18px
}
.h5,h5{
    font-size:14px
}
.h6,h6{
    font-size:12px
}
p{
    margin:0 0 10px
}
.lead{
    margin-bottom:20px;
    font-size:16px;
    font-weight:300;
    line-height:1.4
}
@media (min-width:768px){
    .lead{
        font-size:21px
    }
}
.small,small{
    font-size:85%
}
.mark,mark{
    padding:.2em;
    background-color:#fcf8e3
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.text-justify{
    text-align:justify
}
.text-nowrap{
    white-space:nowrap
}
.text-lowercase{
    text-transform:lowercase
}
.text-uppercase{
    text-transform:uppercase
}
.text-capitalize{
    text-transform:capitalize
}
.text-muted{
    color:#777
}
.text-primary{
    color:#337ab7
}
a.text-primary:focus,a.text-primary:hover{
    color:#286090
}
.text-success{
    color:#3c763d
}
a.text-success:focus,a.text-success:hover{
    color:#2b542c
}
.text-info{
    color:#31708f
}
a.text-info:focus,a.text-info:hover{
    color:#245269
}
.text-warning{
    color:#8a6d3b
}
a.text-warning:focus,a.text-warning:hover{
    color:#66512c
}
.text-danger{
    color:#a94442
}
a.text-danger:focus,a.text-danger:hover{
    color:#843534
}
.bg-primary{
    color:#fff;
    background-color:#337ab7
}
a.bg-primary:focus,a.bg-primary:hover{
    background-color:#286090
}
.bg-success{
    background-color:#dff0d8
}
a.bg-success:focus,a.bg-success:hover{
    background-color:#c1e2b3
}
.bg-info{
    background-color:#d9edf7
}
a.bg-info:focus,a.bg-info:hover{
    background-color:#afd9ee
}
.bg-warning{
    background-color:#fcf8e3
}
a.bg-warning:focus,a.bg-warning:hover{
    background-color:#f7ecb5
}
.bg-danger{
    background-color:#f2dede
}
a.bg-danger:focus,a.bg-danger:hover{
    background-color:#e4b9b9
}
.page-header{
    padding-bottom:9px;
    margin:40px 0 20px;
    border-bottom:1px solid #eee
}
ol,ul{
    margin-top:0;
    margin-bottom:10px
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
.list-inline{
    padding-left:0;
    margin-left:-5px;
    list-style:none
}
.list-inline>li{
    display:inline-block;
    padding-right:5px;
    padding-left:5px
}
dl{
    margin-top:0;
    margin-bottom:20px
}
dd,dt{
    line-height:1.42857143
}
dt{
    font-weight:700
}
dd{
    margin-left:0
}
@media (min-width:768px){
    .dl-horizontal dt{
        float:left;
        width:160px;
        overflow:hidden;
        clear:left;
        text-align:right;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .dl-horizontal dd{
        margin-left:180px
    }
}
abbr[data-original-title],abbr[title]{
    cursor:help;
    border-bottom:1px dotted #777
}
.initialism{
    font-size:90%;
    text-transform:uppercase
}
blockquote{
    padding:10px 20px;
    margin:0 0 20px;
    font-size:17.5px;
    border-left:5px solid #eee
}
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{
    margin-bottom:0
}
blockquote .small,blockquote footer,blockquote small{
    display:block;
    font-size:80%;
    line-height:1.42857143;
    color:#777
}
blockquote .small:before,blockquote footer:before,blockquote small:before{
    content:'\2014 \00A0'
}
.blockquote-reverse,blockquote.pull-right{
    padding-right:15px;
    padding-left:0;
    text-align:right;
    border-right:5px solid #eee;
    border-left:0
}
.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{
    content:''
}
.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{
    content:'\00A0 \2014'
}
address{
    margin-bottom:20px;
    font-style:normal;
    line-height:1.42857143
}
code,kbd,pre,samp{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
code{
    padding:2px 4px;
    font-size:90%;
    color:#c7254e;
    background-color:#f9f2f4;
    border-radius:4px
}
kbd{
    padding:2px 4px;
    font-size:90%;
    color:#fff;
    background-color:#333;
    border-radius:3px;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)
}
kbd kbd{
    padding:0;
    font-size:100%;
    font-weight:700;
    -webkit-box-shadow:none;
    box-shadow:none
}
pre{
    display:block;
    padding:9.5px;
    margin:0 0 10px;
    font-size:13px;
    line-height:1.42857143;
    color:#333;
    word-break:break-all;
    word-wrap:break-word;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-radius:4px
}
pre code{
    padding:0;
    font-size:inherit;
    color:inherit;
    white-space:pre-wrap;
    background-color:transparent;
    border-radius:0
}
.pre-scrollable{
    max-height:340px;
    overflow-y:scroll
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:768px){
    .container{
        width:750px
    }
}
@media (min-width:992px){
    .container{
        width:970px
    }
}
@media (min-width:1200px){
    .container{
        width:1170px
    }
}
.container-fluid{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.row{
    margin-right:-15px;
    margin-left:-15px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
.col-xs-pull-12{
    right:100%
}
.col-xs-pull-11{
    right:91.66666667%
}
.col-xs-pull-10{
    right:83.33333333%
}
.col-xs-pull-9{
    right:75%
}
.col-xs-pull-8{
    right:66.66666667%
}
.col-xs-pull-7{
    right:58.33333333%
}
.col-xs-pull-6{
    right:50%
}
.col-xs-pull-5{
    right:41.66666667%
}
.col-xs-pull-4{
    right:33.33333333%
}
.col-xs-pull-3{
    right:25%
}
.col-xs-pull-2{
    right:16.66666667%
}
.col-xs-pull-1{
    right:8.33333333%
}
.col-xs-pull-0{
    right:auto
}
.col-xs-push-12{
    left:100%
}
.col-xs-push-11{
    left:91.66666667%
}
.col-xs-push-10{
    left:83.33333333%
}
.col-xs-push-9{
    left:75%
}
.col-xs-push-8{
    left:66.66666667%
}
.col-xs-push-7{
    left:58.33333333%
}
.col-xs-push-6{
    left:50%
}
.col-xs-push-5{
    left:41.66666667%
}
.col-xs-push-4{
    left:33.33333333%
}
.col-xs-push-3{
    left:25%
}
.col-xs-push-2{
    left:16.66666667%
}
.col-xs-push-1{
    left:8.33333333%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-12{
    margin-left:100%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-0{
    margin-left:0
}
@media (min-width:768px){
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
        float:left
    }
    .col-sm-12{
        width:100%
    }
    .col-sm-11{
        width:91.66666667%
    }
    .col-sm-10{
        width:83.33333333%
    }
    .col-sm-9{
        width:75%
    }
    .col-sm-8{
        width:66.66666667%
    }
    .col-sm-7{
        width:58.33333333%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-5{
        width:41.66666667%
    }
    .col-sm-4{
        width:33.33333333%
    }
    .col-sm-3{
        width:25%
    }
    .col-sm-2{
        width:16.66666667%
    }
    .col-sm-1{
        width:8.33333333%
    }
    .col-sm-pull-12{
        right:100%
    }
    .col-sm-pull-11{
        right:91.66666667%
    }
    .col-sm-pull-10{
        right:83.33333333%
    }
    .col-sm-pull-9{
        right:75%
    }
    .col-sm-pull-8{
        right:66.66666667%
    }
    .col-sm-pull-7{
        right:58.33333333%
    }
    .col-sm-pull-6{
        right:50%
    }
    .col-sm-pull-5{
        right:41.66666667%
    }
    .col-sm-pull-4{
        right:33.33333333%
    }
    .col-sm-pull-3{
        right:25%
    }
    .col-sm-pull-2{
        right:16.66666667%
    }
    .col-sm-pull-1{
        right:8.33333333%
    }
    .col-sm-pull-0{
        right:auto
    }
    .col-sm-push-12{
        left:100%
    }
    .col-sm-push-11{
        left:91.66666667%
    }
    .col-sm-push-10{
        left:83.33333333%
    }
    .col-sm-push-9{
        left:75%
    }
    .col-sm-push-8{
        left:66.66666667%
    }
    .col-sm-push-7{
        left:58.33333333%
    }
    .col-sm-push-6{
        left:50%
    }
    .col-sm-push-5{
        left:41.66666667%
    }
    .col-sm-push-4{
        left:33.33333333%
    }
    .col-sm-push-3{
        left:25%
    }
    .col-sm-push-2{
        left:16.66666667%
    }
    .col-sm-push-1{
        left:8.33333333%
    }
    .col-sm-push-0{
        left:auto
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-0{
        margin-left:0
    }
}
@media (min-width:992px){
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666667%
    }
    .col-md-10{
        width:83.33333333%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666667%
    }
    .col-md-7{
        width:58.33333333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666667%
    }
    .col-md-4{
        width:33.33333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.66666667%
    }
    .col-md-1{
        width:8.33333333%
    }
    .col-md-pull-12{
        right:100%
    }
    .col-md-pull-11{
        right:91.66666667%
    }
    .col-md-pull-10{
        right:83.33333333%
    }
    .col-md-pull-9{
        right:75%
    }
    .col-md-pull-8{
        right:66.66666667%
    }
    .col-md-pull-7{
        right:58.33333333%
    }
    .col-md-pull-6{
        right:50%
    }
    .col-md-pull-5{
        right:41.66666667%
    }
    .col-md-pull-4{
        right:33.33333333%
    }
    .col-md-pull-3{
        right:25%
    }
    .col-md-pull-2{
        right:16.66666667%
    }
    .col-md-pull-1{
        right:8.33333333%
    }
    .col-md-pull-0{
        right:auto
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666667%
    }
    .col-md-push-10{
        left:83.33333333%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666667%
    }
    .col-md-push-7{
        left:58.33333333%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666667%
    }
    .col-md-push-4{
        left:33.33333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.66666667%
    }
    .col-md-push-1{
        left:8.33333333%
    }
    .col-md-push-0{
        left:auto
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-0{
        margin-left:0
    }
}
@media (min-width:1200px){
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
        float:left
    }
    .col-lg-12{
        width:100%
    }
    .col-lg-11{
        width:91.66666667%
    }
    .col-lg-10{
        width:83.33333333%
    }
    .col-lg-9{
        width:75%
    }
    .col-lg-8{
        width:66.66666667%
    }
    .col-lg-7{
        width:58.33333333%
    }
    .col-lg-6{
        width:50%
    }
    .col-lg-5{
        width:41.66666667%
    }
    .col-lg-4{
        width:33.33333333%
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-2{
        width:16.66666667%
    }
    .col-lg-1{
        width:8.33333333%
    }
    .col-lg-pull-12{
        right:100%
    }
    .col-lg-pull-11{
        right:91.66666667%
    }
    .col-lg-pull-10{
        right:83.33333333%
    }
    .col-lg-pull-9{
        right:75%
    }
    .col-lg-pull-8{
        right:66.66666667%
    }
    .col-lg-pull-7{
        right:58.33333333%
    }
    .col-lg-pull-6{
        right:50%
    }
    .col-lg-pull-5{
        right:41.66666667%
    }
    .col-lg-pull-4{
        right:33.33333333%
    }
    .col-lg-pull-3{
        right:25%
    }
    .col-lg-pull-2{
        right:16.66666667%
    }
    .col-lg-pull-1{
        right:8.33333333%
    }
    .col-lg-pull-0{
        right:auto
    }
    .col-lg-push-12{
        left:100%
    }
    .col-lg-push-11{
        left:91.66666667%
    }
    .col-lg-push-10{
        left:83.33333333%
    }
    .col-lg-push-9{
        left:75%
    }
    .col-lg-push-8{
        left:66.66666667%
    }
    .col-lg-push-7{
        left:58.33333333%
    }
    .col-lg-push-6{
        left:50%
    }
    .col-lg-push-5{
        left:41.66666667%
    }
    .col-lg-push-4{
        left:33.33333333%
    }
    .col-lg-push-3{
        left:25%
    }
    .col-lg-push-2{
        left:16.66666667%
    }
    .col-lg-push-1{
        left:8.33333333%
    }
    .col-lg-push-0{
        left:auto
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-0{
        margin-left:0
    }
}
table{
    background-color:transparent
}
caption{
    padding-top:8px;
    padding-bottom:8px;
    color:#777;
    text-align:left
}
th{
    text-align:left
}
.table{
    width:100%;
    max-width:100%;
    margin-bottom:20px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #ddd
}
.table>thead>tr>th{
    vertical-align:bottom;
    border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{
    border-top:0
}
.table>tbody+tbody{
    border-top:2px solid #ddd
}
.table .table{
    background-color:#fff
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{
    padding:5px
}
.table-bordered{
    border:1px solid #ddd
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border:1px solid #ddd
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color:#f9f9f9
}
.table-hover>tbody>tr:hover{
    background-color:#f5f5f5
}
table col[class*=col-]{
    position:static;
    display:table-column;
    float:none
}
table td[class*=col-],table th[class*=col-]{
    position:static;
    display:table-cell;
    float:none
}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{
    background-color:#f5f5f5
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{
    background-color:#e8e8e8
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{
    background-color:#dff0d8
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{
    background-color:#d0e9c6
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{
    background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{
    background-color:#c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{
    background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{
    background-color:#faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{
    background-color:#f2dede
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{
    background-color:#ebcccc
}
.table-responsive{
    min-height:.01%;
    overflow-x:auto
}
@media screen and (max-width:767px){
    .table-responsive{
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd
    }
    .table-responsive>.table{
        margin-bottom:0
    }
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{
        white-space:nowrap
    }
    .table-responsive>.table-bordered{
        border:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{
        border-left:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{
        border-bottom:0
    }
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    padding:0;
    margin-bottom:20px;
    font-size:21px;
    line-height:inherit;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5
}
label{
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-weight:700
}
input[type=search]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
input[type=checkbox],input[type=radio]{
    margin:4px 0 0;
    line-height:normal
}
input[type=file]{
    display:block
}
input[type=range]{
    display:block;
    width:100%
}
select[multiple],select[size]{
    height:auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
output{
    display:block;
    padding-top:7px;
    font-size:14px;
    line-height:1.42857143;
    color:#555
}
.form-control{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    background-color:#eee;
    opacity:1
}
.form-control[disabled],fieldset[disabled] .form-control{
    cursor:not-allowed
}
textarea.form-control{
    height:auto
}
input[type=search]{
    -webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
        line-height:34px
    }
    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{
        line-height:30px
    }
    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{
        line-height:46px
    }
}
.form-group{
    margin-bottom:15px
}
.checkbox,.radio{
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px
}
.checkbox label,.radio label{
    min-height:20px;
    padding-left:20px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{
    position:absolute;
    margin-left:-20px
}
.checkbox+.checkbox,.radio+.radio{
    margin-top:-5px
}
.checkbox-inline,.radio-inline{
    position:relative;
    display:inline-block;
    padding-left:20px;
    margin-bottom:0;
    font-weight:400;
    vertical-align:middle;
    cursor:pointer
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{
    margin-top:0;
    margin-left:10px
}
fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{
    cursor:not-allowed
}
.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{
    cursor:not-allowed
}
.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{
    cursor:not-allowed
}
.form-control-static{
    min-height:34px;
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:0
}
.form-control-static.input-lg,.form-control-static.input-sm{
    padding-right:0;
    padding-left:0
}
.input-sm{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-sm{
    height:30px;
    line-height:30px
}
select[multiple].input-sm,textarea.input-sm{
    height:auto
}
.form-group-sm .form-control{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.form-group-sm select.form-control{
    height:30px;
    line-height:30px
}
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{
    height:auto
}
.form-group-sm .form-control-static{
    height:30px;
    min-height:32px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.5
}
.input-lg{
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
select.input-lg{
    height:46px;
    line-height:46px
}
select[multiple].input-lg,textarea.input-lg{
    height:auto
}
.form-group-lg .form-control{
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
.form-group-lg select.form-control{
    height:46px;
    line-height:46px
}
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{
    height:auto
}
.form-group-lg .form-control-static{
    height:46px;
    min-height:38px;
    padding:11px 16px;
    font-size:18px;
    line-height:1.3333333
}
.has-feedback{
    position:relative
}
.has-feedback .form-control{
    padding-right:42.5px
}
.form-control-feedback{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    pointer-events:none
}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{
    width:46px;
    height:46px;
    line-height:46px
}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{
    width:30px;
    height:30px;
    line-height:30px
}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{
    color:#3c763d
}
.has-success .form-control{
    border-color:#3c763d;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus{
    border-color:#2b542c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon{
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#3c763d
}
.has-success .form-control-feedback{
    color:#3c763d
}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{
    color:#8a6d3b
}
.has-warning .form-control{
    border-color:#8a6d3b;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus{
    border-color:#66512c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon{
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#8a6d3b
}
.has-warning .form-control-feedback{
    color:#8a6d3b
}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{
    color:#a94442
}
.has-error .form-control{
    border-color:#a94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus{
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon{
    color:#a94442;
    background-color:#f2dede;
    border-color:#a94442
}
.has-error .form-control-feedback{
    color:#a94442
}
.has-feedback label~.form-control-feedback{
    top:25px
}
.has-feedback label.sr-only~.form-control-feedback{
    top:0
}
.help-block{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#737373
}
@media (min-width:768px){
    .form-inline .form-group{
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .form-control-static{
        display:inline-block
    }
    .form-inline .input-group{
        display:inline-table;
        vertical-align:middle
    }
    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{
        width:auto
    }
    .form-inline .input-group>.form-control{
        width:100%
    }
    .form-inline .control-label{
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .checkbox,.form-inline .radio{
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .checkbox label,.form-inline .radio label{
        padding-left:0
    }
    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{
        position:relative;
        margin-left:0
    }
    .form-inline .has-feedback .form-control-feedback{
        top:0
    }
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{
    padding-top:7px;
    margin-top:0;
    margin-bottom:0
}
.form-horizontal .checkbox,.form-horizontal .radio{
    min-height:27px
}
.form-horizontal .form-group{
    margin-right:-15px;
    margin-left:-15px
}
@media (min-width:768px){
    .form-horizontal .control-label{
        padding-top:7px;
        margin-bottom:0;
        text-align:right
    }
}
.form-horizontal .has-feedback .form-control-feedback{
    right:15px
}
@media (min-width:768px){
    .form-horizontal .form-group-lg .control-label{
        padding-top:11px;
        font-size:18px
    }
}
@media (min-width:768px){
    .form-horizontal .form-group-sm .control-label{
        padding-top:6px;
        font-size:12px
    }
}
.btn{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn.focus,.btn:focus,.btn:hover{
    color:#333;
    text-decoration:none
}
.btn.active,.btn:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
    cursor:not-allowed;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}
a.btn.disabled,fieldset[disabled] a.btn{
    pointer-events:none
}
.btn-default{
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default.focus,.btn-default:focus{
    color:#333;
    background-color:#e6e6e6;
    border-color:#8c8c8c
}
.btn-default:hover{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{
    color:#333;
    background-color:#d4d4d4;
    border-color:#8c8c8c
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    background-image:none
}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{
    background-color:#fff;
    border-color:#ccc
}
.btn-default .badge{
    color:#fff;
    background-color:#333
}
.btn-primary{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-primary.focus,.btn-primary:focus{
    color:#fff;
    background-color:#286090;
    border-color:#122b40
}
.btn-primary:hover{
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    background-image:none
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-primary .badge{
    color:#337ab7;
    background-color:#fff
}
.btn-success{
    color:#fff;
    background-color:#5cb85c;
    border-color:#4cae4c
}
.btn-success.focus,.btn-success:focus{
    color:#fff;
    background-color:#449d44;
    border-color:#255625
}
.btn-success:hover{
    color:#fff;
    background-color:#449d44;
    border-color:#398439
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
    color:#fff;
    background-color:#449d44;
    border-color:#398439
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{
    color:#fff;
    background-color:#398439;
    border-color:#255625
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
    background-image:none
}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{
    background-color:#5cb85c;
    border-color:#4cae4c
}
.btn-success .badge{
    color:#5cb85c;
    background-color:#fff
}
.btn-info{
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-info.focus,.btn-info:focus{
    color:#fff;
    background-color:#31b0d5;
    border-color:#1b6d85
}
.btn-info:hover{
    color:#fff;
    background-color:#31b0d5;
    border-color:#269abc
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
    color:#fff;
    background-color:#31b0d5;
    border-color:#269abc
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{
    color:#fff;
    background-color:#269abc;
    border-color:#1b6d85
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
    background-image:none
}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-info .badge{
    color:#5bc0de;
    background-color:#fff
}
.btn-warning{
    color:#fff;
    background-color:#f0ad4e;
    border-color:#eea236
}
.btn-warning.focus,.btn-warning:focus{
    color:#fff;
    background-color:#ec971f;
    border-color:#985f0d
}
.btn-warning:hover{
    color:#fff;
    background-color:#ec971f;
    border-color:#d58512
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
    color:#fff;
    background-color:#ec971f;
    border-color:#d58512
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{
    color:#fff;
    background-color:#d58512;
    border-color:#985f0d
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
    background-image:none
}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{
    background-color:#f0ad4e;
    border-color:#eea236
}
.btn-warning .badge{
    color:#f0ad4e;
    background-color:#fff
}
.btn-danger{
    color:#fff;
    background-color:#d9534f;
    border-color:#d43f3a
}
.btn-danger.focus,.btn-danger:focus{
    color:#fff;
    background-color:#c9302c;
    border-color:#761c19
}
.btn-danger:hover{
    color:#fff;
    background-color:#c9302c;
    border-color:#ac2925
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
    color:#fff;
    background-color:#c9302c;
    border-color:#ac2925
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{
    color:#fff;
    background-color:#ac2925;
    border-color:#761c19
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
    background-image:none
}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{
    background-color:#d9534f;
    border-color:#d43f3a
}
.btn-danger .badge{
    color:#d9534f;
    background-color:#fff
}
.btn-link{
    font-weight:400;
    color:#337ab7;
    border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
    border-color:transparent
}
.btn-link:focus,.btn-link:hover{
    color:#23527c;
    text-decoration:underline;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{
    color:#777;
    text-decoration:none
}
.btn-group-lg>.btn,.btn-lg{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
.btn-group-sm>.btn,.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-group-xs>.btn,.btn-xs{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
    width:100%
}
.fade{
    opacity:0;
    -webkit-transition:opacity .15s linear;
    -o-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in{
    opacity:1
}
.collapse{
    display:none
}
.collapse.in{
    display:block
}
tr.collapse.in{
    display:table-row
}
tbody.collapse.in{
    display:table-row-group
}
.collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    -o-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;
    -o-transition-property:height,visibility;
    transition-property:height,visibility
}
.caret{
    display:inline-block;
    width:0;
    height:0;
    margin-left:2px;
    vertical-align:middle;
    border-top:4px dashed;
    border-right:4px solid transparent;
    border-left:4px solid transparent
}
.dropdown,.dropup{
    position:relative
}
.dropdown-toggle:focus{
    outline:0
}
.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    font-size:14px;
    text-align:left;
    list-style:none;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu.pull-right{
    right:0;
    left:auto
}
.dropdown-menu .divider{
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.dropdown-menu>li>a{
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:400;
    line-height:1.42857143;
    color:#333;
    white-space:nowrap
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    color:#262626;
    text-decoration:none;
    background-color:#f5f5f5
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{
    color:#fff;
    text-decoration:none;
    background-color:#337ab7;
    outline:0
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
    color:#777
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent;
    background-image:none
}
.open>.dropdown-menu{
    display:block
}
.open>a{
    outline:0
}
.dropdown-menu-right{
    right:0;
    left:auto
}
.dropdown-menu-left{
    right:auto;
    left:0
}
.dropdown-header{
    display:block;
    padding:3px 20px;
    font-size:12px;
    line-height:1.42857143;
    color:#777;
    white-space:nowrap
}
.dropdown-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:990
}
.pull-right>.dropdown-menu{
    right:0;
    left:auto
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{
    content:"";
    border-top:0;
    border-bottom:4px dashed
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{
    top:auto;
    bottom:100%;
    margin-bottom:2px
}
@media (min-width:768px){
    .navbar-right .dropdown-menu{
        right:0;
        left:auto
    }
    .navbar-right .dropdown-menu-left{
        right:auto;
        left:0
    }
}
.btn-group,.btn-group-vertical{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.btn-group-vertical>.btn,.btn-group>.btn{
    position:relative;
    float:left
}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{
    z-index:2
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{
    margin-left:-1px
}
.btn-toolbar{
    margin-left:-5px
}
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{
    float:left
}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{
    margin-left:5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
    border-radius:0
}
.btn-group>.btn:first-child{
    margin-left:0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn-group>.btn-group{
    float:left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{
    border-radius:0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{
    outline:0
}
.btn-group>.btn+.dropdown-toggle{
    padding-right:8px;
    padding-left:8px
}
.btn-group>.btn-lg+.dropdown-toggle{
    padding-right:12px;
    padding-left:12px
}
.btn-group.open .dropdown-toggle{
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link{
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn .caret{
    margin-left:0
}
.btn-lg .caret{
    border-width:5px 5px 0;
    border-bottom-width:0
}
.dropup .btn-lg .caret{
    border-width:0 5px 5px
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{
    display:block;
    float:none;
    width:100%;
    max-width:100%
}
.btn-group-vertical>.btn-group>.btn{
    float:none
}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{
    margin-top:-1px;
    margin-left:0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){
    border-radius:0
}
.btn-group-vertical>.btn:first-child:not(:last-child){
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.btn-group-vertical>.btn:last-child:not(:first-child){
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{
    border-radius:0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.btn-group-justified{
    display:table;
    width:100%;
    table-layout:fixed;
    border-collapse:separate
}
.btn-group-justified>.btn,.btn-group-justified>.btn-group{
    display:table-cell;
    float:none;
    width:1%
}
.btn-group-justified>.btn-group .btn{
    width:100%
}
.btn-group-justified>.btn-group .dropdown-menu{
    left:auto
}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.input-group{
    position:relative;
    display:table;
    border-collapse:separate
}
.input-group[class*=col-]{
    float:none;
    padding-right:0;
    padding-left:0
}
.input-group .form-control{
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
}
.input-group .form-control:focus{
    z-index:3
}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{
    height:46px;
    line-height:46px
}
select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{
    height:auto
}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{
    height:30px;
    line-height:30px
}
select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{
    height:auto
}
.input-group .form-control,.input-group-addon,.input-group-btn{
    display:table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){
    border-radius:0
}
.input-group-addon,.input-group-btn{
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.input-group-addon{
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:4px
}
.input-group-addon.input-sm{
    padding:5px 10px;
    font-size:12px;
    border-radius:3px
}
.input-group-addon.input-lg{
    padding:10px 16px;
    font-size:18px;
    border-radius:6px
}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{
    margin-top:0
}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group-addon:first-child{
    border-right:0
}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group-addon:last-child{
    border-left:0
}
.input-group-btn{
    position:relative;
    font-size:0;
    white-space:nowrap
}
.input-group-btn>.btn{
    position:relative
}
.input-group-btn>.btn+.btn{
    margin-left:-1px
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{
    z-index:2
}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{
    margin-right:-1px
}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{
    z-index:2;
    margin-left:-1px
}
.nav{
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav>li{
    position:relative;
    display:block
}
.nav>li>a{
    position:relative;
    display:block;
    padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background-color:#eee
}
.nav>li.disabled>a{
    color:#777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{
    color:#777;
    text-decoration:none;
    cursor:not-allowed;
    background-color:transparent
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:#eee;
    border-color:#337ab7
}
.nav .nav-divider{
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.nav>li>a>img{
    max-width:none
}
.nav-tabs{
    border-bottom:1px solid #ddd
}
.nav-tabs>li{
    float:left;
    margin-bottom:-1px
}
.nav-tabs>li>a{
    margin-right:2px;
    line-height:1.42857143;
    border:1px solid transparent;
    border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover{
    border-color:#eee #eee #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color:#555;
    cursor:default;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom-color:transparent
}
.nav-tabs.nav-justified{
    width:100%;
    border-bottom:0
}
.nav-tabs.nav-justified>li{
    float:none
}
.nav-tabs.nav-justified>li>a{
    margin-bottom:5px;
    text-align:center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{
    top:auto;
    left:auto
}
@media (min-width:768px){
    .nav-tabs.nav-justified>li{
        display:table-cell;
        width:1%
    }
    .nav-tabs.nav-justified>li>a{
        margin-bottom:0
    }
}
.nav-tabs.nav-justified>li>a{
    margin-right:0;
    border-radius:4px
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{
    border:1px solid #ddd
}
@media (min-width:768px){
    .nav-tabs.nav-justified>li>a{
        border-bottom:1px solid #ddd;
        border-radius:4px 4px 0 0
    }
    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{
        border-bottom-color:#fff
    }
}
.nav-pills>li{
    float:left
}
.nav-pills>li>a{
    border-radius:4px
}
.nav-pills>li+li{
    margin-left:2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
    color:#fff;
    background-color:#337ab7
}
.nav-stacked>li{
    float:none
}
.nav-stacked>li+li{
    margin-top:2px;
    margin-left:0
}
.nav-justified{
    width:100%
}
.nav-justified>li{
    float:none
}
.nav-justified>li>a{
    margin-bottom:5px;
    text-align:center
}
.nav-justified>.dropdown .dropdown-menu{
    top:auto;
    left:auto
}
@media (min-width:768px){
    .nav-justified>li{
        display:table-cell;
        width:1%
    }
    .nav-justified>li>a{
        margin-bottom:0
    }
}
.nav-tabs-justified{
    border-bottom:0
}
.nav-tabs-justified>li>a{
    margin-right:0;
    border-radius:4px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{
    border:1px solid #ddd
}
@media (min-width:768px){
    .nav-tabs-justified>li>a{
        border-bottom:1px solid #ddd;
        border-radius:4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{
        border-bottom-color:#fff
    }
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.nav-tabs .dropdown-menu{
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.navbar{
    position:relative;
    min-height:50px;
    margin-bottom:20px;
    border:1px solid transparent
}
@media (min-width:768px){
    .navbar{
        border-radius:4px
    }
}
@media (min-width:768px){
    .navbar-header{
        float:left
    }
}
.navbar-collapse{
    padding-right:15px;
    padding-left:15px;
    overflow-x:visible;
    -webkit-overflow-scrolling:touch;
    border-top:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.in{
    overflow-y:auto
}
@media (min-width:768px){
    .navbar-collapse{
        width:auto;
        border-top:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-collapse.collapse{
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important
    }
    .navbar-collapse.in{
        overflow-y:visible
    }
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{
        padding-right:0;
        padding-left:0
    }
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
    max-height:340px
}
@media (max-device-width:480px) and (orientation:landscape){
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{
        max-height:200px
    }
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
    margin-right:-15px;
    margin-left:-15px
}
@media (min-width:768px){
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
        margin-right:0;
        margin-left:0
    }
}
.navbar-static-top{
    z-index:1000;
    border-width:0 0 1px
}
@media (min-width:768px){
    .navbar-static-top{
        border-radius:0
    }
}
.navbar-fixed-bottom,.navbar-fixed-top{
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}
@media (min-width:768px){
    .navbar-fixed-bottom,.navbar-fixed-top{
        border-radius:0
    }
}
.navbar-fixed-top{
    top:0;
    border-width:0 0 1px
}
.navbar-fixed-bottom{
    bottom:0;
    margin-bottom:0;
    border-width:1px 0 0
}
.navbar-brand{
    float:left;
    height:50px;
    padding:15px 15px;
    font-size:18px;
    line-height:20px
}
.navbar-brand:focus,.navbar-brand:hover{
    text-decoration:none
}
.navbar-brand>img{
    display:block
}
@media (min-width:768px){
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-left:-15px
    }
}
.navbar-toggle{
    position:relative;
    float:right;
    padding:9px 10px;
    margin-top:8px;
    margin-right:15px;
    margin-bottom:8px;
    background-color:transparent;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.navbar-toggle:focus{
    outline:0
}
.navbar-toggle .icon-bar{
    display:block;
    width:22px;
    height:2px;
    border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top:4px
}
@media (min-width:768px){
    .navbar-toggle{
        display:none
    }
}
.navbar-nav{
    margin:7.5px -15px
}
.navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    line-height:20px
}
@media (max-width:767px){
    .navbar-nav .open .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{
        padding:5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a{
        line-height:20px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{
        background-image:none
    }
}
@media (min-width:768px){
    .navbar-nav{
        float:left;
        margin:0
    }
    .navbar-nav>li{
        float:left
    }
    .navbar-nav>li>a{
        padding-top:15px;
        padding-bottom:15px
    }
}
.navbar-form{
    padding:10px 15px;
    margin-top:8px;
    margin-right:-15px;
    margin-bottom:8px;
    margin-left:-15px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}
@media (min-width:768px){
    .navbar-form .form-group{
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .navbar-form .form-control-static{
        display:inline-block
    }
    .navbar-form .input-group{
        display:inline-table;
        vertical-align:middle
    }
    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{
        width:auto
    }
    .navbar-form .input-group>.form-control{
        width:100%
    }
    .navbar-form .control-label{
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .checkbox,.navbar-form .radio{
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .checkbox label,.navbar-form .radio label{
        padding-left:0
    }
    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{
        position:relative;
        margin-left:0
    }
    .navbar-form .has-feedback .form-control-feedback{
        top:0
    }
}
@media (max-width:767px){
    .navbar-form .form-group{
        margin-bottom:5px
    }
    .navbar-form .form-group:last-child{
        margin-bottom:0
    }
}
@media (min-width:768px){
    .navbar-form{
        width:auto;
        padding-top:0;
        padding-bottom:0;
        margin-right:0;
        margin-left:0;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
}
.navbar-nav>li>.dropdown-menu{
    margin-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{
    margin-bottom:0;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.navbar-btn{
    margin-top:8px;
    margin-bottom:8px
}
.navbar-btn.btn-sm{
    margin-top:10px;
    margin-bottom:10px
}
.navbar-btn.btn-xs{
    margin-top:14px;
    margin-bottom:14px
}
.navbar-text{
    margin-top:15px;
    margin-bottom:15px
}
@media (min-width:768px){
    .navbar-text{
        float:left;
        margin-right:15px;
        margin-left:15px
    }
}
@media (min-width:768px){
    .navbar-left{
        float:left!important
    }
    .navbar-right{
        float:right!important;
        margin-right:-15px
    }
    .navbar-right~.navbar-right{
        margin-right:0
    }
}
.navbar-default{
    background-color:#f8f8f8;
    border-color:#e7e7e7
}
.navbar-default .navbar-brand{
    color:#777
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{
    color:#5e5e5e;
    background-color:transparent
}
.navbar-default .navbar-text{
    color:#777
}
.navbar-default .navbar-nav>li>a{
    color:#777
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    color:#333;
    background-color:transparent
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    color:#555;
    background-color:#e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{
    color:#ccc;
    background-color:transparent
}
.navbar-default .navbar-toggle{
    border-color:#ddd
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background-color:#ddd
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#888
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
    border-color:#e7e7e7
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    color:#555;
    background-color:#e7e7e7
}
@media (max-width:767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        color:#333;
        background-color:transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
        color:#555;
        background-color:#e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{
        color:#ccc;
        background-color:transparent
    }
}
.navbar-default .navbar-link{
    color:#777
}
.navbar-default .navbar-link:hover{
    color:#333
}
.navbar-default .btn-link{
    color:#777
}
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{
    color:#333
}
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{
    color:#ccc
}
.navbar-inverse{
    background-color:#222;
    border-color:#080808
}
.navbar-inverse .navbar-brand{
    color:#9d9d9d
}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-text{
    color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a{
    color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{
    color:#fff;
    background-color:#080808
}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{
    color:#444;
    background-color:transparent
}
.navbar-inverse .navbar-toggle{
    border-color:#333
}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{
    background-color:#333
}
.navbar-inverse .navbar-toggle .icon-bar{
    background-color:#fff
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
    border-color:#101010
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{
    color:#fff;
    background-color:#080808
}
@media (max-width:767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{
        border-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider{
        background-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        color:#9d9d9d
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
        color:#fff;
        background-color:transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{
        color:#fff;
        background-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{
        color:#444;
        background-color:transparent
    }
}
.navbar-inverse .navbar-link{
    color:#9d9d9d
}
.navbar-inverse .navbar-link:hover{
    color:#fff
}
.navbar-inverse .btn-link{
    color:#9d9d9d
}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{
    color:#fff
}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{
    color:#444
}
.breadcrumb{
    padding:8px 15px;
    margin-bottom:20px;
    list-style:none;
    background-color:#f5f5f5;
    border-radius:4px
}
.breadcrumb>li{
    display:inline-block
}
.breadcrumb>li+li:before{
    padding:0 5px;
    color:#ccc;
    content:"/\00a0"
}
.breadcrumb>.active{
    color:#777
}
.pagination{
    display:inline-block;
    padding-left:0;
    margin:20px 0;
    border-radius:4px
}
.pagination>li{
    display:inline
}
.pagination>li>a,.pagination>li>span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin-left:-1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
}
.pagination>li:first-child>a,.pagination>li:first-child>span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
    z-index:2;
    color:#23527c;
    background-color:#eee;
    border-color:#ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#337ab7;
    border-color:#337ab7
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
}
.pagination-lg>li>a,.pagination-lg>li>span{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.pagination-sm>li>a,.pagination-sm>li>span{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.pager{
    padding-left:0;
    margin:20px 0;
    text-align:center;
    list-style:none
}
.pager li{
    display:inline
}
.pager li>a,.pager li>span{
    display:inline-block;
    padding:5px 14px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:15px
}
.pager li>a:focus,.pager li>a:hover{
    text-decoration:none;
    background-color:#eee
}
.pager .next>a,.pager .next>span{
    float:right
}
.pager .previous>a,.pager .previous>span{
    float:left
}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{
    color:#777;
    cursor:not-allowed;
    background-color:#fff
}
.label{
    display:inline;
    padding:.2em .6em .3em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em
}
a.label:focus,a.label:hover{
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.label:empty{
    display:none
}
.btn .label{
    position:relative;
    top:-1px
}
.label-default{
    background-color:#777
}
.label-default[href]:focus,.label-default[href]:hover{
    background-color:#5e5e5e
}
.label-primary{
    background-color:#337ab7
}
.label-primary[href]:focus,.label-primary[href]:hover{
    background-color:#286090
}
.label-success{
    background-color:#5cb85c
}
.label-success[href]:focus,.label-success[href]:hover{
    background-color:#449d44
}
.label-info{
    background-color:#5bc0de
}
.label-info[href]:focus,.label-info[href]:hover{
    background-color:#31b0d5
}
.label-warning{
    background-color:#f0ad4e
}
.label-warning[href]:focus,.label-warning[href]:hover{
    background-color:#ec971f
}
.label-danger{
    background-color:#d9534f
}
.label-danger[href]:focus,.label-danger[href]:hover{
    background-color:#c9302c
}
.badge{
    display:inline-block;
    min-width:10px;
    padding:3px 7px;
    font-size:12px;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    background-color:#777;
    border-radius:10px
}
.badge:empty{
    display:none
}
.btn .badge{
    position:relative;
    top:-1px
}
.btn-group-xs>.btn .badge,.btn-xs .badge{
    top:0;
    padding:1px 5px
}
a.badge:focus,a.badge:hover{
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge{
    color:#337ab7;
    background-color:#fff
}
.list-group-item>.badge{
    float:right
}
.list-group-item>.badge+.badge{
    margin-right:5px
}
.nav-pills>li>a>.badge{
    margin-left:3px
}
.jumbotron{
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:30px;
    color:inherit;
    background-color:#eee
}
.jumbotron .h1,.jumbotron h1{
    color:inherit
}
.jumbotron p{
    margin-bottom:15px;
    font-size:21px;
    font-weight:200
}
.jumbotron>hr{
    border-top-color:#d5d5d5
}
.container .jumbotron,.container-fluid .jumbotron{
    padding-right:15px;
    padding-left:15px;
    border-radius:6px
}
.jumbotron .container{
    max-width:100%
}
@media screen and (min-width:768px){
    .jumbotron{
        padding-top:48px;
        padding-bottom:48px
    }
    .container .jumbotron,.container-fluid .jumbotron{
        padding-right:60px;
        padding-left:60px
    }
    .jumbotron .h1,.jumbotron h1{
        font-size:63px
    }
}
.thumbnail{
    display:block;
    padding:4px;
    margin-bottom:20px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out
}
.thumbnail a>img,.thumbnail>img{
    margin-right:auto;
    margin-left:auto
}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{
    border-color:#337ab7
}
.thumbnail .caption{
    padding:9px;
    color:#333
}
.alert{
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px
}
.alert h4{
    margin-top:0;
    color:inherit
}
.alert .alert-link{
    font-weight:700
}
.alert>p,.alert>ul{
    margin-bottom:0
}
.alert>p+p{
    margin-top:5px
}
.alert-dismissable,.alert-dismissible{
    padding-right:35px
}
.alert-dismissable .close,.alert-dismissible .close{
    position:relative;
    top:-2px;
    right:-21px;
    color:inherit
}
.alert-success{
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
.alert-success hr{
    border-top-color:#c9e2b3
}
.alert-success .alert-link{
    color:#2b542c
}
.alert-info{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.alert-info hr{
    border-top-color:#a6e1ec
}
.alert-info .alert-link{
    color:#245269
}
.alert-warning{
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}
.alert-warning hr{
    border-top-color:#f7e1b5
}
.alert-warning .alert-link{
    color:#66512c
}
.alert-danger{
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}
.alert-danger hr{
    border-top-color:#e4b9c0
}
.alert-danger .alert-link{
    color:#843534
}
@-webkit-keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
@-o-keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
@keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
.progress{
    height:20px;
    margin-bottom:20px;
    overflow:hidden;
    background-color:#f5f5f5;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar{
    float:left;
    width:0;
    height:100%;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background-color:#337ab7;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}
.progress-bar-striped,.progress-striped .progress-bar{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size:40px 40px;
    background-size:40px 40px
}
.progress-bar.active,.progress.active .progress-bar{
    -webkit-animation:progress-bar-stripes 2s linear infinite;
    -o-animation:progress-bar-stripes 2s linear infinite;
    animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success{
    background-color:#5cb85c
}
.progress-striped .progress-bar-success{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-info{
    background-color:#5bc0de
}
.progress-striped .progress-bar-info{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning{
    background-color:#f0ad4e
}
.progress-striped .progress-bar-warning{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-danger{
    background-color:#d9534f
}
.progress-striped .progress-bar-danger{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.media{
    margin-top:15px
}
.media:first-child{
    margin-top:0
}
.media,.media-body{
    overflow:hidden;
    zoom:1
}
.media-body{
    width:10000px
}
.media-object{
    display:block
}
.media-object.img-thumbnail{
    max-width:none
}
.media-right,.media>.pull-right{
    padding-left:10px
}
.media-left,.media>.pull-left{
    padding-right:10px
}
.media-body,.media-left,.media-right{
    display:table-cell;
    vertical-align:top
}
.media-middle{
    vertical-align:middle
}
.media-bottom{
    vertical-align:bottom
}
.media-heading{
    margin-top:0;
    margin-bottom:5px
}
.media-list{
    padding-left:0;
    list-style:none
}
.list-group{
    padding-left:0;
    margin-bottom:20px
}
.list-group-item{
    position:relative;
    display:block;
    padding:10px 15px;
    margin-bottom:-1px;
    background-color:#fff;
    border:1px solid #ddd
}
.list-group-item:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.list-group-item:last-child{
    margin-bottom:0;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}
a.list-group-item,button.list-group-item{
    color:#555
}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{
    color:#333
}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{
    color:#555;
    text-decoration:none;
    background-color:#f5f5f5
}
button.list-group-item{
    width:100%;
    text-align:left
}
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#eee
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{
    color:inherit
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{
    color:#777
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
    z-index:2;
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{
    color:inherit
}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{
    color:#c7ddef
}
.list-group-item-success{
    color:#3c763d;
    background-color:#dff0d8
}
a.list-group-item-success,button.list-group-item-success{
    color:#3c763d
}
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{
    color:inherit
}
a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{
    color:#3c763d;
    background-color:#d0e9c6
}
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{
    color:#fff;
    background-color:#3c763d;
    border-color:#3c763d
}
.list-group-item-info{
    color:#31708f;
    background-color:#d9edf7
}
a.list-group-item-info,button.list-group-item-info{
    color:#31708f
}
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{
    color:inherit
}
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{
    color:#31708f;
    background-color:#c4e3f3
}
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{
    color:#fff;
    background-color:#31708f;
    border-color:#31708f
}
.list-group-item-warning{
    color:#8a6d3b;
    background-color:#fcf8e3
}
a.list-group-item-warning,button.list-group-item-warning{
    color:#8a6d3b
}
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{
    color:inherit
}
a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{
    color:#8a6d3b;
    background-color:#faf2cc
}
a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{
    color:#fff;
    background-color:#8a6d3b;
    border-color:#8a6d3b
}
.list-group-item-danger{
    color:#a94442;
    background-color:#f2dede
}
a.list-group-item-danger,button.list-group-item-danger{
    color:#a94442
}
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{
    color:inherit
}
a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{
    color:#a94442;
    background-color:#ebcccc
}
a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{
    color:#fff;
    background-color:#a94442;
    border-color:#a94442
}
.list-group-item-heading{
    margin-top:0;
    margin-bottom:5px
}
.list-group-item-text{
    margin-bottom:0;
    line-height:1.3
}
.panel{
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel-body{
    padding:15px
}
.panel-heading{
    padding:10px 15px;
    border-bottom:1px solid transparent;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.panel-heading>.dropdown .dropdown-toggle{
    color:inherit
}
.panel-title{
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{
    color:inherit
}
.panel-footer{
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group{
    margin-bottom:0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{
    border-width:1px 0;
    border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{
    border-top:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{
    border-bottom:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.panel-heading+.list-group .list-group-item:first-child{
    border-top-width:0
}
.list-group+.panel-footer{
    border-top-width:0
}
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{
    margin-bottom:0
}
.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{
    padding-right:15px;
    padding-left:15px
}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{
    border-top-left-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{
    border-top-right-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{
    border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{
    border-bottom-right-radius:3px
}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{
    border-top:1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{
    border-top:0
}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered{
    border:0
}
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{
    border-left:0
}
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{
    border-right:0
}
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{
    border-bottom:0
}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{
    border-bottom:0
}
.panel>.table-responsive{
    margin-bottom:0;
    border:0
}
.panel-group{
    margin-bottom:20px
}
.panel-group .panel{
    margin-bottom:0;
    border-radius:4px
}
.panel-group .panel+.panel{
    margin-top:5px
}
.panel-group .panel-heading{
    border-bottom:0
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top:1px solid #ddd
}
.panel-group .panel-footer{
    border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body{
    border-bottom:1px solid #ddd
}
.panel-default{
    border-color:#ddd
}
.panel-default>.panel-heading{
    color:#333;
    background-color:#f5f5f5;
    border-color:#ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#ddd
}
.panel-default>.panel-heading .badge{
    color:#f5f5f5;
    background-color:#333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#ddd
}
.panel-primary{
    border-color:#337ab7
}
.panel-primary>.panel-heading{
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#337ab7
}
.panel-primary>.panel-heading .badge{
    color:#337ab7;
    background-color:#fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#337ab7
}
.panel-success{
    border-color:#d6e9c6
}
.panel-success>.panel-heading{
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#d6e9c6
}
.panel-success>.panel-heading .badge{
    color:#dff0d8;
    background-color:#3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#d6e9c6
}
.panel-info{
    border-color:#bce8f1
}
.panel-info>.panel-heading{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#bce8f1
}
.panel-info>.panel-heading .badge{
    color:#d9edf7;
    background-color:#31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#bce8f1
}
.panel-warning{
    border-color:#faebcc
}
.panel-warning>.panel-heading{
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#faebcc
}
.panel-warning>.panel-heading .badge{
    color:#fcf8e3;
    background-color:#8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#faebcc
}
.panel-danger{
    border-color:#ebccd1
}
.panel-danger>.panel-heading{
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#ebccd1
}
.panel-danger>.panel-heading .badge{
    color:#f2dede;
    background-color:#a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#ebccd1
}
.embed-responsive{
    position:relative;
    display:block;
    height:0;
    padding:0;
    overflow:hidden
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.embed-responsive-16by9{
    padding-bottom:56.25%
}
.embed-responsive-4by3{
    padding-bottom:75%
}
.well{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote{
    border-color:#ddd;
    border-color:rgba(0,0,0,.15)
}
.well-lg{
    padding:24px;
    border-radius:6px
}
.well-sm{
    padding:9px;
    border-radius:3px
}
.close{
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:.5
}
button.close{
    -webkit-appearance:none;
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0
}
.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog{
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%)
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content{
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.in{
    opacity:.5
}
.modal-header{
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close{
    margin-top:-2px
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:15px
}
.modal-footer{
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn{
    margin-bottom:0;
    margin-left:5px
}
.modal-footer .btn-group .btn+.btn{
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
    margin-left:0
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media (min-width:768px){
    .modal-dialog{
        width:600px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm{
        width:300px
    }
}
@media (min-width:992px){
    .modal-lg{
        width:900px
    }
}
.tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    opacity:0;
    line-break:auto
}
.tooltip.in{
    opacity:.9
}
.tooltip.top{
    padding:5px 0;
    margin-top:-3px
}
.tooltip.right{
    padding:0 5px;
    margin-left:3px
}
.tooltip.bottom{
    padding:5px 0;
    margin-top:3px
}
.tooltip.left{
    padding:0 5px;
    margin-left:-3px
}
.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    background-color:#000;
    border-radius:4px
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}
.tooltip.top-left .tooltip-arrow{
    right:5px;
    bottom:0;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}
.tooltip.top-right .tooltip-arrow{
    bottom:0;
    left:5px;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}
.tooltip.right .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#000
}
.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#000
}
.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.tooltip.bottom-left .tooltip-arrow{
    top:0;
    right:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.tooltip.bottom-right .tooltip-arrow{
    top:0;
    left:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.popover{
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:none;
    max-width:276px;
    padding:1px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    line-break:auto
}
.popover.top{
    margin-top:-10px
}
.popover.right{
    margin-left:10px
}
.popover.bottom{
    margin-top:10px
}
.popover.left{
    margin-left:-10px
}
.popover-title{
    padding:8px 14px;
    margin:0;
    font-size:14px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    border-radius:5px 5px 0 0
}
.popover-content{
    padding:9px 14px
}
.popover>.arrow,.popover>.arrow:after{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.popover>.arrow{
    border-width:11px
}
.popover>.arrow:after{
    content:"";
    border-width:10px
}
.popover.top>.arrow{
    bottom:-11px;
    left:50%;
    margin-left:-11px;
    border-top-color:#999;
    border-top-color:rgba(0,0,0,.25);
    border-bottom-width:0
}
.popover.top>.arrow:after{
    bottom:1px;
    margin-left:-10px;
    content:" ";
    border-top-color:#fff;
    border-bottom-width:0
}
.popover.right>.arrow{
    top:50%;
    left:-11px;
    margin-top:-11px;
    border-right-color:#999;
    border-right-color:rgba(0,0,0,.25);
    border-left-width:0
}
.popover.right>.arrow:after{
    bottom:-10px;
    left:1px;
    content:" ";
    border-right-color:#fff;
    border-left-width:0
}
.popover.bottom>.arrow{
    top:-11px;
    left:50%;
    margin-left:-11px;
    border-top-width:0;
    border-bottom-color:#999;
    border-bottom-color:rgba(0,0,0,.25)
}
.popover.bottom>.arrow:after{
    top:1px;
    margin-left:-10px;
    content:" ";
    border-top-width:0;
    border-bottom-color:#fff
}
.popover.left>.arrow{
    top:50%;
    right:-11px;
    margin-top:-11px;
    border-right-width:0;
    border-left-color:#999;
    border-left-color:rgba(0,0,0,.25)
}
.popover.left>.arrow:after{
    right:1px;
    bottom:-10px;
    content:" ";
    border-right-width:0;
    border-left-color:#fff
}
.carousel{
    position:relative
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner>.item{
    position:relative;
    display:none;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d){
    .carousel-inner>.item{
        -webkit-transition:-webkit-transform .6s ease-in-out;
        -o-transition:-o-transform .6s ease-in-out;
        transition:transform .6s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next{
        left:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev{
        left:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
        left:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
    display:block
}
.carousel-inner>.active{
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev{
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next{
    left:100%
}
.carousel-inner>.prev{
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right{
    left:0
}
.carousel-inner>.active.left{
    left:-100%
}
.carousel-inner>.active.right{
    left:100%
}
.carousel-control{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:15%;
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    background-color:rgba(0,0,0,0);
    opacity:.5
}
.carousel-control.left{
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat:repeat-x
}
.carousel-control.right{
    right:0;
    left:auto;
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat:repeat-x
}
.carousel-control:focus,.carousel-control:hover{
    color:#fff;
    text-decoration:none;
    outline:0;
    opacity:.9
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-block;
    margin-top:-10px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
    left:50%;
    margin-left:-10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
    right:50%;
    margin-right:-10px
}
.carousel-control .icon-next,.carousel-control .icon-prev{
    width:20px;
    height:20px;
    font-family:serif;
    line-height:1
}
.carousel-control .icon-prev:before{
    content:'\2039'
}
.carousel-control .icon-next:before{
    content:'\203a'
}
.carousel-indicators{
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none
}
.carousel-indicators li{
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    cursor:pointer;
    background-color:rgba(0,0,0,0);
    border:1px solid #fff;
    border-radius:10px
}
.carousel-indicators .active{
    width:12px;
    height:12px;
    margin:0;
    background-color:#fff
}
.carousel-caption{
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn{
    text-shadow:none
}
@media screen and (min-width:768px){
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
        width:30px;
        height:30px;
        margin-top:-10px;
        font-size:30px
    }
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
        margin-left:-10px
    }
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
        margin-right:-10px
    }
    .carousel-caption{
        right:20%;
        left:20%;
        padding-bottom:30px
    }
    .carousel-indicators{
        bottom:20px
    }
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
    display:table;
    content:" "
}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{
    clear:both
}
.center-block{
    display:block;
    margin-right:auto;
    margin-left:auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
.hide{
    display:none!important
}
.show{
    display:block!important
}
.invisible{
    visibility:hidden
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.hidden{
    display:none!important
}
.affix{
    position:fixed
}
@-ms-viewport{
    width:device-width
}
.visible-lg,.visible-md,.visible-sm,.visible-xs{
    display:none!important
}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
    display:none!important
}
@media (max-width:767px){
    .visible-xs{
        display:block!important
    }
    table.visible-xs{
        display:table!important
    }
    tr.visible-xs{
        display:table-row!important
    }
    td.visible-xs,th.visible-xs{
        display:table-cell!important
    }
}
@media (max-width:767px){
    .visible-xs-block{
        display:block!important
    }
}
@media (max-width:767px){
    .visible-xs-inline{
        display:inline!important
    }
}
@media (max-width:767px){
    .visible-xs-inline-block{
        display:inline-block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm{
        display:block!important
    }
    table.visible-sm{
        display:table!important
    }
    tr.visible-sm{
        display:table-row!important
    }
    td.visible-sm,th.visible-sm{
        display:table-cell!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-block{
        display:block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-inline{
        display:inline!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-inline-block{
        display:inline-block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md{
        display:block!important
    }
    table.visible-md{
        display:table!important
    }
    tr.visible-md{
        display:table-row!important
    }
    td.visible-md,th.visible-md{
        display:table-cell!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-block{
        display:block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline{
        display:inline!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline-block{
        display:inline-block!important
    }
}
@media (min-width:1200px){
    .visible-lg{
        display:block!important
    }
    table.visible-lg{
        display:table!important
    }
    tr.visible-lg{
        display:table-row!important
    }
    td.visible-lg,th.visible-lg{
        display:table-cell!important
    }
}
@media (min-width:1200px){
    .visible-lg-block{
        display:block!important
    }
}
@media (min-width:1200px){
    .visible-lg-inline{
        display:inline!important
    }
}
@media (min-width:1200px){
    .visible-lg-inline-block{
        display:inline-block!important
    }
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:block!important
    }
    table.visible-print{
        display:table!important
    }
    tr.visible-print{
        display:table-row!important
    }
    td.visible-print,th.visible-print{
        display:table-cell!important
    }
}
.visible-print-block{
    display:none!important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
.visible-print-inline{
    display:none!important
}
@media print{
    .visible-print-inline{
        display:inline!important
    }
}
.visible-print-inline-block{
    display:none!important
}
@media print{
    .visible-print-inline-block{
        display:inline-block!important
    }
}
@media print{
    .hidden-print{
        display:none!important
    }
}
body{
    font-family:Quicksand,sans-serif;
    background-color:#f8f9fd!important
}
body.dark{
    background-color:#114058!important
}
.blur{
    -webkit-filter:blur(5px);
    -moz-filter:blur(5px);
    -o-filter:blur(5px);
    -ms-filter:blur(5px);
    filter:blur(5px)
}
a{
    text-decoration:none!important
}
.float-btn{
    position:fixed;
    bottom:0;
    z-index:1000;
    width:100%;
    display:none
}
.float-btn button{
    background:#ff5620;
    box-shadow:inset 0 -6px 0 rgba(0,0,0,.25);
    border-radius:90px;
    width:60px;
    height:60px;
    color:#fff;
    font-size:22px;
    text-align:center;
    cursor:pointer;
    border:none;
    position:absolute;
    bottom:30px;
    left:30px
}
.float-btn button i{
    position:relative;
    top:-1px
}
.float-btn.active button{
    color:#ff5620;
    background-color:#fff;
    box-shadow:none
}
.blackscreen{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    background:#0000009e
}
.no-padding-col{
    padding-left:0;
    padding-right:0
}
.btn:focus,button:focus,input:focus,select:focus,textarea:focus{
    outline:0
}
.col_5{
    width:20%;
    float:left;
    position:relative;
    padding-right:15px;
    padding-left:15px
}
ul{
    list-style-type:none;
    padding-left:0
}
.thumbnail{
    padding:0;
    border-radius:12px
}
.thumbnail .caption{
    padding:0
}
.tab-pane{
    position:relative;
    top:13px
}
.tab-pane .owl-theme .owl-nav [class*=owl-]{
    background-color:transparent;
    margin:0 -65px;
    padding:0;
    height:78px;
    text-align:center
}
.tab-pane .owl-theme .owl-nav [class*=owl-]:hover{
    background:0 0
}
.tab-pane .owl-prev{
    float:left
}
.tab-pane .owl-next{
    float:right
}
.tab-pane .owl-nav{
    position:absolute;
    top:114px;
    width:100%;
    height:0;
    z-index:10
}
.tab-pane .owl-nav div{
    display:inline-block;
    height:50px
}
.tab-pane .owlNavBtn{
    font-size:80px;
    color:#000;
    font-weight:700;
    opacity:.15
}
.tab-pane .owlNavBtn.glyphicon-menu-left{
    margin-left:5px
}
.tab-pane .owlNavBtn.glyphicon-menu-right{
    margin-right:5px
}
.tab-pane .owl-theme .owl-dots .owl-dot span{
    background:0 0;
    width:16px;
    height:16px;
    border:1px #c4c4c4 solid
}
.tab-pane .owl-theme .owl-dots .owl-dot.active span,.tab-pane .owl-theme .owl-dots .owl-dot:hover span{
    border:1px #ff5520 solid;
    background-color:#ff5520
}
.navbar-toggle.collapsed .crossSign{
    display:none
}
.navbar-toggle{
    margin-bottom:0
}
nav,nav a{
    font-family:Quicksand;
    font-size:22px;
    color:#fff!important
}
nav a i.icon{
    margin-right:4px
}
.navbar{
    margin-bottom:0;
    border:none
}
.navbar>div>div>div{
    padding-left:15px
}
.nav-tabs{
    border:none
}
.barbarbar i,.crossSign i{
    font-size:40px
}
.nav>li>a>span{
    margin-right:10px
}
.nav>li>a>i.fa-angle-right{
    display:none
}
nav>div>.row:first-child{
    background-color:#04689a;
    height:72px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33)
}
nav>div>.row:last-child{
    background-color:#ff5520;
    height:72px
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{
    background-color:transparent;
    border:none
}
nav .nav.nav-tabs li a{
    border-radius:0;
    border:none;
    font-size:22px
}
.nav .open a{
    background-color:transparent!important
}
nav .nav.nav-tabs>li.active{
    background-color:#ff5520;
    border:none
}
nav .nav.nav-tabs>li{
    border-radius:0;
    border-right:1px #6496af solid;
    padding:11px 11px 10px 11px;
    background-color:#1e5069
}
nav .nav.nav-tabs>li:last-child{
    float:right;
    border-right:none;
    padding-top:0;
    padding-right:0;
    background-color:transparent;
    height:72px
}
.buyAccount a.btn{
    border-radius:12px!important;
    background-color:#ff5620;
    font-size:22px;
    text-shadow:0 2px 1px rgba(0,0,0,.25);
    padding:9px 28px 11px;
    box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25)
}
#navbar .buyAccount{
    display:none
}
ul.nav-actions li{
    display:inline-block;
    border-right:none;
    margin-top:-1px;
    padding:13px 0 15px 15px;
    height:73px
}
ul.nav-actions li:first-child{
    padding-right:18px;
    position:relative;
    top:-2px
}
ul.nav-actions li:first-child i{
    margin-right:7px
}
ul.nav-actions li:last-child{
    padding-left:22px
}
ul.nav-actions li.buyAccount{
    padding-right:24px;
    padding-left:25px
}
ul.nav-actions li:last-child div{
    margin-top:-3px
}
ul.nav-actions li:last-child div a{
    margin:10px;
    display:inline-block;
    margin-right:0
}
ul.nav-actions-logined{
    position:relative
}
ul.nav-actions-logined>li{
    display:inline-block;
    padding:0 8px
}
ul.nav-actions-logined li.hotline{
    position:relative;
    top:-26px;
    margin-right:20px
}
ul.nav-actions-logined li.hotline span{
    margin-left:5px
}
ul.nav-actions-logined li.notification div,ul.nav-actions-logined li.star div{
    width:48px;
    height:48px;
    background-color:#034d72;
    text-align:center;
    border-radius:30px;
    position:relative;
    z-index:1
}
ul.nav-actions-logined li.star{
    position:relative;
    top:12px
}
ul.nav-actions-logined li.star div{
    height:48px
}
ul.nav-actions-logined li.star div img{
    position:relative;
    top:6px;
    left:.5px
}
ul.nav-actions-logined li.star span{
    background-color:#034d72;
    padding:5px 12px 5px 55px;
    border-radius:17px;
    font-size:10px;
    text-align:right;
    position:relative;
    top:-40px
}
ul.nav-actions-logined li.notification{
    position:relative;
    top:-34px
}
ul.nav-actions-logined li.notification div img{
    position:relative;
    top:6px
}
ul.nav-actions-logined li.notification div span{
    background:transparent url(../theme/vuihoc/imgs/logined/notinum.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    font-size:10px;
    padding:1px 4px;
    width:18px;
    height:17px;
    display:inline-block;
    position:absolute;
    top:0;
    left:27px
}
ul.nav-actions-logined li.logined{
    position:relative;
    top:-9px
}
ul.nav-actions-logined li.logined div img{
    width:48px;
    height:48px;
    border-radius:30px
}
ul.nav-actions-logined li.logined div a{
    font-size:16px
}
ul.nav-actions-logined li.logined div>ul ul.dropdown-menu .glyphicon-triangle-top{
    left:75px
}
ul.nav-actions-logined li.logined li.dropdown ul li{
    display:block
}
ul.nav-actions-logined li.logined li.dropdown>a{
    padding:0
}
ul.nav-actions-logined li.logined li.dropdown>a span{
    position:relative;
    top:15px;
    margin-left:10px
}
ul.nav-actions-logined li.logined li.dropdown>a>span i.fa-angle-right{
    display:none
}
ul.nav-actions-logined li.logined li.dropdown>a>span i.fa-angle-down{
    margin-left:9px;
    top:1px;
    position:relative
}
ul.nav-actions-logined-mobile{
    display:none
}
nav .nav.nav-tabs li.buyAccount{
    border-left:1px #6496af solid!important;
    border-right:1px #6496af solid!important
}
.nav.navbar-nav.pull-right{
    position:absolute;
    left:21.5%
}
.tab-pane>div>div>div{
    padding-left:0;
    padding-right:0;
    position:relative
}
a.navbar-brand{
    font-size:35px
}
.no-transition{
    -webkit-transition:height 0;
    -moz-transition:height 0;
    -ms-transition:height 0;
    -o-transition:height 0;
    transition:height 0
}
.dropdown-menu{
    min-width:136px;
    border-radius:12px!important;
    padding:10px 0 8px
}
#header_notification_bar .dropdown-menu{
    width:400px
}
.dropdown-menu span.glyphicon-triangle-top{
    position:absolute;
    top:-16px;
    font-size:22px;
    left:56px
}
.dropdown-menu li{
    border-bottom:1px #ededed solid
}
.dropdown-menu li:hover{
    background-color:#ff5520
}
.dropdown-menu li:hover>a{
    color:#fff!important
}
.dropdown-menu li:last-child{
    border:none
}
.dropdown-menu li a{
    color:#485053!important;
    font-size:16px;
    padding:8px 15px 5px 10px;
    white-space:initial
}
.dropdown-menu li a>i{
    font-size:16px;
    margin-top:5px
}
.dropdown-menu li a .time{
    color:#999
}
.dropdown-menu li:hover>a .time{
    color:#fff!important
}
.dropdown-submenu{
    position:relative
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-11px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu{
    display:block
}
.dropdown-submenu:hover>a:after{
    border-left-color:#fff
}
.dropdown-submenu.pull-left{
    float:none
}
.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px
}
.bodyItem{
    padding:50px 0 0
}
#modal-login .modal-content{
    background-color:transparent;
    box-shadow:none;
    border:none
}
.content-sheet{
    background-color:#fff;
    padding:50px 25px;
    border:1px #000 solid;
    border-radius:12px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33);
    border:solid 1px #d1d1d1;
    margin-top:85px
}
.content-sheet .title{
    margin-top:0
}
.content-sheet .left .title{
    margin-bottom:40px
}
.content-sheet .right .title{
    margin-bottom:25px
}
.strikeout{
    display:inline-block;
    height:1px;
    width:18px;
    background-color:#fff;
    position:absolute;
    top:24px;
    left:16px
}
.submit-big,.submit-big-re{
    font-family:Quicksand;
    font-size:36px;
    color:#fff;
    height:60px;
    border-radius:12px;
    box-shadow:inset 0 -6px 0 0 rgba(0,0,0,.25);
    background-color:#ff5620;
    border:none;
    padding:0 35px
}
.submit-big-re{
    background-color:green
}
.heading_sec{
    font-family:Quicksand
}
.heading_sec .slogan{
    padding-top:100px;
    color:#fff;
    font-weight:500
}
.heading_sec .slogan .slogan-title{
    font-size:48px;
    margin-top:10px;
    margin-bottom:10px;
    line-height:1.1
}
.heading_sec .slogan .slogan-sub{
    font-size:100px;
    margin-top:-38px
}
@media (max-width:568px){
    .heading_sec .slogan .slogan-title{
        font-size:30px
    }
    .heading_sec .slogan .slogan-sub{
        margin-top:-22px;
        font-size:60px
    }
}
#heading_sec_vue.heading_sec h1{
    color:#fff;
    font-size:100px;
    margin-top:-20px
}
#heading_sec_vue.heading_sec h1 a{
    color:#fff
}
.heading_sec h4{
    color:#fff;
    font-size:48px
}
.heading_sec h4 a{
    color:#fff
}
.classBlock{
    margin-top:30px
}
.classBlock .thumbnail{
    padding:0;
    border:none;
    border-top-left-radius:14px;
    border-top-right-radius:14px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33);
    border:solid 1px #d1d1d1
}
.classBlock h4{
    margin:0 0 -12px 0;
    font-size:48px;
    font-weight:700
}
.classBlock h4 span{
    display:none
}
.classBlock h1{
    margin-top:0;
    margin-bottom:0;
    font-size:140px;
    font-weight:700
}
.classBlock .thumbnail .className{
    padding-top:25px;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    margin:-1px;
    padding-bottom:10px
}
.grade_1{
    background-color:#ffba00
}
.grade_2{
    background-color:#3079d5
}
.grade_3{
    background-color:#1dc2da
}
.grade_4{
    background-color:#0fc45b
}
.grade_5{
    background-color:#dc4baa
}
.classBlock .thumbnail .caption{
    padding:0
}
.classBlock .thumbnail .caption p{
    font-family:Quicksand;
    font-weight:700;
    margin:0;
    padding:8px 15px
}
.classBlock .thumbnail .caption p:first-child{
    border-bottom:1px grey solid
}
.classBlock .thumbnail .caption p:last-child{
    padding:9px 15px
}
.classBlock .thumbnail .caption a{
    color:#000;
    font-size:20px;
    display:block
}
.classBlock .thumbnail .caption a i{
    font-size:16px;
    margin-top:6px
}
.searchBar>div{
    margin-top:30px
}
.searchBar>div>div{
    position:relative;
    background-color:#2ca9e2;
    border-radius:12px;
    padding:11px 0 1px;
    overflow:hidden
}
.searchBar>div>div i.fa-search{
    position:absolute;
    color:#000;
    opacity:.15;
    font-size:80px;
    top:-8px;
    left:31px;
    z-index:0
}
.searchBar{
    font-size:22px;
    color:#fff;
    font-weight:700
}
.searchBar ul{
    text-align:center;
    position:relative
}
.searchBar ul li{
    display:inline-block;
    margin:0 6px
}
.searchBar button{
    border-radius:12px;
    background-color:#ff6609;
    color:#fff;
    font-size:22px;
    padding:5px 35px;
    position:relative;
    top:-2px
}
.searchBar button:hover{
    color:#fff
}
.searchBar button span{
    top:5px;
    margin-right:8px
}
.searchBar select{
    border-radius:12px;
    padding:6px 60px 6px 20px;
    font-size:22px;
    color:#04689a;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.searchBar .selectBox{
    position:relative
}
.searchBar .selectBox i{
    position:absolute;
    top:14px;
    right:14px;
    font-size:16px;
    color:#04689a
}
.head_title{
    margin-bottom:40px;
    position:relative
}
.head_title h2{
    font-size:36px;
    color:#000;
    font-family:Quicksand;
    font-style:normal;
    font-weight:700;
    padding:10px 0 15px;
    margin:0;
    text-transform:uppercase
}
.head_title::after{
    content:"";
    width:120px;
    height:6px;
    border-radius:12px;
    background-color:#ff5520;
    position:absolute;
    bottom:0
}
.head_title.text-center::after{
    left:50%;
    margin-left:-60px
}
.head_title .spliter{
    width:121px;
    height:6px;
    border-radius:12px;
    background-color:#ff5520
}
ul.nav.content-tab{
    text-align:center;
    margin-bottom:51px
}
ul.nav.content-tab li{
    margin-right:20px;
    display:inline-block;
    float:none
}
ul.nav.content-tab li a{
    padding:17px 70px 16px;
    background-color:#e5f4f9;
    font-family:Quicksand;
    font-size:22px;
    display:inline-block;
    border-radius:100px;
    box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25),0 0 4px 0 rgba(0,0,0,.25);
    border:solid 1px #04689a
}
ul.nav.content-tab li.active a{
    background-color:#ff5620;
    color:#fff;
    border:1px #ff5620 solid;
    box-shadow:none
}
.topics .thumbnail{
    border:solid 1px #d1d1d1;
    box-shadow:3px 3px 29px rgba(17,48,71,.08)
}
.topics .thumbnail .cover{
    height:198px;
    width:100%;
    border-top-right-radius:12px;
    border-top-left-radius:12px
}
.topics .thumbnail .cover img{
    width:80px;
    position:relative;
    top:30%;
    cursor:pointer
}
.topics .thumbnail h3{
    margin-top:15px;
    font-family:Quicksand;
    font-size:22px
}
.topics .thumbnail p{
    color:#c4c4c4
}
.topics .thumbnail p span{
    color:#ff5620
}
.topics .thumbnail .caption .title{
    padding:10px 20px
}
.topics .thumbnail .caption .footer{
    padding:14px 20px
}
.topics .thumbnail .caption .footer{
    border-top:1px #c4c4c4 solid;
    height:48px
}
.topics .thumbnail .caption .footer div{
    display:inline-block
}
.topics .thumbnail .caption .footer .right{
    margin-top:-7px
}
.topics .thumbnail .caption .footer .right span{
    font-size:22px;
    color:#ffba00
}
.topics .thumbnail .caption .footer .left span{
    margin-right:10px;
    color:#c4c4c4
}
.topics .thumbnail .caption .footer .left span i{
    font-size:22px
}
.topics .thumbnail .caption .footer .left span span{
    font-size:14px;
    position:relative;
    top:-3px;
    left:3px
}
.notable_lesson .thumbnail{
    position:relative;
    color:#fff
}
.notable_lesson .thumbnail p{
    font-size:20px;
    font-weight:600
}
.notable_lesson .thumbnail h1{
    font-size:190px;
    opacity:.15;
    position:absolute;
    right:15px;
    top:-30px;
    font-family:Quicksand
}
.notable_lesson .thumbnail a{
    font-size:22px;
    color:#fff!important;
    display:inline-block;
    margin-top:-10px;
    margin-bottom:6px;
    font-family:Quicksand;
    position:absolute;
    right:15px
}
.fun_math .thumbnail .caption a i,.notable_lesson .thumbnail a i{
    margin-right:5px
}
.notable_lesson .thumbnail .content{
    padding:65px 15px 2px
}
.notable_lesson .thumbnail .caption{
    padding:0 15px 27px;
    position:relative
}
.fun_math{
    padding-bottom:50px;
    background-color:rgba(122,216,226,.15)
}
.fun_math .thumbnail{
    border:1px #d1d1d1 solid
}
.fun_math .thumbnail .content{
    padding:20px 20px;
    border-bottom:1px #c4c4c4 solid;
    color:#000
}
.fun_math .thumbnail .content .icon{
    margin-bottom:15px;
    height:55px
}
.fun_math .thumbnail .content .icon img{
    height:55px
}
.fun_math .thumbnail .content .img-responsive{
    width:100%;
    height:160px;
    object-fit:cover;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:15px;
    border:1px solid #cbcbcb
}
.fun_math .thumbnail .content p{
    font-family:Quicksand;
    font-size:20px
}
.fun_math .thumbnail .caption{
    padding:10px 10px;
    position:relative;
    text-align:center
}
.fun_math .thumbnail .content .main-quiz-content{
    height:120px;
    overflow:hidden
}
.fun_math .content>h3{
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    line-height:25px;
    margin-bottom:8px;
    margin-top:0
}
.fun_math .content>h3>a{
    color:#000
}
.fun_math .thumbnail .caption a{
    font-family:Quicksand;
    color:#ff5620;
    font-size:22px
}
.school_news{
    padding-bottom:50px;
    background:#216999 url(../theme/vuihoc/imgs/bg_kids.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.article .thumbnail{
    font-family:Quicksand
}
.article .thumbnail .cover{
    height:197px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    overflow:hidden;
    margin:-1px -1px 0 -1px
}
.article .thumbnail .cover img{
    height:100%;
    transform:translateX(-50%);
    position:relative;
    left:50%
}
.article .thumbnail .content{
    padding:15px 23px 5px;
    border-bottom:1px #c4c4c4 solid
}
.article .thumbnail .content h4{
    font-size:22px
}
.article .thumbnail .content p{
    font-family:Quicksand;
    color:#000;
    font-size:20px;
    font-weight:400
}
.article .thumbnail .content p.date{
    color:#c4c4c4;
    font-size:14px;
    font-weight:400
}
.article .thumbnail .caption{
    height:49px;
    position:relative
}
.article .thumbnail .caption a{
    font-size:22px;
    color:#ff5620;
    position:absolute;
    top:10px;
    right:23px
}
.navigation{
    padding:50px 0 30px
}
.navigation .fn-title{
    color:#04689a;
    font-family:Quicksand;
    font-size:22px;
    margin-bottom:10px;
    font-weight:500
}
.navigation p a{
    color:#000;
    font-size:14px
}
footer.homeFooter{
    min-height:465px
}
footer.homeFooter>div>div{
    padding-top:25px;
    border-top:1px #c4c4c4 solid
}
footer.homeFooter .left{
    padding-left:0;
    text-align:justify
}
footer.homeFooter .left img{
    margin-top:30px
}
footer.homeFooter .left .fn-title{
    color:#04689a;
    font-family:Quicksand;
    font-size:48px;
    margin-bottom:20px;
    margin-top:10px
}
footer.homeFooter .left p{
    width:90%;
    font-size:14px;
    margin-bottom:15px
}
footer.homeFooter .right{
    padding-right:0
}
footer.homeFooter .right .head_title{
    margin-bottom:26px
}
footer.homeFooter .right .head_title .fn-title{
    font-size:36px;
    color:#04689a;
    font-weight:700;
    padding:10px 0
}
footer.homeFooter .right .spliter{
    background-color:#04689a
}
footer.homeFooter .bct{
    position:relative
}
.breadcrumb_sec .headingBackground{
    background-color:#2ca9e2;
    height:140px
}
.dark .breadcrumb_sec .headingBackground{
    background-color:#0084cb
}
.breadcrumb_sec .headingBackground>div>div{
    min-height:80px;
    position:relative;
    overflow:hidden
}
.breadcrumb_sec .headingBackground .kid,.breadcrumb_sec .headingBackground .math-formulas,.breadcrumb_sec .headingBackground .solid-cloud,.breadcrumb_sec .headingBackground .trans-cloud{
    position:absolute;
    right:0;
    top:0
}
.breadcrumb_sec .headingBackground .kid{
    background:url(../theme/vuihoc/imgs/flying_kid.png);
    background-position:0 12px;
    background-repeat:no-repeat;
    background-size:100%;
    width:172px;
    height:160px;
    z-index:4;
    right:70px
}
.breadcrumb_sec .headingBackground .solid-cloud{
    background:url(../theme/vuihoc/imgs/cloud_solid.png);
    background-position:right 0;
    background-repeat:no-repeat;
    background-size:100%;
    width:211px;
    height:127px;
    z-index:3;
    top:90px;
    right:225px
}
.breadcrumb_sec .headingBackground .trans-cloud{
    background:url(../theme/vuihoc/imgs/cloud_transparent.png);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100%;
    width:276px;
    height:166px;
    z-index:2;
    right:0;
    top:34px
}
.breadcrumb_sec .headingBackground .math-formulas{
    background:url(../theme/vuihoc/imgs/math_formulas.png);
    background-position:right 0;
    background-repeat:no-repeat;
    background-size:100%;
    width:397px;
    height:269px;
    z-index:1;
    right:200px;
    top:-80px
}
.breadcrumb_sec .headingBackground h1{
    font-family:Quicksand;
    font-size:48px;
    color:#fff
}
.breadcrumb_sec .breadcrumb{
    font-family:Quicksand;
    font-size:20px;
    background-color:transparent;
    margin:0;
    padding:11px 15px 9px 0
}
.breadcrumb_sec .breadcrumbBar{
    margin-bottom:7px
}
.breadcrumb_sec .breadcrumb li{
    margin-left:0
}
.breadcrumb_sec .breadcrumb>li+li:before{
    color:#000;
    padding:0 5px 0 5px
}
.breadcrumb_sec .breadcrumb li a{
    color:#000!important
}
.breadcrumb_sec .breadcrumb li.active span{
    font-weight:700;
    color:#000
}
footer.contentPage{
    height:297px;
    position:relative;
    z-index:0
}
footer.contentPage .copyright{
    position:absolute;
    bottom:48px
}
.gohome a h4{
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    color:#1b3043;
    position:relative;
    top:15px;
    padding-left:50px
}
.login_sec .left,.login_sec .right{
    margin-top:160px
}
.formPanel{
    font-family:Quicksand;
    color:#787878;
    padding:41px 30px 0;
    width:450px;
    border-radius:12px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33);
    margin:80px auto;
    background-color:#fff
}
.formPanel>img:first-child{
    position:absolute;
    top:-13px;
    left:50%;
    transform:translateX(-50%)
}
.formPanel button.close{
    position:absolute;
    top:-62px;
    right:-43px;
    opacity:1
}
.formPanel button.close i{
    color:#1b3043!important;
    font-size:32px
}
.formPanel .formTitle{
    position:relative
}
.formPanel .formTitle .text-title{
    font-family:Quicksand;
    font-size:36px;
    color:#1b3043;
    margin-bottom:31px;
    margin-top:10px;
    font-weight:500
}
.formPanel .formContent form ul{
    background-color:#f0f0f0;
    border:1px #dadada solid;
    border-radius:12px;
    padding:8px 0;
    margin-bottom:4px
}
.formPanel .formContent form ul li{
    padding:5px 16px 5px 17px
}
.formPanel .formContent form ul li i{
    position:relative;
    top:-2px
}
.formPanel .formContent form ul li i.fa-eye{
    cursor:pointer
}
.formPanel .formContent form ul li.hasBorderBottom{
    border-bottom:1px #dadada solid
}
.formPanel .formContent form ul li input::placeholder{
    color:#d1d1d1
}
.formPanel .formContent form ul li input::-webkit-input-placeholder{
    color:#d1d1d1
}
.formPanel .formContent form ul li input::-ms-input-placeholder{
    color:#d1d1d1
}
.formPanel .formContent form ul li input[type=password],.formPanel .formContent form ul li input[type=text]{
    border:none;
    background-color:transparent;
    margin-left:8px;
    font-size:20px;
    width:86%
}
.formPanel .formContent form ul li input[type=password]:focus,.formPanel .formContent form ul li input[type=text]:focus{
    outline:0
}
.formPanel .formContent form label{
    font-weight:400;
    padding:0 20px;
    margin-bottom:20px
}
.formPanel .formContent form label a{
    color:#ff5620;
    text-decoration:underline!important
}
.formPanel .formContent form label input[type=checkbox]{
    width:16px;
    height:16px;
    position:relative;
    top:2px;
    margin-right:6px
}
.formPanel .formContent button{
    border-radius:12px;
    box-shadow:inset 0 -6px 0 0 rgba(0,0,0,.25);
    background-color:#ff5620;
    font-family:Quicksand;
    font-size:22px;
    color:#fff;
    border:none;
    padding:8px 10px 9px;
    margin-bottom:9px
}
.formPanel .formContent button:hover{
    opacity:.9
}
.formPanel .formContent form button.loginBtn,.formPanel .formContent form button.registerBtn{
    display:block;
    border-radius:12px;
    background-color:#ff5620;
    width:100%
}
.formPanel .formContent button.facebookBtn{
    background-color:#3b579d;
    margin-right:8px;
    width:189px;
    position:relative;
    padding-left:32px;
    margin-bottom:37px
}
.formPanel .formContent button.googleBtn{
    background-color:#db4633;
    width:189px;
    position:relative;
    padding-left:38px;
    margin-bottom:37px
}
.formPanel .formContent button i{
    position:absolute;
    top:12px;
    left:15px;
    font-size:22px
}
.formPanel .formFooter{
    height:78px;
    background-color:#1b3043;
    margin-right:-30px;
    margin-left:-30px;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    padding:24px 0;
    text-align:center
}
.formPanel .formFooter p{
    color:#fff;
    font-size:20px;
    font-weight:700
}
.formPanel .formFooter p a{
    color:#ff5620;
    position:relative
}
.formPanel .formFooter p a span{
    display:inline-block;
    position:absolute;
    bottom:2px;
    width:78px;
    border-bottom:1px #ff5620 solid;
    left:1px
}
footer .copyright p{
    font-family:Quicksand;
    font-size:18px;
    color:#04689a;
    position:absolute;
    top:34px;
    left:270px;
    width:198px
}
.subjects_sec{
    padding:35px 0 0 0
}
.subjects_sec .left{
    padding-right:9px
}
.subjects_sec .right{
    padding-left:9px
}
.subjects_sec .tab-pane{
    top:0
}
.subjects_sec .content-sheet{
    margin-top:0;
    padding:50px 30px
}
h1.tab-title{
    font-family:Quicksand;
    font-size:36px;
    color:#ff5620;
    text-align:center;
    margin-top:0;
    margin-bottom:45px
}
ul.accomplishBar{
    text-align:center;
    margin-bottom:59px
}
ul.accomplishBar li{
    display:inline-block;
    margin-right:60px
}
ul.accomplishBar li:last-child{
    margin-right:0
}
.progress-icon{
    text-align:center;
    width:33px;
    height:33px;
    border-radius:20px;
    float:left;
    margin-right:14px;
    display:inline-block
}
.progress-icon.completed{
    background-color:#21df11;
    color:#fff
}
.progress-icon.completed i{
    position:relative;
    top:8px;
    font-size:15px
}
.progress-icon.thisWeekAssignment{
    background-color:transparent;
    color:#ff5620;
    border:1px #ff5620 solid
}
.progress-icon.thisWeekAssignment i{
    position:relative;
    top:6px;
    font-size:16px
}
.progress-icon.incompleted{
    border:2px #efefef solid;
    background-color:#d1d1d1
}
ul.accomplishBar li span{
    position:relative;
    top:3px;
    font-family:Quicksand;
    font-size:20px;
    font-weight:700
}
.subjects_sec .subject{
    margin-bottom:35px
}
.subjects_sec .subject .heading{
    position:relative;
    height:58px;
    margin-bottom:20px
}
.subjects_sec .subject .heading .icon{
    height:58px;
    width:58px;
    position:absolute;
    top:-2px
}
.subjects_sec .subject .heading .icon img{
    height:58px;
    float:right
}
.subjects_sec .subject .heading h2{
    font-family:Quicksand;
    font-size:36px;
    border-bottom:2px #000 solid;
    margin:0;
    margin-left:72px
}
.subjects_sec .subject .heading h2.c-yellow{
    color:#ffda2d;
    border-color:#ffda2d
}
.subjects_sec .subject .heading h2.c-purple{
    color:#ef3a76;
    border-color:#ef3a76
}
.subjects_sec .subject .heading h2.c-red{
    color:#fc5f61;
    border-color:#fc5f61
}
.subjects_sec .subject ul.lesson-list li{
    height:76px;
    border-radius:10px;
    border:1px #d1d1d1 solid;
    box-shadow:inset 0 -5px 0 0 rgba(0,0,0,.25);
    overflow:hidden;
    position:relative;
    margin-bottom:10px;
    border-bottom:1px #a8a8a8 solid;
    cursor:pointer
}
.subjects_sec .subject ul.lesson-list li.completed:hover,.subjects_sec .subject ul.lesson-list li:hover{
    background-color:#ff5520;
    box-shadow:none
}
.subjects_sec .subject ul.lesson-list li h2.number{
    font-family:Quicksand;
    font-size:48px;
    background-color:#d1d1d1;
    margin:0;
    height:75px;
    width:105px;
    float:left;
    padding:12px 0;
    text-align:center;
    color:#fff;
    border-bottom-left-radius:10px;
    box-shadow:inset 0 -6px 0 0 rgba(0,0,0,.2)
}
.subjects_sec .subject ul.lesson-list li.completed:hover h2.number,.subjects_sec .subject ul.lesson-list li:hover h2.number{
    background-color:#ff5520;
    border-right:1px #d1d1d1 solid;
    box-shadow:none
}
.subjects_sec .subject ul.lesson-list li.completed h2.number{
    background-color:#21df10
}
.subjects_sec .subject ul.lesson-list li .title{
    float:left;
    margin-left:15px;
    height:74px;
    position:relative;
    width:275px
}
.subjects_sec .subject ul.lesson-list li .title p{
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    float:left;
    margin-right:10px;
    margin-bottom:0;
    line-height:24px;
    transform:translateY(-50%);
    top:50%;
    position:relative;
    color:#000
}
.subjects_sec .subject ul.lesson-list li:hover .title p{
    color:#fff
}
.subjects_sec .subject ul.lesson-list li .title .progress-icon{
    position:absolute;
    top:19px
}
.subjects_sec .subject ul.lesson-list li:hover .title .progress-icon{
    display:none
}
.subjects_sec .subject ul.lesson-list li .actions{
    position:absolute;
    right:78px;
    top:5px
}
.subjects_sec .subject ul.lesson-list li:hover .actions{
    background-color:#ff5520;
    box-shadow:-20px 7px 20px 6px #ff5520
}
.subjects_sec .subject ul.lesson-list li .actions button{
    background-color:transparent;
    border:none;
    padding:0 0;
    color:#fff;
    display:none
}
.subjects_sec .subject ul.lesson-list li .actions button.youtube{
    margin-right:8px;
    font-size:38px;
    position:relative;
    top:4px
}
.subjects_sec .subject ul.lesson-list li .actions button.edit{
    font-size:32px
}
.subjects_sec .subject ul.lesson-list li:hover .actions button{
    display:inline-block
}
.subjects_sec .subject ul.lesson-list li .star{
    position:absolute;
    right:15px;
    top:6px;
    height:56px;
    width:56px;
    padding:14px 0;
    text-align:center
}
.subjects_sec .subject ul.lesson-list li.completed .star{
    background:url(../theme/vuihoc/imgs/subject/star_full.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
    right:12px;
    height:63px;
    width:63px
}
.subjects_sec .subject ul.lesson-list li.incompleted .star{
    background:url(../theme/vuihoc/imgs/subject/star.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:101%
}
.subjects_sec .subject ul.lesson-list li.intact .star{
    background:url(../theme/vuihoc/imgs/subject/star_outline.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:101%
}
.subjects_sec .subject ul.lesson-list li .star span{
    font-family:Quicksand;
    font-size:22px
}
.subjects_sec .subject ul.lesson-list li.completed{
    background-color:rgba(33,223,17,.15)
}
.subjects_sec .subject ul.lesson-list li.completed .star{
    color:#21df11
}
.subjects_sec .subject ul.lesson-list li.incompleted .star{
    color:#ff5520
}
.subjects_sec .subject ul.lesson-list li.intact .star{
    color:#bfbfbf
}
.contact_sec{
    font-family:Quicksand
}
.contact_sec .content-sheet{
    padding:27px 35px 29px
}
.contact_sec h4{
    font-size:20px;
    font-weight:700;
    margin-left:45px;
    margin-top:24px;
    margin-bottom:8px
}
.contact_sec p{
    color:#000
}
.contact_sec .company p,.contact_sec .email p,.contact_sec .support p{
    margin-left:45px
}
.contact_sec .contact i,.contact_sec .email i,.contact_sec .ggmap i{
    font-size:32px;
    color:#ff5520
}
.contact_sec h1{
    color:#ff5520;
    font-family:Quicksand
}
.contact_sec h1.heading{
    font-size:36px;
    border-bottom:1px #ff5520 solid;
    padding-bottom:6px
}
.contact_sec .icon{
    float:left;
    margin-top:30px
}
.contact_sec .email .icon{
    margin-top:37px
}
.contact_sec .email .icon i{
    font-size:29px
}
.contact_sec .contact .company,.contact_sec .contact .support{
    border-bottom:1px #ff5520 solid;
    padding-bottom:28px
}
.contact_sec .contact .company,.contact_sec .contact .email,.contact_sec .contact .support{
    margin-right:0;
    margin-left:0
}
.contact_sec .email>div{
    padding-left:0;
    padding-right:0;
    padding-bottom:35px
}
.contact_sec .contact .support{
    margin-top:6px
}
.contact_sec .contact .support div:first-child{
    padding-left:0;
    padding-right:12px;
    max-width:240px
}
.contact_sec .contact .support div:last-child{
    padding-right:0;
    padding-left:6px
}
.contact_sec .contact .support div h4{
    line-height:24px
}
.contact_sec .contact .support div p{
    line-height:20px
}
.contact_sec .ggmap{
    padding-left:30px
}
.contact_sec .email h4{
    margin-top:30px
}
.contact_sec .email p{
    margin-bottom:-2px
}
.contact_sec .feedback .left{
    padding-right:0;
    width:28%
}
.contact_sec .feedback .left h1{
    margin-bottom:5px
}
.contact_sec .feedback .left p{
    text-align:right;
    line-height:18px;
    max-width:273px
}
.contact_sec .feedback .right{
    padding-right:0;
    width:72%;
    padding-left:2px;
    margin-top:12px
}
.contact_sec .feedback{
    padding-top:14px
}
.contact_sec .action-btn{
    margin-bottom:15px
}
form.feedback-form{
    color:#787878
}
form.feedback-form .input-col{
    margin-bottom:11px;
    padding:0
}
form.feedback-form .input-col:nth-child(1){
    padding-left:15px;
    padding-right:7px
}
form.feedback-form .input-col:nth-child(2){
    padding:0 7px 0 7px
}
form.feedback-form .input-col:nth-child(3){
    padding-right:15px;
    padding-left:7px
}
.form-field-container{
    position:relative;
    padding:9px 5px 9px 5px;
    border-radius:12px;
    border:solid 1px #dadada;
    background-color:#f0f0f0
}
.form-field-container i{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:21px;
    font-size:15px
}
.form-field-container input{
    border:none;
    width:100%;
    padding-left:39px;
    background-color:transparent
}
.form-field-container textarea{
    width:100%;
    border:none;
    background-color:transparent;
    height:167px;
    padding-left:15px;
    padding-right:15px
}
.form-field-container input:focus,.form-field-container textarea:focus{
    outline:0
}
form.feedback-form span.info{
    margin-top:5px;
    display:block;
    margin-left:22px
}
form.feedback-form .form-actions{
    text-align:right
}
.action-btn{
    height:48px;
    border-radius:12px;
    box-shadow:inset 0 -6px 0 0 rgba(0,0,0,.25);
    font-family:Quicksand;
    font-size:22px;
    border:none;
    color:#fff;
    text-shadow:0 2px 1px rgba(0,0,0,.25)
}
.action-btn span:first-child{
    width:38px;
    display:inline-block
}
.action-btn span:last-child{
    width:134px;
    display:inline-block;
    position:relative;
    top:-2px
}
a.action-btn{
    padding:9px 6px 0;
    display:inline-block;
    color:#fff!important;
    cursor:pointer;
    text-align:center;
    background-color:#d8d8d8
}
.accept-btn{
    background-color:#ff5620;
    margin-right:8px
}
.decline-btn{
    background-color:#034d72
}
.profile_sec{
    font-family:Quicksand
}
.profile_sec .left{
    padding-right:26px;
    margin-top:83px
}
.profile_sec .left .row-1{
    text-align:center
}
.profile_sec .left .row-1 .avatar{
    width:94px;
    height:94px
}
.profile_sec .left .row-1 .name{
    font-family:Quicksand;
    font-size:20px;
    color:#034d72;
    margin-top:12px;
    margin-bottom:2px
}
.profile_sec .left .row-1 .id{
    font-family:Open Sans;
    font-size:12px;
    color:#034d72;
    margin-top:0
}
.profile_sec .left .row-2{
    margin-top:10px
}
.profile_sec .left .row-2 ul.left-nav li{
    height:10px;
    height:48px;
    border-radius:38px;
    padding:10px 22px;
    margin-bottom:13px
}
.profile_sec .left .row-2 ul.left-nav li a{
    font-family:Quicksand;
    font-size:22px;
    color:#04689a
}
.profile_sec .left .row-2 ul.left-nav li a i{
    font-size:24px;
    margin-right:13px
}
.profile_sec .left .row-2 ul.left-nav li.active{
    background-color:#04689a
}
.profile_sec .left .row-2 ul.left-nav li.active a{
    color:#fff
}
.profile_sec .right{
    font-size:18px
}
.profile_sec .right .content-sheet{
    padding:34px 63px 71px 63px
}
.profile_sec .right form input{
    width:100%
}
.profile_sec .right form input,.profile_sec .right form select{
    font-size:16px;
    border:solid 1px #04689a;
    border-radius:4px;
    padding:3px 8px
}
.profile_sec .right .status div{
    width:20px;
    height:20px;
    background-color:#c4c4c4;
    float:left;
    margin-right:5px;
    margin-top:4px
}
.profile_sec .right .form-group{
    margin-left:20px
}
.profile_sec .right form span.help-block{
    margin-top:5px;
    margin-bottom:8px
}
.profile_sec .right form label{
    margin-top:2px
}
.profile_sec .right .form-group>label{
    font-weight:400;
    text-align:right
}
.profile_sec .right .form-group>div{
    padding-left:0;
    padding-right:118px
}
.profile_sec .right h4.heading{
    font-family:Quicksand;
    font-size:20px;
    color:#6783c0;
    margin-bottom:25px
}
.profile_sec .right .row-1 .form-group{
    height:20px
}
.profile_sec .right .row-1 .form-group div span{
    font-weight:700
}
.profile_sec .right .row-2{
    margin-top:13px
}
.profile_sec .right .row-2 .form-group a{
    font-size:16px;
    font-weight:700;
    color:#6783c0;
    text-decoration:underline!important;
    display:block;
    margin-bottom:28px
}
.profile_sec .right #birthday,.profile_sec .right #birthmonth{
    width:64px;
    margin-right:3px
}
.profile_sec .right #birthyear{
    width:76px
}
.profile_sec .right #gender{
    width:200px
}
.profile_sec .right #province{
    width:100%
}
.profile_sec .right .captcha input{
    width:130px;
    margin-right:3px
}
.profile_sec .right .captcha .captcha-val{
    width:130px;
    height:30px;
    border:solid 1px #04689a;
    background-color:#04689a;
    padding:4px 40px 4px 40px;
    font-size:16px;
    color:#fff;
    font-weight:700;
    border-radius:4px
}
.profile_sec .right .form-actions{
    text-align:center
}
.profile_sec .right .form-actions button{
    margin-top:55px
}
.question-book .title{
    font-family:Quicksand;
    font-size:48px;
    color:#fff;
    text-align:center;
    margin:45px 0 55px
}
.note-cover{
    width:1020px;
    border-radius:12px;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.25);
    background-color:#04689a;
    padding:15px 12px 12px 12px;
    position:relative;
    z-index:5;
    float:left;
    margin-left:40px
}
.note-cover .note-spring{
    background:transparent url(../theme/vuihoc/imgs/exercise/spring-2.png);
    background-position:center;
    background-repeat:repeat-x;
    height:84px;
    position:absolute;
    z-index:100;
    top:-28px;
    left:56px;
    width:910px
}
.note-cover .question-area{
    border-radius:12px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33);
    border:solid 1px #d1d1d1;
    width:100%;
    background-color:#fff;
    padding-bottom:50px;
    float:left;
    overflow:hidden
}
.note-cover .question-area .bottom-btn{
    text-align:center;
    position:relative;
    bottom:-30px;
    float:left;
    width:100%
}
.note-cover .question-area .left-tray{
    position:absolute;
    left:-36px;
    top:28px;
    width:48px;
    padding-left:0;
    text-align:center;
    border-top-left-radius:12px;
    overflow:hidden;
    box-shadow:-2px 2px 33px 0 rgba(176,192,237,.33)
}
.note-cover .question-area .left-tray li{
    border-bottom:1px #d8d8d8 solid;
    font-family:Quicksand;
    font-size:20px;
    font-weight:500;
    margin-left:0;
    padding:9px 0;
    background-color:#fff;
    cursor:pointer
}
.note-cover .question-area .left-tray li:first-child{
    font-family:Quicksand;
    font-size:22px;
    color:#fff;
    background-color:#04689a
}
.note-cover .question-area .left-tray li:last-child{
    border-bottom:none
}
.note-cover .question-area .left-tray .r-a{
    background-color:#ec0b1b;
    color:#fff;
    position:relative
}
.note-cover .question-area .left-tray .w-a{
    background-color:#84c530;
    color:#fff
}
.note-cover .question-area .left-tray .c-a{
    background-color:#8a8a8a;
    color:#fff
}
.note-cover .question-area .left-tray li.currentLastQuestionBtn{
    border-bottom:none;
    border-bottom-left-radius:12px
}
.nextQuestionBtn{
    position:absolute;
    left:-36px;
    top:540px;
    border:none;
    background:#fff;
    width:48px;
    height:48px;
    border-radius:0 0 0 15px;
    border-top:1px solid #dfdfdf;
    box-shadow:-2px 2px 33px 0 rgba(176,192,237,.33)
}
#homework_sec_vue .question-area{
    float:none;
    min-height:200px
}
#homework_sec_vue .note-cover{
    float:none;
    margin:0 auto
}
#homework_sec_vue .homework-inner{
    padding:20px
}
#homework_sec_vue .submit-big{
    display:inline-block;
    line-height:40px;
    height:45px;
    font-size:20px;
    margin:20px
}
#homework_sec_vue .submit-big:hover{
    color:#fff
}
@media screen and (min-width:568px){
    #homework_sec_vue .submit-big.md-pull-left{
        float:left
    }
    #homework_sec_vue .submit-big.md-pull-right{
        float:right
    }
}
@media screen and (max-width:568px){
    .nextQuestionBtn{
        top:65px;
        right:12px;
        left:inherit;
        z-index:3;
        border-top:0;
        border-bottom:1px solid #dfdfdf;
        border-left:1px solid #dfdfdf;
        height:47px;
        border-bottom-left-radius:0
    }
    .nextQuestionBtn .fas{
        transform:rotate(-90deg)
    }
}
.note-cover .question-area .right-tray{
    width:118px;
    position:absolute;
    right:-106px;
    top:45px;
    z-index:10
}
.note-cover .question-area .right-tray li{
    background:#fff;
    text-align:center;
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
    box-shadow:5px 2px 28px 0 rgba(176,192,237,.33);
    border:solid 1px #d1d1d1;
    margin-bottom:17px
}
.note-cover .question-area .right-tray h4{
    font-family:Quicksand;
    font-size:22px
}
.note-cover .question-area .right-tray .unit{
    border-left:none;
    padding:4px 0 27px
}
.note-cover .question-area .right-tray .unit img{
    width:24px;
    height:22px
}
.note-cover .question-area .right-tray .unit h4{
    color:#04689a
}
.note-cover .question-area .right-tray .question-mark{
    overflow:hidden;
    border:none
}
.note-cover .question-area .right-tray .question-mark>div:first-child{
    border-bottom:1px #d8d8d8 solid
}
.note-cover .question-area .right-tray .question-mark>div:last-child>div{
    padding:16px 0 14px
}
.note-cover .question-area .right-tray .question-mark p.proportion{
    font-family:Quicksand;
    font-size:20px;
    font-weight:500;
    color:#314d5d;
    margin:10px 0
}
.note-cover .question-area .right-tray .question-mark p.mark{
    font-family:Quicksand;
    font-size:48px;
    color:#ff5620;
    background-color:transparent;
    padding:0 0;
    line-height:30px
}
.note-cover .question-area .right-tray .question-mark p.mark:first-child{
    margin-bottom:-9px
}
.note-cover .question-area .right-tray .question-mark h4{
    color:#fff;
    background-color:#ff5620;
    padding:10px 0 6px;
    margin-top:0
}
.note-cover .question-area .right-tray .light{
    color:#fff;
    background-color:#ff5620;
    padding:5px 0 25px;
    box-shadow:inset 0 -6px 0 0 rgba(0,0,0,.25);
    border-left:none;
    cursor:pointer
}
.note-cover .question-area .right-tray .light i{
    font-size:48px
}
.note-cover .question-area .question-heading{
    text-align:center;
    margin-top:63px;
    margin-bottom:30px
}
.note-cover .question-area .question-heading li{
    display:inline-block;
    color:#fff
}
.note-cover .question-area .question-heading li:first-child,.note-cover .question-area .question-heading li:last-child{
    height:36px;
    border-radius:12px;
    background-color:#114058;
    font-family:Quicksand;
    font-size:20px;
    font-weight:500;
    padding:4px 20px
}
.note-cover .question-area .question-heading li:first-child{
    margin-right:-13px;
    padding-right:23px
}
.note-cover .question-area .question-heading li:nth-child(2){
    font-family:Quicksand;
    font-size:36px;
    height:52px;
    border-radius:12px;
    background-color:#ff5620;
    padding:2px 27px 0;
    position:relative;
    z-index:1;
    top:3px
}
.note-cover .question-area .question-heading li:last-child{
    margin-left:-13px;
    position:relative;
    z-index:0;
    padding-left:23px
}
.note-cover .question-area p.question{
    font-family:Quicksand;
    font-size:32px;
    font-weight:700;
    color:#1b3043;
    text-align:center
}
.note-cover .question-area .question-content{
    padding:15px;
    width:500px;
    margin:45px auto
}
.note-cover .question-area .answer{
    text-align:center
}
.note-cover .question-area .answer form{
    margin-top:10px
}
.note-cover .question-area .answer>button{
    font-family:Quicksand;
    font-size:20px;
    font-weight:500;
    width:187px;
    height:36px;
    border-radius:12px;
    background-color:#114058;
    color:#fff;
    border:none;
    margin-bottom:4px
}
.note-cover .question-area .answer span{
    font-family:Quicksand;
    font-size:14px;
    color:#034d72;
    display:block
}
.note-cover .question-area .answer input{
    width:180px;
    height:59px;
    border-radius:12px;
    border:solid 1px #dadada;
    background-color:#f0f0f0;
    padding:10px;
    font-family:Quicksand;
    font-size:20px;
    margin-bottom:15px
}
.note-cover .question-area .support{
    height:100px;
    position:absolute;
    bottom:-26px;
    right:75px;
    text-align:right
}
.note-cover .question-area .cat{
    position:absolute;
    bottom:12px;
    right:12px;
    height:104px;
    overflow:hidden;
    width:75px;
    border-radius:13px
}
.note-cover .question-area .support h5{
    font-family:Quicksand;
    font-size:15px;
    color:#034d72;
    margin:5px
}
.note-cover .question-area .support h5 a{
    color:#ff5620
}
.question-area .right-answer,.question-area .wrong-answer{
    margin:93px -15px 0 -15px;
    text-align:center;
    font-family:Quicksand;
    font-size:50px;
    color:#fff;
    background-color:#88c441;
    padding-top:50px;
    padding-bottom:50px
}
.question-area .next{
    position:absolute;
    bottom:35px;
    right:44px;
    text-align:right
}
.question-area .next h4{
    font-family:Quicksand;
    font-size:22px;
    color:#034d72;
    margin:4px;
    text-align:right
}
.question-area .next h4 span{
    color:#ff5620
}
.question-area .right-cat,.question-area .wrong-cat{
    width:207px;
    height:244px;
    position:relative;
    bottom:-50px;
    left:410px;
    float:left
}
.question-area .wrong-answer{
    background-color:#eb5757
}
.question-area .wrong-cat{
    bottom:-40px
}
.courses_sec{
    font-family:Quicksand
}
.courses_sec .top-heading h1{
    font-family:Quicksand;
    font-size:48px;
    color:#034d72;
    margin-bottom:65px;
    margin-top:50px
}
.courses_sec .main-courses .blue-bg{
    background-image:url(../theme/vuihoc/imgs/courses/stars.png),linear-gradient(#04689a,#2ca9e2);
    background-repeat:no-repeat;
    background-position:center top
}
.courses_sec .main-courses .yellow-bg{
    background-image:url(../theme/vuihoc/imgs/courses/stars.png),linear-gradient(#ffa000,#ffc056);
    background-repeat:no-repeat;
    background-position:center top
}
.courses_sec .main-courses>div>div{
    margin-bottom:65px
}
.courses_sec .main-courses .left-pane,.courses_sec .main-courses .right-pane{
    width:50%;
    float:left;
    height:376px
}
.courses_sec .main-courses .left-pane{
    padding:10px 30px 10px 55px;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px
}
.courses_sec .main-courses .left-pane .course{
    position:relative;
    height:100%
}
.courses_sec .main-courses .left-pane .course.dark{
    color:#1b3043
}
.courses_sec .main-courses .left-pane .course.light{
    color:#fff
}
.courses_sec .main-courses .left-pane .course img.cat-act{
    position:absolute
}
.courses_sec .main-courses .left-pane .course img.cat-act.act1{
    left:-89px;
    top:100px
}
.courses_sec .main-courses .left-pane .course img.cat-act.act2{
    left:-115px;
    top:65px
}
.courses_sec .main-courses .left-pane .course .title{
    margin-top:25px
}
.courses_sec .main-courses .left-pane .course .title h4{
    font-family:Quicksand;
    font-size:22px;
    margin-bottom:-5px
}
.courses_sec .main-courses .left-pane .course .title h2{
    font-family:Quicksand;
    font-size:48px;
    margin-top:0;
    margin-bottom:20px
}
.courses_sec .main-courses .left-pane .course .content{
    margin-bottom:15px;
    padding-left:135px
}
.courses_sec .main-courses .left-pane .course .content p{
    font-size:20px;
    font-weight:500;
    line-height:24px;
    margin-bottom:2px
}
.courses_sec .main-courses .left-pane .course .price{
    text-align:right
}
.courses_sec .main-courses .left-pane .course .price .just{
    font-family:Quicksand;
    font-size:20px;
    font-weight:500;
    margin-right:5px
}
.courses_sec .main-courses .left-pane .course .price .real-price{
    font-family:Quicksand;
    font-size:48px
}
.courses_sec .main-courses .left-pane .course .price .currency{
    font-size:20px;
    font-weight:500;
    position:relative;
    top:-15px;
    left:2px
}
.courses_sec .main-courses .left-pane .course .action{
    position:absolute;
    bottom:-2px;
    right:0
}
.courses_sec .main-courses .left-pane .course .action .action-btn span i{
    position:relative;
    left:5px;
    top:-1px
}
.courses_sec .course .action .action-btn.try{
    background-color:#8ac449;
    margin-right:6px
}
.courses_sec .course .action .action-btn.buy{
    background-color:#db4633
}
.courses_sec .main-courses .right-pane .videojs{
    height:376px;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.courses_sec .main-courses .right-pane video{
    width:100%
}
.courses_sec .other-courses .heading h2{
    font-family:Quicksand;
    font-size:36px;
    color:#034d72;
    margin-bottom:55px
}
.courses_sec .other-courses .course{
    padding:0;
    color:#1b3043;
    margin-right:1.5%;
    width:23.875%
}
.courses_sec .other-courses .course:last-child{
    margin-right:0
}
.courses_sec .other-courses .course .thumbnail{
    padding-bottom:12px;
    border:none;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33)
}
.notable_courses .courses_sec .other-courses .course .thumbnail{
    height:409px
}
.courses_sec .other-courses .course .thumbnail .cover{
    position:relative;
    padding-top:56.25%
}
.courses_sec .other-courses .course .thumbnail .cover img{
    height:100%;
    cursor:pointer;
    width:100%
}
.courses_sec .other-courses .course .thumbnail .content{
    padding:0 12px
}
.courses_sec .other-courses .course .thumbnail .content h4{
    font-weight:400;
    font-size:14px;
    margin-bottom:0;
    margin-top:15px
}
.courses_sec .other-courses .course .thumbnail .content h3{
    font-size:20px;
    font-weight:700;
    margin-top:2px;
    margin-bottom:8px
}
.courses_sec .other-courses .course .thumbnail .content .detail p{
    margin-bottom:0
}
.courses_sec .other-courses .course .thumbnail .content .price{
    font-size:20px;
    font-weight:700;
    text-align:right;
    margin-bottom:10px;
    margin-right:10px
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm{
    height:36px;
    width:127px;
    padding-top:2px;
    box-shadow:inset 0 -4.5px 0 0 rgba(0,0,0,.25);
    border-radius:9px
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm.try{
    margin-right:2px
}
.courses_sec .other-courses .course .thumbnail .action{
    text-align:center
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm span:first-child{
    font-size:16.6px;
    width:28px;
    position:relative;
    top:-2px
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm span:first-child i{
    position:relative;
    left:-3px
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm span:last-child{
    width:78px;
    font-size:16px
}
.news_article_sec{
    font-family:Quicksand
}
.news_article_sec .nav-tabs li.active{
    border-bottom:2px #ff5620 solid
}
.news_article_sec .nav-tabs li.active a{
    color:#1b3043
}
.news_article_sec .nav-tabs li{
    width:50%;
    text-align:center;
    border-bottom:2px #d1d1d1 solid
}
.news_article_sec .nav-tabs li a{
    font-size:20px;
    font-weight:700;
    color:#828282;
    border:none;
    padding:2px 0
}
.news_article_sec .nav-tabs li a i{
    margin-right:6px
}
.news_article_sec .content-sheet{
    padding-bottom:75px
}
.news_article_sec .content-sheet .left{
    margin-top:19px
}
.news_article_sec .content-sheet .left .article hr{
    border:none;
    height:2px;
    color:#d1d1d1;
    background-color:#d1d1d1
}
.news_article_sec .content-sheet .left .article h1.title{
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
    line-height:39px
}
.news_article_sec .content-sheet .left .article .infor span{
    color:#828282
}
.news_article_sec .content-sheet .left .article .infor span.name{
    font-size:14px;
    font-weight:700;
    color:#ff5620
}
.news_article_sec .content-sheet .left .article .infor span.splitter{
    margin:0 12px
}
.news_article_sec .content-sheet .left .article .infor span.seen{
    margin:0 12px
}
.news_article_sec .content-sheet .left .article p.excerpt{
    font-size:20px;
    font-weight:500;
    color:#828282;
    line-height:25px
}
.news_article_sec .content-sheet .left .article .sharing{
    margin:20px 0 60px
}
.news_article_sec .content-sheet .left .article .top-img img{
    width:100%
}
.news_article_sec .content-sheet .left .article .top-img p{
    text-align:center;
    font-size:14px;
    color:#828282;
    margin:12px 0 22px
}
.news_article_sec .content-sheet .left .article .content p{
    font-size:20px;
    font-weight:500;
    color:#333;
    line-height:25px
}
.news_article_sec .content-sheet .left .article .content p a{
    color:#ff5620
}
.news_article_sec .content-sheet .left .article .content p.quote{
    font-size:32px;
    font-weight:700;
    border-left:3px #ff5620 solid;
    padding-left:23px;
    line-height:39px;
    margin:25px 0
}
.news_article_sec .content-sheet .left .article p.author{
    font-weight:700;
    font-size:20px;
    color:#1b3043;
    text-align:right;
    margin-top:59px
}
.news_article_sec .content-sheet .left .article p.author span{
    color:#828282;
    font-weight:500
}
.news_article_sec .content-sheet .left .related-articles{
    margin-top:20px
}
.news_article_sec .content-sheet .left .comment-heading,.news_article_sec .content-sheet .left .related-articles .related-title{
    font-size:22px;
    font-weight:700;
    border-bottom:2px solid #ff5620;
    display:inline-block;
    padding-bottom:3px;
    margin-bottom:15px
}
.news_article_sec .content-sheet .left .related-articles .news-block{
    margin-top:8px;
    float:left;
    min-height:168px
}
.news_article_sec .content-sheet .left .related-articles .splitter{
    width:50%;
    height:132px;
    position:absolute;
    border-right:1px #828282 solid;
    top:25px
}
.news_article_sec .content-sheet .left .related-articles .news{
    margin-bottom:8px
}
.news_article_sec .content-sheet .left .related-articles .news span{
    color:#ff5620;
    position:absolute;
    top:2px
}
.news_article_sec .content-sheet .left .related-articles .news .article-title{
    font-size:20px;
    font-weight:500;
    padding-left:20px;
    line-height:25px;
    margin:0
}
.news_article_sec .content-sheet .left .related-articles .news .article-title a{
    color:#1b3043
}
.news_article_sec .content-sheet .left .related-articles .news .article-title a:hover{
    color:#ff5620
}
.news_article_sec .content-sheet .right{
    margin-top:10px
}
.news_article_sec .content-sheet .right .news-box{
    margin-bottom:50px
}
.news_article_sec .content-sheet .right .news-box .box-title{
    color:#ff5620;
    font-size:32px;
    font-weight:700;
    margin-bottom:27px;
    margin-top:10px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list{
    margin-top:25px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li{
    border-bottom:1px #d1d1d1 solid
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li:last-child{
    border:none
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li p{
    font-size:20px;
    font-weight:500;
    line-height:25px;
    padding-bottom:10px;
    padding-top:17px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li p a{
    color:#1b3043
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li p a:hover{
    color:#ff5620
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list .top-news p{
    padding-top:0
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list .top-news img{
    margin-bottom:14px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list>li>.article-title{
    font-size:20px;
    font-weight:500;
    line-height:1.1;
    color:inherit;
    margin-top:20px;
    margin-bottom:10px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list>li>.article-title a{
    color:#1b3043
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list>li>.article-title a:hover{
    color:#ff5620
}
.statistics{
    margin-top:70px;
    margin-bottom:15px;
    background:#216999 url(../theme/vuihoc/imgs/bg_kids.png);
    background-position:center 0;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:50px
}
.statistics .box{
    color:#fff;
    height:202px;
    text-align:center;
    padding-top:30px
}
.statistics .box .counting{
    font-size:72px;
    margin-bottom:0;
    font-family:Quicksand;
    font-weight:700
}
.statistics .box .count-label{
    font-family:Quicksand;
    font-size:28px;
    font-weight:700;
    margin-top:4px
}
.join_vuihoc .four-step{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33)
}
.join_vuihoc .four-step .step{
    padding:0
}
.join_vuihoc .four-step .step .header{
    position:relative;
    height:72px
}
.join_vuihoc .four-step .step.one .header{
    background-color:#ffba00
}
.join_vuihoc .four-step .step.two .header{
    background-color:#ff6609
}
.join_vuihoc .four-step .step.three .header{
    background-color:#1dc2da
}
.join_vuihoc .four-step .step.four .header{
    background-color:#327ad5
}
.join_vuihoc .four-step .step .header .title{
    font-size:36px;
    color:#fff;
    text-align:center;
    padding-top:16px;
    position:relative;
    left:15px;
    margin-top:0;
    margin-bottom:10px;
    font-family:Quicksand;
    font-weight:700;
    line-height:1.1
}
.join_vuihoc .four-step .step .header span{
    position:absolute;
    left:-23px;
    top:-2px;
    font-size:78px
}
.join_vuihoc .four-step .step .header span.glyphicon-triangle-bottom{
    display:none
}
.join_vuihoc .four-step .step.two .header span{
    color:#ffba00
}
.join_vuihoc .four-step .step.three .header span{
    color:#ff6609
}
.join_vuihoc .four-step .step.four .header span{
    color:#1dc2da
}
.join_vuihoc .four-step .step .content{
    height:105px;
    padding-top:38px;
    text-align:center;
    border-right:1px #d1d1d1 solid;
    background:#fff
}
.join_vuihoc .four-step .step.four .content{
    border-right:none
}
.join_vuihoc .four-step .step .content i{
    font-size:22px
}
.join_vuihoc .four-step .step .content span{
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    margin-left:2px;
    color:#000;
    text-align:center
}
.notable_courses{
    padding:65px 0 0
}
.notable_courses .courses_sec{
    padding-top:3px
}
.notable_courses .courses_sec .head_title{
    margin-bottom:35px;
    position:relative
}
.notable_courses .courses_sec .head_title::after{
    content:"";
    width:120px;
    height:6px;
    border-radius:12px;
    background-color:#327ad5;
    position:absolute;
    bottom:0
}
.notable_courses .courses_sec .head_title h2{
    font-weight:700;
    font-size:36px;
    font-family:Quicksand;
    padding:10px 100px 15px 0;
    margin:0;
    text-transform:uppercase
}
.notable_courses .courses_sec .other-courses{
    position:relative
}
.notable_courses .courses_sec .other-courses .course{
    width:auto
}
.notable_courses .courses_sec .other-courses .course .thumbnail .action{
    text-align:right;
    padding-right:10px
}
.notable_courses .courses_sec .other-courses .course .thumbnail .content .price{
    margin-top:3px
}
.notable_courses .group{
    height:507px;
    border-radius:12px;
    margin-top:24px
}
.notable_courses .tab-pane .owl-nav{
    top:-110px;
    text-align:right
}
.notable_courses .tab-pane .owlNavBtn{
    font-size:14px;
    opacity:1
}
.notable_courses .tab-pane .owl-theme .owl-nav [class*=owl-]{
    height:40px;
    width:40px;
    border:1px #000 solid;
    border-radius:0;
    padding:12px 15px;
    float:none;
    margin:0 0 0 2px
}
.my_courses .courses_sec .other-courses .course{
    width:auto
}
.advisory_counsel{
    padding:75px 0 110px
}
.advisory_counsel .testimonial.tab-pane .owlNavBtn{
    font-size:40px;
    opacity:1
}
.advisory_counsel .testimonial.tab-pane .owl-theme .owl-dots{
    display:none
}
.advisory_counsel .testimonial .box{
    text-align:center;
    font-family:Quicksand;
    font-size:14px;
    color:#000
}
.advisory_counsel .testimonial .box img{
    border-radius:300px;
    width:198px;
    height:198px;
    margin-bottom:20px
}
.advisory_counsel .testimonial .box h3.name{
    color:#04689a;
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    margin-bottom:6px
}
.advisory_counsel .testimonial .box p.title{
    margin-bottom:20px
}
.parental_testimonial{
    background:#207399;
    height:838px;
    overflow:hidden;
    padding-top:110px
}
.parental_testimonial .head_title h2{
    color:#fff
}
.parental_testimonial .testimonial .left>div{
    position:relative;
    top:-65px
}
.parental_testimonial .testimonial .left img{
    position:relative;
    left:99px;
    width:auto;
    top:182px
}
.parental_testimonial .testimonial .left.tab-pane .owlNavBtn,.parental_testimonial .testimonial .right.tab-pane .owlNavBtn{
    font-size:32px;
    color:#fff;
    opacity:.6
}
.parental_testimonial .testimonial .left.tab-pane .owl-theme .owl-nav [class*=owl-],.parental_testimonial .testimonial .right.tab-pane .owl-theme .owl-nav [class*=owl-]{
    width:auto;
    margin:0
}
.parental_testimonial .testimonial .right.tab-pane .owl-prev{
    position:relative;
    left:10px
}
.parental_testimonial .testimonial .right.tab-pane .owl-next{
    position:relative;
    right:10px
}
.parental_testimonial .testimonial .right.tab-pane .owl-prev{
    position:relative;
    left:10px
}
.parental_testimonial .testimonial .right.tab-pane .owl-next{
    position:relative;
    right:10px
}
.parental_testimonial .testimonial .right.tab-pane .owl-theme .owl-dots .owl-dot.active span,.parental_testimonial .testimonial .right.tab-pane .owl-theme .owl-dots .owl-dot:hover span{
    border:1px #fff solid;
    background-color:#fff
}
.parental_testimonial .testimonial .right.tab-pane .owl-theme .owl-dots .owl-dot span{
    border:1px #fff solid
}
.parental_testimonial .testimonial .right.tab-pane .owl-nav{
    top:195px
}
.parental_testimonial .testimonial .left.tab-pane .owl-nav{
    top:369px
}
.parental_testimonial .testimonial .left.tab-pane .owl-dots{
    display:none
}
.parental_testimonial .testimonial .left .owl-carousel.owl-drag .owl-item{
    height:800px
}
.parental_testimonial .testimonial .left.alternative{
    display:none
}
.parental_testimonial .testimonial .left .chat-cover{
    height:800px;
    background:url(../theme/vuihoc/imgs/home_revision/frame_iphone_x.png);
    background-position:center 0;
    background-repeat:no-repeat
}
.parental_testimonial .testimonial .right{
    padding-top:110px
}
.parental_testimonial .testimonial .right .testimonial-box{
    padding:0 30px
}
.parental_testimonial .testimonial .right .testimonial-box .content{
    border-radius:12px;
    border:solid 1px #d1d1d1;
    background-color:#fff;
    padding:10px 15px 20px;
    color:#1b3043;
    margin-bottom:20px
}
.parental_testimonial .testimonial .right .testimonial-box .character{
    position:relative;
    top:-20px
}
.parental_testimonial .testimonial .right .testimonial-box img{
    height:110px;
    width:110px;
    border-radius:100px;
    margin-bottom:10px;
    position:relative
}
.parental_testimonial .testimonial .right .testimonial-box p.name{
    text-align:center;
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin-bottom:4px
}
.parental_testimonial .testimonial .right .testimonial-box p.little-name{
    text-align:center;
    color:#fff;
    font-family:Quicksand;
    font-size:14px;
    font-weight:400
}
.bubble-dots{
    width:100px;
    display:inline-block;
    position:relative;
    left:72%;
    top:-10px
}
.bubble-dots span{
    display:inline-block;
    border-radius:30px;
    position:relative;
    border:solid 1px #d1d1d1
}
.bubble-dots span.size-1{
    width:6px;
    height:6px;
    background-color:#fff
}
.bubble-dots span.size-2{
    width:12px;
    height:12px;
    background-color:#fff;
    top:14px;
    left:2px
}
.bubble-dots span.size-3{
    width:16px;
    height:16px;
    background-color:#fff;
    top:30px;
    left:5px
}
.news_home{
    padding:75px 0 100px
}
.news_home .left{
    padding-right:50px
}
.news_home .right .headline:first-child{
    padding-top:0
}
.news_home .headline a{
    display:block;
    color:#000
}
.news_home .headline.news{
    border-bottom:1px #d1d1d1 solid;
    padding:22px 0 12px
}
.news_home .headline img{
    width:100%;
    margin-bottom:15px
}
.news_home .headline h3.title{
    font-family:Quicksand;
    font-size:20px;
    font-weight:700;
    color:#000;
    line-height:25px;
    margin-bottom:8px;
    margin-top:0
}
.news_home .headline p.excerpt{
    font-family:Quicksand;
    font-size:14px;
    font-weight:400;
    color:#828282
}
.news_home .headline span.date{
    color:#828282;
    margin-bottom:15px;
    display:block
}
.network{
    display:none
}
.course_detail_sec{
    font-family:Quicksand
}
.course_detail_sec .float-btn{
    display:none;
    width:100%
}
.course_detail_sec .extra-btn{
    margin-top:20px;
    display:none
}
.course_detail_sec .extra-btn a{
    display:block;
    width:50%;
    float:left;
    padding:17px 0;
    text-align:center;
    box-shadow:inset 0 -3px 0 rgba(0,0,0,.25);
    font-weight:700;
    font-size:18px;
    text-transform:uppercase
}
.course_detail_sec .extra-btn a:first-child{
    background:#fff;
    color:#ff5620
}
.course_detail_sec .extra-btn a:last-child{
    background:#ff5620;
    color:#fff
}
.course_detail_sec.breadcrumb_sec .headingBackground h1{
    font-size:36px;
    font-weight:700;
    width:65%;
    line-height:45px
}
.course_detail_sec>.container{
    padding-left:0;
    padding-right:0
}
.course_detail_sec .left{
    padding-top:20px;
    padding-right:5px
}
.course_detail_sec .left .search-group{
    background:#fff;
    border-radius:12px;
    width:100%;
    margin-bottom:40px
}
.course_detail_sec .left .search-group .input-group-addon{
    font-size:20px;
    font-weight:700;
    background-color:#fff;
    padding:15px 0;
    width:auto;
    cursor:pointer
}
.input-group-addon{
    border-radius:12px
}
.course_detail_sec .left .search-group .input-group-addon.search{
    width:69px
}
.course_detail_sec .left .search-group .input-group-addon.search i{
    font-size:22px;
    color:#d1d1d1
}
.course_detail_sec .left .course-info .info{
    background-color:#fff;
    border-radius:12px;
    border:1px solid #d1d1d1;
    padding:22px 35px 22px;
    color:#1b3043;
    margin-bottom:20px
}
.course_detail_sec .left .course-info .info h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:2px
}
.course_detail_sec .left .course-info .info p{
    line-height:22px
}
.course_detail_sec .left .course-info .info>a{
    text-align:right;
    display:block;
    color:#ff5620;
    font-weight:700;
    font-size:20px
}
.course_detail_sec .left .course-info .info a i{
    font-size:16px
}
.course_detail_sec .left .course-info h4.title{
    margin-bottom:15px;
    cursor:pointer
}
.course_detail_sec .left .course-info h2.title,.course_detail_sec .left .course-syllabus h2.title{
    font-size:36px;
    font-weight:700
}
.course_detail_sec .left .course-info h4.title i{
    font-size:22px;
    float:right;
    margin-top:10px;
    margin-right:15px
}
.course_detail_sec .left .course-syllabus{
    position:relative
}
.course_detail_sec .left .course-syllabus h2.title{
    margin-bottom:13px;
    height:47px;
    padding-top:5px
}
.course_detail_sec .left .course-syllabus .search-box{
    position:absolute;
    right:15px;
    top:0
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container{
    background-color:#fff;
    border:1px solid #d1d1d1;
    box-shadow:0 2px 33px rgba(176,192,237,.33);
    padding-top:10px
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container i{
    color:#d1d1d1;
    font-size:22px;
    left:16px;
    top:52%
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container input{
    font-weight:700;
    font-size:18px;
    color:#1b3043;
    padding-left:44px
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container ::-webkit-input-placeholder{
    color:#d1d1d1
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container ::-moz-placeholder{
    color:#d1d1d1
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container :-ms-input-placeholder{
    color:#d1d1d1
}
.course_detail_sec .left .course-syllabus .search-box .form-field-container :-moz-placeholder{
    color:#d1d1d1
}
.course_detail_sec .left .course-syllabus .syllabus{
    border-radius:12px;
    overflow:hidden;
    border:1px solid #d1d1d1
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box{
    border-bottom:1px #fff solid
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box:last-child{
    border-bottom:none
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box h3.heading{
    background:#2ca9e2;
    color:#fff;
    padding:25px 85px 25px 25px;
    position:relative;
    margin-bottom:0;
    margin-top:0;
    cursor:pointer;
    font-size:22px;
    line-height:27px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box h3.heading i{
    font-size:16px;
    position:absolute;
    right:44px;
    top:50%;
    transform:translateY(-50%)
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list{
    background:#fff;
    color:#1b3043;
    font-size:18px;
    padding-bottom:15px;
    margin-bottom:0
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .connect-line{
    height:100%;
    border-right:1px #c4c4c4 solid;
    width:1px;
    position:absolute;
    top:0;
    left:40px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:first-child .connect-line{
    top:50%
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:last-child .connect-line{
    top:-50%
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li{
    position:relative;
    overflow:hidden;
    cursor:pointer
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .item{
    position:relative;
    padding:15px 0 5px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list .action-links{
    background-color:#d1d1d1;
    text-align:center;
    padding:12px 0;
    display:none
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list .action-links button{
    color:#fff;
    background:#ff5620;
    box-shadow:inset 0 -3px 0 rgba(0,0,0,.25);
    border-radius:12px;
    border:none;
    padding:12px 14px 15px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list .action-links i{
    font-size:21px;
    position:relative;
    top:2px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list .action-links span{
    font-weight:700;
    font-size:15px;
    margin-left:2px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.alter{
    background-color:#f8f9fd
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .progress-icon{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:25px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .progress-icon i{
    top:3px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .progress-icon i.fa-check-circle{
    color:#78ca3c
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .progress-icon i.fa-circle{
    top:2px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .progress-icon i.fa-dot-circle{
    color:#ff5620
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .title h4{
    padding-left:80px;
    padding-right:120px;
    font-weight:400;
    margin:0 0 10px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions{
    position:absolute;
    right:120px;
    top:50%;
    transform:translateY(-50%);
    box-shadow:-4px 0 20px 20px #fff;
    background-color:#fff;
    padding:9px 0;
    display:none
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.alter .actions{
    background-color:#f8f9fd;
    box-shadow:-4px 0 20px 20px #f8f9fd
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:hover{
    position:relative;
    z-index:1;
    box-shadow:0 2px 33px rgba(176,192,237,.33)
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:hover .actions{
    display:inline-block
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions button{
    border:none;
    background:0 0
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions button i{
    font-size:28px;
    color:#ff5620
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .star{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    height:42px;
    width:63px;
    text-align:center
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .star span{
    font-family:Open Sans;
    font-weight:700;
    font-size:16px;
    top:6px;
    position:relative
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.incompleted .star span,.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.intact .star span{
    top:9px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.completed .star{
    background:url(../theme/vuihoc/imgs/subject/star_full.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:65%
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.intact .progress-icon{
    background-color:#fff;
    border:1px solid #d1d1d1
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.intact .star{
    background:url(../theme/vuihoc/imgs/subject/star_outline.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:58%
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.incompleted .progress-icon{
    background-color:#fff
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li.incompleted .star{
    background:url(../theme/vuihoc/imgs/subject/star.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:58%
}
.course_detail_sec .right{
    position:relative;
    top:-115px
}
.course_detail_sec .right.alternative{
    display:none
}
.course_detail_sec .right .tray .thumbnail{
    padding:5px 5px 15px 5px;
    box-shadow:0 2px 33px rgba(176,192,237,.33);
    border:1px solid #d1d1d1;
    margin-bottom:48px
}
.course_detail_sec .right .tray .thumbnail .cover{
    border-radius:12px;
    overflow:hidden;
    height:200px
}
.course_detail_sec .right .tray .thumbnail .content p.old-price{
    font-size:22px;
    text-align:right;
    color:#828282;
    margin-bottom:-12px
}
.course_detail_sec .right .tray .thumbnail .content p.old-price>span{
    display:inline-block;
    position:relative;
    padding:0 6px
}
.course_detail_sec .right .tray .thumbnail .content p.old-price span.line-through{
    width:100%;
    position:absolute;
    border-bottom:1px #828282 solid;
    left:0;
    top:15px
}
.course_detail_sec .right .tray .thumbnail .content p.new-price{
    font-size:15px;
    font-weight:700;
    text-align:right;
    color:#1b3043;
    height:60px;
    margin-bottom:7px
}
.course_detail_sec .right .tray .thumbnail .content p.new-price span.price{
    font-size:48px;
    margin-left:5px
}
.course_detail_sec .right .tray .thumbnail .content p.new-price span.price span.currency{
    position:relative;
    top:-17px;
    font-size:20px;
    margin-left:2px
}
.course_detail_sec .right .tray .thumbnail .content p.remaining{
    font-size:15px;
    color:#ff5620;
    font-weight:700;
    text-align:right;
    margin-bottom:18px
}
.course_detail_sec .right .tray .thumbnail .content a.action-btn{
    width:100%;
    background:#ff5620;
    font-weight:700;
    margin-bottom:10px
}
.course_detail_sec .right .tray .thumbnail .content a.action-btn span:first-child{
    width:18%;
    position:relative;
    top:-2px
}
.course_detail_sec .right .tray .thumbnail .content a.action-btn span:last-child{
    width:71%
}
.course_detail_sec .right .tray .thumbnail .content .detail{
    margin-top:18px
}
.course_detail_sec .right .tray .thumbnail .content .detail p{
    margin-bottom:22px;
    font-size:15px;
    color:#1b3043
}
.course_detail_sec .right .tray .thumbnail .content{
    padding-left:25px;
    padding-right:25px;
    margin-top:13px
}
.quick-jump-box{
    background-color:#fff;
    border-radius:12px;
    padding:35px 30px 47px;
    border:1px solid #d1d1d1;
    box-sizing:border-box;
    box-shadow:0 2px 33px rgba(176,192,237,.33)
}
.quick-jump-box h3.heading{
    font-size:22px;
    color:#1b3043;
    font-weight:700;
    border-bottom:1px #d1d1d1 solid;
    padding-bottom:26px;
    line-height:26px;
    margin-bottom:25px
}
.quick-jump-box h3.heading span{
    font-size:15px;
    color:#8ac449;
    display:block
}
.quick-jump-box p{
    font-size:15px;
    color:#1b3043;
    margin-bottom:5px
}
.quick-jump-box a.action-btn{
    width:100%;
    background:#ff5620;
    font-weight:700;
    margin-bottom:6px;
    text-align:left;
    position:relative
}
.quick-jump-box a.action-btn span{
    width:100%;
    position:relative;
    top:-3px;
    left:15px;
    font-size:20px;
    font-weight:500
}
.quick-jump-box a.action-btn i{
    position:absolute;
    right:15px;
    top:13px;
    font-size:20px
}
.quick-jump-box .selectBox{
    position:relative;
    border:1px solid #d1d1d1;
    border-radius:12px
}
.quick-jump-box .selectBox select{
    border-radius:12px;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-weight:500;
    line-height:normal;
    font-size:20px;
    color:#1b3043;
    padding:10px 45px 11px 20px;
    width:100%
}
.quick-jump-box .selectBox i{
    position:absolute;
    top:15px;
    right:20px;
    font-size:16px;
    color:#1b3043
}
.float-btn .quick-jump-box{
    position:absolute;
    width:100%;
    bottom:100px;
    display:none
}
.float-btn.active .quick-jump-box{
    display:block
}
@media (max-width:1300px){
    .topics{
        padding:0 150px
    }
}
@media (max-width:1199px){
    ul.nav-actions li:first-child{
        padding-right:15px
    }
    ul.nav-actions li.buyAccount{
        padding-right:10px;
        padding-left:10px
    }
    ul.nav-actions li:last-child{
        padding-left:10px
    }
    ul.subject li.heading .add{
        width:262px
    }
    ul.nav.content-tab li{
        margin-bottom:15px
    }
    .note-cover{
        width:810px
    }
    .note-cover .note-spring{
        width:675px;
        left:96px
    }
    .question-area .right-cat,.question-area .wrong-cat{
        left:0
    }
    .note-cover .question-area{
        padding-bottom:75px
    }
    .note-cover .question-area .bottom-btn{
        bottom:0
    }
    .subjects_sec .col-xs-6{
        width:100%;
        padding:0
    }
    .subjects_sec .subject ul.lesson-list li .title{
        width:62%
    }
    .courses_sec .main-courses .left-pane .course .title{
        margin-top:15px
    }
    .courses_sec .main-courses .left-pane .course .title h2{
        font-size:42px
    }
    .courses_sec .main-courses .left-pane .course .content{
        margin-bottom:0;
        margin-top:-10px
    }
    .courses_sec .main-courses .left-pane .course .price .real-price{
        font-size:42px
    }
    .courses_sec .main-courses .left-pane .course .action{
        bottom:-12px
    }
    .courses_sec .other-courses .course .thumbnail .cover img{
        height:100%
    }
    .courses_sec .other-courses .course .thumbnail .action .action-btn-sm.try{
        margin-bottom:8px
    }
    .courses_sec .main-courses .left-pane .course img.cat-act.act1{
        left:-70px;
        top:90px
    }
    .courses_sec .main-courses .left-pane .course img.cat-act.act2{
        width:198px;
        left:-80px;
        top:72px
    }
    .statistics .box{
        height:150px;
        padding-top:18px
    }
    .statistics .box .counting{
        font-size:50px
    }
    .statistics .box .count-label{
        font-size:20px
    }
    .parental_testimonial .testimonial .left img{
        left:50px
    }
    .tab-pane .owl-theme .owl-nav [class*=owl-]{
        margin:0
    }
    .parental_testimonial{
        height:auto;
        margin-bottom:-54px
    }
    .parental_testimonial .testimonial .tab-pane{
        width:100%
    }
    .parental_testimonial .testimonial .left>div{
        height:630px!important
    }
    .parental_testimonial .testimonial .left img{
        left:auto;
        margin:0 auto
    }
    .parental_testimonial .testimonial .left.primary{
        display:none
    }
    .parental_testimonial .testimonial .left.alternative{
        display:block;
        padding:0
    }
    .parental_testimonial .tab-pane .chat-cover .owl-theme .owl-nav{
        padding:0 25px
    }
    .parental_testimonial .testimonial .right{
        padding-top:0
    }
    .course_detail_sec .left{
        width:60%
    }
    .course_detail_sec .right{
        width:40%
    }
    .course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:hover .actions{
        display:none
    }
}
@media (max-width:991px){
    .row{
        margin-right:0;
        margin-left:0
    }
    nav>div.container-fluid{
        padding-right:0;
        padding-left:0
    }
    .nav-actions li:first-child,.nav-actions li:nth-child(2){
        display:none
    }
    ul.nav-actions-logined li.hotline{
        display:none
    }
    .heading_sec>div>div{
        background-position:center 200px!important;
        background-size:300px 240px!important;
        margin-top:0!important
    }
    .heading_sec .slogan{
        padding-top:15px
    }
    .heading_sec .slogan>div{
        margin:auto
    }
    .classBlock{
        margin-top:170px
    }
    .col_5{
        width:50%
    }
    .col_5:last-child{
        width:100%
    }
    .classBlock .thumbnail{
        width:260px;
        margin:0 auto 32px auto
    }
    .searchBar ul li:first-child{
        margin-bottom:22px
    }
    .searchBar>div>div{
        padding:18px 0 15px
    }
    ul.nav.content-tab li{
        display:block;
        margin-bottom:15px;
        margin-right:0
    }
    .notable_lesson .thumbnail{
        width:250px;
        margin:0 auto 25px auto
    }
    .article>div,.math>div{
        width:100%
    }
    .article .thumbnail .cover img{
        height:auto;
        width:100%
    }
    .breadcrumb_sec{
        padding-left:0;
        padding-right:0
    }
    ul.accomplishBar{
        display:none
    }
    .note-cover{
        width:570px
    }
    .note-cover .note-spring{
        width:492px;
        left:36px
    }
    .note-cover .question-area{
        padding-bottom:75px
    }
    .note-cover .question-area .right-tray{
        width:100px;
        right:-88px
    }
    .question-area .wrong-answer{
        font-size:50px;
        padding-top:65px
    }
    .question-area .right-cat{
        bottom:-75px
    }
    .question-area .wrong-cat{
        bottom:-64px
    }
    .contact_sec .contact,.contact_sec .ggmap{
        width:100%
    }
    .contact_sec .ggmap{
        padding-left:15px
    }
    .contact_sec .feedback .left,.contact_sec .feedback .right{
        width:100%
    }
    .contact_sec .feedback .left p{
        text-align:left;
        max-width:none
    }
    .contact_sec .feedback .left,.contact_sec .feedback .right,form.feedback-form .form-actions,form.feedback-form .input-col:nth-child(1),form.feedback-form .textarea-col{
        padding-left:0
    }
    form.feedback-form .form-actions,form.feedback-form .input-col:nth-child(3),form.feedback-form .textarea-col{
        padding-right:0
    }
    .courses_sec .main-courses>div{
        padding-right:0;
        padding-left:0
    }
    .courses_sec .main-courses .left-pane,.courses_sec .main-courses .right-pane{
        width:100%;
        border-bottom-left-radius:0;
        border-top-right-radius:12px
    }
    .courses_sec .main-courses .left-pane .course .action{
        bottom:35px
    }
    .courses_sec .main-courses .right-pane{
        height:100%
    }
    .courses_sec .main-courses .right-pane .videojs{
        top:0;
        transform:none
    }
    .courses_sec .other-courses .course{
        width:48%;
        margin-right:4%
    }
    .courses_sec .other-courses .course:nth-child(3){
        margin-right:0
    }
    .news_article_sec .content-sheet .left,.news_article_sec .content-sheet .right{
        width:100%
    }
    .news_article_sec .content-sheet .right{
        margin-top:30px
    }
    .course_detail_sec .left{
        width:100%;
        padding-top:0;
        padding-right:0;
        padding-left:0
    }
    .course_detail_sec .right{
        top:auto;
        padding-left:0;
        width:470px;
        display:none;
        margin:25px auto 0;
        padding-right:0
    }
    .course_detail_sec .right.alternative{
        display:block;
        float:none
    }
    .course_detail_sec .right .tray .thumbnail{
        margin-bottom:0
    }
    .course_detail_sec.breadcrumb_sec .headingBackground h1{
        width:100%
    }
    .course_detail_sec .left .search-group{
        display:none
    }
    .course_detail_sec .left .course-info h2.title,.course_detail_sec .left .course-syllabus h2.title{
        text-align:center;
        font-size:30px
    }
    .course_detail_sec .left .course-syllabus .search-box{
        position:static;
        margin-bottom:20px
    }
    .course_detail_sec .left .course-info h4.title i{
        display:none
    }
    .course_detail_sec .extra-btn,.float-btn.course_detail{
        display:block
    }
}
@media (min-width:768px) and (max-width:991px){
    .navbar-header{
        display:none
    }
    .nav.navbar-nav.pull-right{
        left:2%
    }
    .adjust-container-768{
        width:100%
    }
    .notable_courses .courses_sec .other-courses .course .thumbnail{
        height:370px
    }
}
@media (max-width:767px){
    .navbar>div>div>div{
        padding-left:0
    }
    .nav.navbar-nav.pull-right{
        float:none!important;
        margin-top:0;
        left:0;
        width:100%;
        margin-left:0;
        margin-right:0;
        position:relative
    }
    .dropdown-menu span.glyphicon-triangle-top{
        display:none
    }
    .navbar-toggle{
        margin-top:1px;
        position:relative;
        top:-7px
    }
    .navbar-default .navbar-toggle{
        border-color:transparent
    }
    .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
        background-color:transparent
    }
    .navbar-toggle[aria-expanded=true] .barbarbar{
        display:none
    }
    li[role=presentation] ul.nav-actions-logined{
        display:none
    }
    ul.nav-actions-logined-mobile,ul.nav-actions-logined-mobile a{
        display:block;
        font-size:22px!important;
        position:relative
    }
    ul.nav-actions-logined-mobile>li{
        padding:18px 0!important;
        height:110px;
        text-align:center
    }
    ul.nav-actions-logined-mobile li.logined,ul.nav-actions-logined-mobile li.notification,ul.nav-actions-logined-mobile li.star{
        width:33.3333%;
        float:left
    }
    ul.nav-actions-logined-mobile li.hotline{
        height:58px;
        padding-top:14px!important
    }
    ul.nav-actions-logined-mobile li.notification div,ul.nav-actions-logined-mobile li.star div{
        width:48px;
        height:48px;
        background-color:#034d72;
        text-align:center;
        border-radius:30px;
        margin:0 auto 3px
    }
    ul.nav-actions-logined-mobile li.notification div img,ul.nav-actions-logined-mobile li.star div img{
        position:relative;
        top:6px
    }
    ul.nav-actions-logined-mobile li.notification{
        border-left:1px #fff solid;
        border-right:1px #fff solid
    }
    ul.nav-actions-logined-mobile li.logined div img{
        margin-bottom:3px;
        border-radius:30px
    }
    ul.nav-actions-logined-mobile li.logined div a{
        padding:0
    }
    ul.nav-actions-logined-mobile li.logined div>ul{
        margin:0
    }
    ul.nav-actions-logined-mobile li.logined li.dropdown ul li{
        padding:5px 0
    }
    ul.nav-actions-logined-mobile li.logined li.dropdown ul li a{
        padding-left:15px;
        padding-right:0
    }
    ul.nav-actions-logined-mobile li.logined li.dropdown>a span{
        display:block;
        text-transform:none;
        margin:0
    }
    ul.nav-actions-logined-mobile li.logined ul.dropdown-menu{
        margin-top:10px;
        width:100vw;
        position:absolute
    }
    .tab-pane .container{
        padding-left:0;
        padding-right:0
    }
    #navbar{
        overflow:hidden;
        border:none;
        height:100vh;
        background-color:#04689a;
        z-index:100;
        position:relative;
        top:-7px;
        overflow-y:scroll
    }
    #navbar a{
        color:#fff!important;
        font-size:22px!important;
        text-transform:uppercase
    }
    #navbar>ul>li{
        padding:12px 15px 8px;
        border-bottom:1px #fff solid
    }
    #navbar>ul>li:first-child{
        border-top:1px #fff solid
    }
    #navbar>ul>li:hover{
        background-color:#ff5620
    }
    #navbar>ul>li.open:hover{
        background-color:#04689a
    }
    .dropdown-menu li a i{
        font-size:25px;
        margin-top:-5px
    }
    #navbar>ul>li>a>i.fa-angle-right{
        display:block;
        position:relative
    }
    #navbar>ul>li>a>i.fa-angle-down{
        display:none
    }
    #navbar>ul>li.buyAccount{
        border:none;
        text-align:center;
        margin-top:15px
    }
    #navbar>ul>li.buyAccount:hover{
        background-color:#04689a
    }
    #navbar>ul>li.buyAccount a{
        display:inline-block;
        padding:30px 55px 25px
    }
    #navbar>ul>li.buyAccount:hover a{
        background-color:#ff5620
    }
    #navbar>ul>li.open>ul>li.open{
        background-color:#04689a
    }
    #navbar>ul>li>ul>li a{
        font-size:30px;
        padding:20px 30px 15px
    }
    #navbar>ul>li>ul>li>ul{
        padding:0 15px
    }
    #navbar .buyAccount{
        display:block
    }
    .navigation>div>div{
        margin-bottom:20px
    }
    .searchBar>div>div i.fa-search{
        position:absolute;
        color:#000;
        opacity:.15;
        font-size:156px;
        top:-11px;
        left:-14px
    }
    .searchBar select{
        padding:7px 35px 6px 10px
    }
    .searchBar button{
        padding:5px 10px
    }
    .searchBar ul li{
        margin:0 4px
    }
    footer .left,footer .right{
        width:100%
    }
    footer .bct img{
        display:block;
        margin:30px auto 65px
    }
    footer.homeFooter .left p{
        width:100%
    }
    .note-cover{
        width:410px;
        margin-left:120px
    }
    .note-cover .note-spring{
        width:224px;
        left:calc(50% + 28px);
        transform:translateX(-50%)
    }
    .note-cover .question-area .question-heading li:first-child{
        margin:0 auto;
        width:200px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        font-size:18px;
        padding:5px 20px
    }
    .note-cover .question-area .question-heading li:last-child{
        margin:0 auto;
        width:200px;
        border-top-left-radius:0;
        border-top-right-radius:0;
        font-size:18px
    }
    .note-cover .question-area .question-heading li:nth-child(2){
        top:0;
        width:257px;
        margin:0 auto;
        font-size:27px;
        padding:2px;
        height:40px
    }
    .question-area .right-cat,.question-area .wrong-cat{
        width:88px;
        height:104px
    }
    .question-area .right-cat img,.question-area .wrong-cat img{
        width:100%
    }
    .question-area .right-answer,.question-area .wrong-answer{
        font-size:40px;
        padding-top:70px;
        margin-top:80px
    }
    .question-area .wrong-cat{
        bottom:-90px
    }
    .subjects_sec .subject ul.lesson-list li .title{
        width:58%
    }
    .notable_courses .courses_sec .other-courses .course .thumbnail{
        height:370px
    }
    .join_vuihoc .four-step .step .content{
        padding-top:27px
    }
    .join_vuihoc .four-step .step .content span{
        font-size:18px
    }
    .join_vuihoc .four-step .step .content i{
        margin-bottom:5px
    }
}
@media (max-width:675px){
    .topics{
        padding:0 100px
    }
    .topics .thumbnail .caption .footer .left span{
        margin-right:5px
    }
    .note-cover{
        margin-left:50px
    }
    .question-book .title{
        font-size:38px
    }
    .submit-big,.submit-big-re{
        height:50px;
        padding:0 20px;
        font-size:22px
    }
    .note-cover .question-area p.question{
        font-size:22px
    }
    .subjects_sec .subject ul.lesson-list li .title{
        width:48%
    }
    .subjects_sec .subject ul.lesson-list li .title p{
        font-size:18px
    }
    .statistics>div>div>.col-xs-3{
        width:50%
    }
    .statistics .box{
        height:auto;
        padding-top:0;
        border-right:none
    }
    .statistics .box .counting{
        font-size:44px
    }
    .statistics .box .count-label{
        font-size:18px
    }
    .news_home .left,.news_home .right{
        width:100%
    }
    .news_home .left{
        padding-right:15px
    }
    .news_home .headline.top-news{
        border-bottom:1px #d1d1d1 solid;
        padding:0 0 12px
    }
    .news_home .right .headline:first-child{
        padding-top:22px
    }
    .join_vuihoc .four-step .step{
        width:100%
    }
    .join_vuihoc .four-step .step .header span.glyphicon-triangle-right{
        display:none
    }
    .join_vuihoc .four-step .step .header span.glyphicon-triangle-bottom{
        right:25px;
        left:auto;
        top:62px;
        font-size:40px;
        display:inline-block
    }
    .join_vuihoc .four-step .step.one .header span.glyphicon-triangle-bottom{
        color:#ffba00
    }
    .join_vuihoc .four-step .step.two .header span.glyphicon-triangle-bottom{
        color:#ff6609
    }
    .join_vuihoc .four-step .step.three .header span.glyphicon-triangle-bottom{
        color:#1dc2da
    }
    .join_vuihoc .four-step .step.four .header span.glyphicon-triangle-bottom{
        color:#327ad5
    }
    .join_vuihoc .four-step .step .header .title{
        left:auto
    }
    .join_vuihoc .four-step .step.two .content{
        border-right:none
    }
    .notable_courses .courses_sec .head_title h2{
        font-size:28px;
        padding-right:0
    }
    .notable_courses .courses_sec .head_title{
        margin-bottom:90px
    }
    .notable_courses .tab-pane .owl-nav{
        top:-70px;
        text-align:left
    }
    .notable_courses>div>div>div .col-xs-3{
        display:none
    }
    .notable_courses .courses_sec{
        width:100%
    }
    .notable_courses .courses_sec .other-courses .course .thumbnail{
        height:auto
    }
    .parental_testimonial .testimonial .left .chat-cover{
        background-size:150%
    }
    .parental_testimonial .testimonial .right.tab-pane .owl-next{
        right:0
    }
    .parental_testimonial .testimonial .right.tab-pane .owl-prev{
        left:0
    }
    .news_home .head_title{
        text-align:center
    }
    .news_home .head_title .spliter{
        margin:0 auto
    }
    .parental_testimonial .testimonial .owl-nav{
        display:none
    }
    .news_home{
        padding-bottom:15px
    }
    .network{
        display:block
    }
    .navigation,footer .left,footer .right{
        margin-left:-15px;
        margin-right:-15px;
        padding:0
    }
    footer.homeFooter{
        min-height:inherit
    }
    footer.homeFooter>div>div{
        border:none
    }
    .fb_iframe_widget{
        margin-left:0
    }
    #layout_footer>.row{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media (max-width:568px){
    .formPanel{
        width:325px
    }
    .formPanel>img:first-child{
        top:16px;
        width:150px
    }
    .formPanel .formTitle .text-title{
        font-size:32px
    }
    .formPanel .formContent form ul{
        padding:4px 0
    }
    .formPanel .formContent form ul li input[type=password],.formPanel .formContent form ul li input[type=text]{
        width:79%;
        font-size:18px
    }
    .formPanel .formFooter{
        padding:28px 0
    }
    .formPanel .formContent button{
        font-size:18px
    }
    .formPanel .formContent button.facebookBtn{
        margin-right:7px
    }
    .formPanel .formContent button.facebookBtn,.formPanel .formContent button.googleBtn{
        width:127px
    }
    .formPanel .formContent button i{
        font-size:18px;
        top:10px
    }
    .formPanel .formFooter p{
        font-size:16px
    }
    .formPanel .formFooter p a span{
        width:63px
    }
    .heading_sec>div{
        padding:0
    }
    .heading_sec h4{
        font-size:30px
    }
    .classBlock h4 span{
        display:inline
    }
    .heading_sec h1{
        font-size:80px;
        margin-top:-12px
    }
    .heading_sec .className h1{
        display:none
    }
    .col_5{
        padding:0
    }
    .classBlock .thumbnail{
        width:100%;
        margin-bottom:15px
    }
    .classBlock .thumbnail .caption a{
        font-size:16px
    }
    .classBlock .thumbnail .caption a i{
        margin-top:4px
    }
    .searchBar>div{
        padding:0
    }
    .searchBar ul{
        margin-bottom:0;
        padding:0 25px
    }
    .searchBar ul li span.text{
        display:none
    }
    .searchBar button{
        padding:2px 10px 5px
    }
    .searchBar .selectBox i{
        top:16px;
        right:40px
    }
    .lessons .col_5{
        width:50%;
        padding:0 10px
    }
    .lessons .col_5:last-child{
        width:100%
    }
    .notable_lesson .thumbnail p{
        font-size:17px
    }
    .notable_lesson .thumbnail .content{
        padding:35px 15px 2px;
        height:180px
    }
    .heading_sec>div>div{
        background-position:center 115px!important;
        background-size:250px 180px!important
    }
    .className h4{
        margin-bottom:15px;
        text-align:left;
        padding-left:15px;
        text-transform:uppercase
    }
    .classBlock .thumbnail .className{
        padding-top:20px
    }
    .head_title h2{
        font-size:30px
    }
    .topics{
        padding:0
    }
    .tab-pane .owl-theme .owl-nav [class*=owl-]{
        margin:-59px 10px;
        padding:0
    }
    .searchBar select{
        padding:8px 25px 6px 8px;
        font-size:18px
    }
    .notable_lesson .thumbnail{
        width:100%;
        width:145px
    }
    .article .thumbnail .cover img{
        height:100%;
        width:auto
    }
    .subjects_sec ul.subject{
        width:428px
    }
    ul.subject li.heading .add{
        width:220px
    }
    ul.subject li.item:hover p{
        opacity:.1
    }
    footer .copyright p{
        display:none
    }
    footer.contentPage .copyright{
        left:50%;
        transform:translateX(-50%)
    }
    footer.contentPage .copyright{
        bottom:90px
    }
    .note-cover{
        width:initial;
        margin-left:-20px;
        margin-right:-20px;
        float:none
    }
    .note-cover .question-area{
        float:none
    }
    .note-cover .note-spring{
        width:224px;
        left:calc(50% + 26px)
    }
    .note-cover .question-area .left-tray{
        width:initial!important;
        top:65px;
        overflow-x:auto;
        white-space:nowrap;
        right:12px;
        left:12px;
        z-index:2;
        border-top-left-radius:0
    }
    .note-cover .question-area .left-tray li{
        display:inline-block
    }
    .note-cover .question-area .right-tray{
        position:relative;
        width:100%;
        left:0;
        padding:0 14px;
        top:115px
    }
    .note-cover .question-area .right-tray .unit{
        display:none
    }
    .note-cover .question-area .right-tray .question-mark{
        border-radius:12px
    }
    .note-cover .question-area .right-tray .light{
        display:none
    }
    .note-cover .question-area .right-tray .question-mark p.mark{
        font-size:26px;
        line-height:12px
    }
    .note-cover .question-area .right-tray .question-mark p.proportion{
        font-size:15px
    }
    .note-cover .question-area .right-tray .question-mark h4{
        font-size:18px
    }
    .note-cover .question-area .right-tray .question-mark>div:first-child p.proportion{
        margin:4px 0 7px
    }
    .note-cover .question-area .right-tray .question-mark>div:last-child>div{
        padding:3px 0 0;
        margin-left:80px
    }
    .note-cover .question-area .right-tray .question-mark>div:last-child>div p{
        float:left
    }
    .note-cover .question-area .right-tray .question-mark>div:last-child>div p.proportion{
        margin:-6px 8px 0 8px
    }
    .note-cover .question-area .cat{
        height:80px
    }
    .question-area .right-cat{
        width:88px;
        height:104px
    }
    .question-area .right-answer,.question-area .wrong-answer{
        font-size:40px;
        padding-top:50px;
        margin-top:20px
    }
    .question-area .wrong-answer{
        padding-top:50px
    }
    .question-area .next{
        right:20px;
        bottom:25px
    }
    .question-area .next h4{
        font-size:16px
    }
    .contact_sec .contact .support>div{
        width:100%
    }
    .contact_sec .contact .support div:first-child{
        max-width:none
    }
    form.feedback-form .input-col{
        width:100%;
        padding-left:0!important;
        padding-right:0!important
    }
    form.feedback-form .form-actions{
        margin-top:15px
    }
    .action-btn{
        margin-left:auto;
        margin-right:auto;
        width:190px;
        display:block;
        margin-bottom:10px
    }
    .map-container{
        padding-left:0;
        padding-right:0
    }
    .map-container iframe{
        width:100%
    }
    .subjects_sec .content-sheet{
        padding:40px 15px
    }
    .subjects_sec .subject .heading{
        margin-bottom:10px
    }
    .subjects_sec .subject .heading h2{
        font-size:32px;
        margin-left:68px
    }
    .subjects_sec .subject .heading .icon{
        height:48px;
        top:2px
    }
    .subjects_sec .subject .heading .icon img{
        height:48px
    }
    .subjects_sec .subject ul.lesson-list li .title{
        width:46%
    }
    .subjects_sec .subject ul.lesson-list li .title .progress-icon{
        height:26px;
        width:26px
    }
    .subjects_sec .subject ul.lesson-list li .title .progress-icon.completed i{
        font-size:12px;
        top:4px
    }
    .subjects_sec .subject ul.lesson-list li .title .progress-icon.thisWeekAssignment i{
        font-size:12px;
        top:1px
    }
    .subjects_sec .subject ul.lesson-list li .title p{
        font-size:14px;
        line-height:20px
    }
    .subjects_sec .subject ul.lesson-list li h2.number{
        font-size:32px;
        padding:20px 0;
        width:66px
    }
    .courses_sec .top-heading h1{
        font-size:40px;
        margin-bottom:40px;
        margin-top:25px
    }
    .courses_sec .other-courses .course{
        width:100%
    }
    .courses_sec .main-courses .left-pane{
        padding:10px 20px;
        height:330px
    }
    .courses_sec .main-courses .left-pane .course .title h2{
        font-size:32px
    }
    .courses_sec .main-courses .left-pane .course .title h4{
        font-size:18px
    }
    .courses_sec .main-courses .left-pane .course .content p{
        font-size:16px
    }
    .courses_sec .main-courses .left-pane .course .content{
        padding-left:0
    }
    .courses_sec .main-courses .left-pane .course .price .just{
        font-size:16px
    }
    .courses_sec .main-courses .left-pane .course .price .real-price{
        font-size:32px
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn{
        height:36px;
        width:122px;
        padding-top:2px;
        box-shadow:inset 0 -4.5px 0 0 rgba(0,0,0,.25);
        border-radius:9px;
        display:inline-block
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn span i{
        left:0
    }
    .courses_sec .main-courses .left-pane .course .action{
        width:100%;
        text-align:center;
        bottom:22px
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn span:first-child{
        font-size:16.6px;
        width:28px
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn span:last-child{
        width:78px;
        font-size:16px
    }
    .courses_sec .other-courses .course .thumbnail .action .action-btn-sm{
        display:inline-block
    }
    .courses_sec .main-courses .left-pane .course img.cat-act{
        display:none
    }
    .news_article_sec{
        padding-left:0;
        padding-right:0
    }
    .news_article_sec .content-sheet .left .article h1.title{
        font-size:22px;
        line-height:28px
    }
    .news_article_sec .content-sheet .left .article p.excerpt{
        font-size:16px;
        line-height:21px
    }
    .news_article_sec .content-sheet .left .article .content p{
        font-size:16px;
        line-height:21px
    }
    .news_article_sec .content-sheet .left .article .content p.quote{
        font-size:22px;
        line-height:28px;
        padding-left:15px
    }
    .news_article_sec .content-sheet{
        padding:25px 10px
    }
    .news_article_sec .content-sheet .left .related-articles .news p{
        font-size:14px;
        line-height:19px
    }
    .news_article_sec .nav-tabs li a{
        font-size:14px
    }
    .news_article_sec .content-sheet .left .article p.author{
        font-size:16px
    }
    .news_article_sec .content-sheet .left .related-articles .splitter{
        display:none
    }
    .news_article_sec .content-sheet .left .related-articles .col-xs-6{
        width:100%;
        margin-bottom:0
    }
    .news_article_sec .content-sheet .right .news-box h4.box-title{
        font-size:26px
    }
    .news_article_sec .content-sheet .right .news-box .tab-content .news-list li p{
        font-size:16px;
        padding:8px 0 0;
        line-height:21px
    }
    .fix-margin-right--30{
        margin-right:-30px
    }
    .course_detail_sec .right{
        width:100%
    }
    .course_detail_sec.breadcrumb_sec .headingBackground h1{
        font-size:22px;
        margin-top:25px;
        line-height:27px
    }
    .breadcrumb_sec.course_detail_sec .headingBackground{
        height:106px
    }
}
@media (max-width:414px){
    .login img{
        display:none
    }
    nav .nav.nav-tabs li:last-child,ul.nav-actions li{
        padding-left:0!important
    }
    ul.nav-actions li:last-child div a{
        margin-left:0;
        position:relative;
        top:2px
    }
    nav .nav.nav-tabs li{
        padding-left:0;
        padding-right:0
    }
    nav .nav.nav-tabs>li>a{
        font-size:18px;
        padding:13px 15px
    }
    #navbar>ul>li.buyAccount a{
        display:inline-block;
        padding:15px 35px 14px
    }
    .subjects_sec .col-xs-6{
        padding-right:0;
        padding-left:0
    }
    .subjects_sec ul.subject{
        width:320px
    }
    ul.subject li.item p{
        font-size:20px;
        line-height:25px;
        padding:0 15px 0 15px;
        width:232px
    }
    ul.subject li.heading .add{
        width:112px
    }
    ul.nav.content-tab li a{
        padding:17px 43px 16px
    }
    .subjects_sec .subject ul.lesson-list li .star{
        padding:19px 0;
        background-size:91%;
        right:5px
    }
    .subjects_sec .subject ul.lesson-list li .star span{
        font-size:18px
    }
    .parental_testimonial .testimonial .left img{
        width:83%
    }
    .parental_testimonial .left.tab-pane .owl-theme .owl-nav [class*=owl-]{
        float:none
    }
    .parental_testimonial .left.tab-pane .owl-theme .owl-nav .owl-prev{
        margin-right:140px!important
    }
    .parental_testimonial .left.tab-pane .owl-theme .owl-nav .owl-next{
        margin-left:140px!important
    }
    .parental_testimonial .testimonial .left.tab-pane .owlNavBtn{
        color:#a5a5a5
    }
    .parental_testimonial .testimonial .right .testimonial-box{
        padding:0
    }
    .parental_testimonial>.container{
        padding-left:0;
        padding-right:0
    }
    .news_home{
        background-color:#f8f9fd!important
    }
    .news_home>.container{
        padding:0
    }
    .notable_courses>.container{
        padding:0
    }
    .classBlock .col_5,.classBlock .col_5 .thumbnail{
        width:100%
    }
    .classBlock .thumbnail .className{
        padding-top:15px
    }
    .classBlock h4{
        margin-bottom:0;
        padding-left:25px
    }
    .classBlock .thumbnail .caption p,.classBlock .thumbnail .caption p:last-child{
        padding-left:25px
    }
    .classBlock .thumbnail .caption p a{
        font-size:20px
    }
    .searchBar>div>div{
        padding:32px 0 15px
    }
    .searchBar>div>div i.fa-search{
        font-size:286px;
        top:18px;
        right:0;
        left:auto
    }
    .searchBar ul li{
        display:block;
        margin-bottom:20px
    }
    .searchBar ul li:last-child button span:last-child{
        display:inline;
        margin-right:0
    }
    .searchBar button,.searchBar select{
        width:100%;
        padding:9px 0 8px 40px;
        font-size:22px;
        font-weight:700
    }
    .searchBar button{
        padding:8px 0 7px 0
    }
}
@media (max-width:375px){
    .note-cover .question-area .left-tray li.currentLastQuestionBtn{
        border-bottom:1px #d8d8d8 solid;
        border-bottom-left-radius:0
    }
    .subjects_sec .subject ul.lesson-list li .title{
        width:150px;
        margin-left:10px
    }
    .subjects_sec .subject ul.lesson-list li h2.number{
        font-size:28px;
        padding:23px 0;
        width:60px
    }
    .parental_testimonial .left.tab-pane .owl-theme .owl-nav .owl-prev{
        margin-right:120px!important
    }
    .parental_testimonial .left.tab-pane .owl-theme .owl-nav .owl-next{
        margin-left:120px!important
    }
    .parental_testimonial{
        margin-bottom:-114px
    }
}
.blog_post_body .blog_post_title h2{
    font-size:20px
}
.blog_post_body .blog_post_title h2 a{
    color:#1b3043
}
.blog_post_body .blog_post_title h2 a:hover{
    color:#ff5620
}
.insite-comments .section-title-comment{
    font-size:22px;
    line-height:31px;
    color:#333;
    position:relative;
    padding:10px 0;
    margin-bottom:20px
}
.insite-comments .section-title-comment:after{
    content:"";
    display:inline-block;
    position:absolute;
    left:0;
    bottom:0;
    width:150px;
    height:2px;
    background:#ff5620
}
.bg-navy{
    background-color:#001f3f
}
.bg-blue{
    background-color:#0074d9
}
.bg-aqua{
    background-color:#7fdbff
}
.bg-teal{
    background-color:#39cccc
}
.bg-olive{
    background-color:#3d9970
}
.bg-green{
    background-color:#2ecc40
}
.bg-lime{
    background-color:#01ff70
}
.bg-yellow{
    background-color:#ffdc00
}
.bg-orange{
    background-color:#ff851b
}
.bg-red{
    background-color:#ff4136
}
.bg-fuchsia{
    background-color:#f012be
}
.bg-purple{
    background-color:#b10dc9
}
.bg-maroon{
    background-color:#85144b
}
.bg-white{
    background-color:#fff
}
.bg-gray{
    background-color:#aaa
}
.bg-silver{
    background-color:#ddd
}
.bg-black{
    background-color:#111
}
.navy{
    color:#001f3f
}
.blue{
    color:#0074d9
}
.aqua{
    color:#7fdbff
}
.teal{
    color:#39cccc
}
.olive{
    color:#3d9970
}
.green{
    color:#2ecc40
}
.lime{
    color:#01ff70
}
.yellow{
    color:#ffdc00
}
.orange{
    color:#ff851b
}
.red{
    color:#ff4136
}
.fuchsia{
    color:#f012be
}
.purple{
    color:#b10dc9
}
.maroon{
    color:#85144b
}
.white{
    color:#fff
}
.silver{
    color:#ddd
}
.gray{
    color:#aaa
}
.black{
    color:#111
}
.border--navy{
    border-color:#001f3f
}
.border--blue{
    border-color:#0074d9
}
.border--aqua{
    border-color:#7fdbff
}
.border--teal{
    border-color:#39cccc
}
.border--olive{
    border-color:#3d9970
}
.border--green{
    border-color:#2ecc40
}
.border--lime{
    border-color:#01ff70
}
.border--yellow{
    border-color:#ffdc00
}
.border--orange{
    border-color:#ff851b
}
.border--red{
    border-color:#ff4136
}
.border--fuchsia{
    border-color:#f012be
}
.border--purple{
    border-color:#b10dc9
}
.border--maroon{
    border-color:#85144b
}
.border--white{
    border-color:#fff
}
.border--gray{
    border-color:#aaa
}
.border--silver{
    border-color:#ddd
}
.border--black{
    border-color:#111
}
.fill-navy{
    fill:#001f3f
}
.fill-blue{
    fill:#0074d9
}
.fill-aqua{
    fill:#7fdbff
}
.fill-teal{
    fill:#39cccc
}
.fill-olive{
    fill:#3d9970
}
.fill-green{
    fill:#2ecc40
}
.fill-lime{
    fill:#01ff70
}
.fill-yellow{
    fill:#ffdc00
}
.fill-orange{
    fill:#ff851b
}
.fill-red{
    fill:#ff4136
}
.fill-fuchsia{
    fill:#f012be
}
.fill-purple{
    fill:#b10dc9
}
.fill-maroon{
    fill:#85144b
}
.fill-white{
    fill:#fff
}
.fill-gray{
    fill:#aaa
}
.fill-silver{
    fill:#ddd
}
.fill-black{
    fill:#111
}
.stroke-navy{
    stroke:#001f3f
}
.stroke-blue{
    stroke:#0074d9
}
.stroke-aqua{
    stroke:#7fdbff
}
.stroke-teal{
    stroke:#39cccc
}
.stroke-olive{
    stroke:#3d9970
}
.stroke-green{
    stroke:#2ecc40
}
.stroke-lime{
    stroke:#01ff70
}
.stroke-yellow{
    stroke:#ffdc00
}
.stroke-orange{
    stroke:#ff851b
}
.stroke-red{
    stroke:#ff4136
}
.stroke-fuchsia{
    stroke:#f012be
}
.stroke-purple{
    stroke:#b10dc9
}
.stroke-maroon{
    stroke:#85144b
}
.stroke-white{
    stroke:#fff
}
.stroke-gray{
    stroke:#aaa
}
.stroke-silver{
    stroke:#ddd
}
.stroke-black{
    stroke:#111
}
.achievement-notify{
    background-color:#fff;
    padding:5px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33)
}
.achievement-notify button{
    outline:0
}
.achievement-notify img{
    width:50px;
    height:50px;
    margin-right:15px
}
.achievement-notify .title{
    font-size:16px;
    font-weight:500;
    vertical-align:middle
}
[v-cloak]{
    display:none!important
}
body{
    background:url(../theme/vuihoc/imgs/big_cloud.png);
    background-position:0 500px;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
@media screen and (min-width:1200px){
    body{
        -moz-transform:scale(.9);
        -moz-transform-origin:top center;
        -o-transform:scale(.9);
        -o-transform-origin:0 0
    }
}
.margin-top-0{
    margin-top:0!important
}
.margin-bottom-0{
    margin-bottom:0!important
}
.margin-top-5{
    margin-top:5px!important
}
.margin-bottom-5{
    margin-bottom:5px!important
}
.margin-top-10{
    margin-top:10px!important
}
.margin-bottom-10{
    margin-bottom:10px!important
}
.margin-top-15{
    margin-top:15px!important
}
.margin-bottom-15{
    margin-bottom:15px!important
}
.margin-left-5{
    margin-left:5px!important
}
.margin-right-5{
    margin-right:5px!important
}
.classBlock h4{
    font-weight:700
}
.head_title h4{
    font-weight:700
}
.article .thumbnail .content h4{
    font-weight:700
}
.modal-backdrop{
    background-color:rgba(255,255,255,1)
}
.modal-backdrop.in{
    opacity:.8
}
.heading_sec_outer{
    position:relative;
    background:#fff
}
#img-header-cap-1{
    top:70px;
    width:400px;
    max-width:80%;
    position:absolute;
    z-index:0;
    display:none
}
.slogan-cap-1{
    margin-top:20px
}
#heading_sec_vue{
    margin-top:-140px
}
#heading_sec_vue.cap-1 .img-header-banner{
    max-width:80%
}
#heading_sec_vue.cap-1 .img-header-banner.img-second{
    margin-left:100px
}
@media screen and (max-width:991px){
    #heading_sec_vue.cap-1 .slogan-cap-1{
        text-align:right
    }
    #heading_sec_vue.cap-1 .img-header-banner{
        max-width:60%
    }
    #heading_sec_vue.cap-1 .img-header-banner.img-second{
        margin-left:0;
        text-align:center
    }
    #img-header-cap-1{
        top:60px;
        width:280px
    }
    #heading_sec_vue.cap-1 .classBlock{
        margin-top:50px
    }
}
@media screen and (max-width:567px){
    #img-header-cap-1{
        top:20px;
        width:220px;
        max-width:60%
    }
}
#heading_sec_vue.cap-1 .img-main{
    position:absolute
}
#heading_sec_vue.cap-2 .header-banner,#heading_sec_vue.cap-3 .header-banner{
    background:url(../theme/vuihoc/imgs/flying_kid_with_book.png);
    background-position:top 30px right;
    background-repeat:no-repeat;
    margin-top:20px;
    background-size:45%
}
#modal-login .alert{
    margin-bottom:0
}
#modal-login .rememberMe{
    margin-top:2px
}
#modal-login .rememberMe input[type=checkbox]{
    top:4px;
    margin-right:4px
}
#modal-login .formContent{
    margin-top:15px
}
#modal-login .formPanel{
    padding-top:50px
}
.article .thumbnail{
    border:none;
    overflow:hidden
}
.article .thumbnail .cover{
    overflow:hidden;
    border-radius:0
}
.article .thumbnail .cover img{
    object-fit:cover;
    width:100%
}
nav>div>.row:last-child{
    box-shadow:1px 1px 1px rgba(0,0,0,.2)
}
.article_sec .articleContent{
    margin-top:65px;
    margin-bottom:65px
}
#modalSignup .modal-content,#modalSignupMobile .modal-content,#verifyOtp .modal-content{
    background-color:transparent;
    box-shadow:none;
    border:none
}
#signupForm .error4.alert-danger span{
    display:block
}
.help-block{
    font-size:14px;
    margin-bottom:0
}
.help-block.has-error{
    color:#e71e24!important
}
.hd-title{
    font-size:24px;
    font-weight:500;
    margin-top:10px;
    margin-bottom:30px
}
.hd-faq-list{
    list-style:none;
    padding:0
}
.blog-support{
    display:table;
    width:100%
}
.hd-faq-list .blog-support{
    height:96px
}
.hd-faq-list li{
    display:table;
    float:left;
    height:96px;
    margin-bottom:35px;
    text-align:center;
    width:100%
}
.hd-faq-list li a{
    border:1px solid #646464;
    border-radius:2px;
    color:inherit;
    display:table-cell;
    font-size:16px;
    padding:10px;
    vertical-align:middle;
    font-weight:500
}
.hd-topic{
    margin-top:40px
}
.hd-topic ul{
    list-style:none;
    padding:0
}
.hd-topic li{
    display:block;
    float:left;
    height:191px;
    margin-bottom:45px;
    text-align:center;
    width:100%
}
.hd-topic .blog-support{
    height:191px
}
.hd-topic li a{
    border:1px solid #3c91cc;
    border-radius:2px;
    color:inherit;
    display:block;
    font-size:16px;
    height:100%
}
.hd-cate-image{
    height:110px;
    padding-top:38px
}
.hd-cate-ititle{
    padding-top:15px
}
#support-panel{
    background:#a2a2a2 none repeat scroll 0 0;
    color:#fff;
    padding:45px 0 35px;
    margin-bottom:40px
}
.support-list{
    margin:0 -20px;
    padding:0
}
.support-list>li{
    border:1px solid #fff;
    border-radius:2px;
    display:table;
    float:left;
    height:100px;
    list-style:outside none none;
    margin:0 20px;
    padding:0 40px;
    width:313px
}
.support-list .blog-support{
    height:100px
}
a.slicon{
    background-position:left center;
    background-repeat:no-repeat;
    color:#fff;
    display:table-cell;
    font-size:16px;
    padding-left:65px;
    vertical-align:middle
}
.hd-hero{
    background:rgba(0,0,0,0) url(../ho-tro/images/hero.jpg) no-repeat scroll center top;
    display:block;
    height:385px;
    width:100%
}
.hd-herotitle{
    color:#fff;
    font-size:26px;
    font-weight:400;
    margin:215px 0 20px;
    text-align:center;
    width:512px
}
.hd-herosearch{
    margin-top:25px;
    width:512px
}
.hd-search-input{
    border:medium none;
    border-radius:4px 0 0 4px;
    float:left;
    font-size:16px;
    font-weight:300;
    height:56px;
    padding:15px 20px;
    width:451px
}
.support-question-content{
    padding:15px;
    background:#f3ffe6;
    border-radius:20px
}
.support-question-content img{
    border:1px solid #dfdfdf;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.3);
    text-align:center;
    max-width:100%;
    height:auto
}
.hd-sbpart{
    margin-bottom:50px
}
.hd-sbpart h4{
    margin:0 0 15px;
    padding-left:18px;
    font-size:22px
}
.hd-sidebar{
    overflow:auto;
    max-height:800px
}
.hd-sidebar ul{
    padding:0
}
.hd-sidebar li{
    list-style-type:none
}
.hd-sidebar .hd-title{
    font-size:16px;
    font-weight:400;
    cursor:pointer;
    margin:0;
    padding:10px 8px 10px 18px
}
.hd-sidebar .hd-title span{
    margin-right:12px;
    display:inline-block;
    vertical-align:middle
}
.hd-cico{
    width:20px
}
.hd-sidebar ul li a{
    color:#424242
}
.hd-cico img{
    border:none;
    max-width:100%;
    height:auto
}
.hd-sidebar li.active>.hd-title .hd-cico-image-hover,.hd-sidebar li:hover>.hd-title .hd-cico-image-hover{
    display:block
}
.hd-cico-image-hover,.hd-sidebar li.active>.hd-title .hd-cico-image,.hd-sidebar li:hover>.hd-title .hd-cico-image{
    display:none
}
.hd-sidebar li.active .hd-title{
    background:#e5f4f9;
    color:#fff;
    border-left:4px solid #f44336;
    border-radius:5px
}
.hd-sidebar ul ul li{
    margin-bottom:10px;
    padding:3px 0 0 40px
}
.hd-sidebar ul ul li a{
    text-decoration:none;
    font-size:12px;
    line-height:16px;
    display:block;
    color:#2a70b8
}
.hd-sidebar li.active ul{
    display:block
}
.hd-menu li a{
    padding:10px 8px 10px 18px;
    display:inline-block;
    width:100%;
    font-size:16px
}
.hd-sidebar li.haschild ul{
    display:none
}
.hd-sidebar li.haschild ul.active{
    display:block
}
.col-captcha{
    padding-bottom:11px;
    padding-top:11px
}
#modal-reset .modal-content{
    background-color:transparent;
    box-shadow:none;
    border:none
}
#modal-email-reset .modal-content{
    background-color:transparent;
    box-shadow:none;
    border:none
}
#captcha{
    float:left
}
canvas#captcha{
    background:#04689a
}
.img-captcha{
    vertical-align:middle;
    height:25px;
    width:25px;
    border:0
}
.vh-captcha{
    border-style:none;
    padding-left:10px;
    padding-top:10px;
    cursor:pointer;
    display:inline-block!important
}
.formPanel .formFooter{
    height:auto!important
}
.wrapper{
    margin:0 auto;
    padding:10px;
    position:relative;
    width:1170px
}
.oicon{
    background-image:url(imgs/icons/oicon.png)
}
.ficon{
    background-image:url(imgs/icons/ficon.png)
}
.ricon{
    background-image:url(imgs/icons/ricon.png)
}
li.haschild>i.fa-angle-right.pull-right{
    font-size:16px;
    margin-top:9px;
    display:inline-block;
    margin-right:5px
}
.hd-provide{
    color:#333;
    font-size:15px;
    margin:0 0 25px
}
.hdr-step.active,.hdr-step.selected{
    display:block
}
.hdr-selected{
    font-size:14px;
    font-weight:400;
    line-height:24px;
    margin:10px 0
}
.hdrs-index{
    background:#fff none repeat scroll 0 0;
    border:1px solid #9b9b9b;
    border-radius:12px;
    color:#9b9b9b;
    display:block;
    float:left;
    height:24px;
    line-height:24px;
    margin-right:10px;
    text-align:center;
    width:24px
}
.hdr-step.active .hdrs-index{
    background-color:#2a70b8;
    border-color:#2a70b8;
    color:#fff
}
.hdr-selected .fa,.hdr-selected .hdrs-choose{
    display:none
}
.hdr-list{
    margin:10px 0;
    padding-left:34px
}
.hdr-list>li{
    list-style:none;
    margin:10px 0
}
.hdr-list input[type=radio]{
    float:left;
    margin:1px 6px 0 0
}
.hdr-list label{
    cursor:pointer;
    margin:0
}
.hdr-step.selected .hdr-selected .hdrs-choose{
    color:#2a70b8
}
.hdr-step.hdr-step-hide{
    display:none
}
.hdr-step.selected .hdr-selected .hdrs-choose,.hdr-step.selected .hdr-selected:hover .fa{
    display:inline;
    cursor:pointer
}
.hdr-scate-box{
    border:1px solid #2a70b8;
    color:#000;
    margin:35px 0 25px;
    padding:20px
}
.hdr-ctitle{
    font-size:24px;
    font-weight:300;
    margin:0 0 15px
}
.hdr-form-info{
    margin:25px 0
}
.hdr-back{
    height:50px;
    line-height:28px;
    padding:10px 20px
}
.hd-help .form-group{
    margin-bottom:20px;
    overflow:hidden
}
.hd-help .form-left,.hd-help .form-right{
    width:50%;
    display:inline-block;
    float:left;
    padding-right:15px
}
.hdr-form-info label{
    color:#333;
    display:block
}
.hdr-form-info input[type=text]{
    border:1px solid #cbcbcb;
    border-radius:2px;
    color:#333;
    display:block;
    font-size:16px;
    font-weight:300;
    height:50px;
    padding:10px 15px;
    width:100%
}
.hdr-form-info input.error[type=text],.hdr-form-info textarea.error{
    border-color:#ff6f6f
}
.error.error-message{
    color:#ff1a1a;
    font-size:13px;
    margin:5px 0
}
.form-right{
    padding-left:15px
}
.hdr-form-info textarea{
    border:1px solid #cbcbcb;
    border-radius:2px;
    font-size:16px;
    font-weight:300;
    height:128px;
    padding:10px 15px;
    resize:vertical;
    vertical-align:middle;
    width:100%
}
.hd-form input.hdr-button{
    width:145px;
    height:42px;
    background:#006fbc;
    font-size:16px;
    color:#fff;
    margin:0 auto;
    display:block;
    border:none
}
.note-cover .question-area .answer input[type=checkbox],.note-cover .question-area .answer input[type=radio]{
    width:auto;
    height:15px
}
.formPanel .formFooter p a{
    text-decoration:underline!important;
    text-underline-position:under
}
#modal-email-reset .formPanel .formContent form ul li.hasBorderBottom{
    border-bottom:none!important
}
.no-question .question-title{
    font-family:Baloo;
    font-size:48px;
    text-align:center;
    margin:75px 0 55px
}
.navbar-brand .beta{
    font-size:16px;
    position:relative;
    top:-4px;
    left:5px;
    background:#136086;
    padding:2px 5px;
    display:inline-block;
    border-radius:2px;
    font-family:tahoma
}
.note-cover .question-area .question{
    font-family:Quicksand;
    font-size:32px;
    color:#1b3043;
    text-align:center;
    margin-top:0;
    margin-bottom:0;
    width:100%;
    overflow:auto;
    line-height:1
}
.note-cover .question-area .answer{
    padding:15px;
    position:relative;
    z-index:100
}
.note-cover .answer .btn-group label{
    margin-right:30px
}
.note-cover .question-area .question img{
    max-width:100%
}
.note-cover .question-area .right-tray li{
    border:none!important
}
.note-cover .question-area .right-tray .light{
    padding:15px 0 25px
}
.note-cover .question-area{
    border-radius:12px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33);
    border:solid 1px #f1f1f1;
    min-height:650px;
    overflow:auto
}
.grade_6{
    background-color:#ffba00
}
.grade_7{
    background-color:#3079d5
}
.grade_8{
    background-color:#1dc2da
}
.grade_9{
    background-color:#0fc45b
}
.grade_10{
    background-color:#ffba00
}
.grade_11{
    background-color:#3079d5
}
.grade_12{
    background-color:#1dc2da
}
.new-detail-title{
    font-size:48px;
    width:80%
}
ul.nav.content-tab li a{
    text-transform:uppercase
}
.c-orange{
    color:#ff5620;
    border-color:#ff5620!important
}
.subjects_sec .subject .heading h2{
    font-size:25px;
    margin-left:58px;
    text-transform:uppercase
}
.subjects_sec .subject .heading .icon{
    height:48px;
    width:48px
}
.subjects_sec .subject .heading .icon img{
    height:48px
}
h1.tab-title{
    text-transform:uppercase
}
.subjects_sec .subject ul.lesson-list li .actions .lesson_video{
    margin-right:10px;
    font-size:38px;
    position:relative;
    top:4px
}
.subjects_sec .subject ul.lesson-list li .actions .practice{
    font-size:32px
}
.subjects_sec .subject ul.lesson-list li .actions .revise{
    font-size:32px
}
.subjects_sec .subject ul.lesson-list li .actions a{
    background-color:transparent;
    border:none;
    padding:0 0;
    color:#fff;
    color:#ff5520
}
.subjects_sec .subject ul.lesson-list li .actions a:last-child{
    margin-right:0
}
.subjects_sec .subject ul.lesson-list li:hover .actions a{
    display:inline-block;
    color:#fff
}
.ip-mobile{
    display:block;
    margin:auto;
    height:30px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #ccc;
    color:#333!important;
    letter-spacing:15px;
    text-align:center;
    font-size:24px!important;
    border-radius:4px;
    margin-bottom:5px;
    min-height:50px;
    background-color:#f0f0f0
}
.mb-4{
    margin-bottom:1.5rem!important;
    margin-top:1.5rem
}
a.linksend-otp{
    font-size:17px
}
#recaptcha-loginForm{
    text-align:center
}
#recaptcha-loginForm .g-recaptcha{
    margin-bottom:15px;
    display:inline-block;
    text-align:center
}
.formPanel .formFooter p:last-child{
    margin-bottom:0
}
#loginForm .has-error{
    margin-left:20px;
    margin-top:10px
}
#userAvatarOuter{
    position:relative;
    width:auto;
    display:inline-block;
    position:relative;
    width:200px;
    height:200px
}
#userAvatarOuter .btn.file{
    opacity:0;
    transition:all .5s ease-in-out;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    color:#fff;
    text-decoration:none
}
#userAvatarOuter .btn.file:hover{
    text-decoration:none
}
#userAvatarOuter:before{
    content:" ";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,.5);
    border-radius:50%;
    transition:all .5s ease-in-out;
    opacity:0
}
#userAvatarOuter:hover:before{
    opacity:1;
    transition:all .5s ease-in-out
}
#userAvatarOuter:hover .btn.file{
    opacity:1;
    transition:all .5s ease-in-out
}
#userAvatarInput{
    cursor:pointer
}
#userAvatar{
    width:100%;
    height:100%;
    object-fit:cover
}
#userAvatarOuter .file{
    position:relative;
    overflow:hidden
}
#userAvatarOuter #userAvatarInput{
    position:absolute;
    font-size:50px;
    opacity:0;
    right:0;
    top:0
}
ul.nav-actions-logined li.logined div img{
    object-fit:cover
}
.progress-icon.incompleted i{
    position:relative;
    top:5px;
    font-size:16px;
    display:none
}
.question-area .right-cat,.question-area .wrong-cat{
    width:147px;
    height:144px;
    position:relative;
    bottom:-50px;
    left:410px;
    float:left
}
.question-area .right-cat img,.question-area .wrong-cat img{
    width:100%;
    height:auto
}
.question-area .right-answer,.question-area .wrong-answer{
    margin:80px -15px 80px -15px
}
.progress-icon.thisWeekAssignment{
    background-color:#ff5620;
    color:#ff5620;
    border:2px #efefef solid
}
.progress-icon.completed{
    background-color:#21df11;
    color:#fff;
    border:2px #efefef solid
}
.subjects_sec .subject ul.lesson-list li{
    cursor:initial
}
.alert{
    position:relative;
    padding:.75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:.25rem
}
.alert-danger{
    color:#721c24;
    background-color:#f8d7da;
    border-color:#f5c6cb
}
.article .thumbnail .content p{
    font-size:16px
}
.article .thumbnail .content h4{
    font-size:20px
}
.article .thumbnail .caption a{
    font-size:16px
}
.classBlock h1{
    overflow:hidden
}
.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background:0 0
}
.fun_math .thumbnail .caption a{
    font-size:16px
}
.tab-pane>div>div>div{
    position:initial
}
.nav.navbar-nav.pull-right{
    margin-right:0;
    transform:none;
    position:initial;
    left:initial
}
.courses_sec .top-heading h1{
    font-family:Baloo;
    font-size:48px;
    color:#034d72;
    margin-bottom:50px;
    margin-top:50px
}
.recaptcha_iframe{
    zoom:111%
}
.g-recaptcha iframe{
    zoom:111%
}
.note-cover .question-area .left-tray .a-a{
    background-color:#0e689a!important;
    color:#fff!important
}
.note-cover .question-area .left-tray .fas.xs-i{
    font-size:8px;
    margin-right:-16px
}
.underline{
    text-decoration:underline
}
.update-password{
    padding:5px
}
.verify-accountkit-form{
    width:500px;
    height:300px;
    background:#fff;
    margin:auto;
    text-align:center;
    margin-top:50px
}
.verify-accountkit-form .form-group #phone_num{
    border:unset;
    box-shadow:unset;
    background:#fff;
    text-align:center;
    font-size:18px;
    color:red;
    padding-top:25px;
    padding-bottom:40px
}
.verify-accountkit-form .form-group .btn_submit_OTP{
    width:170px;
    height:46px;
    margin:25px auto;
    border-radius:7px;
    background-color:#ff5520;
    border:none;
    font-size:15px;
    font-weight:600;
    line-height:1.33;
    letter-spacing:-.2px;
    color:#fff;
    padding-top:10px
}
.courses_sec .main-courses .left-pane .course .title h2{
    font-size:32px
}
.courses_sec .main-courses .left-pane .course .price .real-price{
    font-size:32px;
    font-weight:700
}
.courses_sec .main-courses .left-pane .course .old-price.price{
    margin-bottom:-4px
}
.courses_sec .main-courses .left-pane .course .old-price.price .real-price{
    font-size:20px;
    font-weight:500;
    text-decoration:line-through;
    color:#ccc
}
.courses_sec .main-courses .left-pane.yellow-bg .course .old-price.price .real-price{
    color:#666
}
.courses_sec .main-courses .left-pane .course .price-date.price{
    color:#f44336;
    font-weight:500
}
.courses_sec .videojs{
    overflow:hidden
}
.courses_sec .videojs .fit_iframe{
    height:100%
}
.courses_sec .videojs img{
    width:100%;
    min-height:100%;
    object-fit:cover
}
.note-cover .question-area .answer span{
    display:inline-block;
    font-size:20px
}
.courses_sec .main-courses .left-pane{
    padding:0 30px 10px 55px;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px
}
.courses_sec .main-courses .left-pane .course .content{
    margin-bottom:15px;
    padding-left:115px
}
.courses_sec .main-courses .left-pane .course .price .just{
    font-size:16px;
    font-weight:300
}
.courses_sec .main-courses .left-pane .course .content p *{
    font-size:24px!important
}
#adUWtbh-1550999675729 iframe{
    zoom:111%
}
.content-sheet{
    padding:25px 25px;
    margin-top:50px
}
#blogPostContainer .blog_post_body p.excerpt{
    font-size:14px;
    font-weight:500;
    color:#828282;
    line-height:25px;
    text-align:justify
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list{
    margin-top:25px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li{
    border-bottom:1px #d1d1d1 solid
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li:last-child{
    border:none
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li p{
    font-size:20px;
    font-weight:500;
    line-height:25px;
    padding-bottom:10px;
    padding-top:17px
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li p a{
    color:#1b3043
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list li p a:hover{
    color:#ff5620
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list .top-news p{
    padding-top:0
}
.news_article_sec .content-sheet .right .news-box .tab-content .news-list .top-news img{
    margin-bottom:14px
}
.fb-comments.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe{
    width:100%!important
}
.fb_iframe_widget{
    width:100%
}
.social-container{
    margin:5px 0;
    padding:5px 0;
    position:relative
}
.zalo-share{
    margin-top:2px;
    float:right;
    width:80px
}
.zalo-share .zalo-share-button,.zalo-share iframe{
    width:80px!important;
    height:26px!important
}
@media screen and (max-width:576px){
    .zalo-share{
        float:none
    }
    .zalo-share .zalo-share-button,.zalo-share iframe{
        height:20px!important
    }
}
ul.nav-actions-logined-mobile li.logined div img{
    width:48px;
    height:48px;
    border-radius:30px;
    object-fit:cover
}
.nav-actions-logined-mobile .half-li{
    height:auto
}
.nav-actions-logined-mobile .half-li.no-border{
    border-right:1px solid #fff
}
.nav-actions-logined .buyAccount{
    top:-29px;
    position:relative;
    display:inline-block;
    border-right:none;
    padding:13px 15px 15px 15px;
    height:73px
}
.section-item.incompleted .progress-icon{
    border:2px #efefef solid;
    background-color:#d1d1d1
}
.section-item.completed .progress-icon{
    background-color:#21df11;
    color:#fff
}
.news_home .headline p.excerpt{
    font-size:15px
}
.advisory_counsel .testimonial .box img{
    object-fit:cover
}
.iphonex-bg{
    height:800px;
    background:url(imgs/home_revision/frame_iphone_x.png);
    background-position:center 0;
    background-repeat:no-repeat
}
.parental_testimonial .testimonial .right .testimonial-box img{
    object-fit:cover
}
.news_home .headline img{
    width:100%;
    margin-bottom:15px;
    border:1px solid #ff4500;
    border-radius:5px
}
.courses_sec .other-courses .course .thumbnail .content .detail{
    height:142px;
    text-overflow:clip;
    overflow:hidden;
    font-size:16px
}
.advisory_counsel .testimonial .intro{
    height:100px;
    overflow:hidden
}
.classBlock .thumbnail .caption p:last-child{
    border-bottom:none!important
}
.news_home .headline.news:last-child{
    border-bottom:none
}
.courses_sec .other-courses .course .thumbnail .cover img{
    object-fit:cover;
    position:absolute;
    top:0;
    border-top-right-radius:12px;
    border-top-left-radius:12px
}
input.ip_c{
    position:absolute;
    left:0;
    top:5px
}
.profile_sec .right .status{
    position:relative;
    padding-bottom:15px;
    color:#6783c0
}
.formPanel .formFooter p a span{
    border-bottom:none
}
.subjects_sec .subject ul.lesson-list li .star span{
    font-family:Quicksand;
    font-size:16px;
    top:3px;
    position:relative;
    font-weight:700
}
.statistics .box h4{
    font-size:24px
}
.parental_testimonial .testimonial .left .chat-cover{
    height:800px;
    background:url(../theme/vuihoc/imgs/home_revision/frame_iphone_x.png);
    background-position:center 0;
    background-repeat:no-repeat;
    padding:10px 100px
}
.parental_testimonial .testimonial .left img{
    position:relative;
    left:auto;
    width:100%;
    top:155px;
    height:auto
}
@media screen and (max-width:667px){
    .news_article_sec .content-sheet .left .article .content img{
        max-width:100%!important;
        height:auto!important
    }
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm{
    padding-top:0
}
.courses_sec .other-courses .course .thumbnail .content{
    padding:10px 12px
}
.courses_sec .other-courses .course h3 a{
    color:#333
}
.notable_courses .courses_sec .other-courses .course .thumbnail{
    height:405px
}
.courses_sec .other-courses .course .thumbnail .content h4.price{
    margin-bottom:0
}
.modal-custom .modal-content{
    background-color:transparent;
    box-shadow:none;
    border:none
}
.message-content{
    font-family:Quicksand;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    font-size:20px;
    text-align:center;
    color:#000
}
.title-404{
    font-family:Quicksand;
    font-style:normal;
    font-weight:700;
    font-size:80px;
    line-height:80px;
    text-align:center;
    text-transform:uppercase;
    color:#034d72;
    margin-top:50px
}
.detail-404{
    font-family:Quicksand;
    font-style:normal;
    font-weight:700;
    line-height:36px;
    font-size:36px;
    text-align:center;
    color:#034d72
}
.backtohome{
    background:#ff5620;
    box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);
    border-radius:15px;
    width:200px;
    height:50px;
    padding:10px;
    text-align:center;
    font-family:Quicksand;
    font-style:normal;
    font-weight:700;
    line-height:normal;
    font-size:20px;
    text-align:center;
    color:#fff;
    margin-top:40px;
    display:inline-block
}
.backtohome:hover{
    color:#fff
}
.page-404{
    text-align:center;
    margin-bottom:100px
}
.img-error-404{
    max-width:100%;
    padding:20px
}
.notable_courses .group{
    height:405px;
    border-radius:15px;
    margin-top:0
}
nav .nav.nav-tabs>li{
    padding:11px 5px 10px 5px
}
.buyAccount a.btn{
    padding:9px 10px 11px
}
.heading.collapsed .fa-chevron-down{
    transform:rotate(-90deg)!important;
    transform-origin:center center;
    transition:all ease-in-out
}
.course_detail_sec .left .search-group{
    margin-bottom:0
}
.course-info .course-content{
    max-height:100px;
    overflow-y:hidden;
    transition:all ease-in-out
}
.course-info .course-content.showmore{
    max-height:inherit;
    transition:all ease-in-out
}
.navbar-brand.vuihoc-brand{
    margin-left:-8px!important;
    padding:0
}
.vuihoc-brand .logo{
    max-height:124%;
    position:relative;
    left:-33px;
    top:-15px
}
footer.homeFooter .footer-logo{
    max-height:50px;
    margin-top:10px!important
}
footer.homeFooter .left p{
    font-size:15px
}
.news_home .headline p.excerpt{
    color:#5e5e5e
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm span:last-child{
    width:auto;
    font-size:15px
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm{
    width:125px
}
.courses_sec .other-courses .course .thumbnail .action .action-btn-sm.btn-view-progress{
    background:#fe5621
}
.my_courses .other-courses .course .thumbnail .content{
    min-height:100px
}
.courses_sec .other-courses .teacher_info p{
    margin-bottom:0
}
.searchBar .selectBox{
    background:#fff;
    border-radius:10px
}
#requireUpdateInfoForm .yob{
    margin-left:10px;
    width:200px;
    font-size:20px;
    padding:0 5px
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .title p{
    padding-left:80px;
    padding-right:0
}
.showMoreBtn{
    margin-top:15px;
    display:inline-block
}
.showMoreBtn .up{
    display:none
}
.visible .showMoreBtn .up{
    display:inline
}
.showMoreBtn .down{
    display:inline
}
.visible .showMoreBtn .down{
    display:none
}
#course-syllabus .freeItems.syllabus-box h4.heading{
    background:#ff5620
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions{
    right:15px
}
footer{
    overflow:hidden
}
.freeItems .item .sectionTitle i{
    float:right;
    right:20px;
    color:#b3b3b3;
    position:relative;
    font-size:28px
}
.freeItems .sectionItem:hover i{
    color:#ff5620
}
.freeItems #freeChapter .progress-icon.completed{
    background:0 0;
    border:none
}
.freeLesson{
    background:url(../theme/vuihoc/imgs/free_icon.png) no-repeat center center;
    background-size:100% auto;
    display:inline-block;
    width:40px;
    height:40px;
    top:0!important
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions button i{
    font-size:28px;
    color:#b3b3b3
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:hover .actions button i{
    font-size:28px;
    color:#ff5620
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li{
    cursor:initial
}
.course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions{
    display:inline-block
}
.course .teacher_info{
    color:#888;
    margin-bottom:5px
}
.course .teacher_info .fas{
    float:left;
    display:inline-block;
    margin-right:10px
}
.org_row.row{
    margin-left:-15px;
    margin-right:-15px
}
.action-links.lesson_item_outer .lesson_item{
    margin:0 5px
}
#floatingKeyboard{
    position:fixed;
    bottom:3px;
    left:50%;
    transform:translate(-50%,0);
    z-index:10000;
    background:rgba(0,0,0,.3);
    padding:5px;
    border-radius:10px
}
#floatingKeyboard .btn{
    min-width:40px;
    max-width:100px;
    height:50px;
    font-weight:700;
    font-size:20px;
    padding:3px 5px 10px 5px;
    border:1px solid #dfdfdf;
    margin:3px;
    -webkit-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    -moz-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29)
}
#floatingKeyboard.advanced{
    left:40%;
    transform:translate(-36%,0)
}
#floatingKeyboard.advanced .btn{
    margin:2px
}
#floatingKeyboard .floating-kb-btn-parent{
    position:relative
}
#floatingKeyboard .floating-kb-btn-children{
    display:none;
    position:absolute;
    width:200px;
    top:-40px;
    left:-15px;
    z-index:10000
}
#floatingKeyboard .floating-kb-btn-children .btn{
    width:30px;
    height:30px;
    font-size:18px;
    padding:3px 3px 3px 3px;
    margin:2px
}
#floatingKeyboard .floating-kb-btn-parent:hover .floating-kb-btn-children{
    display:block
}
#floatingKeyboard.hide-keyboard .floatingKeyboardInner{
    display:none
}
.active-account{
    text-align:center;
    padding:50px;
    font-size:20px;
    margin:20px auto
}
.navbar{
    background:#04689a
}
.navbar .navbar-top{
    margin:0 -15px;
    height:72px
}
.navbar .nav.nav-tabs{
    overflow:hidden;
    float:left;
    height:72px
}
.navbar .nav.nav-tabs>li{
    display:block;
    float:left
}
nav .nav.nav-tabs>li{
    padding:0;
    height:72px;
    overflow:hidden;
    background-color:#314c79
}
nav .nav.nav-tabs>li:last-child{
    background-color:#314c79;
    padding:0;
    border-right:none;
    float:left
}
nav .nav.nav-tabs li a{
    line-height:72px;
    font-weight:700;
    font-size:22px;
    padding:0 25px;
    cursor:pointer;
    text-align:center;
    height:72px
}
nav .nav.nav-tabs li:not(.active) a:hover{
    color:#ff5620!important
}
nav .nav.navbar-right{
    float:right;
    height:72px;
    margin-right:0
}
nav .nav.navbar-right>li{
    float:left;
    display:block;
    border-right:1px #6496af solid;
    height:72px
}
nav .nav.navbar-right>li:last-child{
    border-right:0;
    position:relative
}
.nav.navbar-right .hotline{
    position:relative
}
.nav.navbar-right .hotline:hover{
    color:#ff5620!important
}
.nav.navbar-right .hotline>i{
    position:absolute;
    top:50%;
    margin-top:-12px;
    left:0;
    font-size:24px
}
.nav.navbar-right .hotline>a{
    display:block;
    white-space:nowrap;
    line-height:72px;
    padding:0 20px 0 35px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:700;
    font-size:22px;
    color:#fff
}
.nav.navbar-right .hotline>a:hover{
    color:#ff5620!important
}
.nav.navbar-right a.activate-course{
    background:#ff5620;
    border-radius:12px;
    font-weight:700;
    font-size:20px;
    line-height:22px;
    text-align:center;
    text-shadow:0 2px 1px rgba(0,0,0,.25);
    box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
    padding:10px 15px 15px;
    margin:13px 20px 0
}
.nav.navbar-right a.activate-course:hover{
    opacity:.9
}
.nav.navbar-right .login_outer .login{
    padding:0 20px;
    position:relative;
    overflow:hidden
}
.nav.navbar-right .login_outer .login>img{
    display:block;
    float:left;
    width:50px;
    height:50px;
    border-radius:50%;
    margin-top:10px;
    margin-right:5px
}
.nav.navbar-right .login_outer .login>a{
    font-weight:700;
    font-size:20px;
    line-height:72px;
    padding:0 7px;
    display:inline-block
}
.nav.navbar-right .login_outer .login>a i{
    display:none
}
.nav.navbar-right .login_outer .login>a:hover{
    color:#ff5620!important
}
.navbar .tab-content{
    height:72px;
    background-color:#ff6609
}
.navbar .tab-pane{
    position:relative;
    margin:0 -15px;
    top:initial;
    height:72px
}
nav .nav.nav-tabs>li.active{
    background-color:#ff660a
}
.navbar .navbar-header{
    height:72px;
    padding:13px 0
}
.navbar .navbar-header>h1{
    margin:0;
    padding:0
}
.navbar-brand.vuihoc-brand{
    margin-left:-8px!important;
    padding:0;
    height:50px;
    width:200px
}
.navbar .logged_outer .logged>li{
    display:block;
    float:left;
    height:72px;
    padding:13px 10px;
    position:relative
}
.navbar .logged_outer .logged>li:last-child{
    padding:0
}
.navbar .logged_outer .logged>li.notification>div,.navbar .logged_outer .logged>li.star>div{
    width:48px;
    height:48px;
    background-color:#034d72;
    text-align:center;
    border-radius:50%;
    position:relative;
    z-index:1
}
.navbar .logged_outer .logged>li.notification>i{
    display:none
}
.navbar .logged_outer .logged>li.star{
    display:none
}
.navbar .logged_outer .logged>li.notification img,.navbar .logged_outer .logged>li.star img{
    display:block;
    position:absolute;
    object-fit:contain;
    top:6px;
    left:7px
}
.navbar .logged_outer .logged>li.notification img{
    left:11px
}
.navbar .logged_outer .logged>li.star>span{
    background-color:#034d72;
    padding:5px 12px 5px 55px;
    border-radius:17px;
    font-size:10px;
    text-align:right;
    position:relative;
    top:-42px
}
.navbar .logged_outer .logged li.notification span.userMessage{
    background-color:#ff660a;
    position:absolute;
    top:-8px;
    right:-7px;
    padding:5px 8px;
    border-radius:17px;
    font-size:10px;
    line-height:10px;
    z-index:1
}
.navbar .logged_outer .logged_actions .btn-actions{
    display:block;
    padding:13px 10px;
    height:72px
}
.navbar .logged_outer .logged_actions .avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    margin-right:10px;
    object-fit:cover
}
.navbar .logged_outer .logged_actions .btn-actions>span{
    font-size:16px;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    direction:rtl;
    line-height:45px;
    font-weight:500
}
.navbar .logged_outer .logged_actions .btn-actions>i{
    float:right;
    font-size:14px;
    margin-left:5px;
    margin-top:17px
}
.navbar .logged_outer .logged_actions .btn-actions>i.i-mb{
    display:none
}
.navbar .logged_outer .logged_actions .dropdown-menu{
    margin-top:-10px;
    margin-right:-3px;
    min-width:200px
}
.navbar .logged_outer .logged_actions .dropdown-menu a{
    font-size:16px
}
.navbar .logged_outer .logged_actions .btn-actions:hover,.navbar .logged_outer .logged_actions .open .btn-actions{
    color:#ff5620!important
}
.navbar .logged_outer .logged_actions .dropdown-menu::before{
    content:"";
    position:absolute;
    top:-20px;
    border:11px solid transparent;
    border-bottom-color:#fff;
    left:50%;
    margin-left:-10px
}
.tab-pane .navbar-nav.pull-right{
    margin-right:-15px
}
.tab-pane .navbar-nav>li>a{
    font-weight:700;
    height:72px;
    padding:0 15px;
    line-height:72px
}
.tab-pane .navbar-nav>li>a:hover{
    color:#fff!important
}
.tab-pane .navbar-nav>li>a>i{
    margin-top:26px
}
.tab-pane .navbar-nav .dropdown-menu{
    right:0;
    margin-top:-8px
}
.tab-pane .navbar-nav li.mb-hotline{
    display:none
}
.sticky-box .quick-jump-box{
    margin-bottom:48px
}
.quick-jump-box h4.heading span{
    display:block;
    margin:3px 0 0
}
.note-cover .question-area .left-tray{
    max-height:522px;
    width:initial;
    overflow-y:auto
}
.note-cover .question-area .left-tray::-webkit-scrollbar{
    display:none
}
.note-cover .question-area .left-tray li{
    width:48px
}
.note-cover .question-area .left-tray .d-a{
    background-color:#ff9800;
    color:#fff
}
.note-cover .question-area img{
    max-width:100%;
    height:auto!important
}
.notable_courses .tab-pane .owl-theme .owl-nav [class*=owl-]{
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border-radius:3px;
    color:#000;
    background-color:#fff;
    width:40px;
    height:40px;
    border:1px solid #dfdfdf;
    margin:3px;
    -webkit-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    -moz-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29)
}
.notable_courses .tab-pane .owl-theme .owl-nav [class*=owl-]:hover{
    color:#fff;
    background-color:#ff660a
}
.notable_courses .tab-pane .owl-nav{
    top:-100px
}
.my_courses .courses_sec .other-courses{
    position:relative
}
.my_courses .tab-pane .owl-nav{
    top:-100px;
    text-align:right;
    float:none
}
.my_courses .tab-pane .owl-theme .owl-nav [class*=owl-]{
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border-radius:3px;
    color:#000;
    width:40px;
    height:40px;
    margin:3px;
    -webkit-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    -moz-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
    padding:12px 15px
}
.my_courses .tab-pane .owlNavBtn{
    font-size:14px;
    opacity:1
}
.my_courses .tab-pane .owl-theme .owl-nav [class*=owl-]:hover{
    color:#fff;
    background-color:#ff660a
}
.tab-pane .owlNavBtn{
    color:inherit
}
.searchBar>div>div i.fa-search{
    top:50%;
    margin-top:-40px;
    left:30px
}
@media screen and (max-width:991.98px){
    .notable_courses .tab-pane .owl-nav{
        top:initial;
        bottom:0;
        text-align:center
    }
    .notable_courses .courses_sec{
        margin-bottom:20px
    }
    .notable_courses .courses_sec .head_title{
        margin-bottom:25px
    }
}
@media (max-width:767px){
    .searchBar>div>div i.fa-search{
        margin-top:-77px
    }
    body{
        zoom:100%
    }
}
@media (max-width:414px){
    .searchBar>div>div i.fa-search{
        margin-top:-143px
    }
}
.other-courses .owl-stage-outer{
    border-radius:12px
}
.progress-icon.doing{
    background-color:#ff9800;
    color:#fff
}
@media screen and (max-width:1199px){
    .course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li:hover .actions{
        display:block
    }
}
.note-cover .question-area .down{
    position:absolute;
    bottom:12px;
    left:12px;
    border-radius:13px;
    padding:5px 15px;
    text-transform:uppercase;
    color:#fe5620;
    font-weight:500
}
.note-cover .question-area .left-tray li.r-a{
    background-color:#ec0b1b;
    color:#fff;
    position:relative
}
.note-cover .question-area .left-tray li.w-a{
    background-color:#84c530;
    color:#fff
}
.printAreaContent .note-cover{
    padding:0;
    border-radius:0
}
.printAreaContent .note-cover p{
    margin-bottom:2px
}
.printAreaContent .note-cover .question-area .question-heading{
    margin-top:0;
    margin-bottom:5px
}
.printAreaContent .note-cover .question-area .question-heading li:nth-child(2){
    font-size:12px;
    height:20px;
    padding-top:0
}
.printAreaContent .note-cover .question-area .question{
    font-family:Quicksand;
    font-size:16px;
    color:#1b3043;
    text-align:center;
    margin-bottom:5px
}
.printAreaContent .note-cover .question-area .answer input{
    width:100px;
    height:18px;
    border-radius:5px;
    border:solid 1px #dadada;
    background-color:#f0f0f0;
    padding:3px;
    font-family:Quicksand;
    font-size:16px;
    margin-bottom:5px;
    display:inline-block
}
.printAreaContent .question-item{
    padding-top:0;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #dfdfdf
}
@media screen{
    #printSection{
        display:none
    }
}
@media print{
    body *{
        visibility:hidden
    }
    #printSection,#printSection *{
        visibility:visible
    }
    #printSection{
        position:absolute;
        left:0;
        top:0
    }
    #printSection .printArea{
        width:210mm;
        min-height:297mm;
        padding:0 20mm;
        margin:0 auto
    }
}
@page{
    size:A4;
    margin:10mm 0
}
.printAreaContent .note-cover .question-area .question-heading{
    margin-top:10px;
    margin-bottom:10px
}
.printAreaContent .note-cover .question-area .question{
    font-family:Quicksand;
    font-size:16px;
    color:#1b3043;
    text-align:center;
    margin-bottom:15px
}
.printAreaContent .note-cover .question-area .answer input{
    width:auto;
    height:auto;
    border-radius:12px;
    border:solid 1px #dadada;
    background-color:#f0f0f0;
    padding:10px;
    font-family:Quicksand;
    font-size:16px;
    margin-bottom:15px
}
.searchBar>div>div{
    padding:15px 0 1px
}
.searchBar button{
    font-weight:500
}
.searchBar i{
    display:inline-block;
    margin-right:3px
}
.searchBar button{
    text-align:left;
    padding-left:15px
}
@media (max-width:568px){
    .searchBar ul li span.text{
        display:inline-block
    }
}
@media (max-width:568px){
    .searchBar>div>div{
        padding:32px 0 15px
    }
}
#modal-list-question .modal-dialog.printArea{
    background-color:#fff
}
.printArea .modal-content{
    border-radius:0;
    border:0;
    box-shadow:none;
    position:relative
}
.printArea .print-title{
    text-align:center;
    font-weight:500;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:15px
}
.printArea .question-item{
    margin-bottom:10px;
    border-bottom:1px dashed #ccc;
    padding-bottom:10px
}
.printArea .question-item:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0
}
.printArea .question-title{
    margin:0 0 5px;
    padding:0;
    font-size:16px;
    font-weight:500
}
.printArea .question-content p{
    margin:0
}
.printArea .question-content{
    margin:0 0 10px
}
.printArea .question-content img{
    display:block;
    max-width:40%!important;
    height:auto!important;
    margin:5px 0
}
.printArea label{
    font-weight:500
}
.printArea .choice label{
    display:block;
    overflow:hidden
}
.printArea .choice label input[type=radio]{
    float:left;
    margin:2px 5px 0 0;
    zoom:1.2
}
.printArea input[type=text]{
    border:0;
    border-bottom:1px dotted #757575
}
.printArea .modal-body{
    position:relative;
    padding:0
}
.printArea .watermark-outer{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    opacity:.3
}
.printArea .watermark-outer .watermark{
    width:100%;
    padding:100mm 0
}
.printArea .watermark-outer .watermark img{
    transform:rotate(-45deg);
    width:100%;
    height:auto
}
.page-question{
    position:relative
}
.page-question .nav-tabs{
    border-bottom:2px #d1d1d1 solid;
    margin:0;
    padding:0;
    position:relative;
    display:inline-block
}
.page-question .nav-tabs>li{
    display:inline-block;
    margin-bottom:-2px;
    float:none
}
.page-question .nav-tabs>li>a{
    font-weight:500;
    font-size:18px;
    display:block;
    padding:10px 15px;
    text-transform:uppercase;
    cursor:pointer;
    color:#333c43;
    font-family:Quicksand;
    border:0
}
.page-question .nav-tabs>li.active a{
    color:#ff5520;
    border-bottom:2px #ff5620 solid
}
.page-question .nav-tabs>li>a:hover{
    color:#ff5520
}
.page-question .btn-show-popup-question{
    position:absolute;
    right:35px;
    top:29px;
    z-index:1;
    background:#ff5620;
    border-radius:12px;
    font-weight:500;
    font-size:20px;
    line-height:22px;
    text-align:center;
    text-shadow:0 2px 1px rgba(0,0,0,.25);
    box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
    padding:7px 15px 12px;
    color:#fff;
    cursor:pointer;
    outline:0
}
.page-question .btn-show-popup-question:focus{
    outline:0
}
.page-question .btn-show-popup-question:hover{
    opacity:.9
}
.page-question .modal-title{
    text-transform:uppercase;
    font-size:22px
}
.question-modal .modal-content{
    background-color:transparent;
    box-shadow:none;
    border:none
}
.threads-page input,.threads-page select,.threads-page textarea{
    display:block;
    width:100%;
    border-radius:12px;
    border:solid 1px #dadada;
    background-color:#f0f0f0;
    outline:0;
    padding:5px 10px;
    font-size:16px
}
.threads-page input,.threads-page select{
    height:40px
}
.threads-page input:focus{
    outline:0
}
.question-modal .formPanel{
    width:100%;
    margin-bottom:0;
    padding-bottom:30px
}
.question-modal .formPanel .formTitle h4{
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    font-size:28px;
    margin-bottom:30px;
    margin-left:0
}
.question-modal .formPanel button.close{
    top:-77px
}
.threads-page .btn-send-question{
    background:#ff5620;
    border-radius:12px;
    font-weight:500;
    font-size:20px;
    line-height:22px;
    text-align:center;
    text-shadow:0 2px 1px rgba(0,0,0,.25);
    box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
    padding:10px 20px 14px;
    color:#fff;
    cursor:pointer;
    outline:0;
    text-transform:uppercase
}
.threads-page .list-threads{
    max-height:600px;
    overflow-y:auto
}
.threads-page .list-threads>li{
    display:block;
    padding:15px 0;
    margin:0;
    border-bottom:1px dashed #d1d1d1
}
.threads-page .list-threads>li:last-child{
    border-bottom:0;
    margin-bottom:0
}
.threads-page .list-threads>li .thread-title{
    font-size:20px;
    font-weight:500;
    margin:0 0 5px
}
.threads-page .list-threads>li .thread-status{
    float:right;
    font-style:italic;
    margin-top:-20px;
    font-weight:700
}
.threads-page .list-threads>li .thread-status .pending{
    color:#ff5620;
    padding-right:5px
}
.threads-page .list-threads>li .thread-status .reply{
    color:#28a745;
    padding-right:5px
}
.threads-page .list-threads>li .thread-category{
    display:inline-block;
    margin-right:10px
}
.threads-page .list-posts>li{
    display:block;
    position:relative;
    padding:0 0 25px 70px
}
.threads-page .post-thread-title{
    padding-bottom:15px;
    border-bottom:1px solid #d1d1d1;
    margin:0 0 20px
}
.threads-page .list-posts>li::before{
    content:"";
    position:absolute;
    left:24px;
    top:0;
    bottom:-20px;
    width:2px;
    background-color:#d1d1d1;
    z-index:1
}
.threads-page .list-posts>li:last-child::before{
    display:none
}
.threads-page .list-posts>li .avatar{
    position:absolute;
    width:50px;
    height:50px;
    object-fit:cover;
    top:0;
    left:0;
    border-radius:50%;
    overflow:hidden;
    border:2px solid #d1d1d1;
    z-index:2;
    background-color:#fff;
    text-align:center
}
.threads-page .list-posts>li .avatar img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    top:0
}
.threads-page .list-posts>li .avatar i{
    line-height:45px;
    color:#d1d1d1;
    font-size:22px
}
.threads-page .list-posts>li .user-name{
    font-size:18px;
    color:#ff660a;
    margin-top:0;
    padding-top:15px
}
.threads-page .list-posts>li .post-date{
    float:right;
    margin-top:-29px
}
.threads-page .list-posts>li .post-content{
    background-color:#e5fcff;
    padding:15px;
    border-radius:12px;
    margin-top:15px;
    font-size:16px;
    position:relative
}
.threads-page .list-posts>li .post-content img{
    max-width:100%;
    height:auto!important
}
.threads-page .list-posts>li .post-content::before{
    content:"";
    border:15px solid transparent;
    border-bottom-color:#e5fcff;
    position:absolute;
    top:-25px;
    left:15px
}
.threads-page .alert h3{
    margin-top:10px
}
.threads-page .formPanelBottom{
    width:100%;
    margin-top:30px;
    padding-top:30px;
    overflow:hidden;
    color:#333
}
.threads-page label{
    font-size:16px
}
@media screen and (max-width:767px){
    .page-question{
        padding:15px 15px 20px!important;
        margin-bottom:20px
    }
    .page-question .btn-show-popup-question{
        display:block;
        bottom:-21px;
        top:initial;
        left:50%;
        margin-left:-80px
    }
    .page-question .nav-tabs{
        display:block
    }
    .page-question .nav-tabs>li{
        float:left;
        width:50%;
        text-align:center
    }
    .threads-page .list-posts>li .post-date{
        float:none
    }
    .threads-page .list-posts>li .post-content{
        margin-left:-70px
    }
    .threads-page .list-posts>li .post-content::before{
        left:10px
    }
    .threads-page .post-thread-title{
        margin:0 0 20px
    }
    .threads-page .list-posts>li::before{
        display:none
    }
}
.green-btn{
    background:#5b9500
}
.submit-big,.submit-big-re{
    font-size:30px
}
.question-alert{
    margin-top:30px;
    font-size:20px
}
.question-alert img.small{
    max-width:150px
}
.errorMsg{
    color:#f0532d
}
.note-cover .question-area .item-question{
    padding-top:30px
}
@media screen and (max-width:568px){
    .note-cover .question-area .item-question{
        padding-top:115px
    }
}
.question-area .item-question{
    min-height:600px;
    position:relative
}
.note-cover .question-area .bottom-btn{
    bottom:15px
}
.question-area .right-cat,.question-area .wrong-cat{
    bottom:40px
}
.note-cover .question-area .question-heading{
    margin-top:0
}
.btn-default-vh{
    font-family:Quicksand;
    font-size:18px;
    color:#fff;
    border-radius:8px;
    box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
    background-color:#ff5620;
    border:none;
    padding:5px 20px
}
.result-area{
    position:relative;
    margin-top:90px
}
.result-area.fixed{
    position:absolute;
    width:100%;
    bottom:0
}
.result-area-title{
    padding:20px 30px;
    position:relative
}
.result-area-title.right{
    background-color:#afe06b
}
.result-area-title.wrong{
    background-color:#ffd3d2
}
.result-area-title .result-area-text{
    font-size:20px;
    font-weight:700;
    color:#fff
}
.result-area-title.right .result-area-text{
    color:#005e15
}
.result-area-title.wrong .result-area-text{
    color:#d30000
}
.result-area-title .result-area-text .fas{
    color:#fff;
    font-size:40px;
    position:relative;
    top:2px;
    margin-right:10px
}
.result-area-title .result-area-text span{
    position:relative;
    top:-5px
}
.result-area img.fun-cat{
    width:auto;
    height:130px!important;
    position:absolute;
    top:-120px;
    left:35px
}
.result-area .list-btn .btn-default-vh{
    margin-top:3px
}
.result-area .list-btn .btn-next{
    margin-left:15px;
    background-color:#8ebc01;
    color:#fff
}
.result-area .list-btn .btn-send,.result-area .list-btn .btn-show-guide{
    background-color:#ec0b1b
}
.result-area .result-area-answer{
    padding:15px;
    background-color:#f2f2f2
}
.result-area .result-area-guide{
    padding:15px;
    font-size:16px
}
.question-area .next{
    bottom:5px;
    right:20px
}
.question-area .next h4{
    font-size:14px;
    margin:0
}
.note-cover .question-area .right-tray .light a{
    color:#fff;
    background-color:#ff5620
}
.profile-page{
    padding-top:30px
}
.profile-page .panel{
    background:#fff;
    border:1px solid #d1d1d1;
    box-sizing:border-box;
    box-shadow:0 2px 33px rgba(176,192,237,.33);
    border-radius:12px
}
.profile-page .left-panel .user-meta{
    padding:15px 30px
}
.profile-page .user-meta .user-avatar{
    width:100%;
    padding-top:100%;
    position:relative;
    border-radius:50%;
    overflow:hidden
}
.profile-page .user-meta .user-avatar img{
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    width:100%;
    height:100%;
    z-index:1
}
.profile-page .user-meta .file{
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.5);
    text-align:center;
    padding:90px 0;
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    font-weight:500;
    cursor:pointer;
    transition-duration:.3s;
    opacity:0
}
.profile-page .user-meta:hover .file{
    opacity:1;
    transition-duration:.3s
}
.profile-page .user-meta .file input{
    display:none
}
.profile-page .user-meta .user-name{
    font-size:18px;
    text-align:center;
    margin:10px -15px
}
.profile-page .left-navbar ul{
    margin:0;
    padding:0;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    overflow:hidden
}
.profile-page .left-navbar ul>li{
    display:block
}
.profile-page .left-navbar ul>li>a{
    display:block;
    padding:0 30px;
    height:50px;
    line-height:50px;
    border-top:1px solid #d1d1d1;
    text-transform:uppercase;
    font-weight:500;
    font-size:16px;
    color:#333;
    background-color:#f8f9fd;
    position:relative;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.profile-page .left-navbar ul>li>a:hover{
    background-color:#fff;
    color:#ff5520
}
.profile-page .left-navbar ul>li>a>i{
    display:inline-block;
    margin-right:3px;
    width:20px;
    text-align:center
}
.profile-page .left-navbar ul>li.active>a{
    background-color:#fff;
    color:#ff5520;
    border:solid #ff5520;
    border-width:1px 0;
    margin-bottom:-1px;
    z-index:1
}
.profile-page .left-navbar ul>li.active>a::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:6px;
    background-color:#ff5520
}
.profile-page .left-navbar ul>li.active>a::after{
    content:"";
    position:absolute;
    border:25px solid transparent;
    border-left-color:#ff5520;
    left:-8px;
    top:0;
    bottom:0
}
.profile-page .primary-tabs{
    margin:0 0 20px;
    padding:0;
    background-color:#f8f9fd;
    border:0;
    box-shadow:0 2px 33px rgba(176,192,237,.33);
    border-radius:12px;
    display:flex
}
.profile-page .primary-tabs>li{
    float:none;
    flex:1;
    overflow:hidden;
    position:relative
}
.profile-page .primary-tabs>li>a{
    margin:0;
    text-align:center;
    line-height:60px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    color:#333;
    border:1px solid #d1d1d1;
    border-radius:0;
    border-right:0;
    position:relative;
    height:60px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0 15px
}
.profile-page .primary-tabs>li>a:hover{
    background-color:#fff;
    color:#ff5520
}
.profile-page .primary-tabs>li:first-child a{
    border-top-left-radius:12px;
    border-bottom-left-radius:12px
}
.profile-page .primary-tabs>li:last-child a{
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
    border-right:1px solid #d1d1d1
}
.profile-page .primary-tabs>li.active+li>a{
    border-left-color:transparent
}
.profile-page .primary-tabs>li.active>a{
    border:1px solid #ff5520;
    background-color:#fff;
    color:#ff5520;
    border-bottom-width:5px
}
.profile-page .primary-tabs>li.active>a:hover{
    border:1px solid #ff5520;
    border-bottom-width:5px
}
.profile-page .panel .panel-heading{
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    padding:24px 30px;
    border-bottom:1px solid #d1d1d1
}
.profile-page .panel .panel-title{
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-size:20px
}
.profile-page .panel .panel-body{
    padding:30px
}
.profile-page .form-profile{
    display:block;
    padding:0 100px 0 60px
}
.profile-page .form-profile .control-label{
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    height:42px;
    padding-top:0;
    line-height:45px;
    white-space:nowrap
}
.profile-page .form-profile .input-icon{
    position:relative
}
.profile-page .form-profile .input-icon .form-control{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.profile-page .form-profile .form-control{
    border-radius:12px;
    background-color:#f0f0f0;
    border:1px solid #dadada;
    box-shadow:none;
    font-size:16px;
    padding-left:15px
}
.profile-page .form-profile .form-control:focus{
    box-shadow:none;
    border:1px solid #ff5520
}
.profile-page .form-profile input.form-control,.profile-page .form-profile select.form-control{
    height:42px
}
.profile-page .form-profile .input-icon>i{
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:30px;
    font-size:16px;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.5
}
.profile-page .form-profile .dob{
    margin:-3px
}
.profile-page .form-profile .dob>div{
    padding:0 3px
}
.profile-page .form-profile .dob .input-icon>i{
    right:12px
}
.profile-page .check-radio{
    cursor:pointer;
    display:inline-block;
    position:relative;
    line-height:42px;
    font-weight:500;
    margin:0 30px 0 0;
    height:42px
}
.profile-page .check-radio input[type=radio]{
    display:none
}
.profile-page .check-radio span.radio{
    float:left;
    margin-right:10px;
    background:#fff;
    cursor:pointer;
    display:block;
    height:22px;
    width:22px;
    padding:0;
    min-height:initial;
    margin-top:9px;
    position:relative;
    font-family:"Font Awesome 5 Free";
    font-weight:900
}
.profile-page .check-radio span.radio:after{
    object-fit:cover;
    content:"\f00c";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    border:1px solid #d1d1d1;
    border-radius:50%;
    color:#fff;
    line-height:22px;
    text-align:center
}
.profile-page .check-radio input[type=radio]:checked+span.radio:after{
    border-color:#ff5520;
    background-color:#ff5520
}
.profile-page .square-checkbox{
    cursor:pointer;
    display:inline-block;
    line-height:42px;
    margin:0;
    padding:0;
    font-weight:400;
    height:42px;
    font-weight:500
}
.profile-page .square-checkbox input[type=checkbox]{
    display:none
}
.profile-page .square-checkbox span.checkbox{
    float:left;
    margin-right:15px;
    background-color:#fff;
    border:solid 1px #d1d1d1;
    cursor:pointer;
    display:block;
    height:22px;
    width:22px;
    min-height:initial;
    margin-top:9px;
    position:relative;
    font-family:"Font Awesome 5 Free";
    font-weight:900
}
.profile-page .square-checkbox input[type=checkbox]:checked+span.checkbox{
    background:#fe5520;
    border-color:#fe5520
}
.profile-page .square-checkbox input[type=checkbox]:checked+span.checkbox:before{
    object-fit:cover;
    content:"\f00c";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    color:#fff;
    line-height:22px;
    text-align:center
}
.profile-page .btn-submit{
    outline:0;
    height:48px;
    font-size:22px;
    font-weight:700;
    text-align:center;
    margin:0;
    background:#ff5620;
    box-shadow:inset 0 -6px 0 rgba(0,0,0,.25);
    border-radius:12px;
    text-shadow:0 2px 1px rgba(0,0,0,.25);
    color:#fff;
    text-transform:uppercase;
    padding:0 20px 4px 15px
}
.profile-page .btn-submit>i{
    float:left;
    margin-top:5px;
    margin-right:15px
}
.profile-page .btn-submit:focus{
    outline:0
}
.profile-page .btn-submit:hover{
    opacity:.9
}
.profile-page .list-parent{
    margin-bottom:30px
}
.profile-page .list-parent .parent-item{
    margin:0 0 15px;
    padding:15px;
    border:1px solid #d1d1d1;
    border-radius:12px;
    display:table;
    color:#333;
    position:relative;
    height:92px;
    width:100%
}
.profile-page .list-parent .parent-item>i{
    display:table-cell;
    font-size:32px;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    vertical-align:middle
}
.profile-page .list-parent .parent-item .parent-meta{
    display:table-cell;
    vertical-align:middle;
    padding-left:10px
}
.profile-page .list-parent .parent-item .parent-name{
    font-size:16px;
    font-weight:500;
    margin:0 0 3px;
    line-height:21px
}
.profile-page .list-parent .parent-item .parent-type{
    font-style:italic
}
.profile-page .list-parent .active .parent-item{
    border:solid #ff5520;
    border-width:1px 1px 5px 1px;
    color:#ff5520;
    background-color:#fff
}
.profile-page .list-parent .parent-item:hover{
    background-color:#f8f9fd;
    color:#ff5520
}
.profile-page .list-parent .btn-add-parent{
    display:block;
    text-align:center;
    background-color:#f0f0f0
}
.profile-page .list-parent .btn-add-parent:hover{
    color:#ff5520;
    background-color:#fff
}
.profile-page .list-parent .btn-add-parent>i{
    display:inline-block;
    font-size:24px
}
.profile-page .list-parent .btn-add-parent .text{
    margin:10px 0 0;
    padding:0;
    font-size:16px;
    font-weight:500
}
.profile-page .form-profile .radio-group{
    height:42px;
    border-radius:12px;
    background-color:#f0f0f0;
    border:1px solid #dadada;
    font-size:16px;
    display:flex;
    width:100%
}
.profile-page .form-profile .radio-group>label{
    cursor:pointer;
    position:relative;
    margin:4px 2px;
    flex:1
}
.profile-page .form-profile .radio-group>label:first-child{
    margin-left:4px
}
.profile-page .form-profile .radio-group>label:last-child{
    margin-right:4px
}
.profile-page .form-profile .radio-group>label input[type=radio]{
    display:none
}
.profile-page .form-profile .radio-group>label span.radio{
    position:absolute;
    background:0 0;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    min-height:initial;
    z-index:1;
    border-radius:12px;
    border:0;
    overflow:hidden
}
.profile-page .form-profile .radio-group>label span.text{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:2;
    text-align:center;
    text-transform:uppercase;
    font-weight:500;
    padding:0;
    line-height:32px;
    font-size:14px
}
.profile-page .form-profile .radio-group>label span.radio:after{
    object-fit:cover;
    content:"";
    left:0;
    position:absolute;
    top:0;
    bottom:0;
    right:0
}
.profile-page .form-profile .radio-group>label input[type=radio]:checked+span.radio:after{
    background-color:#fe5620
}
.profile-page .form-profile .radio-group>label input[type=radio]:checked+span.radio .text{
    color:#fff
}
@media screen and (min-width:576px) and (max-width:991px){
    .profile-page .user-meta .user-avatar{
        width:200px;
        height:200px;
        padding:0;
        margin:0 auto
    }
}
@media screen and (max-width:575px){
    #heading_sec_vue{
        margin-top:-60px
    }
    .profile-page .primary-tabs{
        display:block
    }
    .profile-page .primary-tabs>li{
        display:block
    }
    .profile-page .primary-tabs>li>a{
        border-right:1px solid #d1d1d1
    }
    .profile-page .primary-tabs>li:first-child a{
        border-top-left-radius:12px;
        border-top-right-radius:12px;
        border-bottom-left-radius:0
    }
    .profile-page .primary-tabs>li:last-child a{
        border-top-right-radius:0;
        border-bottom-right-radius:12px;
        border-bottom-left-radius:12px
    }
    .profile-page .primary-tabs>li.active+li>a{
        border-left-color:#d1d1d1;
        border-top-color:transparent
    }
    .profile-page .form-profile{
        padding:0
    }
    .profile-page .form-profile .control-label{
        line-height:normal;
        height:auto
    }
    .profile-page .btn-submit{
        margin:0 auto;
        display:block
    }
}
.profile-page .list-courses .course-item{
    border-radius:12px;
    background-color:#fff;
    border:1px solid #d1d1d1;
    overflow:hidden;
    margin-bottom:30px
}
.profile-page .list-courses .course-item .course-thumb{
    display:block;
    position:relative;
    padding-top:56.25%
}
.profile-page .list-courses .course-item .course-thumb img{
    position:absolute;
    object-fit:cover;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.profile-page .list-courses .course-item .course-info{
    padding:15px
}
.profile-page .list-courses .course-item .course-title{
    margin:0 0 10px;
    padding:0 0 10px;
    font-size:20px;
    font-weight:500;
    border-bottom:1px dashed #d1d1d1
}
.profile-page .list-courses .course-item .course-title a{
    color:#333
}
.profile-page .list-courses .course-item:hover .course-title a{
    color:#ff5520
}
.profile-page .list-courses .course-item .course-meta{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden
}
.profile-page .list-courses .course-item .course-meta p{
    margin:0
}
.profile-page .list-courses .course-item .course-actions{
    padding:0 15px;
    overflow:hidden
}
.profile-page .list-courses .course-item .course-actions .btn{
    border-radius:6px;
    line-height:39px;
    text-transform:uppercase;
    font-weight:500;
    padding:0 20px;
    color:#fff;
    height:42px;
    width:100%;
    font-size:16px;
    border-bottom:4px solid rgba(0,0,0,.25);
    margin-bottom:15px
}
.profile-page .list-courses .course-item .course-actions .btn-view-progress{
    background:#8ac449
}
.profile-page .list-courses .course-item .course-actions .btn-view-progress>i{
    float:left;
    margin-top:11px
}
.profile-page .list-courses .course-item .course-actions .btn-go-study{
    background:#ff5520
}
.profile-page .list-courses .course-item .course-actions .btn-go-study>i{
    float:right;
    margin-top:11px
}
@media screen and (max-width:767px){
    .profile-page .list-courses,.profile-page .list-courses .course-actions .row{
        margin-right:-15px;
        margin-left:-15px
    }
}
.profile-page .chart-panel .panel-body{
    padding:0 15px 15px
}
.profile-page .chart-panel .select-course{
    background:0 0;
    border:none;
    font-size:20px;
    font-weight:500;
    text-transform:uppercase;
    margin:0;
    padding:0;
    cursor:pointer
}
.profile-page .chart-panel .outer{
    width:100%;
    margin:0 auto
}
.profile-page .chart-panel .outer .chart-container{
    width:33%;
    float:left;
    height:200px
}
.profile-page .chart-panel .container-history{
    min-width:310px;
    height:400px;
    margin:15px auto 0
}
.profile-page .chart-panel .panel-heading .float-left{
    float:left;
    margin-top:8px
}
.profile-page .chart-panel .panel-heading .panel-actions{
    text-align:right
}
.profile-page .chart-panel .panel-heading .panel-actions .input-icon{
    position:relative;
    color:#5b5b5b
}
.profile-page .chart-panel .panel-heading .panel-actions .input-icon>input{
    height:38px;
    border:1px solid #d1d1d1;
    border-radius:6px;
    padding:0 32px 0 10px;
    font-weight:500
}
.profile-page .chart-panel .panel-heading .panel-actions .input-icon>i{
    position:absolute;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    top:50%;
    margin-top:-10px;
    right:7px
}
@media (max-width:767px){
    .profile-page .chart-panel .outer{
        width:100%;
        height:auto
    }
    .profile-page .chart-panel .outer .chart-container{
        width:300px;
        float:none;
        margin:0 auto;
        border-bottom:1px dashed #d1d1d1
    }
    .profile-page .chart-panel .outer .chart-container:last-child{
        border-bottom:none
    }
}
@media (max-width:575px){
    .profile-page .chart-panel .panel-heading .panel-actions .input-icon{
        margin-top:45px
    }
}
.profile-page .panel-table .table{
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
    overflow:hidden
}
.profile-page .panel-table .table>tbody>tr:nth-child(even),.profile-page .panel-table .table>thead>tr{
    background-color:#f8f9fd
}
.profile-page .panel-table .table>tbody>tr>td,.profile-page .panel-table .table>tbody>tr>th,.profile-page .panel-table .table>tfoot>tr>td,.profile-page .panel-table .table>tfoot>tr>th,.profile-page .panel-table .table>thead>tr>td,.profile-page .panel-table .table>thead>tr>th{
    padding:15px 10px;
    vertical-align:middle;
    overflow:hidden
}
.profile-page .panel-table .table thead th{
    color:#333;
    font-size:16px;
    font-weight:500
}
.profile-page .panel-table .table .actions>a{
    display:block;
    text-align:center;
    line-height:28px;
    background-color:#fff;
    color:#333;
    border-radius:50px;
    border:1px solid #d1d1d1;
    margin-bottom:3px
}
.profile-page .panel-table .table .actions>a:hover{
    color:#ff5520;
    border-color:#ff5520
}
.profile-page .panel-table .table .actions>a>i{
    font-size:12px
}
.profile-page .panel .panel-footer{
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    text-align:center;
    background-color:#fff;
    border:0
}
.profile-page .line3{
    overflow:hidden;
    text-overflow:-o-ellipsis-lastline;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
.profile-page .pagination{
    margin:10px 0;
    border-radius:0
}
.profile-page .pagination>li>a,.profile-page .pagination>li>span{
    border:none;
    line-height:28px;
    font-size:16px;
    font-weight:500;
    padding:0 12px;
    text-align:center;
    margin:0 10px 10px 0;
    border-radius:3px;
    color:#333
}
.profile-page .pagination>li>a{
    cursor:pointer
}
.profile-page .pagination>.active>a{
    cursor:default;
    background-color:#ff5520;
    border-color:#ff5520;
    color:#fff
}
.profile-page .teacher-comments{
    margin:0;
    padding:0;
    list-style:none
}
.profile-page .teacher-comments>li{
    display:block;
    overflow:hidden;
    margin-bottom:20px
}
.profile-page .teacher-comments>li .teacher-info{
    overflow:hidden;
    margin-bottom:15px
}
.profile-page .teacher-comments>li .avatar{
    float:left;
    position:relative;
    border-radius:50%;
    width:68px;
    height:68px;
    overflow:hidden;
    margin-right:20px
}
.profile-page .teacher-comments>li .avatar>img{
    position:absolute;
    object-fit:cover;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.profile-page .teacher-comments>li .info{
    overflow:hidden
}
@media (max-width:575px){
    .profile-page .teacher-comments>li .subname{
        display:none
    }
}
.profile-page .teacher-comments>li .name{
    margin:12px 0 5px;
    font-size:20px
}
.profile-page .teacher-comments .comment{
    padding:15px;
    border:1px solid #d1d1d1;
    border-radius:12px;
    background-color:#f8f9fd;
    position:relative
}
.profile-page .teacher-comments .comment::before{
    content:"";
    position:absolute;
    border:12px solid transparent;
    border-bottom-color:#d1d1d1;
    top:-24px;
    z-index:1;
    left:20px
}
.profile-page .teacher-comments .comment p:last-child{
    margin-bottom:0
}
#loadingAjaxImg{
    width:160px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
#loadThoigian{
    width:60px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    height:60px;
    font-size:30px;
    border:#ccc 5px solid;
    border-radius:30px;
    font-weight:700;
    text-align:center;
    color:#ccc
}
.loadingfull{
    position:fixed;
    height:100%;
    width:100%;
    background-color:rgba(255,255,255,.4);
    top:0;
    left:0;
    z-index:100000
}
#btn-corner-qa_1{
    height:100px;
    width:100px;
    position:fixed;
    right:5px;
    bottom:-5px;
    display:inline-block;
    background:url(../theme/vuihoc/imgs/ques.png) no-repeat center center;
    background-size:100% auto;
    transition:all ease-in-out 1s;
    z-index:100
}
#btn-corner-qa_1:hover{
    height:120px;
    width:120px
}
#btn-corner-qa{
    width:100px;
    position:fixed;
    right:115px;
    bottom:5px;
    display:inline-block;
    background-size:100% auto;
    transition:all ease-in-out .5s;
    z-index:100;
    font-size:16px;
    padding:3px 5px;
    height:30px;
    border-radius:10px;
    background:#ff5722;
    font-weight:700
}
#btn-corner-chat{
    width:100px;
    position:fixed;
    right:5px;
    bottom:5px;
    display:inline-block;
    background-size:100% auto;
    transition:all ease-in-out .5s;
    z-index:100;
    font-size:16px;
    padding:3px 5px;
    height:30px;
    border-radius:10px;
    background:#03a9f4;
    font-weight:700
}
#btn-corner-chat:hover,#btn-corner-qa:hover{
    bottom:10px
}
.btn-register-course.action-btn{
    max-width:300px;
    background:#ff5620;
    font-weight:700;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:10px;
    padding-right:10px
}
.btn-login.action-btn{
    max-width:300px;
    background:#ff5620;
    font-weight:700;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:10px;
    padding-right:10px
}
.btn-login.action-btn span:last-child,.btn-register-course.action-btn span:last-child{
    width:auto!important
}
#return-to-top{
    position:fixed;
    bottom:5px;
    left:5px;
    display:block;
    font-size:30px;
    text-decoration:none;
    color:rgba(0,0,0,.3);
    transition:all ease-in-out .2s
}
#return-to-top i{
    transition:all ease-in-out .5s;
    top:0
}
#return-to-top:hover i{
    color:#03a9f4;
    top:-5px
}
#navbar_vue .nav-tabs-xs li.activate{
    background:0 0
}
#navbar_vue .nav-tabs-xs .activate-course{
    background:#ff5620;
    border-radius:14px;
    font-weight:700;
    font-size:14px;
    line-height:12px;
    text-align:center;
    text-shadow:0 2px 1px rgba(0,0,0,.25);
    box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
    padding:8px 15px;
    margin:5px 10px 10px;
    height:32px;
    border-radius:8px
}
.wrongQuestionContent{
    max-height:80px;
    overflow-y:hidden;
    transition:all ease-in-out .5s
}
.visible .wrongQuestionContent{
    max-height:none;
    overflow-y:visible;
    transition:all ease-in-out .5s
}
.invisible-elm{
    position:absolute;
    z-index:-1;
    height:0;
    width:0;
    visibility:hidden;
    overflow:hidden
}
@media only screen and (max-width:992px){
    body{
        overflow-x:hidden;
        -webkit-transition:-webkit-transform .6s;
        transition:transform .6s;
        position:static;
        width:100%
    }
}
@media (max-width:675px){
    .question-book .title{
        font-size:24px;
        margin:25px 0 35px
    }
    .note-cover .question-area .question{
        font-size:24px!important
    }
    .question-area .right-answer,.question-area .wrong-answer{
        font-size:24px!important;
        margin:120px 0 40px;
        padding:30px 15px;
        height:auto
    }
    .submit-big,.submit-big-re{
        height:50px;
        padding:0 20px;
        font-size:22px
    }
}
@media (max-width:992px){
    .heading_sec>div>div{
        background-position:center 200px;
        background-size:300px 240px;
        margin-top:0
    }
}
@media (max-width:768px){
    ul.nav-actions-logined-mobile,ul.nav-actions-logined-mobile a{
        margin-bottom:0
    }
    #navbar{
        height:auto;
        padding:0
    }
    #navbar>ul>li.buyAccount{
        margin-top:0
    }
    .ggmap .frame-map{
        padding:0!important
    }
    .content-sheet{
        margin-top:25px
    }
    .row.content-sheet{
        padding:5px 7px
    }
    .g-recaptcha{
        transform:scale(.8);
        -webkit-transform:scale(.8);
        transform-origin:0 0;
        -webkit-transform-origin:0 0
    }
}
@media (max-width:568px){
    #heading_sec_vue.heading_sec .pencilBoy{
        background-position:center 105px;
        background-size:200px auto
    }
    .note-cover .question-area .right-tray .question-mark>div:last-child>div{
        padding:3px 0 0;
        display:inline-block;
        margin:0 auto
    }
    #heading_sec_vue.heading_sec h1{
        font-size:80px;
        margin-top:-22px;
        font-size:60px
    }
    .join_vuihoc .four-step .step .content{
        height:75px
    }
    .parental_testimonial{
        padding-top:30px;
        margin-bottom:0
    }
    .advisory_counsel{
        padding:30px 0 30px
    }
    #layout_navigation{
        margin-left:0;
        margin-right:0;
        padding:0;
        padding-top:30px
    }
    .courses_sec .other-courses .course .thumbnail .cover{
        height:200px
    }
    .statistics .box h4{
        font-size:18px
    }
    nav>div>.row:first-child{
        height:50px
    }
    nav .nav.nav-tabs>li>a{
        font-size:20px;
        padding:0 5px
    }
    nav>div>.row:last-child{
        background-color:#ff5520;
        height:50px
    }
    .tab-pane{
        top:0
    }
    a.navbar-brand{
        font-size:28px;
        font-weight:700
    }
    #navbar{
        top:-4px
    }
    .barbarbar i,.crossSign i{
        font-size:30px
    }
    .navbar-toggle{
        float:left;
        top:0
    }
    .navbar-default .navbar-brand{
        float:none;
        margin-left:-50px;
        padding:15px;
        display:inline-block
    }
    .navbar-header{
        text-align:center
    }
    ul.nav-actions .login_outer{
        padding:0
    }
    .formPanel .formContent button.facebookBtn,.formPanel .formContent button.googleBtn{
        width:120px
    }
    .formPanel .formContent button.googleBtn{
        float:right
    }
    .formPanel .formContent button{
        font-size:16px
    }
    .parental_testimonial .testimonial .left img{
        width:100%
    }
    .parental_testimonial .testimonial .left .chat-cover{
        padding:10px 30px;
        overflow:hidden;
        overflow-y:auto
    }
    #activate_course_vue .content-sheet{
        padding:20px 0
    }
    .img-error-404{
        width:80%
    }
    .title-404{
        margin-top:0
    }
    .vuihoc-brand .logo{
        max-height:38px;
        position:inherit
    }
    footer .bct img{
        margin:15px 0 30px -15px
    }
    .notable_courses .courses_sec .other-courses .course .thumbnail{
        height:auto
    }
    .course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .actions{
        display:none!important
    }
    .course_detail_sec .left .course-syllabus .syllabus .syllabus-box ul.lesson-list li .title p{
        padding-left:80px;
        padding-right:10px
    }
    #floatingKeyboard{
        display:none!important
    }
    .courses_sec .top-heading h1{
        font-size:24px;
        margin-bottom:10px;
        margin-top:15px
    }
    .courses_sec .other-courses .heading h2{
        font-family:Quicksand;
        font-size:24px;
        color:#034d72;
        margin-top:15px;
        margin-bottom:15px
    }
    .courses_sec .other-courses .course{
        width:100%
    }
    .courses_sec .main-courses .left-pane{
        padding:10px 20px;
        height:330px
    }
    .courses_sec .main-courses .left-pane .course .title h2{
        font-size:24px
    }
    .courses_sec .main-courses .left-pane .course .title h4{
        font-size:18px
    }
    .courses_sec .main-courses .left-pane .course .content p{
        font-size:16px
    }
    .courses_sec .main-courses .left-pane .course .content{
        padding-left:0
    }
    .courses_sec .main-courses .left-pane .course .price .just{
        font-size:16px
    }
    .courses_sec .main-courses .left-pane .course .price .real-price{
        font-size:32px
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn{
        height:36px;
        width:122px;
        padding-top:2px;
        box-shadow:inset 0 -4.5px 0 0 rgba(0,0,0,.25);
        border-radius:9px;
        display:inline-block
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn span i{
        left:0
    }
    .courses_sec .main-courses .left-pane .course .action{
        width:100%;
        text-align:center;
        bottom:0
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn span:first-child{
        font-size:16.6px;
        width:28px
    }
    .courses_sec .main-courses .left-pane .course .action .action-btn span:last-child{
        width:78px;
        font-size:16px
    }
    .courses_sec .other-courses .course .thumbnail .action .action-btn-sm{
        display:inline-block
    }
    .courses_sec .main-courses .left-pane .course img.cat-act{
        display:none
    }
    .breadcrumb_sec .breadcrumb{
        font-family:Quicksand;
        font-size:16px;
        background-color:transparent;
        margin:0;
        padding:10px 10px 10px 0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
}
@media screen and (max-width:1199.98px){
    .navbar .logged_outer .logged_actions .btn-actions>span{
        display:none
    }
    .navbar .logged_outer .logged_actions .dropdown-menu::before{
        right:50px;
        left:initial
    }
    .nav.navbar-right .login_outer .login #btnSignup{
        display:none
    }
    .nav.navbar-right .login_outer .login{
        padding:0 15px
    }
    .nav.navbar-right a.activate-course{
        margin-left:15px;
        margin-right:15px
    }
    .nav.navbar-right .login_outer .login>img{
        display:none
    }
}
@media screen and (max-width:991.98px){
    .nav.navbar-right .hotline{
        display:none
    }
    .courses_sec .main-courses .right-pane{
        height:100%;
        border:none;
        border-radius:0 0 12px 12px
    }
    .courses_sec .main-courses .left-pane{
        padding:10px 20px;
        height:330px;
        border-radius:12px 12px 0 0
    }
}
@media screen and (max-width:767.98px){
    .navbar .logged_outer .logged>li,.navbar .logged_outer .logged_actions .btn-actions,.navbar .nav.nav-tabs,.navbar .navbar-header,.navbar .navbar-top,.navbar .tab-content,.navbar .tab-pane,nav .nav.nav-tabs li a,nav .nav.nav-tabs>li,nav .nav.navbar-right,nav .nav.navbar-right>li{
        height:42px
    }
    nav .nav.nav-tabs li a{
        line-height:42px;
        font-size:20px;
        padding:0 20px
    }
    .nav.navbar-right .activate{
        display:none
    }
    .nav.navbar-right .login_outer .login{
        padding:0
    }
    .nav.navbar-right .login_outer .login>a>i{
        display:block
    }
    .nav.navbar-right .login_outer .login>a>span{
        display:none
    }
    .nav.navbar-right .login_outer .login>a#btnLogin{
        height:42px;
        padding:12px 7px
    }
    .navbar .logged_outer .logged>li.notification{
        float:none;
        position:absolute;
        bottom:-42px;
        right:5px
    }
    .navbar .logged_outer .logged>li.notification>div{
        display:none
    }
    .navbar .logged_outer .logged>li.notification>i{
        display:block;
        font-size:24px
    }
    .navbar .logged_outer .logged>li.notification>span{
        background-color:transparent;
        top:-3px;
        right:-3px;
        font-weight:700
    }
    .navbar .logged_outer .logged_actions .avatar{
        display:none
    }
    .navbar .logged_outer .logged_actions .btn-actions>i.i-mb{
        display:block;
        float:none;
        margin:-2px 0 0;
        font-size:1.33333em;
        line-height:.75em
    }
    .navbar .logged_outer .logged_actions .btn-actions>i:not(.i-mb){
        display:none
    }
    .navbar .logged_outer .logged_actions .dropdown-menu{
        margin-top:-2px;
        margin-right:-2px;
        right:0;
        left:auto
    }
    .navbar .logged_outer .logged_actions .dropdown-menu a{
        white-space:nowrap
    }
    .navbar .logged_outer .logged_actions .dropdown-menu::before{
        right:15px
    }
    .navbar .navbar-header{
        padding:0;
        text-align:center;
        position:relative
    }
    .navbar .barbarbar i,.navbar .crossSign i{
        font-size:24px
    }
    .tab-pane .navbar-toggle{
        float:none;
        margin:0 15px 0 0;
        height:42px;
        border:0;
        padding-top:7px;
        padding-bottom:8px;
        width:42px;
        text-align:center;
        position:absolute;
        left:0;
        bottom:0
    }
    .navbar-brand.vuihoc-brand{
        display:inline-block;
        margin:0 auto;
        float:none;
        width:auto;
        height:42px;
        padding:0
    }
    #navbar{
        top:0;
        padding:0
    }
    #navbar::-webkit-scrollbar{
        display:none
    }
    #navbar>ul>li{
        padding:0
    }
    #navbar>ul>li:last-child{
        border-bottom:0
    }
    #navbar>ul>li>a{
        height:initial;
        line-height:initial;
        padding:10px 15px;
        font-size:18px!important
    }
    #navbar>ul>li:first-child{
        border-top:0
    }
    #navbar>ul>li>a>i{
        margin-top:0
    }
    #navbar>ul>li .dropdown-menu{
        margin:0;
        padding:0 25px!important;
        border-top:1px #ededed dashed!important;
        border-radius:0!important
    }
    #navbar>ul>li>.dropdown-menu>li{
        border-bottom:1px #ededed dashed
    }
    #navbar>ul>li>.dropdown-menu>li:last-child{
        border-bottom:0
    }
    #navbar>ul>li>.dropdown-menu li:hover{
        background-color:transparent
    }
    #navbar>ul>li a:hover{
        color:#ff5620!important
    }
    #navbar>ul>li>.dropdown-menu>.dropdown-submenu>.dropdown-menu{
        display:block!important
    }
    #navbar>ul>li>ul.dropdown-menu>li a{
        padding:10px 20px;
        font-weight:700;
        font-size:16px!important
    }
    #navbar .dropdown-menu li.dropdown-submenu a i{
        font-size:15px;
        margin-top:3px;
        margin-right:-15px
    }
    #navbar .dropdown-menu li.dropdown-submenu:hover i::before{
        content:"\f107"
    }
    #navbar>ul>li.dropdown>.dropdown-toggle>i{
        display:block
    }
    #navbar>ul>li.dropdown>.dropdown-toggle>i::before{
        content:"\f105"
    }
    #navbar>ul>li.dropdown.open>.dropdown-toggle>i::before{
        content:"\f107"
    }
    #navbar>ul>li:hover{
        background-color:transparent!important
    }
    #navbar>ul>li.buyAccount{
        margin-top:0;
        border-bottom:1px solid #fff;
        padding:15px 0
    }
    #navbar>ul>li.buyAccount a{
        display:inline-block;
        padding:10px 15px 15px
    }
    #navbar>ul>li.buyAccount a:hover{
        opacity:.9;
        color:#fff!important
    }
    .tab-pane .navbar-nav li.mb-hotline{
        display:block
    }
    .tab-pane .navbar-nav li.mb-hotline a{
        text-align:center;
        font-size:22px!important
    }
}
@media (max-width:568px){
    nav .nav.nav-tabs li a{
        line-height:42px;
        font-size:16px;
        padding:0 10px
    }
    #navbar{
        top:0
    }
    .result-area .list-btn .btn-next,.result-area .list-btn .btn-show-guide{
        display:block;
        width:100%;
        margin-top:15px
    }
    .result-area .list-btn button>i{
        float:right;
        margin-top:3px
    }
    .result-area .list-btn .btn-show-guide{
        margin-top:10px
    }
}
.sp-page.profile-page .left-panel{
    overflow:hidden;
    max-height:600px;
    overflow-y:auto
}
.sp-page.profile-page .left-navbar>ul>li:first-child>a{
    border-top:0
}
.sp-page.profile-page .left-navbar ul>li>a{
    padding:15px 20px;
    font-size:16px;
    height:initial;
    line-height:normal;
    white-space:initial
}
.sp-page.profile-page .panel .panel-heading{
    padding:20px
}
.sp-page.profile-page .panel.category_panel .panel-title{
    font-size:18px
}
.sp-page.profile-page .panel.question_panel .panel-title{
    font-size:16px
}
.sp-page.profile-page .panel.question_panel .panel-title a{
    color:#ff6609
}
.sp-page.profile-page .panel.question_panel .panel-title>a.collapsed{
    font-size:16px;
    color:#333
}
.sp-page.profile-page .panel.category_panel>.panel-body{
    padding:20px
}
.sp-page.profile-page .panel.category_panel .panel-group{
    margin-bottom:0
}
.sp-page.profile-page .question_panel{
    border:0;
    border-radius:0;
    border-bottom:1px dashed #d1d1d1;
    box-shadow:none
}
.sp-page.profile-page .panel-group>.question_panel:last-child{
    border-bottom:0
}
.sp-page.profile-page .panel.question_panel .panel-heading{
    border-radius:0;
    border:0;
    padding:10px 15px
}
.sp-page.profile-page .panel.question_panel .panel-title{
    line-height:normal
}
.sp-page.profile-page .panel.question_panel .panel-body{
    border-top:0;
    padding:15px;
    font-size:14px!important;
    background-color:#f8f9fd;
    border-radius:12px;
    margin-bottom:15px;
    max-height:650px;
    overflow-y:auto
}
.sp-page.profile-page .panel.question_panel .panel-body img{
    display:block;
    max-width:100%;
    margin:0 auto
}
.profile-page .achievement-item{
    text-align:center;
    margin-bottom:25px;
    opacity:.4;
    cursor:pointer
}
.profile-page .has.achievement-item{
    opacity:1
}
.profile-page .achievement-item img{
    width:100px;
    max-width:100%;
    display:block;
    margin:0 auto
}
.profile-page .achievement-item .achievement-title{
    font-size:16px;
    margin:10px 0 0;
    height:33px;
    overflow:hidden;
    text-overflow:ellipsis
}
.question-audio{
    height:70px
}
.question-audio .fa-pause-circle{
    display:none
}
.question-audio .fa-play-circle{
    display:inline-block
}
.question-audio.playing .fa-pause-circle{
    animation-duration:1s;
    animation-name:changeFontSize;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    display:inline-block
}
.question-audio.playing .fa-play-circle{
    display:none
}
#deviceUnsupportMsg{
    z-index:1000000;
    width:100%;
    background:#fff89a;
    padding:5px 15px;
    color:red;
    box-shadow:3px 1px 3px rgba(0,0,0,.2);
    font-size:14px
}
#siteTourModal .carousel-caption{
    bottom:-80px!important
}
#siteTourModal .carousel-caption>div{
    font-size:20px;
    text-transform:uppercase;
    font-weight:500;
    margin-top:20px;
    margin-bottom:10px;
    line-height:1.1
}
#siteTourModal .modal-content{
    border:none
}
#siteTourModal .modal-header{
    background:#ff5722;
    overflow:hidden;
    color:#fff;
    border-bottom:1px solid #043b55
}
#siteTourModal .modal-title{
    font-size:20px;
    text-align:center;
    text-transform:uppercase
}
#siteTourModal .modal-body{
    padding:0;
    border:none;
    background:#03a9f4
}
#siteTourModal .carousel-inner{
    padding-bottom:60px
}
#siteTourModal .carousel-indicators{
    bottom:65px;
    background:rgba(0,0,0,.5);
    text-align:center;
    width:200px;
    margin-left:-100px;
    border-radius:50px;
    padding:5px
}
@keyframes changeFontSize{
    from{
        color:#337ab7
    }
    to{
        color:#004885
    }
}
.classBlock .class-title{
    margin:0;
    font-size:48px;
    font-weight:700;
    text-align:center
}
.classBlock .class-title>a{
    color:#fff
}
.classBlock .class-title>a>span{
    display:block;
    font-size:100px;
    margin-top:-5px
}
@media screen and (max-width:568px){
    .classBlock .class-title{
        font-size:30px;
        margin-bottom:15px;
        text-align:left;
        padding-left:15px;
        text-transform:uppercase
    }
    .classBlock .class-title>a>span{
        display:inline-block;
        font-size:30px;
        margin-top:0
    }
}
@media (max-width:414px){
    .classBlock .class-title{
        margin-bottom:0;
        padding-left:25px
    }
}
.navbar .search-box .search-form{
    display:none;
    position:absolute;
    right:0;
    min-width:360px;
    padding:15px;
    box-shadow:0 2px 33px 0 rgba(176,192,237,.33);
    z-index:10;
    background:rgba(0,0,0,.5)
}
.navbar .search-box .search-form>input[type=text]{
    font-size:16px;
    width:100%;
    padding:7px 50px 7px 12px;
    outline:0;
    border:1px solid #d1d1d1;
    border-radius:12px;
    color:#333
}
.navbar .search-box .search-form>button[type=submit]{
    position:absolute;
    right:15px;
    background-color:transparent;
    border:0;
    outline:0;
    top:15px;
    bottom:15px;
    color:#333;
    line-height:37px;
    width:38px;
    font-size:18px
}
.navbar .search-box .search-form>button[type=submit]:hover{
    color:#ff6608
}
.navbar .search-box .search-form.show{
    display:block
}
@media screen and (max-width:767px){
    .navbar .search-box>a{
        display:none
    }
    .navbar .search-box .search-form{
        display:block!important;
        position:relative;
        background-color:transparent;
        min-width:initial;
        box-shadow:none
    }
}
.article .content ul{
    padding-left:30px;
    list-style:initial!important
}
.star-rating{
    direction:rtl;
    display:inline-block;
    padding:0 0 5px
}
.star-rating input[type=radio]{
    display:none
}
.star-rating label{
    color:#bbb;
    padding:0;
    cursor:pointer;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.star-rating label>.fa{
    font-size:32px!important
}
.star-rating input[type=radio]:checked~label,.star-rating label:hover,.star-rating label:hover~label{
    color:#ff6609
}
.rating .rating-result{
    float:right;
    line-height:40px;
    font-weight:700
}
@media screen and (max-width:320px){
    .rating .rating-result{
        float:none;
        text-align:center
    }
}
.insite-comments .list-comments{
    padding:0 0
}
.insite-comments .list-comments>li{
    position:relative;
    display:block;
    margin-bottom:15px;
    padding:0 0 15px;
    border-bottom:1px solid #d1d1d1
}
.insite-comments .list-comments>li:last-child{
    border-bottom:0;
    padding-bottom:0
}
.insite-comments .list-comments>li .comment-icon{
    float:left;
    margin-right:15px;
    width:50px;
    height:50px;
    border:1px solid #d1d1d1;
    text-align:center;
    margin-bottom:15px
}
.insite-comments .list-comments>li .comment-icon>i{
    font-size:28px;
    line-height:50px;
    color:#d1d1d1
}
.insite-comments .list-comments>li .comment-meta{
    overflow:hidden
}
.insite-comments .list-comments>li .comment-meta .comment-name{
    font-weight:700;
    font-size:18px
}
.insite-comments .list-comments>li .comment-meta .comment-date{
    float:right;
    font-style:italic;
    padding-right:10px;
    line-height:25px
}
.insite-comments .list-comments>li .comment-meta .comment-content{
    margin-top:5px;
    font-size:15px
}
.sitemap-html h1{
    text-align:center;
    text-transform:uppercase;
    margin:0 0 30px
}
.sitemap-html .sitemap-block{
    margin-bottom:20px
}
.sitemap-html .sitemap-block .block-title{
    margin:0 0 15px;
    display:inline-block;
    border-bottom:2px solid #ff5722;
    padding-bottom:5px;
    font-weight:500;
    font-size:24px
}
.sitemap-html .sitemap-block ul{
    list-style:initial;
    padding-left:20px
}
.sitemap-html .sitemap-block ul>li{
    margin-bottom:5px
}
.sitemap-html .sitemap-block ul>li:last-child{
    margin-bottom:0
}
.sitemap-html .sitemap-block ul>li>a{
    font-size:16px;
    padding:5px 0
}
.article .content{
    font-size:18px
}
.article .content h2{
    font-size:20px;
    font-weight:700
}
.article .content h3,.article .content h4{
    font-size:18px;
    font-weight:700
}
.accordions-block .category-faq{
    background-color:#ff5520;
    font-weight:700;
    color:#fff;
    font-size:18px;
    padding:0 20px;
    margin-bottom:10px;
    height:50px;
    line-height:50px;
    text-transform:uppercase
}
.accordions-block .panel{
    border:0;
    box-shadow:none
}
.accordions-block .panel-group .panel+.panel{
    margin-top:10px
}
.accordions-block .panel-default-item{
    border-bottom:1px solid #ececec;
    display:block;
    line-height:24px;
    padding:9px 50px 13px 70px;
    font-weight:700;
    font-size:15px;
    position:relative;
    color:#111
}
.accordions-block .panel-default-item:after{
    content:"\f146";
    font-family:"Font Awesome 5 Free";
    font-weight:400;
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    color:#c30323
}
.accordions-block .panel-default-item.collapsed:after{
    font-family:"Font Awesome 5 Free";
    color:#111;
    content:"\f0fe"
}
.accordions-block .panel-default-item>span{
    width:35px;
    height:35px;
    line-height:32px;
    text-align:center;
    border-radius:100%;
    background-color:#ececec;
    display:inline-block;
    position:absolute;
    left:17px;
    top:50%;
    transform:translateY(-50%)
}
.accordions-block .panel-body{
    padding:20px 20px 20px 70px;
    font-size:15px;
    line-height:26px
}
.feedback-form .action-btn span:last-child{
    width:auto
}
.feedback-form .action-btn{
    min-width:140px
}
.article iframe{
    max-width:100%
}
.homeworkCorrect-exercises .accordions-block .panel-default-item{
    color:#337ab7
}
.homeworkCorrect-exercises .panel-group .panel.first{
    border-top:0
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    width:100%
}
.heading_sec_outer .carousel-bg{
    background:url(../theme/vuihoc/imgs/study-special/bg_cloud.png) no-repeat center bottom -20px;
    background-size:cover;
    width:100%;
    height:calc(100vw * .125);
    position:absolute;
    bottom:0;
    z-index:auto
}
.mjx-chtml.MathJax_CHTML{
    font-size:80%!important
}
@media screen and (max-width:667px){
    .my_courses .tab-pane .owl-nav{
        top:15%;
        text-align:right;
        float:none
    }
    .my_courses .tab-pane .owl-theme .owl-nav [class*=owl-]{
        text-align:center;
        white-space:nowrap;
        vertical-align:middle;
        border-radius:3px;
        color:#fff;
        width:40px;
        height:40px;
        margin:3px;
        -webkit-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
        -moz-box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
        box-shadow:inset 0 -3px 0 0 rgba(54,54,54,.29);
        padding:12px 15px
    }
    .container-homework .note-cover{
        width:1020px;
        border-radius:12px;
        box-shadow:0 4px 4px 0 rgba(0,0,0,.25);
        background-color:#04689a;
        padding:0;
        position:relative;
        z-index:5;
        float:left;
        margin-left:40px
    }
    .container-homework .accordions-block .panel-default-item>span{
        width:19px;
        height:19px;
        line-height:20px;
        text-align:center;
        border-radius:100%;
        background-color:#ececec;
        display:inline-block;
        position:absolute;
        left:10px;
        top:0;
        transform:translateY(-50%)
    }
    .container-homework .accordions-block .panel-default-item:after{
        content:"\f146";
        font-family:"Font Awesome 5 Free";
        font-weight:400;
        position:absolute;
        left:13px;
        top:95%;
        transform:translateY(-50%);
        font-size:20px;
        color:#c30323
    }
    .container-homework .accordions-block .panel-default-item{
        border-bottom:1px solid #ececec;
        display:block;
        line-height:24px;
        padding:14px;
        font-weight:700;
        font-size:15px;
        position:relative
    }
    .container-homework .accordions-block .panel-body{
        padding:10px;
        font-size:15px;
        line-height:26px
    }
    .container-homework.container{
        padding-right:0;
        padding-left:0;
        margin-right:auto;
        margin-left:auto
    }
}
.comment-kh{
    background-color:#fff;
    border-radius:2%;
    margin-top:45px;
    padding:10px 20px 10px 20px
}
.comment-k-hoc{
    background-color:#fff;
    border:1px solid silver;
    border-radius:2%;
    margin-top:45px;
    padding:10px 20px 10px 20px
}
.comment-video{
    background-color:#fff;
    border:12px solid orange;
    border-radius:2%;
    margin-top:45px;
    padding:10px 20px 10px 20px
}
.snow-container{
    position:fixed;
    width:100%;
    max-width:100%;
    z-index:99999;
    pointer-events:none;
    overflow:hidden;
    top:0;
    height:100%
}
.snow{
    display:block;
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events:none;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
    -webkit-animation:snow linear infinite;
    animation:snow linear infinite
}
.snow.middleground.layered{
    -webkit-animation-delay:12
}
.snow.background{
    background-image:url(../theme/vuihoc/imgs/snow.png);
    -webkit-animation-duration:30s
}
.snow.background.layered{
    -webkit-animation-delay:12s
}
@-webkit-keyframes snow{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    100%{
        -webkit-transform:translate3d(5%,100%,0);
        transform:translate3d(5%,100%,0)
    }
}
@keyframes snow{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    100%{
        -webkit-transform:translate3d(5%,100%,0);
        transform:translate3d(5%,100%,0)
    }
}
.part{
    float:left;
    margin:0 5px
}
.stars{
    display:inline-block;
    width:auto;
    position:relative;
    font-size:18px;
    border:2px solid silver;
    border-radius:5px;
    background-color:#fff;
    margin:5px
}
.stars:BEFORE{
    content:"★★★★★";
    position:absolute;
    overflow:hidden;
    z-index:1;
    left:0;
    top:0;
    color:#fc0;
    text-shadow:0 1px 0 #000,0 -1px 0 #fff
}
.stars:AFTER{
    content:"★★★★★";
    position:relative;
    color:#fff
}
.stars.rate:AFTER{
    position:absolute;
    left:0
}
.stars.rate>A{
    text-decoration:none;
    position:relative;
    z-index:2
}
.stars.rate:HOVER:AFTER,.stars.rate:HOVER:BEFORE{
    display:none
}
.stars.rate:HOVER>A{
    color:#fc0;
    text-shadow:0 1px 0 #000,0 -1px 0 #fff
}
.stars.rate:HOVER>A:HOVER{
    color:#fc0;
    text-shadow:0 2px 0 #000,0 -1px 0 #fff;
    top:-1px
}
.stars.rate>A:HOVER~A{
    color:#fff;
    text-shadow:none
}
.stars:NOT([data-percent]):BEFORE,.stars[data-percent="0"]:BEFORE{
    display:none
}
.stars[data-percent="10"]:BEFORE{
    width:10%
}
.stars[data-percent="20"]:BEFORE{
    width:20%
}
.stars[data-percent="30"]:BEFORE{
    width:30%
}
.stars[data-percent="40"]:BEFORE{
    width:40%
}
.stars[data-percent="50"]:BEFORE{
    width:50%
}
.stars[data-percent="60"]:BEFORE{
    width:60%
}
.stars[data-percent="70"]:BEFORE{
    width:70%
}
.stars[data-percent="80"]:BEFORE{
    width:80%
}
.stars[data-percent="90"]:BEFORE{
    width:90%
}
.stars[data-percent="100"]:BEFORE{
    width:100%
}
.rate{
    float:left;
    height:46px;
    padding:0 10px
}
.rate:not(:checked)>input{
    display:none
}
.rate:not(:checked)>label{
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc
}
.rate:not(:checked)>label:before{
    content:'★ '
}
.rate>input:checked~label{
    color:#ffc700
}
.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover~label{
    color:#deb217
}
.rate>input:checked+label:hover,.rate>input:checked+label:hover~label,.rate>input:checked~label:hover,.rate>input:checked~label:hover~label,.rate>label:hover~input:checked~label{
    color:#c59b08
}
#fb-customerchat iframe{
    width:288pt!important
}