@font-face {
    font-family: 'myriad';
    src: url('MyriadPro-Regular.eot');
    src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('MyriadPro-Regular.woff2') format('woff2'),
    url('MyriadPro-Regular.woff') format('woff'),
    url('MyriadPro-Regular.ttf') format('truetype'),
    url('MyriadPro-Regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'provoke';
    src: url('Provoke-Personal-Use-Only-Inline-Thin.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'corveta';
    src: url('Corvetta.ttf');
    font-weight: normal;
    font-style: normal;
}

body{font-family: "myriad", sans-serif; color: #FFF}
.font-provoke {font-family: "provoke", sans-serif}
.font-corveta {font-family: "corveta", sans-serif}

.img-responsive{display: inline-block;}
a{color: #CD3539}
a:hover{text-decoration: none; color: #404C8E}
.uppercase{text-transform: uppercase}
.corroxa{color: #404C8E}
.corazul{
    color:#404C8E;}
.corvermelha{color: #CD3539}
.text-white{ color: #FFF; }
.bg-gray{background-color: #343434;}
.padding{padding: 10px auto;}

.btn-primary{
    background-color: #40518A;
    color: #FFF;
    border-radius: 15px;
    padding: 8px 30px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #404C8E;
    border-color: #404c8e;
}
/* HOVER EFFECT */

figure {
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    height: auto;
    text-align: center;
    cursor: pointer;
    max-width: 210px;
}
figure.effect-ming img {
    opacity: 0.9;
    transition: opacity 0.35s ease 0s;
}
figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
 figure figcaption, figure figcaption > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
figure figcaption {
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.25em;
    backface-visibility: hidden;
}
figure.effect-ming figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    box-shadow: 0px 0px 0px 30px rgba(255, 255, 255, 0.2);
    content: "";
    opacity: 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale3d(1.4, 1.4, 1);
}
figure figcaption::before, figure figcaption::after {
    pointer-events: none;
}
figure.effect-ming h2 {
    margin: 20% 0px 10px;
    transition: transform 0.35s ease 0s;
}
figure h2, figure p {
    margin: 0px;
}
figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}
figure.effect-ming p {
    padding: 5em;
    opacity: 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale(1.5);
}
figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
figure h2, figure p {
    margin: 0px;
}
figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0px;
    opacity: 0;
}
figure figcaption, figure figcaption > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
figure.effect-ming:hover img {
    opacity: 0.4;
}
figure.effect-ming:hover figcaption {
    background-color: rgba(54, 84, 139, 0.14);
}
figure.effect-ming:hover h2 {
    transform: scale(0.9);
}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

figure.effect-steve {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-width: 250px;
    height: auto;
    text-align: center;
    cursor: pointer;
    float: left;
    max-height: 142px;
    max-width: 250px;
}
figure.effect-steve {
    z-index: auto;
    overflow: visible;
    background: #000 none repeat scroll 0% 0%;
}
figure.effect-steve img {
    opacity: 1;
    transition: transform 0.35s ease 0s;
    transform: perspective(1000px) translate3d(0px, 0px, 0px);
}
figure.effect-steve figcaption {
    z-index: 1;
}
figure.effect-steve p {
    margin-top: 5em;
    padding: 0.5em;
    font-weight: 800;
    opacity: 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale3d(0.9, 0.9, 1);
}
figure.effect-steve h2, figure.effect-steve p {
    background: #FFF none repeat scroll 0% 0%;
    color: #2D434E;
}
figure.effect-steve:hover img {
    transform: perspective(1000px) translate3d(0px, 0px, 21px);
}
figure.effect-steve:hover p {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.navbar-default {
    background: none;
    border: none;
    margin-top: 41px;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
    text-transform: uppercase;
    border: 2px solid #FFF;
    border-radius: 10px;
    margin: 0 10px;
    padding: 5px 10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #404C8E;
    background-color: transparent;
    border-color: #404c8e;
}

.dropdown-menu{
    margin: 0 12px!important;
    background-color: transparent!important;
    border: 1px solid rgba(0,0,0,.65)!important;
}

.navbar-default .navbar-nav > .open > a{
    background-color: transparent!important;
    color: #fff!important;
}

.dropdown-menu > li > a{
    color: #fff!important;
}

.dropdown-menu > li > a:hover{
    color: #333!important;
}

header img{padding: 10px;}
header{background-color: #c4c4c4}

.input-search{
    border: 2px solid #FFF;
    border-radius: 50px;
}

.input-search .form-control{
    color: #FFF;
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
}

.input-search .input-group-addon {
    color: #FFF;
    background-color: transparent;
    border: 0;
}
header .form-control{
    max-width: 80px;
}
header label {
    color: #404c8e;
    padding: 6px;
}
/* header .carrinho i{
    color: #FFF;
    margin-top: 41px;
    margin-left: -85px;
} */

.form-control:focus {
    border-color: #404c8e;
}

.materiais{padding: 5px 20px;}
.materiais h1{color: #CD3539; font-size: 54px;}
.materiais p{color: #535353; font-size: 15px;}
.materiais .btn-info {
    color: #CD3539;
    background-color: transparent;
    border-color: #CD3539;
    font-size: 26px;
    border-radius: 0;
    padding: 10px 65px;
}
.materiais .btn-info:hover {
    color: #fff;
    background-color: #CD3539;
    border-color: #CD3539;
}

.tecidos{padding: 62px;}
.tecidos h1{color: #fff; font-size: 45px;}
.tecidos p{color: #fff; font-size: 15px; padding: 90px 45px 10px;}
.tecidos .btn-info {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    font-size: 26px;
    border-radius: 0;
    padding: 10px 65px;
}
.tecidos .btn-info:hover {
    color: #777;
    background-color: #fff;
    border-color: #fff;
}

.foot{background: #C4C4C4; }
.foot .padding{padding: 10px 0 10px 50px;}
footer {padding: 64px 0 2px; font-size: 15px;}
footer img{padding: 15px 0;}

.faixa{border-top: 1px solid rgba(148, 155, 192, 0.19);}
.titulo{
    padding: 25px 0;
    border-bottom: 1px solid #FFF;
    color: #F73859;
}

.titulo-carrinho{
    color: #F73859;
    margin-top: 75px;
}

.titulo-produto{
    color: #F73859;
    border-bottom: 1px solid #FFF;
    margin-bottom: 45px;
}

.produto-lista .titulo{
    margin-bottom: 7px !important;
}
.produto-lista p{color: #FFF;}
.produto-lista{margin-bottom: 20px;}
.menu_sub{margin-top: 27px;}
.menu_sub a{background: rgba(255, 255, 255); border-radius: 15px !important;}
.categoria{
    padding: 45px 0 0;
    color: rgb(255, 255, 255);
}
.categoria_mae a{background: #CD3539; color: #fff;}
.categoria_mae a:hover {
    text-decoration: none;
    background-color: #ba2b2f !important;
}
.ativo a{background: rgba(64, 76, 142, 0.64);
    color: #fff;}
.ativo a:hover{background: rgba(64, 76, 142, 0.74) !important;
    color: #fff;}

.produto a{text-align: center}

.produto-card{
    background-color: #FFF;
    border-radius: 15px;
    margin: 20px auto;
    padding-bottom: 5%;
}

.produto-link {
    color: rgba(64, 76, 142, 1);
}

.btn-produto{
    background-color: rgba(64, 76, 142, 1);
    color: #FFF;
    border-radius: 25px;
}

.produto-img{
    border-radius: 10px;
}

.form-control {
    background-color: transparent !important;
}

.info-mobile{
    display: none;
}


.galleria{ width: 100%; height: 400px; background: #000 }
.galleria-theme-classic {
    position: relative;
    overflow: hidden;
    background: #FFF;
    border: 1px solid RGBA(133, 140, 183, 0.27);
}
.galleria-theme-classic .galleria-counter {
    color: #000;
}

.produto-carrinho{max-width: 80px;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #404c8e;
    border-color: #404c8e;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #404c8e;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.social-icons{
    display: inline-flex;
}

.social-icons a{
    background-color: #404c8e;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 12%;
    margin-left: 10px;
}

.social-icons a i{
    justify-content: center;
    display: flex;
    font-size: 35px;
    margin-top: 18%;
    color: #FFF!important;
}

.nivo-controlNav{
    display: none;
}

.nivoSlider{
    margin-bottom: 0!important;
}

.linha{
    height: 5px;
    background-color: #FFF;
    padding: 0 15px;
}

.title-card{
    text-transform: uppercase;
    font-weight: bold;
}

.subtitle-card{
    margin-top: -15px;
}

.btn-card{
    display: inline-block;
    width: 100%;
    background-color: #5A3F44;
    border: 0;
    color: #FFF;
    padding: 30px 0;
    font-size: 30px;

    /* border radius */
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.vertical-align{
    display: flex;
    align-items: center;
}

.py-15{
    padding: 0 15px;
}

.pt-50{
    padding-top: 50px;
}

.galleria{
    background-color: transparent;
}

.galleria-theme-classic{
    background-color: transparent;
    border: 0;
}

.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-thumbnails-container,
.galleria-theme-classic .galleria-counter{
    display: none!important;
}

.galleria-theme-classic img{
    border-radius: 15px;
}

.title-descricao{
    background-color: #717575;
    color: #FFF;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 0!important;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.produto-descricao{
    background-color: #E5E5E5;
    padding: 20px;  
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.produto-descricao p{
    color: #484545!important;
}

.btn-carrinho{
    background-color: #62D2A2;
    border: 0;
    color: #FFF;
    width: 100%;
    margin-top: 30px;
    border-radius: 30px;
    padding: 15px;
    font-weight: bold;
}

.desc-produto h3{
    color: #F73859;
}

.desc-produto p{
    color: #FFF!important;
}

.carrinho-vazio{
    padding: 0!important;
}

.carrinho-vazio img{
  width: 100%;
}

.btn-carrinho-vazio{
    background-color: #404c8e;
    border-radius: 15px;
    color: #FFF;
}

.input-group-addon, .btn-default{
    background-color: #717575;
    border: 0;
    border-radius: 0;
    color: #111;
}

.btn-carrinho-style{
    text-transform: uppercase;
    border-radius: 30px;
    width: 100%;
    font-weight: bold;
    padding: 10px 15px;
}

.btn-continuar-comprando{
    background-color: #40518A;
    color: #FFF;
}

.cores{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0px 2px;
}

.radio-inline:first-child{
    margin-left : 10px;
}

.d-flex{
    display: flex;
    margin-top: 30px;
}

.produtos-relacionados{
    text-align: center;
    border-bottom: 2px solid #FFF;
    margin-top: 30px;
    margin-bottom: 20px;
}


@media (max-width: 767px) {
    .navbar-default {
        margin-top: 0;
    }
    .foot .text-right{text-align: center !important;}
    .foot{text-align: center !important;}
    .foot .padding{padding: 10px 0 43px 20px;}
    .menu_sub{margin-top: 5px;}
    .categoria{
        padding: 5px 0 0;
        text-align: center;
    }

    header .carrinho i{
        color: #FFF;
        text-align: center;
        margin: 10px auto;
        display: block;
    }

    header .input-search {
        margin-bottom: 10px !important;
    }   
}

@media (max-width: 530px) {
    .tecidos h1{color: #fff; font-size: 30px; margin-bottom: 10px;}
    .tecidos p{color: #fff; font-size: 15px; padding: 15px 10px 18px;}
    .tecidos .btn-info {
        color: #fff;
        background-color: transparent;
        border-color: #fff;
        font-size: 26px;
        border-radius: 0;
        padding: 10px 24px;
    }
    /* .tecidos{padding: 25px; background: url("../img/tecidos.jpg") center no-repeat;} */

    .materiais{padding: 5px 20px;}
    .materiais h1{color: #CD3539; font-size: 30px;}
    .materiais p{color: #535353; font-size: 15px;}
    .materiais .btn-info {
        color: #CD3539;
        background-color: transparent;
        border-color: #CD3539;
        font-size: 26px;
        border-radius: 0;
        padding: 10px 24px;
    }

    header .carrinho i{
        color: #FFF;
        text-align: center;
        margin: 10px auto;
        display: block;
    }

    header .input-search {
        margin-bottom: 10px !important;
    }

    .t-mobile{
        display: none;
    }

    .info-mobile{
        display: block;
    }
    
}

@media (min-width: 768px){
    .tecidos h1{font-size: 50px !important;}
    .tecidos{padding: 70px;}
    .materiais{padding: 0 15px;}
    .materiais h1{color: #CD3539; font-size: 50px; margin: 0}
    .navbar-nav{
        display: flex!important;
        justify-content: center!important;
    }

    header .carrinho i{
        color: #FFF;
        margin-top: 41px;
        margin-left: -85px;
    }
    
    header .input-search {
        margin-top: -53px !important;
    }
}

.radio-inline input[type="radio"]{
    display: none!important
}

.radio-inline{
    padding-left: 0!important;
}