html,
button,
input,
select,
textarea {
    color: #222;
}
html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Font-face
   ========================================================================== */

@font-face {
    font-family: 'avantgargotitcteeregular';
    src: url('../fonts/avantgargotitctee-book.eot');
    src: url('../fonts/avantgargotitctee-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgargotitctee-book.woff') format('woff'),
         url('../fonts/avantgargotitctee-book.ttf') format('truetype'),
         url('../fonts/avantgargotitctee-book.svg#avantgargotitcteeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Transitions
   ========================================================================== */

nav#main> ul li a,
nav#main_social ul li a,
nav#global ul li a,
nav#global ul li a:hover,
ul#columns li a,
ul#columns li a:hover,
ul#mosaic_list li,
ul#mosaic_list li:hover,
ul#format_client,
form#home_form_contact input[type="text"],
form#home_form_contact input[type="text"]:hover,
form#home_form_contact textarea,
form#home_form_contact textarea:hover,
form#home_form_contact input[type="submit"],
form#home_form_contact input[type="submit"]:hover,
ul#lista_produto li:hover,
ul.sub_produto li,
ul#lista_produto li:hover,
ul.sub_produto li:hover,
ul#produtos,
ul#produtos li,
ul#produtos li .image img,
ul#produtos li .image> .green,
ul#produtos li .image> .green.active,
ul#produtos li.more a,
ul#produtos li.more a:hover,
ul.client_type li.highlight,
ul.client_type li.active,
ul.client_type li,
form.flex> input[type="submit"],
form.flex> input[type="submit"]:hover,
#more_news,
#more_news:hover,
ul#news_section li,
ul#news_section li:hover,
form#select_local input[type="submit"],
form#select_local input[type="submit"]:hover,
#downloads input[type="submit"],
#downloads input[type="submit"]:hover,
.ready,
#newsletter_form .input_submit{
    -webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;    
    display: none;
}
/* ==========================================================================
   Box sizing
   ========================================================================== */

#header_search input[type="search"],
footer .content,
ul#columns li:nth-of-type(3),
ul#mosaic_list li,
section#home_contact> .content,
form#home_form_contact input[type="text"],
form#home_form_contact textarea,
#home_news> ul li,
#home_videos> ul li,
ul#lista_produto li,
ul#produtos,
form#mensagem> input[type="text"],
form#mensagem> textarea,
ul#modal_map li,
div#empresa_intro> .right,
div#empresa_colunas> article.left,
div#empresa_colunas> article.right,
section#vendedores_r> .content> .right,
ul.right h4,
ul.right p,
#marca_intro ul#produtos li,
form.flex span.fieldset select option,
#newsletter_form,
#newsletter_form .input_text{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==========================================================================
   Border radious
   ========================================================================== */

ul#mosaic_list li{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e0e6e9;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Global
   ========================================================================== */

h1, h2, h3, h4, h5, p, a{
    (;font-weight: normal;);
    font-weight: normal;
}

body, section, nav, menu, aside, header, footer, article, h1, h2, h3, h4, p, div, span, a{
    margin: 0 auto;
    position: relative;
    padding: 0;
    line-height: 1em;
    font-weight: normal;
}

html, body{
    min-height: 100%;
    height: 100%;
}

h2{
    font-family: 'avantgargotitcteeregular';
}

p, h3, h5, a, input{
    font-family: 'Lato', sans-serif;
    line-height: 1.2em;
}

a:link, a:visited, a:active { text-decoration: none; color: inherit;}

a{ display: block; }

ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

li{
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

body.-blur header,
body.-blur section,
body.-blur footer {
    -webkit-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    background-color: rgba(0, 0, 0, 0.4);    
}

p.fixed{}

h2.fixed{}

.size{ width: 1000px; }

.global_sprite{
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-repeat: no-repeat;
}

.ready{
    opacity: 1 !important;
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    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)
}

/* ==========================================================================
   multi select
   ========================================================================== */
span.multiselect-native-select {
    position: relative
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}
.multiselect-container .input-group {
    margin: 5px
}
.multiselect-container>li {
    padding: 0
}
.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}
.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}
.multiselect-container>li>a {
    padding: 0
}
.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px
}
.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
    margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}   

.multiselect-container {
    border-radius: 0 !important;
    left: -1px;
    max-height: 154px;
    overflow-x: hidden;    
}

.multiselect-container li {
    display: block;
    font-size: 16px;
    float: none;
    margin-top: 4px;
}

.multiselect-container li input {
    top: 1px;
    position: relative;
    margin-right: 1px;
}

.multiselect-container li:last-child {
    margin-bottom: 7px;
}

.multiselect-container li label {
    padding-left: 12px !important;
}

/* ==========================================================================
   main header
   ========================================================================== */

h1#logo{
    top: 20px;
    left: 22px;
    position: absolute;
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

h1#logo a{
    width: 115px;
    height: 56px;
    background-position: 0 0;
    text-indent: -999px;
    overflow: hidden;
}

body> header{
    border-top: 5px solid #1f232b;
}

header .content:nth-of-type(2){
    background-color: #1f232b;
}

nav#global{
    height: 60px;
}

nav#global ul{
    float: left;
}

nav#global ul li.active a,
nav#global ul li a:hover,
ul#lista_produto li:hover,
ul.sub_produto li:hover{
    color: #faa61a;
}

nav#global ul li{
    color: #9a9ea0;
}

nav#global ul li a {
    font-size: 16px;
    line-height: 60px;
    display: block;
    padding-right: 50px;
}

nav#global ul li a.action.-newsletter {
    color: #faa61a;
}

nav#global ul li a.action.-newsletter:hover {
    color: #9a9ea0;
}


nav#global> ul li a:after{
    content: " ";
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -116px -56px;
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
    position: absolute;
    right: 23px;
    top: 30px;
}

nav#global> ul li:nth-last-of-type(1) a:after{
    background-image: none;
}

#header_search{
    float: right;
}

#header_search input[type="text"]{
    width: 340px;
    height: 38px;
    background-color: #e0e6e9;
    border: none;
    margin-top: 11px;
    padding: 0 40px 0 10px;
}

#header_search input[type="text"]::-webkit-input-placeholder {
    font-family: 'avantgargotitcteeregular';
    color: #1f232b;
}

#header_search input[type="text"]::-moz-placeholder{
    font-family: 'avantgargotitcteeregular';
    color: #1f232b;
}

#header_search input[type="submit"]{
    position: absolute;
    right: 0;
    top: 22px;
    width: 19px;
    height: 19px;
    border: none;
    background-color: transparent;
    background-position: -115px 0;
    margin-right: 10px;
    padding: 0;
}

nav#main{
    height: 100px;
}

nav#main> ul{
    float:  right;
    margin-top: 28px;
}

nav#main> ul li a{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 46px;
    border-bottom: 3px solid white;
    margin: 0 12px;
    (;margin: 0 8px;);
    letter-spacing: -1px;
}

nav#main> ul li a.active,
nav#main> ul li a:hover{
    border-color: #faa61a;
}

nav#main_social{
    margin-top: 37px;
    float: right;
}

nav#main_social ul li a,
ul#columns li:nth-of-type(4) ul li a{
    width: 24px;
    height: 25px;
    background-position: 0 -56px;
    overflow: hidden;
    text-indent: -999px;
    float:left;
}

ul#columns li:nth-of-type(4) ul li:nth-of-type(3){
    float:left;
}

ul#columns li:nth-of-type(4) ul li:nth-of-type(4){
    float:left;
}

nav#main_social ul li:nth-of-type(1) a{background-position: 0 -56px;}
ul#columns li:nth-of-type(4) ul li:nth-of-type(1) a{ background-position: 0 -260px; }
nav#main_social ul li:nth-of-type(2) a{background-position: -25px -56px;}
ul#columns li:nth-of-type(4) ul li:nth-of-type(2) a{background-position: -25px -260px;}
nav#main_social ul li:nth-of-type(3) a{background-position: -50px -56px; }
nav#main_social ul li:nth-of-type(4) a{background-position: -169px -182px; }
ul#columns li:nth-of-type(4) ul li:nth-of-type(3) a{background-position: -50px -260px; background-position: -50px -262px\9\0; }
ul#columns li:nth-of-type(4) ul li:nth-of-type(4) a{background-position: -172px -323px; background-position: -172px -323px\9\0; }
@-moz-document url-prefix(){ul#columns li:nth-of-type(4) ul li:nth-of-type(3) a{background-position: -50px -261px; }}
@media all and (-ms-high-contrast:none){
    ul#columns li:nth-of-type(4) ul li:nth-of-type(3) a{background-position: -50px -262px; }
}

nav#main_social ul li a:after,
ul#columns li:nth-of-type(4) ul li a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('../img/svg/proshows_global_sprite.svg') no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
nav#main_social ul li a:hover:after,
ul#columns li:nth-of-type(4) ul li a:hover:after{
    opacity: 1;
}

nav#main_social ul li:nth-of-type(1) a:after{background-position: 0 -81px;}
ul#columns li:nth-of-type(4) ul li:nth-of-type(1) a:after{background-position: 0 -285px;}
nav#main_social ul li:nth-of-type(2) a:after{background-position: -25px -81px;}
ul#columns li:nth-of-type(4) ul li:nth-of-type(2) a:after{background-position: -25px -285px;}
nav#main_social ul li:nth-of-type(3) a:after{background-position: -50px -81px;}
nav#main_social ul li:nth-of-type(4) a:after{background-position: -169px -214px;}
ul#columns li:nth-of-type(4) ul li:nth-of-type(3) a:after{background-position: -50px -285px; background-position: -50px -287px\9\0;}
ul#columns li:nth-of-type(4) ul li:nth-of-type(4) a:after{background-position: -172px -354px; background-position: -172px -354px\9\0;}
@-moz-document url-prefix(){ul#columns li:nth-of-type(4) ul li:nth-of-type(3) a:after{background-position: -50px -286px;}}
@media all and (-ms-high-contrast:none){
    ul#columns li:nth-of-type(4) ul li:nth-of-type(3) a:after{background-position: -50px -287px;}
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer{
    height: 470px;
    overflow: hidden;
    background-color: #1f232b;
}

footer> .content{
    padding-top: 49px;
}

footer> .triangle,
#footer_bar> .triangle{
    width: 117px;
    height: 48px;
    position: absolute;
}

footer> .triangle{
    background-position: 0 -107px;
    left: 0;
    top: 0;
    background-position: 0 -108px\9\0;
    height: 47px\9\0;
}

@media all and (-ms-high-contrast:none){
    footer> .triangle{
        background-position: 0 -108px;
    }
    footer> .triangle,
    #footer_bar> .triangle{
        height: 47px;
    }
}

ul#columns li{
    float: left;
}

ul#columns li:nth-of-type(1){ width: 170px; }
ul#columns li:nth-of-type(2){ width: 300px; }
ul#columns li:nth-of-type(3){ width: 380px; padding-right: 30px; }
ul#columns li:nth-of-type(4){ width: 150px; float: right; }
ul#columns li:nth-of-type(4) ul li{ width: 24px; }

ul#columns li h5{
    font-size: 16px;
    text-transform: uppercase;
}

ul#columns li p,
ul#columns li a{
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'arial';
    line-height: 17px;
}

ul#columns li p small{
    font-size: 14px;
    letter-spacing: 1px;
}

ul#columns li h5{
    color: #faa61a;
}

ul#columns li p,
ul#columns li a{
    color: #9a9ea0;
}

ul#columns li:nth-of-type(1) p{
    font-size: 14px;
}

ul#columns li:nth-of-type(4) a{
    font-size: 12px;
}

ul#columns li a{
    display: inline-block;
}

ul#columns li a:hover{
    text-decoration: underline;
    color: white;
}

a#footer_logo{
    width: 116px;
    height: 56px;
    background-position: 0 -204px;
    overflow: hidden;
    text-indent: -999px;
    float: left;
    background-position: 0 -205px\9\0;
}

@media all and (-ms-high-contrast:none){
    a#footer_logo{
        background-position: 0 -205px;
    }
}

#footer_bar{
    height: 47px;
    width: 100%;
    border-top: 1px solid #32363e;
    position: absolute;
    bottom: 0;
}

#footer_bar> .triangle{
    background-position: 0 -156px;
    right: 0;
    top: 0;
    background-position: 0 -157px\9\0;
}
@media all and (-ms-high-contrast:none){
    #footer_bar> .triangle{
        background-position: 0 -157px;
    }
}

#footer_bar> .content p{
    font-size: 13px;
    line-height: 47px;
    float: left;
    color: #9a9ea0;
}

a#pronexo{
    background-position: -119px -106px;
    width: 52px;
    height: 13px;
    float: left;
    margin-top: 19px;
    margin-left: 5px;
}

/* ==========================================================================
   Home
   ========================================================================== */

#banner_position{
    width: 100%;
    height: 330px;
    display: block;
    overflow: hidden;
    background-color: #d2d8db;
}

#home_banner{
    position: absolute;
    left: -50%; right: -50%;
    margin: auto;
    height: 330px;
    width: 1600px;
    (;width: 1280px;);
    (;overflow: hidden;);
    overflow: hidden;
    background-color: #d2d8db;
    background-image: url('../img/gif/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

#home_banner .owl-controls{
    margin-top: -50px;
    z-index: 9;
}

#home_banner .owl-buttons div{
    top: -165px;
}

#home_banner li{
    width: 100%;
    height: 330px;
    border: 0;
}

#home_banner img{
    max-width: inherit;
    min-width: inherit;
}

#home_banner> .content{
    height: 314px;
}

#tips{
    width: 460px;
    position: absolute;
    right: 0;
    top: 59px;
}

#tips h2{
    height: 96px;
    line-height: 96px;
    text-align: center;
    font-size: 42px;
    color: #faa61a;
    background-color: #1f232b;
}

#tips p{
    padding: 34px;
    background-color: rgba(31,35,43, 0.8);
    color: #faa61a;
}

section#mosaic_marks,
section#contato,
#lista_produto_bg,
section#contato,
section#vendedores_r{
    background-color: #e0e6e9;
}

section#mosaic_marks h2,
section#contato h2,
section#empresa h2,
section#news_full h2,
section#compre_agora h2,
section#home_articles h2,
section#vendedores_r h2{
    border-bottom: 3px solid #c6cdd1;
    line-height: 86px;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
}

section#news_full .content h2{
    padding: 20px 0;
    border-bottom: none;
    line-height: 1.3em;
    text-align: left;
}

ul#mosaic_list{
    padding: 60px 0;
}

ul#mosaic_list li{
    width: 166px;
    height: 166px;
    padding: 20px;
}

ul#mosaic_list li:hover{
    background-color: #d7dde1;
}


section#home_contact{
    background-image: url('../img/bg/proshows_02.jpg');
    background-size: cover;
    background-position: center center;
}

section#home_contact> .content{
    height: 450px;
    padding: 100px 0;
}

section#home_contact> .content> .group{
    display: block;
    width: 682px;
    margin-bottom: 45px;
}

section#home_contact> .content h2{
    float: left;
    line-height: 48px;
    color: #faa61a;
}

section#home_contact> .content h2,
ul#format_client li{
    font-size: 40px;
    text-transform: uppercase;
}

section#home_contact> .content p{
    position: absolute;
    bottom: -20px;
    right: 156px;
    color: #61656e;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 1;
}

ul#format_client{
    height: 48px;
    width: 300px;
    padding-left: 15px;
    margin-left: 15px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: #e0e6e9;
}

ul#format_client.active{
    height: 96px;
}

ul#format_client li{
    line-height: 48px;
    height: 48px;
    width: 100%;
    font-family: 'avantgargotitcteeregular';
}

ul#format_client li:nth-of-type(1){
    position: relative;
}

ul#format_client li:nth-of-type(1):after{
    content: " ";
    position: absolute;
    right: 20px;
    top: 22px;
    width: 11px;
    height: 6px;
    background-image: url(../img/svg/proshows_global_sprite.svg);
    background-position: -75px -84px;
}

section#home_contact form#home_form_contact input[type="text"]{
    border: none;
    width: 322px;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    color: #faa61a;
    background-color: #1f232b;
    line-height: 1em\9\0;
}

@media all and (-ms-high-contrast:none){
    section#home_contact form#home_form_contact input[type="text"]{
        line-height: inherit;
    }
}

section#home_contact form#home_form_contact input[type="submit"],
div#success_mail,
ul.sub_produto li> .line{
    background-color: #faa61a;
}

section#home_contact form#home_form_contact input[type="text"]:hover,
section#home_contact form#home_form_contact textarea:hover,
section#home_contact form#home_form_contact textarea:focus,
section#home_contact form#home_form_contact input[type="text"]:focus{
    background-color: #32363e;
}

section#home_contact form#home_form_contact input[type="text"]::-webkit-input-placeholder,
section#home_contact form#home_form_contact textarea::-webkit-input-placeholder { color: #faa61a; }
section#home_contact form#home_form_contact input[type="text"]::-moz-placeholder,
section#home_contact form#home_form_contact textarea::-moz-placeholder{ color: #faa61a; }

section#home_contact form#home_form_contact input[type="text"].last{
    margin-right: 0;
}

section#home_contact form#home_form_contact textarea{
    height: 80px;
    border: none;
    width: 994px;
    resize: none;
    border-top: 1px solid #faa61a;
    padding: 10px;
    color: #faa61a;
    background-color: #1f232b;
    font-family: 'Lato', sans-serif;
}

section#home_contact form#home_form_contact input[type="submit"]{
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    height: 46px;
    line-height: 46px;
    border: none;
    width: 994px;
    font-weight: bold;
    background-color: #faa61a;
    font-family: 'avantgargotitcteeregular';

}

section#home_contact form#home_form_contact input[type="submit"]:hover{
    background-color: #ff7800;
}

div#success_mail{
    width: 100%;
    height: 450px;
    position: fixed;
    top: 0; bottom: 0;
    margin: auto;
    z-index: 9;
    line-height: 450px;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    display: none;
    background-color: #faa61a;
}

header#news_videos{
    height: 100px;
    background-color: #1f232b;
}

header#news_videos> h2{
    font-size: 30px;
    border-bottom: 5px solid #faa61a;
    line-height: 50px;
    position: absolute;
    width: 30%;
    top: 40px;
    color: #faa61a;
}

header#news_videos> h2:nth-of-type(1){
    left: 0;
    text-align: right;
}

header#news_videos> h2:nth-of-type(2){
    right: 0;
    text-align: left;
}

header#news_videos> .arrow{
    width: 37px;
    height: 18px;
    background-position: -117px -120px;
    position: absolute;
    left: 0; right: 0;
    bottom: -18px;
    margin: auto;
    z-index: 9;
    background-position: -117px -121px\9\0;
}
@media all and (-ms-high-contrast:none){
    header#news_videos> .arrow{
        background-position: -117px -121px;
    }
}

header#news_videos> .logo{
    text-indent: -999px;
    overflow: hidden;
    width: 116px;
    height: 58px;
    background-position: 0 -204px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-position: 0 -205px\9\0;
    height: 56px\9\0;
}

#home_news,
#home_videos{
    width: 50%;
}

#home_news{
    float: left;
}

#home_news> .line{
    width: 3px;
    height: 100%;
    background-color: #c6cdd1;
    position: absolute;
    right: -1px;
}

#home_news> ul li,
#home_videos> ul li{
    position: relative;
    width: 100%;
}

#home_news> ul li.last,
#home_videos> ul li.last{
    padding-bottom: 50px;
}

#home_news> ul li{ padding-right: 50px; }
#home_videos> ul li{ padding-left: 50px; }

#home_videos> ul li iframe{
    min-height: 192px;
/*    margin-bottom: 78px;
    margin-bottom: 96px\9\0;*/
}
@media all and (-ms-high-contrast:none){
    #home_videos> ul li iframe{margin-bottom: 96px;}
}

#home_news> ul li h3,
#home_videos> ul li h3{
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    padding-bottom: 4px;
}

#home_news> ul li p.date,
#home_videos> ul li p.date{
    font-size: 14px;
    color: #9a9ea0;
    text-align: right;
    padding-bottom: 20px;
}

#home_videos> ul li h3,
#home_videos> ul li p.date{
    text-align: left;
}


#home_news> ul li p{
    font-size: 14px;
    text-align: right;
    padding-bottom: 20px;
}

#home_news> ul li p:not(.date){
    min-height: 32px;
}

#home_news> ul li .img{
    height: 253px;
    width: 100%;
    overflow: hidden;
    background-color: gray;
}

#home_news> ul li img{
    max-width: 100%;
    min-width: 100%;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
}

#home_news> ul li a.more,
#home_videos> ul li a.more{
    width: 80px;
    height: 30px;
    background-color: #CED2D5;
    float: left;
    text-align: center;
    text-transform: lowercase;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 60px;
    font-family: 'avantgargotitcteeregular';
}

#home_videos> ul li a.more{
    width: auto;
    padding: 0 15px;
    margin-top: -3px;
    float: left;
}

#home_news> ul li> .triangle,
#home_videos> ul li> .triangle{
    width: 20px;
    height: 40px;
    background-position: -120px -66px;
    position: absolute;
    right: 2px;
    top: 0;
}

#home_videos> ul li> .triangle{
    right: inherit;
    left: 0;
    background-position: -101px -66px;
}

a.more> .arrow{
    width: 14px;
    height: 7px;
    background-position: -116px -23px;
    position: absolute;
    left: 0; right: 0;
    top: -7px;
}

#home_videos,
#home_videos a.article_more{float: right;}
#home_news a.article_more{float: left;}

#home_news a.article_more,
#home_videos a.article_more{
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    margin: 60px 0 60px 0;
}

#home_news a.article_more:nth-of-type(2),
#home_videos a.article_more:nth-of-type(2){
    margin: 0 0 60px 0;
}

#home_videos a.article_more{
    text-align: right;
}

ul#news_section{
    width: 100%;
    height: 56px;
    float: left;
    margin-bottom: 50px;
}

ul#news_section li{
    background-color: #e0e6e9;
    color: #9a9ea0;
    font-size: 14px;
    text-align: center;
    line-height: 56px;
    float: left;
    width: 25%;
    height: 56px;
    padding: 0;
    border-right: 1px solid #c6cdd1;
    text-transform: uppercase;
}

ul#news_section li:hover,
ul#news_section li.active,
#home_videos h2{
    background-color: #1f232b;
    color: #faa61a;
}

#home_articles #home_videos> h2{
    width: 25%;
    float: right;
    border: none;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

ul#news_section li a{
    display: block;
    height: 56px;
    line-height: 56px;
}

#newsletter{
    width: 498px;
    float: left;
    margin-bottom: 100px;
}

#newsletter h3{
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #faa61a;
    background-color: #1f232b;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

#newsletter_form{
    background-color: #e0e6e9;
    border-left: 1px solid #c6cdd1;
    border-bottom: 1px solid #c6cdd1;
    padding: 14px;
}

#newsletter_form .input_text{
    border: 1px solid #c6cdd1;
    height: 42px;
    padding: 0 10px;
    margin-right: 14px;
    (;width: 192px;);
}

#newsletter_form .input_text::-webkit-input-placeholder{
    color: #1f232b;
    font-family: 'Lato', sans-serif;
}

#newsletter_form .input_text::-moz-placeholder{
    color: #1f232b;
    font-family: 'Lato', sans-serif;
    opacity: 1;
}

#newsletter_form .input_submit{
    background-color: #c5cfd4;
    height: 42px;
    color: #1f232b;
    border: none;
    width: 44px;
    padding: 0;
}

#newsletter_form .input_submit:hover{
    background-color: #569226;
    color: white;
}

/* ==========================================================================
   Lista produto
   ========================================================================== */

aside{
    width: 20%;
    border-top: 8px solid #32363e;
    border-bottom: 8px solid #32363e;
    float: left;
}

ul#lista_produto{
    background-color: #1f232b;
    min-height: 400px;
}

section#lista_produto_bg ul#lista_produto> li{
    padding-left: 30px;
    border-bottom: 1px solid #252931;
    width: 100%;
    color: #9a9ea0;
}

section#lista_produto_bg ul#lista_produto> li:hover{
    color: #faa61a;
}

ul#lista_produto li.first{
    height: 108px
}

ul#lista_produto li h2{
    border-bottom: 4px solid #faa61a;
    display: inline-block;
    height: 30px;
    padding-top: 32px;
    color: #9a9ea0;
}

ul.sub_produto{
    margin-left: -30px;
}

section#lista_produto_bg ul.sub_produto li{
    padding-left: 0;
    width: 100%;
    padding-left: 56px;
    padding-right: 10px;
    border-left: 4px solid #F9A51A;
    border-bottom: 1px solid #252931;
    position: relative;
    color: #faa61a;
}

ul#lista_produto li a,
ul.sub_produto li a{
    display: block;
    padding: 21px 0;
}

ul.sub_produto li:nth-last-of-type(1){
    border-bottom: 0;
}

ul.sub_produto li> .line{
    width: 20px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 31px;
}

ul#produtos.pesquisa {
    width:100%;
}

ul#produtos{
    width: 80%;
    float: right;
    padding: 25px;
    min-height: 400px;
}

ul#produtos li,
#marca_intro ul#produtos li{
    width: 250px;
    height: 342px;
    margin: 25px;
    cursor: pointer;
}

#marca_intro ul#produtos.endorsees li{cursor: inherit;}

li.invert .full_content{
    left: inherit;
    right: 0;
}

.full_content{
    height: 342px;
    width: 550px;
    background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: none;
}

.full_content .close{
    width: 30px;
    height: 30px;
    background-color: white;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 3;
    cursor: pointer;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}

.full_content .close span{
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    background-position: -172px -41px;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}

#marca_intro ul#produtos li> .full_content> .image{
    height: 120px;
}

#marca_intro ul#produtos.endorsees li> .full_content> .image img{
    bottom: inherit;
}

@-moz-document url-prefix(){
    #marca_intro ul#produtos.endorsees li> .full_content> .image img{
        top: 0;
    }
}

.full_content> article{
    height: 132px;
    overflow: hidden;
}

#marca_intro ul#produtos li{background-color: white;}
#marca_intro ul#produtos li article{
    padding: 30px;
    min-height: 92px;
}

#marca_intro section#post article span#doubt-product{
    width: 250px;
    float: left;
    font-size: 20px;
    font-family: arial;
    cursor: pointer;
    margin: 20px 0px 20px 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight:bold;
    background-color: #1f232b;
    color: #9a9ea0;
}
#marca_intro section#post article a#buy-now{
    width: 250px;
    float: left;
    font-size: 20px;
    font-size: 20px;
    font-family: arial;
    margin: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight:bold;
     background-color: #1f232b;
    color: #9a9ea0;
}

ul#produtos li.last,
#marca_intro ul#produtos li.last{
    margin-right: 0;
}

#marca_intro ul#produtos li a.more{
    width: 100%;
    height: 36px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    font-size: 12px;
}

ul#produtos li .image,
#marca_intro ul#produtos li .image{
    width: 100%;
    height: 280px;
    overflow: hidden;
    background-color: white;
}

#marca_intro ul#produtos.endorsees li .image{
    height: 154px;
}

#marca_intro ul#produtos.endorsees li .image img{
    opacity: 0;
}

ul#produtos li .image> .green{
    width: 80px;
    height: 80px;
    position: absolute;
    top: -40px;
    right: -40px;
    z-index: 2;
    opacity: 1;
    background-color: rgba(86, 146, 38, 1);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}

ul#produtos li .image> .green.active,
ul#produtos li .image> .green.fixed{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(86, 146, 38, 0.5);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
}

ul#produtos li .image> .green:after,
ul#produtos li .image> .green.active:after{
    content: " ";
    width: 14px;
    height: 16px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -76px -261px;
    position: absolute;
    left: 34px;
    bottom: 6px;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

ul#produtos li .image> .green.active:after,
ul#produtos li .image> .green.fixed:after{
    content: " ";
    width: 44px;
    height: 44px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -91px -261px;
    position: absolute;
    left: 0; right: 0;
    bottom: 0; top: 0;
    margin: auto;
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
}

ul#produtos li .image> .green.fixed:after{
    background-position: -117px -261px !important;
    width: 17px !important;
}

ul#produtos li .image> .sound{
    width: 84px;
    height: 42px;
    background-color: white;
    position: absolute;
    left: 0; right: 0;
    bottom: 20px;
    z-index: 3;
    display: none;
}

ul#produtos.marca_lista li .image> .sound:after{
    background-image: url('../img/gif/sound_dark.gif');
}

ul#produtos li .image> .sound:after{
    content: " ";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    width: 48px;
    height: 20px;
    background-image: url('../img/gif/sound.gif');
    margin: auto;
}

ul#produtos li .image> .sound.loader:after{
    background-image: url('../img/gif/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

ul#produtos li .image img,
#marca_intro ul#produtos li .image img{
    max-height: 100%;
    left: -50%; right: -50%;
    bottom: 0; top: 0;
    margin: auto;
    position: absolute;
    z-index: 1;
}
@-moz-document url-prefix(){
    ul#produtos li .image img,
    #marca_intro ul#produtos li .image img{
        top: -50%; bottom: -50%;
    }
}

#marca_intro ul#produtos.endorsees li .image img{
    /*max-width: 120%;
    min-width: 120%;*/
    max-height: inherit;
    left: -50%; right: -50%;
}

ul#produtos li p{
    font-size: 14px;
    width: 100%;
    height: 62px;
    background-color: white;
    line-height: 64px;
    text-align: center;
    text-transform: uppercase;
}

ul#produtos li p a{
    display: block;
    line-height: 62px;
}

ul#produtos li.more,
#more_news,
#marca_intro ul#produtos li.more{
    height: 65px;
    font-size: 14px;
    width: calc(100% - 50px);
    margin-bottom: 0;
    background-color: #569226;
}

#more_news{
    width: 100%;
    float: left;
    margin-bottom: 50px;
    cursor: pointer;
}

ul#produtos li.more a:hover,
#more_news:hover{
    background-color: #437a17;
}

ul#produtos li.more:after,
#more_news:after{
    content: " ";
    width: 138px;
    height: 117px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -117px -137px;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0; right: 182px;
    top: 0; bottom: 0;
    margin: auto;
}

ul#produtos li.more a,
#more_news span{
    line-height: 65px;
    display: block;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

/* ==========================================================================
   -- Compre Agora
   ========================================================================== */

section#compre_agora{
    background-color: #e0e6e9;
}

section#compre_agora h2.border_top{
    border-top: 3px solid #c6cdd1;
}

section#compre_agora .content{
    padding: 40px 0;
}

section#compre_agora .content .left,
section#compre_agora .content .right{
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

section#compre_agora .content .left{
    float: left;
    padding-right: 16px;
}

section#compre_agora .content .right{
    float: right;
    padding-left: 16px;
}

section#compre_agora .content .left p{
    color: #818486;
}

section#compre_agora .content .left p:nth-of-type(1){
    margin-bottom: 20px;
}

section#compre_agora .right form{
    height: 36px;
}

section#compre_agora .right form *:focus{
    outline: none;
}

section#compre_agora .right fieldset{
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

section#compre_agora .right fieldset:nth-of-type(1){
    padding-right: 13px;
    float: left;
}
section#compre_agora .right fieldset:nth-of-type(2){
    padding-left: 13px;
    float: right;
}

section#compre_agora .right select,
section#compre_agora .right input[type="text"]{
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    font-family: 'Lato', sans-serif;
    float: left;
    background-color: white;
    height: 36px;
    border: none;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

section#compre_agora .right input[type="text"]::-webkit-input-placeholder { color:black; opacity: 1; }
section#compre_agora .right input[type="text"]::-moz-placeholder{ color: black; opacity: 1; }

section#compre_agora .right button{
    float: left;
    width: 100%;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    margin-top: 26px;
    background-color: #569226;
    color: white;
    border: none;
}

section#compre_agora .right button span{
    padding-left: 6px;
}

section#compre_agora .right .sort_by{
    background-color: #569226;
    float: left;
    width: 227.5px;
    height: 36px;
    line-height: 36px;
    color: white;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

section#compre_agora .right .sort_by i{
    padding-left: 10px;
}

section#compre_agora .dash {
    background: #c6cdd1;
    height: 3px;
    width: 100%;
}

#store_wrapper{
    margin-bottom: 30px;
}

#store_wrapper p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #1f232b;
}

#store_wrapper ul li{
    width: 227.5px;
    margin-right: 30px;
    margin-bottom: 30px;
}

#store_wrapper ul li:nth-of-type(4n){
    margin-right: 0;
}

#store_wrapper ul li .image_wrapper{
    width: 100%;
    height: 156px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

#store_wrapper ul li .text_wrapper{
    text-align: center;
    height: 66px;
    background-color: #1f232b;
    padding-top: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#store_wrapper ul li .text_wrapper span{
    color: #faa61a;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    width: 100%;
    float: left;
}

#store_wrapper ul li .text_wrapper span:nth-of-type(1){
    margin-bottom: 2px;
}

#store_wrapper ul li .text_wrapper span:nth-of-type(2){
    color: white;
    font-size: 14px;
}

/* ==========================================================================
   Marcas
   ========================================================================== */

#marca_intro ul#produtos li h4{
    padding: 0 0 20px 0;
    font-size: 12px;
    text-transform: uppercase;
}

#marca_intro ul#produtos li h4:nth-of-type(2){
    padding: 20px 0;
}

#marca_intro ul.endorsees li p{
    font-size: 12px;
    color: #808080;
    padding: 0;
    margin: 0;
    line-height: normal;
    height: auto;
    text-align: left;
}

div#banner{
    height: 268px;
    background-color: #d2d8db;
    background-image: url('../img/gif/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

div#banner> img{
    position: absolute;
    left: -50%; right: -50%;
    top: 0; bottom: 0;
    margin: auto;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
}

@-moz-document url-prefix(){
    div#banner> img{
        top: -200%; bottom: -200%;
    }
}

section#post article p{
    letter-spacing: normal;
    line-height: 20px;
    margin-bottom: 20px;
}

aside{
    width: 20%;
    border-top-width: 8px;
    border-top-style: solid;
    border-bottom-width: 8px;
    border-bottom-style: solid;
    float: left;
    min-height: 100%;
}

ul#lista_produto> li{
    padding-left: 30px;
    border-bottom: 1px solid #131313;
    width: 100%;
}

ul#lista_produto> li:hover,
ul#lista_produto li.active{
    color: white;
}

ul#lista_produto li.active a,
ul#lista_produto .sub_produto.active a{
    color: #569226;
    padding: 21px 0;
}

ul#lista_produto li.first{
    height: 108px
}

ul#lista_produto li h2{
    border-bottom-width: 4px;
    border-bottom-style: solid;
    display: inline-block;
    height: 30px;
    padding-top: 32px;
    color: white;
    font-size: 22px;
}

ul.sub_produto{
    margin-left: -30px;
}

ul.sub_produto li{
    padding-left: 0;
    width: 100%;
    padding-left: 56px;
    border-left-width: 4px;
    border-left-style: solid;
    border-bottom: 1px solid #131313;
    position: relative;
}

ul#lista_produto li ul.sub_produto li:hover{
    color: white;
}

ul#lista_produto li a,
ul.sub_produto li a{
    display: block;
    color: #FFFFFF;
}

ul.sub_produto li:nth-last-of-type(1){
    border-bottom: 0;
}

ul.sub_produto li> .line{
    width: 20px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

section#post{
    width: 80%;
    float: right;
    min-height: 470px;
}

section#post article{
    width: calc(100% - 440px);
    float: left;
    padding: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

section#post article.no_pad_btm{
    padding: 60px 60px 0 60px;
}

section#post> p{
    padding: 0;
    text-align: justify;
}

section#news_full #gallery{
    padding: 0;
}

#gallery{
    padding: 60px 60px 0 0;
}

section#post article h2{
    font-size: 30px;
    text-transform: uppercase;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    line-height: 60px;
    display: inline-block;
    margin-bottom: 60px;
}

section#post article h2:nth-of-type(2){
    margin: 40px 0 0 0;
}

section#post article p:nth-last-of-type(1){
    margin-bottom: 0;
}

section#post article p span{
    font-weight: bolder;
    margin-bottom: 20px;
    display: block;
}

form.form_details{
    float: left;
    padding: 60px;
    width: 60%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

form.form_details input[type="text"]{
    border: none;
    width: 32%;
    margin-right: 2%;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    background-color: #ebeeef;
    float: left;
    line-height: 1em\9\0;
}

form.form_details select{
    border: none;
    width: 32%;
    margin-right: 2%;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    background-color: #ebeeef;
    float: left;
    line-height: 1em\9\0;
}

@media all and (-ms-high-contrast:none){
   form.form_details input[type="text"]{
        line-height: inherit;
   }
}

form.form_details input[type="text"]

form.form_details input[type="submit"],
div#success_mail{
    background-color: #faa61a;
}

form.form_details input[type="text"]:hover,
form.form_details textarea:hover,
form.form_details textarea:focus,
form.form_details input[type="text"]:focus{
    background-color: #ebeeef;
}

form.form_details input[type="text"].last{
    margin-right: 0;
}

form.form_details textarea{
    height: 80px;
    border: none;
    width: 100%;
    resize: none;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 10px;
    background-color: #ebeeef;
    float: left;
}

form.form_details input[type="submit"]{
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    height: 46px;
    line-height: 46px;
    border: none;
    width: 100%;
    font-weight: bold;
    float: left;
}

.success_details{
    height: 300px;
    width: 100%;
    position: fixed;
    top: 0; bottom: 0;
    margin:  auto;
    z-index: 9;
    display: none;
}

.success_details h2{
    font-size: 26px;
    text-align: center;
    line-height: 300px;
    text-transform: uppercase;
}

/* ==========================================================================
   Empresa
   ========================================================================== */

section#empresa{
    background-color: #e0e6e9;
}

section#empresa h2.border_top{
    border-top: 3px solid #c6cdd1;
}

section#empresa .dash{
    background: #c6cdd1;
    height: 3px;
    width: 100%;
}

div#empresa_intro> .left{
    width: 230px;
    min-height: 250px;
    float: left;
}

div#empresa_intro> .left .logo{
    width: 152px;
    height: 72px;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    background-position: 0 -311px;
    background-position: 0 -312px\9\0;
}
@media all and (-ms-high-contrast:none){
    div#empresa_intro> .left .logo{
        background-position: 0 -312px;
    }
}

div#empresa_intro> .right{
    width: 770px;
    min-height: 230px;
    float: right;
    padding-left: 30px;
}

div#empresa_intro> .right> h3,
div#empresa_intro> .right> p,
div#empresa_colunas> .right h3,
div#empresa_colunas> .right p,
div#empresa_colunas> .left h3,
div#empresa_colunas> .left p,
div#empresa_colunas> .center> h3,
div#empresa_colunas> .center> p{
    color: #818486;
}

div#empresa_intro> .right> h3,
div#empresa_colunas> .right> h3,
div#empresa_colunas> .left> h3,
div#empresa_colunas> .center> h3{
    font-size: 26px;
    padding: 40px 0 40px 0;
    font-family: 'avantgargotitcteeregular';
}

div#empresa_intro> .right> h3> span.line,
div#empresa_colunas> .right> h3> span.line,
div#empresa_colunas> .left> h3> span.line,
div#empresa_colunas> .center> h3> span.line{
    background-color: #569226;
    height: 4px;
    width: 70px;
    position: absolute;
    top: 84px;
    left: 0;
}

div#empresa_intro> .right> p,
div#empresa_colunas> .left> p,
div#empresa_colunas> .right> p,
div#empresa_colunas> .center> p{
    font-size: 16px;
    line-height: 20px;
}

div#empresa_intro> .right> p{
    padding-bottom: 40px;
}

div#empresa_colunas> .left> p,
div#empresa_colunas> .right> p{
    text-align: justify;
    padding-top: 20px;
}

div#empresa_colunas{
    padding-bottom: 60px;
}

div#empresa_colunas> article.left,
div#empresa_colunas> article.right{
    width: 50%;
}

div#empresa_colunas> article.center{
    width: 100%;
    float: left;
}

div#empresa_colunas> article.left{
    float: left;
    padding-right: 18px
}
div#empresa_colunas> article.right{
    float: right;
    padding-left: 18px
}

div#espectaculo{
    height: 300px;
    width: 100%;
    background-image: url('../img/bg/proshows_02.jpg');
    background-size: 100%;
    background-position: center center;
}

@media screen and (max-width: 1500px){
    div#espectaculo{
        background-size: 1500px;
        background-position: center top;
    }
}

div#espectaculo> h3{
    color: #faa61a;
    font-size: 38px;
    text-decoration: underline;
    text-transform: uppercase;
    line-height: 300px;
    left: 0; right: 0;
    margin: auto;
    width: 614px;
    width: 616px\9\0;
    font-family: 'avantgargotitcteeregular';
    (;text-decoration: none;);
    text-align: center;
}
@media all and (-ms-high-contrast:none){
    div#espectaculo> h3{
        width: 616px;
    }
}

div#espectaculo> h3 span{
    font-family: 'arial';
    color: white;
    position: absolute;
    top: -11px; bottom: 0;
    margin: auto;
    font-size: 131px;
    width: 44px;
    height: 44px;
}

div#espectaculo> h3 span:nth-of-type(1){left: -75px;}
div#espectaculo> h3 span:nth-of-type(2){right: -75px;}

div.empresa_append> p{
    color: #818486;
    padding: 55px 0;
    line-height: 20px;
}

div#empresa_blue{
    background-color: #1f232b;
    height: 380px;
}

div#empresa_blue .content> h3{
    color: #faa61a;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 65px 0;
    line-height: 1.2em;
    font-family: 'avantgargotitcteeregular';
}

div#empresa_blue> .line{
    background-color: #faa61a;
    height: 1px;
    width: 100%;
}

div#empresa_blue .content> p{
    color: #faa61a;
    font-size: 16px;
    text-align: center;
    padding-top: 36px;
    font-family: 'avantgargotitcteeregular';
}

/* ==========================================================================
   News_full
   ========================================================================== */

section#news_full{
    background-color: #e0e6e9;
}

section#news_full> .content span.date{
    background-color: #569226;
    font-size: 16px;
    color: white;
    padding: 12px;
    display: inline-block;
    font-family: 'avantgargotitcteeregular';
}

/*article#post p{
    padding: 60px 0;
    font-size: 16px;
    width: 550px;
    float: left;
    text-align: justify;
}*/

#post-text {
    padding: 60px 0;
    width: 550px;
    float: left;
}

#post-text p {
    margin-bottom:15px;
    text-align: justify;
    font-size: 16px;
}

div#gallery{
    width: 380px;
    float: right;
}

div#gallery_target{
    background-image: url('../img/gif/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #d2d8db;
    min-height: 100px;
        -webkit-transition: height 3s;
       -moz-transition: height 3s;
        -ms-transition: height 3s;
         -o-transition: height 3s;
            transition: height 3s;
}

div#gallery_target img{
    max-width: 380px;
    min-width: 380px;
    opacity:0;
}

ul.owl-carousel li{
    width: 93px;
    height: 93px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid rgb(232, 232, 232);
}

ul.owl-carousel li img{
    max-width: 120%;
    min-width: 120%;
    position: absolute;
    left: -50%; right: -50%;
    margin: auto;
    opacity:0;
}
@-moz-document url-prefix(){
    ul.owl-carousel li img{
        top: -50%; bottom: -50%;
    }
}

div.product-downloads{
    margin-top: 10px;
}

div.product-downloads h3{
    font-weight: bold;
    font-family: "Arial";
}

div.product-downloads ul{
    margin-top: 10px;
}

div.product-downloads ul li a{
    font-family: "Arial";
    font-weight: bold;
    background: #fabb32;
    text-align: center;
    width: 380px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}

#news_full .inscreva {
    background: #569226;
    color: #fff;
    width: 80px;
    padding: 15px;
    float: left;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#news_full .inscreva:hover {
    background: #faa61a;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/* ==========================================================================
   Vendedores regionais
   ========================================================================== */

section#vendedores_r{
    padding-bottom: 100px;
    height: 725px;
}

section#vendedores_r> .content{
    left: 0; right: 0;
    position: absolute;
    z-index: 3;
}

.vendedores_r_form{
    padding-top: 40px;
}

section#vendedores_r> .content> .left,
section#vendedores_r> .content> .right{
    width: 50%;
}

section#vendedores_r> .content> .right{
    background-color: white;
    border-top: 6px solid #569226;
    height: 650px;
    margin-top: 40px;
    padding-top: 30px;
    overflow: hidden;
}

ul.right li{
    width: 100%;
}

ul.right li h4{
    height: 50px;
    background-color: #1f232b;
    color: #faa61a;
    line-height: 50px;
    padding-left: 30px;
}

ul.right li p{
    padding: 30px;
    line-height: 22px;
}

section#vendedores_r> .content> .left{float: left;}
section#vendedores_r> .content> .right{float: right;}

section#vendedores_r> .content> .left p{
    font-size: 26px;
    color: #9a9ea0;
    margin: 40px 0;
    font-family: 'avantgargotitcteeregular';
}

section#vendedores_r> #google_map{
    margin-top: 170px;
}

form#select_local select{
    background-color: white;
    margin: 0;
    border: none;
    float: left;
    height: 40px;
    width: 180px;
    padding: 0 10px;
    color: #9a9ea0;
    font-size: 16px;
    margin-right: 16px;
    font-family: 'avantgargotitcteeregular';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index:9;
    position: relative;
}

@-moz-document url-prefix() {
    form#select_local select{
        padding: 8px 10px;
    }
}

form#select_local select option{
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

form#select_local input[type="submit"]{
    width: 84px;
    height: 40px;
    background-color: #569226;
    border: none;
}

form#select_local input[type="submit"]:hover{
    background-color: #437a17;
}

form#select_local span.fieldset{
    float: left;
}

form#select_local span.fieldset .lupe{
    position: absolute;
    right: 0; left: 0;
    top: 0; bottom: 0;
    margin: auto;
    width: 19px;
    height: 19px;
    background-position: -157px 0;
}



/* ==========================================================================
   Vendedores regionais = css map
   ========================================================================== */
        
    #map{
        margin-top: 70px;
    }

    #map .state .label_icon_state {
        fill: #fff;
        font-size: 11px;
        line-height: 12px;
        font-weight: normal;
    }

    #map .model-green .state .icon_state {
        fill: #569226;
    }

    #map .state {
        cursor: pointer;
    }

    #map .model-green .state .shape {
        fill: #1f232b;
        -webkit-transition: all .25s;
           -moz-transition: all .25s;
            -ms-transition: all .25s;
             -o-transition: all .25s;
                transition: all .25s;
    }

    #map .model-green .state:hover .shape, 
    #map .model-green .state.hover .shape{
        fill: #faa61a;
    }

    #map .model-green .state:hover .icon_state, #map .model-green .state.hover .icon_state {
        fill: #569226;
    }

    #map .model-green .state:hover .shape, #map .model-green .state.hover .shape {
        fill: #faa61a;
    }

    #map .state .shape {
        cursor: pointer;
        stroke-width: 0;
    }

    .label_state{
        display: none;
    }


/* ==========================================================================
   Contato
   ========================================================================== */

#cadastro_lojista,
#trabalhe_conosco{
    display: none;
}

#contato .line,
#news_full .line{
    border-bottom: 3px solid #c6cdd1;
}

#map> .triangle{
    width: 64px;
    height: 32px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -135px -252px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -32px;
    margin: auto;
    z-index: 3;
    background-position: -135px -253px\9\0;
}

@media all and (-ms-high-contrast:none){
    #map> .triangle{
        background-position: -135px -253px;
    }
}

#contato> .content p,
#empresa .content p.select{
    font-size: 26px;
    padding: 40px 0;
    color: #9a9ea0;
    font-family: 'avantgargotitcteeregular';
}

#contato> .content p.small{
    font-size: 16px;
    padding: 0 0 40px 0;
    line-height: 24px;
}

#contato> .content p.file_cur{
    font-size: 16px;
    padding: 10px 0 40px 0;
    float: left;
}

#contato> .content p.file_cur span{
    color: #569226;
}

#inscreva p {
    text-align: center;
}

/* Inscreva-se */
#inscreva input[type="text"].size_one {
    width: 70px;
}

#inscreva input[type="text"].size_two {
    margin-right: 0;
    width: 228px;
}
#inscreva input[type="text"].estado {
    margin-right: 0;
}
#inscreva input[type="text"].curso {
    margin-right: 33px;
}
#inscreva input[type="submit"] {
    height: 50px;
    width: 485px;
}

/* Seja nosso representante */
#representante input[type="text"].regiao,
#representante input[type="text"].complemento,
#representante input[type="text"].estado,
#representante input[type="text"].size_two,
#representante input[type="text"].email {
    margin-right: 0;
}

#representante input[type="text"].falarcom {
    margin-right: 35px;
}

#area_restrita_topo {
    height: 126px;
    width: 100%;
    border-top: 10px solid #1f232b;
    border-bottom: 10px solid #1f232b;
}

#area_restrita_topo div {
    background: url('../img/svg/logo_area_restrita.png');
    width: 178px;
    height: 84px;
    margin-top: 18px;
}

/* Login */
#login form {
    margin-left: 18%;
}

#login p {
    text-align: center;
}

#login input[type="text"], #login input[type="password"]{
    width: 241px;
}

#login input[type="text"]:first-of-type, #login input[type="password"]:first-of-type {
    margin-right: 10px;
    margin-bottom: 12px;
}

#login input[type="submit"] {
    height: 44px;
    width: 644px;
}

/****/
ul.client_type{
    padding-bottom: 40px;
}

ul.client_type li{
    height: 64px;
    width: 330px;
    font-size: 16px;
    line-height: 64px;
    text-transform: uppercase;
    text-align: center;
    background-color: #c6cdd1;
    color: #808385;
    position: relative;
    cursor: pointer;
    font-family: 'avantgargotitcteeregular';
}

#map> ul.client_type{
    margin-bottom: 60px;
}

#map> ul.client_type li{
    width: 498px;
    font-size: 26px;
}

ul.client_type li.highlight{
    color: white !important;
    background-color: #569226;
}

ul.client_type li.active{
    color: white;
    background-color: #569226;
}

ul.client_type li.dash,
#map> ul.client_type li.dash{
    height: 64px;
    width: 4px;
    background-color: #bbc1c4;
}

ul.client_type li:not(.dash).active:after,
ul.client_type li:not(.dash):after,
ul.client_type li.highlight:after{
    content: " ";
    width: 23px;
    height: 23px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    position: absolute;
    left: 20px;
    top: 20px;
    background-position: -117px -163px;
}

ul.client_type li.highlight:after{
    background-position: -117px -163px !important;
    background-position: -117px -164px\9\0 !important;
}

ul.client_type li:not(.dash):after,
ul.client_type li:not(.dash).active:after{
    background-position: -117px -185px;
    background-position: -117px -186px\9\0;
}

ul.client_type li:not(.dash).highlight:before{
    content: " ";
    width: 24px;
    height: 12px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    position: absolute;
    left: 0; right: 0;
    margin: auto;
    bottom: -11px;
    background-position: -134px 0;
}

@media all and (-ms-high-contrast:none){
    ul.client_type li.highlight:after{
        background-position: -117px -164px !important;
    }
    ul.client_type li:not(.dash):after,
    ul.client_type li:not(.dash).active:after{
        background-position: -117px -186px;
    }
}

form#mensagem span.fieldset input[type="text"],
form#mensagem span.fieldset textarea{
    color: #1f232b;
}

form.flex span.fieldset{
    float: left;
}

form.flex p{
    float: left;
}

form.flex span.fieldset input[type="text"],
form.flex span.fieldset input[type="password"],
form.flex span.fieldset input[type="file"],
form.flex span.fieldset textarea,
form.flex span.fieldset select{
    position: relative;
    height: 44px;
    width: 407px;
    border-top: 3px solid #c6cdd1;
    border-bottom: 3px solid #c6cdd1;
    border-left: 0;
    border-right: 0;
    margin: 0;
    padding: 0 15px 0 60px;
    margin: 0 35px 30px 0;
    font-family: 'Lato', sans-serif;
}

form.flex span.fieldset select{
    (;line-height: 40px;);
    (;text-indent: 60px;);
}

@-moz-document url-prefix(){
    form.flex span.fieldset select,
    form.flex span.fieldset input[type="file"]{
        padding: 11px 15px 11px 60px !important;
    }
    form.flex span.fieldset select option{
        padding: 10px;
    }
}

@media all and (-ms-high-contrast:none){
    form.flex span.fieldset input[type="file"]{
        padding: 20px 15px 20px 60px !important;
    }
}

form.flex span.fieldset input[type="file"]{
    background-color: white;
    width: 925px;
    padding-top: 20px;
    padding: 20px 15px 20px 60px\9\0;
}

form.flex span.fieldset select{ height: 50px; }

form.flex span.fieldset input[type="text"].last,
form.flex span.fieldset select.last{
    margin-right: 0;
}

form.flex span.fieldset input[type="text"].size_one{ width: 140px;}
form.flex span.fieldset select.size_one{ width: 215px;}
form.flex span.fieldset input[type="text"].size_two{ width: 157px;}
form.flex span.fieldset select.size_two{ width: 233px;}
form.flex span.fieldset input[type="text"].no_margin{ margin-bottom: 0;}
form.flex span.fieldset input[type="text"].space,
form.flex input[type="submit"].space{margin-bottom: 60px;}

form.flex span.fieldset input[type="text"]::-webkit-input-placeholder,
form.flex span.fieldset textarea::-webkit-input-placeholder{
    color: #1f232b;
    font-family: 'Lato', sans-serif;
}

form.flex span.fieldset input[type="text"]::-moz-placeholder,
form.flex span.fieldset textarea::-moz-placeholder{
    color: #1f232b;
    font-family: 'Lato', sans-serif;
    opacity: 1;
}

form.flex span.fieldset textarea{
    height: 200px;
    resize: none;
    float: left;
    width: 790px;
    line-height: 44px;
}

form.flex span.bullet.less{
    width: 43px;
}

form.flex span.fieldset .line{
    position: absolute;
    left: 44px;
    top: 3px;
    width: 1px;
    height: 197px;
    background-color: #efefef;
    z-index: 1;
}

form.flex span.fieldset.file .line{
    height: 64px;
    height: 84px\9\0;
}

@media all and (-ms-high-contrast:none){
    form.flex span.fieldset.file .line{
        height: 84px;
    }
}

form.flex span.fieldset.file .bullet{
    width: 33px;
}

form.flex> input[type="submit"],
#downloads input[type="submit"] {
    float: left;
    color: #9a9ea0;
    background-color: #c6cdd1;
    width: 100px;
    height: 206px;
    border-top: 3px solid #9a9ea0;
    border-bottom: 3px solid #9a9ea0;
    border-left: none;
    border-right: none;
    padding: 0;
    font-family: 'avantgargotitcteeregular';
    text-transform: uppercase;
}

/* Downloads */
#downloads input[type="submit"] {
    width: 316px;
    height: 44px;
    margin-right: 100%;
    margin-bottom: 35px;
}

#downloads p {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
    float: left;
}

#downloads p:first-of-type {
    padding-top: 46px !important;
}

form.flex> input[type="submit"]:hover,
#downloads input[type="submit"]:hover{
    background-color: #569226;
    border-top: 3px solid #3b6c13;
    border-bottom: 3px solid #3b6c13;
    color: white;
}

form.flex> input[type="submit"].slim{
    width: 482px;
    height: 50px;
}

form.flex span.bullet{
    width: 45px;
    height: 44px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -115px -207px;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 1;
    background-position: -115px -209px\9\0;
    height: 43px\9\0;
    top: 4px\9\0;
}

@-moz-document url-prefix(){
    form.flex span.bullet{
        background-position: -115px -208px;
        height: 43px;
    }
}

.bullet.safari_select{
    (;display: none;);
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0){  
   .bullet.safari_select{(;
        display: none;
    );}
}

_::-webkit-full-page-media, _:future, :root .bullet.safari_select{
    display: none;
}


@media all and (-ms-high-contrast:none){
    form.flex span.bullet{
        height: 43px;
        background-position: -115px -209px;
        top: 4px;
    }
}

form.flex span.clean{
    width: 100%;
    height: 1px;
    clear: both;
    display: block;
}

#success{
    background-color: #569226;
    height: 300px;
    width: 100%;
    position: fixed;
    top: 0; bottom: 0;
    margin:  auto;
    z-index: 9;
    display: none;
}

#success.home_success{background-color: #faa61a;}
#success.home_success h2{color: #1f232b;}

#success h2{
    color: white;
    font-family: 'avantgargotitcteeregular';
    font-size: 30px;
    text-align: center;
    line-height: 300px;
}

#google_map{
    background-color: white;
    width: 100%;
    height: 466px;
}

#google_map> .pattern{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('../img/bg/proshows_03.png');
    z-index: 2;
}

#google_map> .content{
    height: 466px;
    position: absolute;
    left: 0; right: 0;
    z-index: 3;
}

ul#modal_map{
    width: 316px;
    height: 274px;
    position: absolute;
    overflow: hidden;
    left: 0; top: 0; bottom: 0;
    margin: auto;
    z-index: 2;
}

ul#modal_map li{
    width: 316px;
    height: 274px;
    background-color: white;
    border-top: 4px solid #569226;
    padding: 30px;
}

ul#modal_map li header{
    width: 100%;
    height: 48px;
}

ul#modal_map li header h3{
    font-size: 22px;
    color: #569226;
    float: left;
}

ul#modal_map li header p{
    font-size: 16px;
    color: #1f232b;
    float: right;
}

ul#modal_map li section{
    padding-top: 30px;
}

ul#modal_map li section p{
    font-size: 16px;
    color: #1f232b;
    line-height: 24px;
}

ul#modal_map li> .line{
    width: 316px;
    height: 3px;
    background-color: #e4e4e4;
    border: none;
    margin-left: -30px;
}

#map_canvas{
    width: 100%;
    height: 466px;
    position: absolute;
    z-index: 1;
}

.modal {
    position: fixed;
    width: 500px;
    left: 50%;
    top: 50%;
    background-color: #1f232b;
    transform: translate(-50%, -50%);
    padding: 24px;
    z-index: 10;
    padding-bottom: 6px;
    display: none;
}

.modal .close {
    color: #1f232b;
    position: absolute;
    top: -12px;
    right: -13px;
    background-color: #fff;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;    
    z-index: 10;
}

.modal h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 14px;
    font-weight: bold;
}

.modal .label {
    display: none;
}

.modal .form-control {
    width: 100%;
    border: none;
    padding: 9px 12px;
    box-sizing: border-box;
}

.modal .form-group {
    display: block;
    margin-bottom: 20px;
}
.modal .form-group.-inline {
    display: inline-block;
}

.modal .btn {
    background-color: #faa61a;
    color: #fff;
    border: none;
    text-transform: uppercase;
    padding: 7px 30px;
}

.modal .btn.multiselect {
    background-color: #fff;
    color: #a9a9a9;
    text-transform: none;
    padding-left: 14px;
    padding-right: 14px;
}


.modal.-success {}
.modal.-success > .success-message {
    display: block;
}

.success-message {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #1f232b;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 55px;
    box-sizing: border-box;
}

.success-message h3 {
    background-color: #faa61a;
    display: inline-block;
    padding: 16px;
    margin-bottom: 37px;
}

.success-message p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}

.success-message > .share {
    display: block;
    width: 100%;
    text-align: center;
    height: 20px;
}
.success-message > .share > .item {display: inline-block;float: none;vertical-align: top;margin: 0 10px;}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

._pull-left {
    float: left;
}
._pull-right {
    float: right;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   Owl.Carousel
   ========================================================================== */
/* ==========================================================================
   Owl.Carousel.css
   ========================================================================== */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(../img/gif/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -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.theme.css
   ========================================================================== */

.owl-theme .owl-controls{
    /*margin-top: 10px;*/
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    background-color: #1f232b;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -70px;
}

.owl-next{right: 0;}
.owl-prev{left: 0;}

.owl-next:after{
    content: " ";
    width: 15px;
    height: 28px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -142px -25px;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
}

.owl-prev:after{
    content: " ";
    width: 15px;
    height: 28px;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -156px -25px;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(../img/gif/AjaxLoader.gif) no-repeat center center
}

/* ==========================================================================
   jquery.fancybox
   ========================================================================== */

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

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

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

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

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

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

.fancybox-inner {
    overflow: hidden;
}

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

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

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

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

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

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

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

.fancybox-close {
    position: absolute;
    top: 25px;
    right: -25px;
    cursor: pointer;
    z-index: 9;
    background-image: url('../img/svg/proshows_global_sprite.svg');
    background-position: -140px -53px;
    width: 53px;
    height: 53px;
}

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

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

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

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

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

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

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

/* Overlay helper */

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

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

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

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

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

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

/* Title helper */

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
    jquery.mCustomScrollbar
   ========================================================================== */

.mCSB_container{width:auto;margin-right:30px;overflow:hidden}.mCSB_container.mCS_no_scrollbar{margin-right:0}.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px}.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;text-align:center;background-color:#9a9ea0 !important; z-index: 3;}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px}.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0}.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden}.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right}.mCustomScrollBox{-ms-touch-action:none}.mCustomScrollBox>.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,0.15)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000;background:rgba(0,0,0,0.75)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9)}.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#fff;background:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85)}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9)}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#000;background:rgba(0,0,0,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85)}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9)}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#fff;background:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85)}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9)}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#000;background:rgba(0,0,0,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff;background:rgba(255,255,255,0.1)}.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,0.15)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#000;background:rgba(0,0,0,0.75)}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}
.mCSB_draggerRail{background-color: #e5e4e4 !important;}.mCSB_dragger_bar{background-color: #e5e4e4 !important;}