/* Indice 

0. Reset Generic CSS
1. Fonts
2. General





/*----------------------------------------------------------------------------------*/
/* 0. Reset Generic CSS
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:0;}
a {outline:0;}
a img {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}









/*----------------------------------------------------------------------------------*/
/* 1. Fonts
/*-----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Aller-Light';
    src: url('../fonts/Aller/Aller-Light.eot');
    src: url('../fonts/Aller/Aller-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller/Aller-Light.woff') format('woff'),
        url('../fonts/Aller/Aller-Light.ttf') format('truetype'),
        url('../fonts/Aller/Aller-Light.svg#Aller-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aller-Bold';
    src: url('../fonts/Aller/Aller-Bold.eot');
    src: url('../fonts/Aller/Aller-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aller/Aller-Bold.woff') format('woff'),
        url('../fonts/Aller/Aller-Bold.ttf') format('truetype'),
        url('../fonts/Aller/Aller-Bold.svg#Aller-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Antonio-Light';
    src: url('../fonts/Antonio/Antonio-Light.eot');
    src: url('../fonts/Antonio/Antonio-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Antonio/Antonio-Light.woff') format('woff'),
        url('../fonts/Antonio/Antonio-Light.ttf') format('truetype'),
        url('../fonts/Antonio/Antonio-Light.svg#Antonio-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Antonio-Bold';
    src: url('../fonts/Antonio/Antonio-Bold.eot');
    src: url('../fonts/Antonio/Antonio-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Antonio/Antonio-Bold.woff') format('woff'),
        url('../fonts/Antonio/Antonio-Bold.ttf') format('truetype'),
        url('../fonts/Antonio/Antonio-Bold.svg#Antonio-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url('../fonts/Playfair/PlayfairDisplay-Bold.eot');
    src: url('../fonts/Playfair/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Playfair/PlayfairDisplay-Bold.woff') format('woff'),
        url('../fonts/Playfair/PlayfairDisplay-Bold.ttf') format('truetype'),
        url('../fonts/Playfair/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}







/*----------------------------------------------------------------------------------*/
/* 2. General
/*-----------------------------------------------------------------------------------*/
body {font-family:'Antonio-Light', Arial, 'sans-serif';}
::-webkit-selection {color: #fff; background: #b89854;}
::-moz-selection {color: #fff; background: #b89854;}
::selection {color: #fff; background: #b89854;}
h1 {font-family: 'PlayfairDisplay-Bold'; color:#b89854; font-size: 76px; padding-left: 40px; padding-right: 40px; margin-top:initial;}
h1.h1-products {padding-left:16px; padding-right:20px;}
h2 {font-family: 'PlayfairDisplay-Bold'; color:#b89854; font-size: 76px; padding-left: 80px; padding-right: 80px; margin-top:initial;}
h3 {font-family: 'PlayfairDisplay-Bold'; color:#b89854; font-size: 54px; padding-left: 80px; padding-right: 80px; margin-top: 100px;}
h4 {font-family: 'PlayfairDisplay-Bold'; color:#b89854; text-align: center;}
h5 {font-family: 'PlayfairDisplay-Bold'; color:#b89854; font-size: 54px; margin-top:initial; margin-top: 38px;}
h6 {font-family: 'Aller-Light', 'Arial', sans-serif; color:#222; font-size: 26px; text-align: center; margin-top: 120px; padding:0 206px; line-height: 1.5;}

.btn {margin-right:4px; margin-bottom:4px; min-width:100px; font-family:'Antonio-Bold', Arial, sans-serif; font-size:18px; font-weight:400; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; border-radius:0px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; padding:8px 20px !important;}
.btn.btn-md {padding:8px 20px !important;}
.btn:hover, .btn:active, .btn:focus {box-shadow: none !important; outline: none !important;}
.btn-primary {background:transparent; color:#b89854 !important; font-family:'Antonio-Bold', Arial, sans-serif !important; border:3px solid #b89854;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background: #b89854 !important; border-color: #b89854 !important; color:#fff !important;}

select::-ms-expand {display: none;}


@media screen and (max-width: 767px) {
  h1 {padding-left:50px; padding-right:50px;}
  h1.h1-products {padding-right:50px;}
  h2 {padding-left:50px; padding-right:50px;}
  h3 {padding-left: 50px; padding-right:50px;}
  .btn {font-size:15px;}
  h6 {font-size:24px; padding:0 80px;} 
}

@media screen and (max-width: 639px) {
  h1.h1-products {padding-left:20px; padding-right:40px;}
  h2 {padding-left:40px; padding-right:40px;}
  h3 {padding-left: 40px; padding-right:40px;}
  h6 {font-size:22px; padding:0 60px;} 
}

@media screen and (max-width:479px) {
  h1 {padding-left:30px; padding-right:30px;}
  h1.h1-products {padding-left:0; padding-right:40px;}
  h4 {width:50%; float:left; margin-top: 134px; margin-bottom:60px;}
  h6 {padding:0 40px;} 
}

@media screen and (max-width:453px) {
  .btn {min-width:90px; font-size:14px;}
}


@media screen and (max-width:400px) {
  .btn {min-width:80px; font-size:14px;}
  .btn.btn-md {padding:8px 12px !important;}
}

@media screen and (max-width: 359px) {
  h4 {}
  .btn {min-width:80px; font-size:13px;}
}







/*----------------------------------------------------------------------------------*/
/* 3. MENU + Menu Mobile
/*-----------------------------------------------------------------------------------*/
#aside {padding-top:40px; width:15%; height:100vh !important; position:fixed; z-index: 6; bottom:0; top:0; right:0; overflow-y:scroll; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
#aside #menu-bg {background-color: #252525; width: 100%; min-height: 100vh; opacity:0; position: absolute; top: 0;}
#aside #menu-bg-all {background-color: #252525; width: 100%; height:100vh; min-height: 100%; position: absolute; top: 0;}
.show {opacity: 0.95 !important;}
.transition {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#aside #menu-logo {width: 75px; height: 178px; margin:auto; opacity: 0.6; background-image:url("../assets/logo.svg"); position:relative; display:block; background-repeat:no-repeat; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
#aside #menu-logo:hover {opacity:1; background-image:url("../assets/logo-hover.svg");}
#aside #menu ul {text-align:center; margin:0; padding:0;}
#aside #menu ul li {margin:12px 0 0; padding:0; list-style:none; width:100%; float:left;}
#aside #menu ul li a {color: rgba(255, 255, 255, 0.6); text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: 300; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 10px 10px; letter-spacing:2px; font-family: 'Antonio-Light', Arial, sans-serif;}
#aside #menu ul li a.btn {font-size: 15px;}
#aside #menu ul li a:after {content:""; position:absolute; height:2px; bottom:7px; left:10px; right:10px; visibility:hidden; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
#aside #menu ul li a:hover {text-decoration:none; color:#b89854;}
#aside #menu ul li a:hover:after {visibility:visible; -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1);}
#aside #menu ul li.menu-active a {color:#b89854;}
#aside #menu ul li.menu-active a:after {visibility:visible; -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1);}
#aside .menu-footer {position:absolute; bottom:100px; text-align:center; width:100%; font-weight:400; color:rgba(255, 255, 255, 0.6);}
#aside .menu-footer span {display:block;}
#aside .menu-footer ul {padding:0; margin:0; text-align:center;}
#aside .menu-footer ul li {padding:0; margin:0; display:inline; list-style:none;}
#aside .menu-footer ul li a {color:rgba(0, 0, 0, 0.7); padding:4px;}
#aside .menu-footer ul li a:hover, #aside .menu-footer ul li a:active, #aside .menu-footer ul li a:focus {text-decoration: none; outline: none; color: #b89854;}
#aside .bottom {position:absolute; width:100%; height:60px; font-family: 'Antonio-Light', Arial, sans-serif; bottom:10px; color:rgba(255, 255, 255, 0.7);}
#aside .bottom .segu-reserved {width:100%; text-align:center; font-size:14px; opacity: 0.5;}
#aside .bottom .pathfinders-design {width:100%; position:absolute; text-align:center; font-size:14px; margin-top:8px;}
#aside .bottom .pathfinders-design a {color:#fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-decoration:none; opacity:0.5;}
#aside .bottom .pathfinders-design a:hover {color:#b89854; opacity:1 !important;}


/* Menu-Mobile */
body.offcanvas #aside {-moz-transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); width:270px; background:#252525; z-index:9; position:fixed;}
.fh5co-nav-toggle {position:fixed; right:0; top:0px; z-index:10; cursor:pointer; opacity:1; visibility:hidden; padding:20px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; text-decoration:none;}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {background: fff;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {outline: none; border-bottom: none !important;}
.fh5co-nav-toggle i {position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:30px; height:2px; font:bold 14px/.4 Helvetica; text-transform:uppercase; text-indent:-55px; background:#b89854; transition:all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {content:''; width:30px; height:2px; background:#b89854; position:absolute; left:0; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}
.fh5co-nav-toggle i::before {top:-7px;}
.fh5co-nav-toggle i::after {bottom:-7px;}
.fh5co-nav-toggle:hover i::before {top:-10px;}
.fh5co-nav-toggle:hover i::after {bottom: -10px;}
.fh5co-nav-toggle.active i {background: transparent;}
.fh5co-nav-toggle.active i::before {top:0; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg);}
.fh5co-nav-toggle.active i::after {bottom:0; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg);}
.row-bottom-padded-lg {padding-bottom:7em;}
.row-bottom-padded-md {padding-bottom:4em;}
.row-bottom-padded-sm {padding-bottom: 1em;}
.js .animate-box {opacity: 0;}

@media screen and (max-width:991px) {
  #aside {width:270px; height:100vh !important; -moz-transform:translateX(+270px); -webkit-transform:translateX(+270px); -ms-transform:translateX(+270px); -o-transform:translateX(+270px); transform:translateX(+270px);}
  #aside #menu ul {margin: 0 0 2em 0;}
  #aside #menu ul li {margin:18px 0 0;}
  #aside #menu ul li a {font-size:18px;}
  .fh5co-nav-toggle {opacity:1; visibility:visible;}
  .row-bottom-padded-lg {padding-bottom:1em;}
  .row-bottom-padded-md {padding-bottom:1em;}
  .row-bottom-padded-sm {padding-bottom: 1em;}
}

@media screen and (max-width:479px) {
  #aside {padding-top: 30px;}
  .col-xxs-12 {float:none; width:100%;}
  #aside #menu-logo {width: 50px; height: 140px; border-bottom:1px solid #aaa;}
  .fh5co-nav-toggle {padding:8px 14px;}
  #aside #menu ul {margin:0;}
  #aside #menu ul li {margin:15px 0 0;}
  #aside #menu ul li a {font-size:18px;}
  #aside #menu ul li a.btn {margin-top:6px; font-size:14px;}
  #aside .menu-footer {bottom:initial; position:relative; float:left; margin-top:10px;}
  #aside .bottom {position:relative; float:left; bottom:initial; margin-top:14px;}
  #aside .bottom .segu-reserved {margin-top:0px; font-size:14px;}
  #aside .bottom .pathfinders-design {font-size:14px; margin-top:4px;}
}

/*-- iPhone 5 --*/
@media screen and (max-width: 359px) and (max-height: 510px) {
  #aside {padding-top: 26px;}
  #aside #menu-logo {width: 42px; height: 118px;}
  #aside #menu ul li {margin:13px 0 0;}
  #aside #menu ul li a {font-size:17px;}
  #aside #menu ul li a.btn {font-size:13px;}
  #aside .menu-footer {}
  #aside .bottom .segu-reserved {font-size:13px;}
  #aside .bottom .pathfinders-design {font-size:13px;}
}

/*-- iPhone 4 --*/
@media screen and (max-width: 359px) and (max-height: 450px) {
  #aside {padding-top: 10px;}
  #aside #menu-logo {width: 40px; height: 96px;}
  #aside .menu-footer {bottom:46px;}
  #aside .bottom .segu-reserved {font-size:12px;}
  #aside .bottom .pathfinders-design {font-size:12px;}
}