/* ============================== FONT FAMILY ============================== */
@font-face {font-family: 'Panton-Bold'; src: url('/manual/assets/font/Panton-Bold.eot'); src: url('/manual/assets/font/Panton-Bold.eot?#iefix') format('embedded-opentype'), url('/manual/assets/font/Panton-Bold.woff') format('woff'), url('/manual/assets/font/Panton-Bold.ttf') format('truetype'), url('/manual/assets/font/Panton-Bold.svg#389ffe825cf96a80b1cc0e8d71a15570') format('svg'); font-style: normal; font-weight: 700;}
@font-face {font-family: 'Panton-BoldItalic'; src: url('/manual/assets/font/Panton-BoldItalic.eot'); src: url('/manual/assets/font/Panton-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/manual/assets/font/Panton-BoldItalic.woff') format('woff'), url('/manual/assets/font/Panton-BoldItalic.ttf') format('truetype'), url('/manual/assets/font/Panton-BoldItalic.svg#2766116543b896278a438f697847aae0') format('svg'); font-style: italic; font-weight: 700;}
@font-face {font-family: 'Panton-Italic'; src: url('/manual/assets/font/Panton-Italic.eot'); src: url('/manual/assets/font/Panton-Italic.eot?#iefix') format('embedded-opentype'), url('/manual/assets/font/Panton-Italic.woff') format('woff'), url('/manual/assets/font/Panton-Italic.ttf') format('truetype'), url('/manual/assets/font/Panton-Italic.svg#29d558db74fa69706c42b68971be7dda') format('svg'); font-style: italic; font-weight: 400;}
@font-face {font-family: 'Panton-Regular'; src: url('/manual/assets/font/Panton-Regular.eot'); src: url('/manual/assets/font/Panton-Regular.eot?#iefix') format('embedded-opentype'), url('/manual/assets/font/Panton-Regular.woff') format('woff'), url('/manual/assets/font/Panton-Regular.ttf') format('truetype'), url('/manual/assets/font/Panton-Regular.svg#59d97ab80c005863a812f3407b6e5e85') format('svg'); font-style: normal; font-weight: 400;}
/* ============================== PRELOAD ============================== */
.page-loader {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #F26D78 !important; z-index: 100000;}
.manuali {display: block; margin: auto; width: 140px; height: 140px; position: absolute; top: 50%; left: 50%; margin: -70px 0 0 -70px;}
.manuali .wBall {position: absolute; width: 133px; height: 133px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 6.96s infinite; -o-animation: orbit 6.96s infinite; -ms-animation: orbit 6.96s infinite; -webkit-animation: orbit 6.96s infinite; -moz-animation: orbit 6.96s infinite;}
.manuali .wBall .wInnerBall {position: absolute; width: 18px; height: 18px; background-color: #585858; left: 0; top: 0; border-radius: 18px;}
.manuali #wBall_1 {animation-delay: 1.52s; -o-animation-delay: 1.52s; -ms-animation-delay: 1.52s; -webkit-animation-delay: 1.52s; -moz-animation-delay: 1.52s;}
.manuali #wBall_2 {animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s;}
.manuali #wBall_3 {animation-delay: 0.61s; -o-animation-delay: 0.61s; -ms-animation-delay: 0.61s; -webkit-animation-delay: 0.61s; -moz-animation-delay: 0.61s;}
.manuali #wBall_4 {animation-delay: 0.91s; -o-animation-delay: 0.91s; -ms-animation-delay: 0.91s; -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s;}
.manuali #wBall_5 {animation-delay: 1.22s; -o-animation-delay: 1.22s; -ms-animation-delay: 1.22s; -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s;}
@keyframes orbit {
    0% {opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out;}
    7% {opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%;}
    30% {opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%;}
    39% {opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%;}
    70% {opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%;}
    75% {opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%;}
    76% {opacity: 0; transform: rotate(900deg);}
    100% {opacity: 0; transform: rotate(900deg);}
}
@-webkit-keyframes orbit {
    0% {opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out;}
    7% {opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%;}
    30% {opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%;}
    39% {opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%;}
    70% {opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%;}
    75% {opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%;}
    76% {opacity: 0; -webkit-transform: rotate(900deg);}
    100% {opacity: 0; -webkit-transform: rotate(900deg);}
}
.rosa {color: #F26D78 !important;}
.gris1 {color: #585858;}
.gris2 {color: #7C7C7C;}
.gris3 {color: #999999;}
.bg-rosa {background-color: #F26D78;}
.bg-gris {background-color: #585858;}
.bg-gris1 {background-color: #999999;}
body {font-family: 'Panton-Regular', sans-serif; -webkit-font-smoothing: antialiased;}
/* --------------------------- TOOLTIP --------------------------- */
.tooltip {position: absolute; z-index: 1070; display: block; visibility: visible; font-family: 'Panton-Bold', sans-serif; -webkit-font-smoothing: antialiased; font-size: 12px; font-weight: 700; line-height: 1.4; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity: .9; filter: alpha(opacity=90);}
.tooltip.top {margin-top: -5px; padding: 5px 0}
.tooltip.right {margin-left: 5px; padding: 0 5px}
.tooltip.bottom {margin-top: 5px; padding: 5px 0}
.tooltip.left {margin-left: -5px;padding: 0 5px}
.tooltip-inner {max-width: 200px; padding: 5px 8px; color: #F26D78; text-align: center; text-decoration: none; background-color: #585858; border-radius: 4px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #585858;}
.tooltip.top-left .tooltip-arrow {bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #585858;}
.tooltip.top-right .tooltip-arrow {bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #585858;}
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #585858;}
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #585858;}
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #585858;}
.tooltip.bottom-left .tooltip-arrow {top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #585858;}
.tooltip.bottom-right .tooltip-arrow {top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #585858;}
/* ============================== Classic Menu Bar ============================== */
/* Logo (in Navigation Panel) */
.nav-logo-wrap {float: left; margin-right: 5px;}
.nav-logo-wrap .logo {display: table-cell; vertical-align: middle; max-width: 222px; height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.logo, a.logo:hover {font-family: 'Panton-Regular', arial, sans-serif; font-size: 18px; font-weight: 400 !important; text-transform: none; letter-spacing: 0; text-decoration: none; color: #F26D78;}
/* ================================ MENÚ ===================================== */
.main-nav {background: #585858 !important; width: 100%; height: 75px !important; position: relative; top: 0; left: 0; text-align: left; box-shadow: 0 1px 0 rgba(0, 0, 0, .05); z-index: 1030; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.small-height {height: 55px !important;}
.small-height .inner-nav ul li a {height: 55px !important; line-height: 55px !important;}
.inner-nav {display: inline-block; position: relative; float: right; font-family: 'Panton-Bold', sans-serif; -webkit-font-smoothing: antialiased;}
.inner-nav ul {float: right; margin: auto; font-size: 14px; font-weight: 700; letter-spacing: normal !important; text-transform: uppercase; text-align: center; line-height: 75px !important;}
.inner-nav ul li {float: left; margin-left: 10px !important; position: relative; line-height: 45px !important;}
.inner-nav ul li a {color: #F26D78 !important; letter-spacing: normal !important; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.inner-nav ul > li:first-child > a {}
.inner-nav ul li a:hover, .inner-nav ul li a.active {color: #7C7C7C !important; text-decoration: none;}
.inner-nav ul li ul li {float: left; margin-left: 0px !important; position: relative;}
/* * Mobile Nav */
.mobile-on .desktop-nav {display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 15px; z-index: 100;}
.mobile-on .full-wrapper .desktop-nav {padding: 0;}
.mobile-on .desktop-nav ul {width: 100%; float: none; background: rgba(88, 88, 88, .80); position: relative; overflow-x: hidden;}
.mobile-on .desktop-nav > ul {overflow-y: auto;}
.mobile-on .desktop-nav ul li {display: block; float: none !important; overflow: hidden;}
.mobile-on .desktop-nav ul li ul {padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .5);}
.mobile-on .desktop-nav ul li a {display: block; width: 100%; height: 38px !important; line-height: 38px !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .8); color: #F26D78 !important; letter-spacing: 0; cursor: pointer;}
.mobile-on .desktop-nav ul li a:hover, .mobile-on .desktop-nav ul li a.active {background: rgba(242, 109, 120, 1); color: #585858 !important;}
/*  Texto home */
.section-text {font-family: 'Panton-Regular', arial, sans-serif; font-size: 16px; font-weight: 400; color: #585858; line-height: 1.7;}
.section-title {font-family: 'Panton-Bold', arial, sans-serif; margin-bottom: 15px; font-size: 18px; font-weight: 700; text-transform: none; text-align: center; letter-spacing: 0; line-height: 1.4; color: #585858;}
.Borde {border-top: 3px solid #F26D78; width: 15%; clear: both;}
.section-text blockquote {margin-top: -5px;}
blockquote {font-family: 'Panton-Bold', sans-serif; -webkit-font-smoothing: antialiased; font-weight: 700; margin: 3em 0 3em 0; padding: 0; border: none; background: none; font-style: normal; line-height: 1.7; color: #F26D78;}
blockquote p .Gris {color: #CCC;}
blockquote p {margin-bottom: 0.6em; font-size: 30px; font-weight: 700; font-style: normal; line-height: 1.6;}
blockquote p span {color: #7C7C7C; font-size: 21px; font-style: normal;}
blockquote footer {font-family: 'Panton-Regular', arial, sans-serif; font-size: 14px; font-weight: 400; text-transform: none; letter-spacing: 0;}
blockquote footer strong {font-family: 'Panton-Bold', arial, sans-serif; font-weight: 400;}
/* ============================== CONTACT SECTION ============================== */
.contact-item {position: relative; padding-left: 44px; color: #999; -webkit-transition: all .27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all .27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all .27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all .27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all .27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.contact-item a {color: #999; text-decoration: none;}
.contact-item a:hover {color: #F26D78; text-decoration: none;}
.ci-icon {width: 30px; height: 30px; position: absolute; top: 0; left: 0; color: #585858; text-align: center; line-height: 32px;}
.ci-icon:before {content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #F26D78; border-radius: 3px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.ci-icon i,.ci-icon span {position: relative;}
.ci-title {margin-bottom: 1px; color: #999; font-size: 18px; font-weight: 700; text-transform: none; letter-spacing: 0; font-family: 'Panton-Bold', sans-serif; -webkit-font-smoothing: antialiased;}
.ci-text {font-size: 16px; font-weight: 400;}
.cf-left-col {width: 49.4%; float: left; margin-right: 1.2%;}
.cf-right-col {width: 49.4%; float: left;}
.contact-form .form-group {margin-bottom: 10px;}
/* ============================== Boton ============================== */
.btn-mod, a.btn-mod {font-family: 'Panton-Bold', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 13px; color: #585858; background: #F26D78; border: 5px solid transparent; font-size: 14px; border-radius: 5px; font-weight: 700; text-transform: none; text-decoration: none; letter-spacing: 0; -webkit-transition: all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.btn-mod:hover,.btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus {font-weight: 700; color: #F26D78; background: #7C7C7C; text-decoration: none; outline: none;}
.btn-mod:active {cursor:pointer !important;}
.btn-mod.btn-medium {height: auto; padding: 10px 37px 5px 37px; font-size: 15px;}
.btn-mod.btn-round {border-radius: 5px;}
/* ============================== Forms Fields ============================== */
.form input[type="text"],.form input[type="email"],.form input[type="number"],.form input[type="url"],.form input[type="search"],.form input[type="tel"],.form input[type="password"],.form input[type="date"],.form input[type="color"],.form select {display:inline-block; height:27px; vertical-align:middle; font-size:16px !important; font-weight:400; text-transform:none; letter-spacing:0px; color:#999999; border:1px solid rgba(242,109,120, 1); background-color: rgba(124,124,124,.3); padding-left:7px; padding-right:7px; border-radius:0; box-shadow:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000); -moz-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000); -o-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000); -ms-transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000); transition:all .2s cubic-bezier(0.000,0.000,0.580,1.000);}
.form select {font-size: 16px !important;}
.form select[multiple] {height: auto;}
.form input[type="text"]:hover,.form input[type="email"]:hover,.form input[type="number"]:hover,.form input[type="url"]:hover,.form input[type="search"]:hover,.form input[type="tel"]:hover,.form input[type="password"]:hover,.form input[type="date"]:hover,.form input[type="color"]:hover,.form select:hover {border-color:rgba(124,124,124, 1);}
.form input[type="text"]:focus,.form input[type="email"]:focus,.form input[type="number"]:focus,.form input[type="url"]:focus,.form input[type="search"]:focus,.form input[type="tel"]:focus,.form input[type="password"]:focus,.form input[type="date"]:focus,.form input[type="color"]:focus,.form select:focus {color:#F26D78; border-color:rgba(242,109,120, 1); box-shadow:0 0 4px rgba(124,124,124, 1);}
.form input[type="text"].input-lg,.form input[type="email"].input-lg,.form input[type="number"].input-lg,.form input[type="url"].input-lg,.form input[type="search"].input-lg,.form input[type="tel"].input-lg,.form input[type="password"].input-lg,.form input[type="date"].input-lg,.form input[type="color"].input-lg,.form select.input-lg {height:46px; padding-left:15px; padding-right:15px; font-size:16px;}
.form input[type="text"].input-md,.form input[type="email"].input-md,.form input[type="number"].input-md,.form input[type="url"].input-md,.form input[type="search"].input-md,.form input[type="tel"].input-md,.form input[type="password"].input-md,.form input[type="date"].input-md,.form input[type="color"].input-md,.form select.input-md {height:37px; padding-left:13px; padding-right:13px; font-size:16px;}
.form input[type="text"].input-sm,.form input[type="email"].input-sm,.form input[type="number"].input-sm,.form input[type="url"].input-sm,.form input[type="search"].input-sm,.form input[type="tel"].input-sm,.form input[type="password"].input-sm,.form input[type="date"].input-sm,.form input[type="color"].input-sm,.form select.input-sm {height:31px; padding-left:10px; padding-right:10px;}
.form textarea {font-size: 16px; font-weight: 400; text-transform: none !important; letter-spacing: 0; color: #999999; border-color: rgba(242,109,120, 1); background-color: rgba(124,124,124,.3); outline: none; box-shadow: none; border-radius: 0;}
.form textarea:hover {border-color:rgba(124,124,124, 1);}
.form textarea:focus {color: #F26D78; border-color:rgba(242,109,120, 1); box-shadow:0 0 4px rgba(124,124,124, 1);}
.form .form-group {margin-bottom: 10px;}
.form input.error {border-color: rgba(242,109,120, 1);}
.form div.error {margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(242,109,120, .85); color: #585858; border-radius: 5px;}
.form div.success {margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(124,124,124, .85); color: #F26D78; border-radius: 5px;}
.form-tip {font-size: 14px; color: #999;}
.form-tip .fa {font-size: 16px;}
/* ============================== */
/*  Footer */
.footer {text-align: center; font-size: 14px; font-family: 'Panton-Bold', arial, sans-serif; font-weight: 700;}
.footer a {color: #585858; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.footer a:hover {color: #7C7C7C; text-decoration: none;}
.footer-copy {margin-bottom: 5px; text-transform: none; letter-spacing: 0;}
/*  Media queries */
@media(max-width: 330px){
  .nav-logo-wrap {margin-right: 0;}
  .nav-logo-wrap .logo {max-width: 215px;}
}