#my-theme-colors {
    color: #4fbfa8;
    color: #ffffff;
    color: #ff8e02;
    color: #dff0d8;
    color: #f2dede;
    color: #bebecc;
    color: #bebecc;
    color: #3e4095;
    color: #3e4095;
    color: #3e4095;
}

#top ul.menu > li + li.no-separator::before {
    content: none !important;
}

#top ul.menu > li a {
    color: #ffffff;
}

.sidebar-cat-primary {
    color: #3e4095;
    font-weight: bold;
}

#top #login-modal .modal-header {
    background-color: #3e4095;
}

#top {
    background: #3e4095 !important;
    padding: 10px 0;
}

.input-group-addon, .input-group-btn {
    width: auto;
}

#hot h2 {
    margin-left: -2em;
}

#hot .product-slider-filtro {
    margin-bottom: 20px;
}

#hot .product-slider-filtro:before,
#hot .product-slider-filtro:after {
    content: " ";
    display: table;
}

#hot .product-slider-filtro:after {
    clear: both;
}

#hot .product-slider-filtro .item {
    margin: 0 25px;

}

#hot .product-slider-filtro .owl-controls {
    position: relative;
    top: -30px;
}

#hot .product-slider-filtro .owl-controls .owl-buttons {
    display: none;
}

#hot .product-slider-filtro .owl-controls .owl-page.active span,
#hot .product-slider-filtro .owl-controls.clickable .owl-page:hover span {
    background: #4fbfa8;
}

#content .same-height-row .product .text {
    /*margin-top: 0em !important;*/
}

/*#content .product .text {*/
/*margin-top: 3em !important;*/
/*}*/

@media screen and (max-width: 991px) {
    #content .product .text {
        margin-top: 32% !important;
    }

    #content .product .text h3 {
        font-size: 20px !important;
    }
}

.modal-content {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    text-align: center;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

p.old_price {
    text-align: center;
    margin-bottom: -35px;
    color: #ff8e02;
}

#msg {
    background-color: #dff0d8;
    padding: 6px;
    margin: 10px 0 10px 0;
}

#content .product .text h3 a {
    color: #3e4095 !important;
}

#msg.alert-danger {
    background-color: #f2dede;
}

#msg p.alert {
    padding: 3px;
    margin-bottom: 4px;
    border: none;
    background: none;
}

#content .panel.sidebar-menu ul.nav ul li a {
    padding: 8px 15px !important;
}

.flipper img {
    /*height:260px;*/
}

#content .panel.sidebar-menu ul.nav.category-menu li a {
    text-transform: uppercase !important;
}

#productMain #mainImage img {
    height: 600px;
}

.btn.btn-success:hover,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn.navbar-btn.btn-primary:hover {
    background: #ffffff;
    color: #000 !important;
}

#hot h2 {
    color: #bebecc !important;
}

.btnModalMedidas {
    cursor: pointer;
    margin-top: -12px !important;
    position: absolute;
}

.drift-open {
    z-index: 9999;
    height: 80%;
}

#content .product .text {
    padding: 0 10px !important;
}

/** FRONT_END CUSTOM */

.navbar-default {
    color: #FFFFFF;
    background-color: #bebecc !important;
}

.yamm .container {
    position: relative;
    background-color: #bebecc !important;
}

.dropdown-menu {
    background-color: #bebecc !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #bebecc !important;
    color: #FFFFFF;
}

#copyright {
    background: #bebecc !important;
    color: #000 !important;
}

.btn-success {
    color: #000 !Important;
    background-color: #bebecc !Important;
    border-color: #bebecc !Important;
}

.btn.btn-success:hover, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success, .btn.navbar-btn.btn-primary:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: #ffffff !important;
    color: #000 !important;
}

@media screen and (min-width: 992px) {
    .navbar ul.nav > li > a {
        font-size: 0.9em;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.navbar-default .navbar-nav > li > a, #content #blog-listing .post h2 a, #content #blog-homepage .post h2 a,
#content #blog-listing .post h4 a, #content #blog-homepage .post h4 a {
    color: #3e4095 !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #000000 !important;
}

.navbar a h5, #top #login-modal a {
    color: #3e4095 !important;
}

.navbar a h5:hover {
    color: #000000 !important;
}

/*DEPOIMENTOS*/

#explore {
    padding: 0 !important;
}

body {
    height: 100%;
    background-color: #e4e4f5;
}

.btn-primary {
    color: #fff;
    background-color: #3e4095;
    border-color: #373435;
}

#content #order-summary table tr.total td, #content #order-summary table tr.total th {
    color: #3e4095;
}

.conteudo {
    height: 100%;
}

#explore {
    padding: 50px 0 100px;
}

h3.seja-o-primeiro {
    margin-top: 50%;
    font-size: 3em;
}

.depoimento {
    background-color: #3e4095;
    color: #ffffff;
    padding: 0.4em;
    border-radius: 0.4em;
}

.avatar {
    margin: 0.3em;
}

.autor, .data {
    margin-top: 0.5em;
}

.texto {
    margin: -0.7em 0 0.5em 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #3e4095 !important;
    border-color: #F5F0C9 !important;
    color: #000000 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #F5F0C9 !important;
}

.pagination > li > a, .pagination > li > span {
    color: #3e4095 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    color: #000000 !important;
    background-color: #F5F0C9 !important;
}