/* CSS Document */


/*!
BUTTONS
*/.btn {
    font-size: 1rem;
    font-family: Oswald, arial, helvetica,sans-serif;
    font-weight: 700;
	text-transform: uppercase;
    padding: 5px 15px;
    height: auto;
    line-height: 34px;
    border: none;
    z-index: 2;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn:before, body, html {
    -webkit-font-smoothing: antialiased;
}
.btn, .btn.focus, .btn:focus, .btn:hover {
    color: #fff;
}
.btn.btn-important {
    font-weight: 600;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    background: 0 0;
}
.btn.active, .btn.active:focus, .btn:active, .btn:active:focus, .btn:focus, .btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    text-decoration: none;
}
.btn.btn-default, .btn.btn-link {
    color: #124371;
}
.btn i {
    font-size: .9rem;
    padding-right: .6rem;
}
.input-group-btn .btn i {
    padding-right: 0;
}
.btn span {
    z-index: 4;
}
.btn.accent-1, .btn.accent-1:hover, .btn.lighten-3, .btn.lighten-3:hover, .btn.lighten-4, .btn.lighten-4:hover, .btn.lighten-5, .btn.lighten-5:hover {
    color: #000;
}
.btn[disabled] {
    opacity: .35;
}
.btn.btn-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.btn-square .btn, .btn.btn-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn-embossed, .btn-embossed:hover {
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .15)!important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15)!important;
}
.btn-embossed:active {
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
}
.btn-sm {
    height: auto;
    font-size: .8rem;
    line-height: .9rem;
    padding: 8px 14px;
}
.btn-lg {
    height: auto;
    line-height: 1.3rem;
    padding: 14px 26px;
}
.btn-lg.btn-bordered:not(.icon-left-effect):not(.icon-right-effect) {
    padding: 12px 26px;
}
.btn-hg {
    height: auto;
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 13px 50px;
}
.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #E2785D;
}
.btn-primary:hover {
    background-color: #D97359;
}
.btn-dark {
    background-color: #383737;
    color: #fff!important;
}
.btn-dark:hover {
    background-color: #562F08;
}
.btn-brown {
    background-color: #562F08;
    color: #fff!important;
}
.btn-brown:hover {
    background-color: #b76334;
}
.btn-asolo {
    background-color: #FFD953;
    color: #562F08!important;
}
.btn-asolo:hover {
    background-color: #FFCD18;
}
.btn-acqua {
    background-color: rgba(10,37,62,0.5);
    color: #fff!important;
}
.btn-acqua:hover {
    background-color: #46a2a4;
}
.btn-white {
    background-color: #fff;
    color: #121212!important;
}
.btn-white:active, .btn-white:focus, .btn-white:hover {
    background-color: #EBEBEB;
    color: #121212!important;
}
.btn-default {
    background-color: #E1E1E1;
}
.btn-default:hover {
    background-color: #D2D2D2;
    color: #fff!important;
}
.btn-red {
    background-color: #d9534f;
}
.btn-link, .btn-link:focus, .btn-link:hover {
    background: 0 0;
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.btn-link::after {
    content: "";
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 4px;
    left: 0;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
}
.btn-link.btn-white {
    color: rgba(255, 255, 255, .5)!important;
}
.btn-link.btn-white:hover {
    color: rgba(255, 255, 255, .7)!important;
}
.btn-blue-dark {
    background-color: #192F43;
}
.btn-blue-dark:hover {
    background-color: #142534;
}
.btn.btn-bordered:not(.btn-sm):not(.btn-lg):not(.btn-hg) {
    height: 36px;
    line-height: 34px;
}
.btn-primary.btn-bordered {
    color: #232323!important;
    border: 2px solid #E2785D;
    background: 0 0;
}
.btn-primary.btn-bordered.c-white {
    color: #fff!important;
}
.btn-primary.btn-bordered:hover {
    background: #E2785D;
    color: #fff!important;
}
.btn-dark.btn-bordered {
    color: #383737!important;
    border: 2px solid #383737;
    background: 0 0;
}
.btn-dark.btn-bordered:hover {
    background: #232323;
    color: #fff!important;
}
.btn-brown.btn-bordered {
    color: #562f08!important;
    border: 2px solid #562f08;
    background: 0 0;
}
.btn-brown.btn-bordered:hover {
    background: #b76334;
    color: #b76334!important;
}
.btn-white.btn-bordered {
    color: #fff!important;
    border: 2px solid rgba(255, 255, 255, .8);
    background: 0 0;
}
.btn-white.btn-bordered:hover {
    background: #fff;
    color: #121212!important;
}
.btn-asolo.btn-bordered {
    border: 2px solid #FFD953;
    color: #fff!important;
	background: 0 0;
}
.btn-asolo.btn-bordered:hover {
    background: #FFCD18;
	color: #562F08!important;
}
.btn-acqua.btn-bordered {
    border: 2px solid rgba(10,37,62,0.5);
    color: #fff!important;
	background: 0 0;
}
.btn-acqua.btn-bordered:hover {
    background: #46a2a4;
	color: #fff!important;
}
.btn-default.btn-bordered {
    color: #232323!important;
    border: 2px solid #E1E1E1;
    background: 0 0;
}
.btn-default.btn-bordered:hover {
    background: #D2D2D2;
    color: #232323!important;
}
.btn-dark.btn-bordered.btn[disabled] {
    background: #eee;
}
.btn-bordered.btn-lg:not(.icon-left-effect):not(.icon-right-effect) {
    padding: 12px 26px;
}
.icon-left-effect {
    padding-left: 50px;
    padding-right: 30px;
    -webkit-transition: background-color .3s, border-color .3s, color .3s;
    transition: background-color .3s, border-color .3s, color .3s;
}
.icon-left-effect>span {
    display: inline-block;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
}
.icon-left-effect i {
    position: absolute;
    left: 20px;
    top: 8px;
    font-size: 18px;
    width: 30px;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
}
.icon-left-effect:hover>span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.icon-left-effect:hover i {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
.icon-left-effect.btn-lg i, .icon-right-effect.btn-lg i {
    top: 13px;
    font-size: 20px;
    width: 32px;
    left: 16px;
}
.icon-left-effect.btn-lg.btn-rounded i, .icon-right-effect.btn-lg.btn-rounded i {
    font-size: 16px;
}
.icon-left-effect.btn-hg i, .icon-right-effect.btn-hg i {
    top: 16px;
    font-size: 20px;
    width: 32px;
    left: 16px;
}
.icon-left-effect.btn-hg.btn-rounded i, .icon-right-effect.btn-hg.btn-rounded i {
    font-size: 20px;
}
.icon-left-effect.btn-hg:hover i {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
}
.icon-right-effect {
    padding-left: 30px;
    padding-right: 50px;
    -webkit-transition: background-color .3s, border-color .3s, color .3s;
    transition: background-color .3s, border-color .3s, color .3s;
}
.icon-right-effect>span {
    display: inline-block;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
}
.icon-right-effect i {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 18px;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
}
.icon-right-effect:hover>span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.icon-right-effect:hover i {
    -webkit-transform: translate3d(7px, 0, 0);
    transform: translate3d(7px, 0, 0);
}
.icon-right-effect.btn-lg i {
    right: 10px;
    left: auto;
}
.btn:before {
    font-family: 'Nucleo Outline'!important;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
}
.btn-icon-remove:before {
    content: "\e6af"}
.btn-icon-cart:before {
    content: "\e77a"}
.btn-icon-settings:before {
    content: "\e6a7"}
.btn-icon-picture:before {
    content: "\e805"}
.icon-top-effect {
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.icon-top-effect span {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -moz-backface-visibility: hidden;
    transition: all .3s;
    backface-visibility: hidden;
}
.icon-top-effect:before {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 2.5;
    font-size: 1.3rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    left: 0;
    top: -100%}
#wrapper, section {
    position: relative;
}
.icon-top-effect:active:before {
    color: #703b87;
}
.icon-top-effect:hover span {
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}
.icon-top-effect:hover:before {
    top: 0;
}
@media (max-width:1200px) {
    .btn-hg {
    height: auto;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 14px 26px;
}
.icon-left-effect.btn-hg i, .icon-right-effect.btn-hg i {
    top: 16px;
    font-size: 20px;
    width: 32px;
    left: 18px;
}
.icon-left-effect.btn-hg {
    padding-left: 50px;
    padding-right: 30px;
}
.icon-left-effect.btn-hg.btn-rounded i, .icon-right-effect.btn-hg.btn-rounded i {
    font-size: 1rem;
}
}
@media (max-width:768px) {
    .btn {
    margin-bottom: 1.4rem;
}
}
@media (max-width:500px) {
    .icon-left-effect {
    padding-left: 25px;
    padding-right: 15px;
}
.icon-right-effect {
    padding-left: 15px;
    padding-right: 25px;
}
.icon-left-effect i, .icon-left-effect.btn-lg i, .icon-right-effect i, .icon-right-effect.btn-lg i {
    top: 9px;
    font-size: 15px;
    width: 20px;
    left: 15px;
}
}