*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 50%;}
body {font-size: 1.1rem;}
a {text-decoration: none;}

header {position: relative; z-index: 3; height: 100%; width: 100%; top: 0; left: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* Force Hardware Acceleration */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
header::before {display: none;content: 'mobile';}

@media only screen and (min-width: 1024px) {
header {height: 0px;}
header.nav-is-visible {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
header::before {content: 'desktop';}}
.cd-logo {display: inline-block;height: 100%;margin-left: 15px; -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.cd-logo img {display: block;max-width: 100%;margin-top: 14px;}
@media only screen and (min-width: 1024px) {.cd-logo img {margin-top: 29px;}}
.cd-nav-trigger {display: block;position: absolute; z-index:99999999;left: 0%;top: 15px;height:100%; width: 60px; overflow:hidden;white-space: nowrap;color: transparent; right:0}
.cd-nav-trigger span { position: absolute;height: 3px;width: 30px;top: 1%;margin-top: 7px;left: 10%;margin-left: 0px;-webkit-transition: background-color 0.3s 0.3s;-moz-transition: background-color 0.3s 0.3s;transition: background-color 0.3s 0.3s;background-color:#9f3c58;}

.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: ''; position: absolute; width: 100%; height: 100%; background-color:#9f3c58; -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s 0.3s;-moz-transition: -moz-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;}

.cd-nav-trigger span::before {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px);transform: translateY(-6px);}
.cd-nav-trigger span::after {-webkit-transform: translateY(6px);-moz-transform: translateY(6px);-ms-transform: translateY(6px);-o-transform: translateY(6px);transform: translateY(6px);}
.nav-is-visible .cd-nav-trigger span {background-color: rgba(255, 255, 255, 0);}
.nav-is-visible .cd-nav-trigger span::before {-webkit-transform: translateY(0) rotate(-45deg);-moz-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);-o-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
.nav-is-visible .cd-nav-trigger span::after {-webkit-transform: translateY(0) rotate(45deg);-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-o-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}

@media only screen and (min-width: 1024px) {.cd-nav-trigger {display: none;}}

.cd-main-nav { position: absolute; padding:0 0 0 0; z-index: 99999999999999999; top: 291px; left: 0; width: 100%; overflow: auto; -webkit-overflow-scrolling: hidden; visibility: hidden; background:#9e415b; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; border-radius:0px; height:100%;}

.cd-main-nav a { display:block; font-size: 15px; text-transform:uppercase; padding: 15px; color: #FFF;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;
  text-align:center; width:100%; border-bottom:1px solid #FFFFFF; font-family:Segoe, "Segoe UI", Verdana, sans-serif;}

.cd-main-nav a:hover { opacity:0.5;}

.cd-main-nav li ul { position: absolute; top: 0px; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); z-index:1;}
.cd-main-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; z-index:999}
.cd-main-nav.moves-out > li > a {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 999999999;}
.cd-main-nav.moves-out > li > ul { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.cd-main-nav .cd-subnav-trigger, .cd-main-nav .go-back a { position: relative;}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after { content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #FFFFFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index:99999}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .go-back a::before { -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after { right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%;}
.cd-main-nav .go-back a { padding-left: 25%;}
.cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after { left: 0px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%;}
.cd-main-nav .placeholder {display: none;}

/*=================================PARTE GRANDE===============================*/
@media only screen and (min-width: 1024px) {.cd-main-nav { position:relative; overflow: visible; visibility: visible; width: 600px; height: 68px; line-height: 0px; padding:0px; text-align: center; top:0px; left:60px; background:none; z-index:9999999; float:left; border-bottom:0}
	
.cd-main-nav li { display: inline-block; height:20px; padding:0px; text-align:right; border-right:0px; top:0px; margin:0; float:left; position:relative;}
	
.cd-main-nav li a.asap_regular { display: inline-block; font-family: Segoe, "Segoe UI"; font-weight:100; color:#373435; text-transform:uppercase; padding: 0; line-height: 2.0; font-size: 14px; border-bottom: none; letter-spacing:1.4px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; text-align:center;top:0px; position:relative; padding-top:0; height:68px;}
	
.cd-main-nav li a:not(.cd-subnav-trigger):hover {-webkit-backface-visibility: hidden; backface-visibility: hidden; opacity:1; color:#a0425c; border-bottom:9px solid #a1435d;}
	
/*================================================================SUBMENU=================================================================================*/
.cd-main-nav .go-back { display: none;}
.cd-main-nav .cd-subnav-trigger {z-index: 9;border: 5px solid rgba(255, 255, 255, 1.0);border-radius: 5em;-webkit-transition: border 0.3s;-moz-transition: border 0.3s;ansition: border 0.3s;} .cd-main-nav .cd-subnav-trigger:hover {border-color: rgba(255, 255, 255, 0.4);}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after { top: 0px; right: 17px; background-color: #CCC; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s; -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s; transition: transform 0.3s, width 0.3s, right 0.3s; margin-right:30px; margin-bottom:5px;}
.cd-main-nav .cd-subnav-trigger::before { right: 0px;}
.cd-main-nav .cd-subnav-trigger, .cd-main-nav .placeholder { padding-right: 2.4em; padding-left: 1.0em;}
.cd-main-nav li ul {width:100%; height: 0px; background-color: transparent; padding: 0 5% 0 calc(5% + 124px); -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: -webkit-transform 0.3s 0.2s; -moz-transition: -moz-transform 0.3s 0.2}
.cd-main-nav li ul li { opacity: 99999; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, opacity 0.3s 0s;}
.cd-main-nav .placeholder {  display: block; visibility: hidden; opacity: 0; pointer-event: none;}
.cd-main-nav.moves-out > li > a {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity:1}
.cd-main-nav.moves-out > li > ul {-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.cd-main-nav.moves-out > li ul li {opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s; -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s; transition: transform 0.3s 0.2s, opacity 0.3s 0.2s;}
.cd-main-nav.moves-out .cd-subnav-trigger::before, .cd-main-nav.moves-out .cd-subnav-trigger::after { width: 14px; right: 17px;}
.cd-main-nav.moves-out .cd-subnav-trigger::before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}
.cd-main-nav.moves-out .cd-subnav-trigger::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}}
.cd-main-content::before {  display: none; content: 'mobile';}
@media only screen and (min-width: 1024px) { .cd-main-content::before { content: 'desktop'; }}
.cd-main-content { position: relative; z-index: 0; min-height: 100vh; padding-top: 10px; background-color: transparent; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.cd-main-content.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px);}
@media only screen and (min-width: 1024px) {
.cd-main-content {  padding-top: 0px;}
.cd-main-content.nav-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}}
.no-js .cd-nav-trigger, .no-js .cd-subnav-trigger {  display: none;}
.no-js header { position: relative; height: auto;}
.no-js .cd-logo img { margin-bottom: 14px;}
.no-js .cd-main-nav { position: static; width: 100%; height: auto; visibility: visible; overflow: visible;}
.no-js .cd-main-nav li {  display: inline-block;}
.no-js .cd-main-nav li:last-child { display: block;}
.no-js .cd-main-nav .go-back { display: none;}
.no-js .cd-main-nav li ul { position: static; width: 100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
@media only screen and (min-width: 1024px) {
.no-js .cd-main-nav { height: 80px;}
.no-js .cd-main-nav li ul { position: absolute;  top: 80px;}
.no-js .cd-main-nav li ul li { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1;}
.no-js .cd-main-nav li ul li:last-child { display: none;}}
.no-js .cd-main-content { padding-top: 0;}
@media only screen and (min-width: 1024px) {.no-js .cd-main-content { padding-top: 80px;}}