/*! * 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
}
footer,menu,nav,section{
    display:block
}
canvas{
    display:inline-block;
    vertical-align:baseline
}
[hidden]{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
b,strong{
    font-weight:700
}
h1{
    margin:.67em 0;
    font-size:2em
}
img{
    border:0
}
hr{
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
pre{
    overflow:auto
}
code,pre{
    font-family:monospace,monospace;
    font-size:1em
}
button{
    margin:0;
    font:inherit;
    color:inherit
}
button{
    overflow:visible
}
button{
    text-transform:none
}
button{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled]{
    cursor:default
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
table{
    border-spacing:0;
    border-collapse:collapse
}
td{
    padding:0
}
.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;
}
.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;}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}
/*! 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) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    pre{
        border:1px solid #999;
        page-break-inside:avoid
    }
    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
    }
    .table{
        border-collapse:collapse!important
    }
    .table td{
        background-color:#fff!important
    }
}

*{
    -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{
    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
}
img{
    vertical-align:middle
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    display:block;
    max-width:100%;
    height:auto
}
.img-circle{
    border-radius:50%
}
hr{
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
[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,.h2,.h3,h1,h2,h3{
    margin-top:20px;
    margin-bottom:10px
}
.h4,.h5,.h6,h4,h5,h6{
    margin-top:10px;
    margin-bottom:10px
}
.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
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.text-info{
    color:#31708f
}
a.text-info:focus,a.text-info:hover{
    color:#245269
}
ul{
    margin-top:0;
    margin-bottom:10px
}
ul ul{
    margin-bottom:0
}
address{
    margin-bottom:20px;
    font-style:normal;
    line-height:1.42857143
}
code,pre{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
code{
    padding:2px 4px;
    font-size:90%;
    color:#c7254e;
    background-color:#f9f2f4;
    border-radius:4px
}
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
}
.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-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
    }
}
table{
    background-color:transparent
}
caption{
    padding-top:8px;
    padding-bottom:8px;
    color:#777;
    text-align:left
}
.table{
    width:100%;
    max-width:100%;
    margin-bottom:20px
}
.table .table{
    background-color:#fff
}
table col[class*=col-]{
    position:static;
    display:table-column;
    float:none
}
table td[class*=col-]{
    position:static;
    display:table-cell;
    float:none
}
.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{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.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]{
    cursor:not-allowed;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}
.btn-info{
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da
}
.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{
    color:#fff;
    background-color:#31b0d5;
    border-color:#269abc
}
.btn-info.active:focus,.btn-info.active:hover,.btn-info:active:focus,.btn-info:active:hover{
    color:#fff;
    background-color:#269abc;
    border-color:#1b6d85
}
.btn-info.active,.btn-info:active{
    background-image:none
}
.btn-info[disabled]:focus,.btn-info[disabled]:hover{
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-link{
    font-weight:400;
    color:#337ab7;
    border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled]{
    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{
    color:#777;
    text-decoration:none
}
.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.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
}
.fade{
    opacity:0;
    -webkit-transition:opacity .15s linear;
    -o-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in{
    opacity:1
}
.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>a>img{
    max-width:none
}
.navbar{
    position:relative;
    min-height:50px;
    margin-bottom:20px;
    border:1px solid transparent
}
@media (min-width:768px){
    .navbar{
        border-radius:4px
    }
}
.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
}
#wrapper.toggled{padding-left:200px;}
#wrapper.toggled #sidebar-wrapper{width:200px;}
#wrapper.toggled #page-content-wrapper{margin-right:-200px;}
.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 (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-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
    }
}
.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
}
@-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
    }
}
.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
}
.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 .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-block;
    margin-top:-10px
}
.carousel-control .icon-prev{
    left:50%;
    margin-left:-10px
}
.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-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 .icon-next,.carousel-control .icon-prev{
        width:30px;
        height:30px;
        margin-top:-10px;
        font-size:30px
    }
    .carousel-control .icon-prev{
        margin-left:-10px
    }
    .carousel-control .icon-next{
        margin-right:-10px
    }
    .carousel-caption{
        right:20%;
        left:20%;
        padding-bottom:30px
    }
}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.nav:after,.nav:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.row:after,.row:before{
    display:table;
    content:" "
}
.clearfix:after,.container-fluid:after,.container:after,.nav:after,.navbar:after,.pager: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
}
.hidden{
    display:none!important
}
@-ms-viewport{
    width:device-width
}
@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
    }
}
body{
    overflow-x:hidden
}
#wrapper{
    position:relative;
    padding-left:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#sidebar-wrapper{
    z-index:1000;
    top:0;
    position:fixed;
    left:200px;
    height:100%;
	width:0;
    margin-left:-200px;
    overflow-y:auto;
    background:#000;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}

#page-content-wrapper{
    width:100%;
    padding:15px
}
.sidebar-nav, .menu-bottom{
    width:200px;
    margin:0;
    padding:0;
    list-style:none
}

.sidebar-nav li{
    text-indent:20px;
    line-height:40px
}
.sidebar-nav li a{
    display:block;
    text-decoration:none;
    color:#999
}
.sidebar-nav li a:hover{
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.2)
}
.sidebar-nav li a:active,.sidebar-nav li a:focus{
    text-decoration:none
}
.sidebar-nav>.sidebar-brand{
    height:65px;
    font-size:18px;
    line-height:60px
}
.sidebar-nav>.sidebar-brand a{
    color:#999
}
.sidebar-nav>.sidebar-brand a:hover{
    color:#fff;
    background:0 0
}
@media (min-width:1025px){
    #wrapper{
        padding-left:200px
    }
    #sidebar-wrapper{
        width:200px
    }
    #page-content-wrapper{
        padding:20px;
        position:relative
    }
}
@media (max-width:767px){
    #sidebar-wrapper{
        top:50px;
        display:none;
        left:0;
        width:100%!important;
        margin:0;
        text-align:center
    }
	#wrapper.toggled {
		padding-left: 0;
	}
    .sidebar-nav{
        width:100%
    }
    .menu-bottom{
        position:static!important;
        margin-top:20px!important;
        width:100%!important
    }
	
}
#page-content-wrapper,#wrapper,.container-fluid,body,html{
    min-height:100%;
    height:100%
}
body{
    overflow:hidden;
    overflow-x:hidden!important;
    font-family:'Roboto Condensed',sans-serif;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
::-webkit-scrollbar{
    width:0!important
}
#wrapper{
    visibility:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
}
#page-content-wrapper{
    position:relative;
    overflow-x:hidden!important
}
@-webkit-keyframes load8{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes load8{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.lang-menu{
    margin:25px 20px;
    padding:0
}
.lang-menu li{
    list-style:none;
    margin-right:10px;
    display:inline-block
}
.lang-menu li a{
    display:block;
    color:#fff;
    font-weight:400;
    font-size:13px;
    padding:0 8px;
    text-transform:uppercase;
    line-height:20px
}
.lang-menu li a.active,.lang-menu li a:hover{
    color:#000;
    background:#fff;
    text-decoration:none
}
.sidebar-nav li a{
    font-size:17px;
    text-transform:uppercase;
    font-weight:400;
    color:#fff;
    line-height:40px
}
.sidebar-nav li a.active,.sidebar-nav li a:hover{
    color:#000;
    background:#fff
}
@media (min-width:1025px){
    #sidebar-wrapper .menu-bottom{
       
    }
}
@media (min-width:1025px){
    .footer .menu-bottom{
        display:none
    }
}
#sidebar-wrapper .menu-bottom{
    position:absolute;
    bottom:0
}
.footer .menu-bottom{
    width:160px
}
#sidebar-wrapper .menu-bottom .contacts{
    border-bottom:1px solid rgba(255,255,255,.2);
    margin-bottom:20px;
}
#sidebar-wrapper .contact,#sidebar-wrapper .shedule{
	margin: 0 20px 20px;
}
.footer .menu-bottom .contacts{
    border-bottom:1px solid rgba(51,51,51,.2);
    margin-bottom:20px;
}
.menu-bottom .contact{
    margin-bottom:20px
}
.menu-bottom .contact .address{
    font-size:14px;
    font-weight:400;
    font-family:Roboto;
    line-height:30px
}
#sidebar-wrapper .menu-bottom .contact .address{
    color:rgba(255,255,255,.6)
}
.metro:before {
	background-image: url(https://tint.by/img/metro.png);
    content: " ";
    height: 30px;
    position: absolute;
    width: 30px;
}
.metro span {
	margin-left:35px;
}
.menu-bottom .contact a.phone{
    font-size:20px;
    font-weight:400;
    line-height:30px
}
#sidebar-wrapper .menu-bottom .contact a.phone{
    color:#fff
}
.menu-bottom .shedule{
    font-weight:400;
    font-family:Roboto;
    font-size:13px;
    line-height:18px
}
#sidebar-wrapper .menu-bottom .shedule{
    color:rgba(255,255,255,.8)
}

.menu-bottom div.soc{
    margin:20px 0 20px;
    padding:0;
    text-align:center;
	height:28px;
}

.menu-bottom div.soc div{
    list-style:none;
    display:inline-block;
    margin:0 15px;
	height:28px;
}
.menu-bottom div.soc div a{
    font-size:20px;
	line-height: 20px;
}
#sidebar-wrapper .menu-bottom div.soc div a{
    color:#fff
}
.menu-bottom div.soc div a:hover{
    opacity:.7
}

.content-wrapper{
    padding:5% 10%
}
#page-content-wrapper,.container-fluid{
    padding:0
}
#top-block .top{
    height:100%;
    background-size:cover;
    position:relative
}
.minsk #top-block .top{
background-position: 30% 0;
background-color: rgba(0,0,0,.3);
    background-blend-mode: darken;
}
.edu #top-block .top, .gomel #top-block .top{
    background-color: rgba(0,0,0,.3);
    background-blend-mode: darken;
	background-position: 75% 0%;
}
.permanent #top-block .top{
	background-position: 50% 0%;
}
.logo{
    width:190px;
    height:190px;
    background:url(https://tint.by/img/logo.png) no-repeat center center;
    display:block;
    position:absolute;
    left:50%;
    top:80px;
    margin-left:-71px
}
#sidebar-wrapper{
    background:#000 no-repeat top right
}
.slogan{
    text-align:center;
    color:#fff;
    position:absolute;
    bottom:40%;
    font-size:35px;
    font-weight:300;
    width:80%;
	margin:0 10% ;
}
.edu .slogan, .minsk .slogan{
        bottom:60%;
        
    }
.slogan .store-buttons{
    margin:20px 0 0;
    display:none
}
.slogan .store-buttons a{
    display:inline-block;
    width:135px;
    height:45px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
#faq h2,#certificate h2,#promo h2, #education h2,  #masters h2, .prices h1, #smi h2{
    font-weight:300;
    font-size:50px;
    text-transform:uppercase
}
.icon-circle{
    cursor:pointer;
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid rgba(0,0,0,.58);
    border-radius:50%;
    color:rgba(0,0,0,.58);
    text-align:center;
    position:relative;
    z-index:99;
    font-size:14px;
    text-decoration:none
}
.overlay{
    position:relative;
    background:rgba(0,0,0,0)
}
.overlay.on{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.07);
    z-index:10
}
.icon-circle:hover{
    cursor:pointer;
    text-decoration:none
}
.icon-circle.active{
    text-decoration:none;
    color:#000;
    border-color:#000
}
.popover{
    min-width:355px;
    width:auto;
    border-radius:0!important;
    border:none;
    box-shadow:none;
    transform:translateY(0);
    transition:transform .3s
}
.popover.right{
    margin-left:20px
}
.popover.left{
    margin-left:-20px
}
.popover-content{
    padding:25px;
    text-align:left
}
.popover .popover-content p{
    font-size:15px;
    line-height:1.765;
    text-align:left;
    margin:0;
    text-transform:none;
    font-family:Roboto;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-circle:active,.icon-circle:focus{
    outline:0
}
#certificate .right-text, #promo .right-text,.prices .right-text, .faq p  , #masters .col-md-8 {
    padding-top:40px;
    font-size:17px;
    font-family:Roboto;
    color:rgba(0,0,0,.7)
}
.faq ul  {
    font-size:17px;
    font-family:Roboto;
    color:rgba(0,0,0,.7)
}
.edu #masters .col-md-8 {
	padding-top:0;
}
.table tr:first-child td{
    border-top:none
}
.table td:first-child{
    width:80%
}
.prices{
    position:relative
}
.price-block{
    margin-top:7%
}

.instagram-block h2{
    background:url(https://tint.by/img/instagram.svg) 0 50% no-repeat;
    background-size:50px 50px;
    padding-left:58px;
    letter-spacing:.05em;
    font-weight:300;
    font-size:50px;
    text-transform:uppercase
}
.edu .instagram-block h2, .permanent .instagram-block h2{
	background:none;
	padding-left:0;
}
.edu .instagram-block a, .permanent .instagram-block a{
    color: #000;
	text-transform: uppercase;
	text-decoration: none;
}
.instagram-block{
    text-align:center
}
.prices .item-title{
    font-weight:400;
    font-family:Roboto;
    font-size:15px;
    color:rgba(0,0,0,.58);
    text-align:left
}
.prices .item-price{
    color:#000!important;
    font-weight:400;
    white-space:nowrap;
    text-align:right;
    font-size:15px;
    pointer-events:none;
    text-decoration:none
}
.price-block .col-md-3 p{
    text-align:center;
    font-size:25px;
    font-weight:400;
    margin:20px 0;
    text-transform:uppercase;
    line-height:30px
}
.price_img_wriper{
    height:62px;
    text-align:center
}
.prices .online-zakaz{
    background:url(https://tint.by/img/button_normal.png) no-repeat bottom center;
    display:block;
    width:300px;
    height:60px;
    padding-top:70px;
    text-transform:uppercase;
    font-style:normal
}
.masters-top .online-zakaz{
    background:url(https://tint.by/img/button_normal.png) no-repeat bottom center;
    background-size:200px;
    display:block;
    width:200px;
    height:60px;
    text-transform:uppercase;
    font-style:normal
}
.prices .order-btn{
    font-size:20px;
    display:block;
    width:300px;
    z-index:11;
    height:60px;
    text-align:center;
    text-decoration:none;
    font-weight:400;
    color:#fff;
    position:absolute;
    left:50%;
    margin-left:-150px;
    top:0;
    margin-top:-100px
}
.masters-top .order-btn{
    font-size:20px;
    display:block;
    width:200px;
    height:60px;
    text-align:center;
    text-decoration:none;
    font-weight:400;
    color:#fff
}
.order-btn:active,.order-btn:focus,.order-btn:hover{
    color:#fff;
    text-decoration:none
}
.prices .two-borderds{
    border:1px solid #e5e5e5;
    border-top:none;
    border-bottom:none
}
.prices .two-border{
    border-right:1px solid #e5e5e5;
    border-top:none;
    border-bottom:none
}
.online-zakaz .text{
    font-weight:400;
    line-height:20px;
    text-transform:uppercase;
    text-align:center
}
.brands{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    text-align:center;
    padding:25px 10%;
    background:#f2f2f2
}
.brands img{
    height:50px
}
.d_table{
    display:table;
    position:relative;
    width:100%;
    height:100%
}
.text-center{
    text-align:center
}
.masters .item{
    background-repeat:no-repeat;
    background-size:auto 100%
}
.masters .item>.img-wrapper{
    position:relative;
    text-align:center
}
.masters .item-img{
    margin:0 auto;
    display:none
}
.masters-top h4{
    font-size:30px;
    color:#000;
    font-weight:300;
    line-height:25px;
    text-align:left
}
.masters .item-caption{
    margin-bottom:120px
}
.masters-top h5 span{
    display:block;
    font-family:Roboto;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#989898;
    text-align:left
}
.masters-top{
    margin-bottom:30px
}
.masters-top h5{
    font-size:14px;
    color:#000;
    font-weight:400
}
.master_text{
    font-weight:300;
    max-height:420px
}
.masters .carousel-control{
    background:0 0
}
.masters .carousel-control.left{
    left:initial;
    right:40px
}
.carousel.carousel-fade .item{
    -webkit-transition:opacity .3s ease-in-out;
    -moz-transition:opacity .3s ease-in-out;
    -ms-transition:opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out;
    opacity:0
}
.carousel.carousel-fade .active.item{
    opacity:1
}
.carousel.carousel-fade .active.left,.carousel.carousel-fade .active.right{
    left:0;
    z-index:2;
    opacity:.2
}
.carousel.carousel-fade .next,.carousel.carousel-fade .prev{
    left:0;
    z-index:1
}
.carousel.carousel-fade .carousel-control{
    z-index:3
}
#photos{
    display:block;
    width:100%;
    height:400px;
    position:relative;
    color:#fff
}
#photos .bx-controls-direction{
    display:block;
    width:100%;
    height:109px;
    position:relative;
    z-index:999
}
#photos .order-btn{
    margin-top:-70px
}
#fool_carousel{
    height:100%;
    width:100%;
    position:relative;
    z-index:0;
    display:block
}
#fool_carousel .bxslider,#fool_carousel .bxslider li{
    width:100%;
    height:100%;
    overflow:hidden;
    text-align:center
}
#fool_carousel .bxslider li img{
    text-align:center;
    float:none;
    margin:0 auto;
    width:auto
}
#fool_carousel .bx-controls-direction a.bx-prev{
    left:1%
}
#bx-pager{
    position:relative;
    text-align:center;
    margin-top:-200px;
    z-index:99
}
#bx-pager .pre_155{
    display:inline-block;
    margin-right:7px
}
#bx-pager .active .pre_155 img{
    box-sizing:border-box;
    outline:solid 10px #fff;
    outline-offset:-10px;
    transition:.3s all;
    -webkit-transition:.3s all;
    -moz-transition:.3s all;
    -o-transition:.3s all
}
.bx-next,.bx-prev{
    display:block;
    width:110px;
    height:109px;
    position:absolute;
    z-index:99
}
.bx-prev{
    background:url(https://tint.by/img/arrow_left.png) no-repeat center 0
}
.bx-next{
    background:url(https://tint.by/img/arrow_right.png) no-repeat center 0;
    right:0
}
.bx-wrapper .bx-viewport{
    box-shadow:none;
    left:0;
    border:none;
    z-index:-1
}
.bx-controls{
    position:absolute;
    top:50%;
    width:100%;
    margin-top:-50px
}
#map-canvas{
    height:100%;
    margin:0;
    padding:0
}
.map{
    position:relative;
    display:block;
    width:100%;
    height:60%
}
.footer{
    position:relative;
    padding:50px 10%;
    background-size:auto 100%
}
.footer .store-buttons{
    margin:20px 0 0
}
.footer .store-buttons.store-buttons-mob{
    display:none;
    margin:40px 0 20px
}
.footer .store-buttons a{
    display:inline-block;
    width:170px;
    height:50px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background-size:170px 50px
}
.footer .copyright{
    font-weight:400;
    font-family:Roboto;
    font-size:14px;
    line-height:20px;
    color:rgba(0,0,0,.5);
    padding-top:15px
}
.footer li a{
    font-size:15px;
    font-weight:400;
    color:rgba(0,0,0,.5);
    text-decoration:none
}
.footer li{
    font-family:Roboto;
    font-size:15px;
    line-height:20px;
    font-weight:400;
    margin-bottom:15px;
    list-style:none;
    color:rgba(0,0,0,.5)
}
.footer ul{
    padding:0;
    margin:0
}
.footer h4{
    font-weight:400;
    margin:0;
    font-size:20px;
    line-height:50px
}
#contact{
    position:relative
}
.contacts-title{
    position:absolute;
    top:10%;
    left:10%;
    font-size:50px;
    line-height:50px;
    font-weight:300;
    text-transform:uppercase;
    color:#000
}
.top-nav{
    height:50px;
    background:#000;
    padding:0 10px;
    position:fixed;
    z-index:20;
    width:100%;
    background-position:center center;
    background-repeat:no-repeat
}
.top-nav.with-logo{
    background-image:url(https://tint.by/img/menu-logo-xs.png);
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease
}
.top-nav>a{
    color:#fff;
    font-weight:400;
    font-size:17px;
    height:50px;
    line-height:50px;
    padding:0;
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
	float: left;
	margin-right:15px;
}
.top-nav>a>span{
    height:50px;
    line-height:50px;
    padding:0;
    display:block;
    padding-left:50px;
    background:url(https://tint.by/img/menu-toggle.png) no-repeat 10px 0
}
.top-nav a:hover{
    color:#fff;
    text-decoration:none
}
.sidebar-nav li a:active,.sidebar-nav li a:focus{
    text-decoration:none;
    background:0 0;
    outline:0
}
.sidebar-nav li a:hover,.sidebar-nav li.active a,.sidebar-nav li.active a:focus{
    background:#fff url(https://tint.by/img/side-menu-arrow.png) no-repeat center right 20px;
    color:#000
}
.sidebar-nav li{
    text-indent:0
}
.sidebar-nav li a{
    padding:0 20px
}
#menu-toggle .opened{
    display:none;
    background-position:10px -50px
}
#menu-toggle .closed{
    display:block
}
#menu-toggle.opened .opened{
    display:block
}
#menu-toggle.opened .closed{
    display:none
}
#sidebar-wrapper .logo{
    position:static;
    margin:15px 0;
    width:100%;
    background-image:url(https://tint.by/img/tint_black_200x200.png)
}
.footer a,.footer a:hover{
    color:#333
}
#bx-pager>a{
    display:inline-block
}
.master_text{

    padding-bottom:10px;
    font-family:Roboto;
  
    font-size:17px;
    color:rgba(0,0,0,.7);
    text-align:left;
    position:relative
}
.edu .master_text{
	font-size:14px;
}
.lightwidget-widget{
    height:276px
}

@media(min-width:1025px){
}
@media (max-width:1400px){
    #bx-pager .pre_155,#bx-pager .pre_155 img{
        width:100px;
        margin-bottom:5px
    }
    #bx-pager .active .pre_155 img{
        outline:solid 4px #fff;
        outline-offset:-4px
    }
    #bx-pager{
        margin-top:-150px
    }
    #contact{
        position:relative
    }
}
@media (min-width:1025px){
    .top-nav{
        display:none
    }
	#wrapper{padding-left:200px;}
	#wrapper.toggled{padding-left:0;}
	#sidebar-wrapper{width:200px;}
	#wrapper.toggled #sidebar-wrapper{width:0;}
	
	#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0;}
}
@media (max-width:1024px){
    .brands img{
        width:auto;
        max-height:90px;
        margin:5px auto
    }
    .content-wrapper{
        padding:10% 15px
    }
    #masters{
        padding:10% 15px
    }
    .brands{
        padding:25px 5%;
        flex-direction:column
    }
    .contacts-title{
        left:5%
    }
	.top-nav>a>span{
        max-width:50px;
        overflow:hidden;
        display:block
    }
    .footer{
        padding:50px 5%
    }
	.top-nav.with-logo .lang-menu{    display: inline-block;margin:15px auto  ;    float: left;}
	.top-nav.with-logo .lang-menu li{        margin-bottom: 0;}
	#sidebar-wrapper .lang-menu{display:none}
}
@media (min-width:768px) and (max-height:890px){
    #side-logo{
        display:none
    }
}
@media (min-width:768px) and (max-height:730px){
    .menu-bottom div.soc{
        display:none
    }
}
@media (min-width:768px) and (max-height:650px){
    .menu-bottom .shedule{
        display:none
    }
}
@media (min-width:768px) and (max-height:580px){
    .menu-bottom{
        display:none
    }
}
@media (min-width:768px){
    .online-zakaz:active,.online-zakaz:focus,.online-zakaz:hover{
        color:#fff;
        text-decoration:none
    }

    .online-zakaz:hover{
        background-image:url(https://tint.by/img/button_hover.png)
    }
    .footer-soc{
        display:none
    }
    .footer .store-buttons.store-buttons-mob{
        display:none
    }
    .no-padding{
        padding:0!important
    }
    .no-padding-r{
        padding-right:0!important
    }
}
@media (min-width:450px){
	.minsk #top-block .top{
		background-image: url(https://tint.by/uploads/store/Photos/Photos1/main_minsk.jpg);
	}
}
@media (max-width:450px){
	.minsk #top-block .top{
		background-image: url(https://tint.by/uploads/store/Photos/Photos1/main_minsks.jpg);
	}
}
@media (max-width:768px){
	
	#wrapper.toggled #sidebar-wrapper {
		display: block;
	}
    .popover{
        min-width:300px;
        max-width:300px;
        margin-left:-10px;
        left:auto!important;
        right:10px!important;
        z-index:19
    }
    .popover-content:before{
        content:'✕';
        position:absolute;
        top:6px;
        right:10px;
        cursor:pointer
    }
    .popover.left{
        margin-left:0;
        margin-right:0;
        left:auto!important;
        right:60px!important
    }
    .popover.right{
        margin-left:0;
        margin-right:0;
        left:50px!important;
        right:auto!important
    }
    .footer div[class^=col-]{
        float:none;
        width:100%;
        text-align:center
    }
    .footer ul{
        display:none
    }
    .footer ul.soc{
        display:block
    }
    .prices .right-text{
        display:none
    }
    .slogan .store-buttons{
        margin-top:50px
    }
    .footer .store-buttons.store-buttons-mob,.slogan .store-buttons{
        display:block
    }
    #certificate h2,#promo h2, #faq h2,  #education h2,#masters h2, .contacts-title,.instagram-block h2, #smi h2,.prices h1,.instagram-block h2 a{
        font-size:30px;
        color:#000;
        display:block;
        width:100%;
        text-transform:uppercase;
        line-height:1;
        left:0;
        text-align:center
    }
	
    .vk_allow_messages_from_community_box{
        width:184px;
        margin:0 auto
    }
    .instagram-block h2{
        padding-left:10px;
        background-size:30px 30px
    }
    .lightwidget-widget{
        height:500px
    }
    .footer .pull-left,.footer .pull-right{
        float:none!important
    }
    #page-content-wrapper>.row,#sidebar-wrapper .row{
        margin-right:0;
        margin-left:0
    }
    .footer .footer-soc ul,.footer-soc{
        display:block
    }
    .footer .footer-soc li{
        display:inline-block;
        margin:0
    }
    .footer .footer-soc ul.soc{
        margin:20px 0 20px;
        padding:0;
        text-align:center
    }
    .footer .footer-soc ul.soc li{
        list-style:none;
        display:inline-block;
        margin:0 15px
    }
    .footer .footer-soc ul.soc li a{
        color:#000;
        font-size:20px
    }
    .masters{
        position:relative;
        z-index:1
    }
    #masters{
        padding-left:0;
        padding-right:0
    }
    .masters .item-img{
        display:block
    }
    .masters .item{
        background:0 0!important
    }
    #contact,#photos{
        max-height:70%
    }
    .prices .order-btn{
        width:300px;
        height:60px;
        margin-left:-150px;
        margin-top:-85px
    }
    #photos .order-btn{
        margin-top:-50px
    }
    .online-zakaz{
        width:300px;
        height:60px;
        padding-top:70px;
        background-image:url(https://tint.by/img/button_normal.png)
    }
    .online-zakaz .text{
        font-size:13px;
        line-height:13px;
        max-width:90px;
        margin:0 auto
    }
    #certificate .col-md-4{
        margin-bottom:5%;
		text-align: center;
		padding-right: 30px;
		padding-left: 30px;
    }
    #bx-pager .pre_155,#bx-pager .pre_155 img{
        width:50px;
        margin-bottom:5px
    }
    .footer h4{
        font-size:20px;
        color:#000;
        text-transform:uppercase;
        line-height:2.5;
        text-align:center
    }
    .footer .copyright{
        font-size:14px;
        color:rgba(0,0,0,.502);
        line-height:1.429;
        text-align:center
    }
    .slogan{
        bottom:30%;
        font-size:20px;
        color:#fff;
        line-height:1.2;
        text-align:center;
		padding:10px;
		margin: 0 10%;
    }
	.edu .slogan, .minsk .slogan{
        bottom:60%;
        
    }
    .footer{
        text-align:center
    }
    .prices .two-borderds{
        border:none
    }
    .masters .img-wrapper,.masters .item-caption{
        float:none!important;
        width:100%
    }
    .masters .img-wrapper{
        padding-top:20px
    }
    .masters .item-caption{
        margin-bottom:0;
        padding-left:30px;
        padding-right:30px
    }
    .top-nav.with-logo{
		background-image: url(https://tint.by/img/tint_trans_xs.png);
		background-position: right 12px top 12px;
    }
	.tags {
		display:none;
	}

    
    .menu-bottom{
        margin:20px auto;
    }
    .menu-bottom .contact .address{
        font-size:15px
    }
    .menu-bottom .contact a.phone{
        font-size:17px
    }
}
@media (max-width:320px){
    .popover{
        min-width:200px;
        max-width:300px
    }
	
}
@media (max-width:425px){
    .footer{
        padding:20px 0
    }
	#side-logo {
		display:none;
	}
	.lightwidget-widget{
        height:250px
    }
}
.g-oldprice{
    color:#aaa;
    text-decoration:line-through
}
#promo ul{
    list-style-type:none;
    margin-left:0
}
#promo ul li{
    margin-bottom:25px
}
#promo ul li::before{
    display:inline-block;
    position:absolute;
    height:10px;
    left:10px;
    width:10px;
    content:"🎁";
    margin-right:10px;
    background-position:center center;
    vertical-align:middle
}
.hr-margin{
    margin:0 10%
}
#promo .icon-circle{
    float:right
}
@supports (-webkit-overflow-scrolling:touch){
    body{
        cursor:pointer
    }
}
#faq p a{
	background: url(https://tint.by/img/instagram.svg) 0 50% no-repeat;
	background-size: 17px 17px;
    padding-left: 23px;

}
#faq .faq-naswers .col-md-6 {
	padding-top: 5%;
	padding-bottom: 5%;
}
#faq div.faq-naswers  {
	padding: 0 10%;
}
.rating-title {
  display: block;
  margin-bottom: 10px;
}
.rating {
  margin-bottom: 20px;
  display: block;
  position: relative;
}
.rating-block{
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  
}
.rating-block span.rate,
.rating-block span {
  display: inline-block;
  font-size: 40px;
  position: relative;
}
.rating-title {
  display: block;
  margin-bottom: 10px;
}

.rating-block span.rate:before {
  content: "Из 5";
  position: absolute;
  font-size: 10px;
  right: -30px;
  line-height: 2;
}
.rating-block span.rate:after {
  content: "";
  position: absolute;
  top: 20px;
  right: -83px;
  width: 75px;
  height: 16px;
  background-image: url(https://tint.by/img/star.png);
  background-size: contain;
  background-repeat: repeat;
}
.text-small {
  font-size: 80%;
  line-height: 1.2;
  text-align: justify;
}
.rating-block span.rate-gray {
  content: "";
  position: absolute;
  top: 20px;
  right: -88px;
  width: 80px;
  height: 16px;
  background-image: url(https://tint.by/img/star.png);
  background-size: contain;
  background-repeat: repeat;
  opacity: 0.3;

}
.rating-wrap {
  position: relative;
      
}
.promo-adv {
	padding:10px;
	text-align: center;
	bottom: 15%;   
	position: absolute;
	font-size: 20px; 
	font-weight: 300;
	background: repeating-linear-gradient(to right, rgb(239, 223, 211) 0%, rgb(239, 223, 211) 100%);
	left:24%;
	right:24%;
}
@media (max-width:1024px){
	.promo-adv {		
		
		font-size: 16px;
		left: 5%;
		right:5%;
	}
}

.star-xl, .star-xl span {
    background-size: 25px 22px;
    height: 22px;
    top: 1px;
    width: 123px;
}

.star-xl span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAA40lEQVR42rXW3Q2DIBAH8I7Ae18cgREcgQ3qBtgJHEFGcQO6QR2Btz7WDejZXHL1EtIDxOQfHvj4gRjwkvO87tfHvzYxRp4swEDiXrZEHCKuJRIQCeciBOgvQNEtkJEhYwtkZchai3BAHQCKEiP4ab6pc31wPIPIYbb+JMBDVOp17ZgtXRX2s6k94VAH8QWz7+QbT5gVApZ65SNKiKgaZBAiQw2yCJGlBtmEyFaA0N3B8oTcsOR1pgRxbJCJ1U+s3pUg4Wf2Onn806qCFOF3xwxRgsNzxvZdDmIgfeYPRg/RKeQDVyEPzMDbhwwAAAAASUVORK5CYII=);
}

.star span {
    background-repeat: repeat-x;
    display: block;
}
.y-master-info-avatar img {
    border: 3px solid #eee;
    border-radius: 50%;
}
.edu #carousel-example-generic{
	margin-top:7%;
	
}
.edu .carousel-inner{
	padding-right: 15px;
    padding-left: 15px;
}
.edu .carousel-control.right{
	right:10px;
}
.btn-lp {
    display: block;
    color: #ffffff;
    background: #222222;
    font-size: 18px;
    line-height: 36px;
    padding: 0 30px;
    border-style: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s ease-out;

    white-space: nowrap;
	    width: fit-content;
		margin: 10px auto;

}
.btn-lp:hover ,.btn-lp:focus{
	text-decoration:none;
	color: #ffffff;
	background: #444444;
}
.table .collapseble{
	border-top: none;
}
.table .collapse {
    display: none;
}
.table .collapse.in {
    display: table-cell;
	
}
.prog-kurs{
	font-weight:400;
}
.edu .masters a{
	cursor:pointer;
}

a.yButton.bottom.right.toggled{display:none}
.yButtonBackground {box-shadow: 0 0 20px 0 rgba(34,36,43,.5);}

.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 {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  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;
  }
}