/*
   statusbar-overlay sets the background color for the overlay. Black text is the default when the statusbar plugin is not added. When the
   statusbar plugin is added, it also adds default setting to make the content white via:

       <preference name="StatusBarStyle" value="lightcontent"/>

   Setting the background color to black will allow the default light content (white text/icons) to show on it. The statusbar plugin is included
   in the config.xml file and will be added by the CLI when you build locally.

   See https://github.com/apache/cordova-plugin-statusbar
*/


/* source-sans-pro-200 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/source-sans-pro-v11-latin-200.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-300 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-pro-v11-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-200italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/source-sans-pro-v11-latin-200italic.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url('../fonts/source-sans-pro-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-200italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-300italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/source-sans-pro-v11-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../fonts/source-sans-pro-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-300italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v11-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-600 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v11-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-regular - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v11-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-600italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v11-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('../fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-700italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v11-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('../fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-700 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v11-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-900italic - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/source-sans-pro-v11-latin-900italic.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url('../fonts/source-sans-pro-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-900italic.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}


/* source-sans-pro-900 - latin */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/source-sans-pro-v11-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('../fonts/source-sans-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v11-latin-900.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

body {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
}

.statusbar-overlay {
    height: 1px !important;
    background: #000000 !important ;
}
/*

.views {
    margin-top: -21px !important;
    height: calc(100% + 21px) !important;
}
*/




    .page {
        background: url(../img/bg_ipad_potrait.jpg) no-repeat top center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-family: 'Source Sans Pro', sans-serif;
    }
    .header {
        margin: 20px 0 0 0;
        text-align: center;
        color: white;
        font-size: 18px
    }
    .logo {
        height: 67px;
    }
    .logo img {
        max-width: 120px;
        margin-bottom: 10px;
    }
    h1.headline,
    h1.headline2nd {
        font-family: 'Source Sans Pro' !important;
        font-size: 30px !important;
        font-weight: 900;
        color: white;
        margin-bottom: 0;
        line-height: 1.1;
    }
    h1.headline {
        margin-top: 26px;
    }
.navmenumb, .navmenumb2{
    display: none;
}
    h1.headline2nd {
        margin-top: 0;
        margin-bottom: 12px;
    }
    .header small {
        font-size: 16px;
        font-weight: 300;
    }
    .buttons {
            text-align: center;
    width: 303px;
    height: 303px !important;
    margin: 24px auto 5px auto;
    }
    .buttons img {
        max-width: 303px;
    }
    .menu {
        text-align: center;
        margin-top: 22px;
        margin-bottom: 18px;
        width: 100%;
    }
    .mainmenu {
        font-size: 20px;
        font-weight: 900;
        color: black;
        list-style-type: none;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
    }
    .mainmenu li {
        width: 100%;
        max-width: 272px !important;
        height: 100%;
        background-color: white;
        vertical-align: middle;
        text-align: center;
        margin: 5px 3px;
        display: inline-block;
        transition:100ms;

    }

    /*.mainmenu li:nth-of-type(1) {
        margin: 0 100px 5px 100px;
    }
*/
    .mainmenu li a {
        color: black;
        display: block;
        padding: 32px 0 32px 0;
        line-height: 1.1;
    }
    .mainmenu li:nth-of-type(1) a {
        padding: 40px 0 46px 0;
    }
.navmenu {
    text-align: center;
}
    .mainmenu li a span,
    .navmenu li a span {
        display: list-item;
    }
    .mainmenu .red,
    .navmenu .active {
        background-color: #f03600;
        display: inline-block;
    }
    .mainmenu .red a,
    .navmenu .active a {
        color: white;
    }

.navmenu li:hover {
    background-color: #f03600;
    display: inline-block;
}

.navmenu li:hover:before {
    height: 53px;
    display: block;
    width: 2px;
    background: #f03601;
    border-right: 1px white;
    content: '';
    float: left;
   
    margin-left: -2px;}
.navmenu li:hover a {
    color: white;
    border-right: #f03600;
}
    .navmenu-cn {
        text-align: center;
        margin-bottom: 0;
        margin-top: 50px;
          /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */
    &::-webkit-scrollbar {
        display: none;
    }
    }
    .navmenu {
        display: flex;
        width: 100%;
        background: #efefef;
        list-style-type: none;
        padding: 0;
        text-align: center;
    }
    .navmenu li {
        flex: 1 1 100%;
        padding-top: 0;
    }
    .navmenu li:nth-of-type(3) a {
        padding-top: 14px;
        padding-bottom: 10px;
    }
    .navmenu li:nth-of-type(5) a {
        border-right: none;
    }
    .navmenu .noborder a {
        border-right: none;
    }
    .mainmenu .red,
    .navmenu .active a {
        border-right: none;
            display: inline-block;
    }
    .navmenu li a {
        color: black;
        font-size: 13.41px;
        font-weight: 900;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
        border-right: solid thin #000;
        line-height: 1.1;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .content-app {
        background: rgba(0, 0, 0, 0.6);
        height: 100%;
    max-height: 100%;
        padding: 12px 47px;
        position: relative;
        color: white;
        font-weight: 300;
        width: 100%;
    }
    .close_button {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .content-app h1 {
        font-size: 37.43px;
        color: white;
        text-transform: uppercase;
        margin-top: 0;
    }
    .row.contenido {
        font-size: 18.7px;
    }
    .row.contenido {
        font-size: 18.7px;
    }
    .contenido .list-files li {
        margin-right: 12px !important;
        width: 150px;
    }
    .video-viewer {
        height: 101vh;
        background-color: black;
        padding-top: 30%;
    }
    .list-files {
        list-style-type: none;
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .list-files li {
        width: 163px;
        float: left;
        margin-right: 25px;
        text-align: center;
    }
    .list-files li img {
        width: 100%;
        border: 1px solid white;
    }
    .list-files li p {
        color: white;
        font-size: 12.99px;
        font-weight: 300;
    }
    .file a {
        display: block;
    }
    .footer {
        background-color: black;
        height: auto;
        text-align: center;
        display: inline-table;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .footer-logo {
    position: relative;
    z-index: 4;
}
    .footer-logo::after {
    content: "";
    border-top: 2px solid #ccc;
    display: block;
    width: 100%;
    height: 2px;
    top: 50%;
    position: absolute;
    z-index: 0;
    transform: translate(0,-50%);
}

    .footer.toolbar img { max-width: 80px; position: relative; z-index: 2; margin-top: 12px; }
    .footer p {
        font-size: 7.81px;
        color: white;
        margin-top: 10px;
    }
    .contacto-viewer {
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.6);
        padding-top: 15%;
    }
    .comparativa {
        padding-top: 28%;
    }
.bottomweb {
    position: absolute;
    bottom: 65px;
    width: 100%;

}

@media all and (min-width: 769px) and (orientation:landscape) {
    .page {
        background: url(../img/bg_ipad_landscape.jpg) no-repeat top center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .page-content > .row {
/*        padding-top: 100px;*/
    }
    .comparativa {
        padding-top: 0;
    }
    .video-viewer {
        height: 101vh;
        background-color: black;
        padding-top: 6%;
        text-align: center;
    }
    .header {
        margin: 125px 0 0 0;
    }
    .buttons {
        margin-top: 70px;
    }
    .menu {
        width: 100%;
        margin-top: 180px;
    }
    .mainmenu {
        width: 100%;
        font-size: 1em;
    }
    .mainmenu li {
        max-width: 215px !important;
    }
    .mainmenu li:nth-of-type(1) {
        margin: 5px 3px;
    }
    .mainmenu li:nth-of-type(1) a {
        padding: 35px 0 35px 0;
    }
    .mainmenu li a {
        padding: 28px 0 27px 0;
    }
    .mainmenu li:nth-of-type(1) a {
        padding: 36px 0 36px 0;
    }
    .content-app {
        width: 100%;
        padding-top: 30px;
    }
    .content-app h1 {
        font-size: 37.43px;
        color: white;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .navmenu-cn {
        margin-top: 25px;
    }
    .navmenu li a {
        color: black;
        font-size: 1em;
        font-weight: 900;
        display: block;
        padding-bottom: 5px;
        padding-top: 2px;
        line-height: 1;
        margin-top: 8px;
        margin-bottom: 0;
        border: none;
    }
    .navmenu li {
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #000;
    }
    .navmenu li a {
        padding-top: 11px;
        padding-bottom: 10px;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .navmenu .active { display: flex; }
    .navmenu .active, .navmenu li:nth-child(4) { border: none; }
    .navmenu li:hover { display: flex; }
    .list-files li {
        width: 180px;
        float: left;
        margin-right: 25px;
        text-align: center;
    }
    .list-files li img {
        max-height: 90px;
        width: auto;
        border: 1px solid white;
    }
    .list-files li p {
        color: white;
        font-size: 12.99px;
        font-weight: 300;
        margin-top: 2px;
    }
    .footer img {
        margin-top: 12px;
        width: 90%;
    }
    .contacto-viewer {
        height: 103vh;
        background-color: rgba(0, 0, 0, 0.6);
        padding-top: 6%;
    }
    .item-title.label.labelformulario {
        width: 18% !important;
    }
}

.list-block ul:before,
.list-block .item-inner:after,
.list-block ul:after {
    content: none;
}

.list-block ul {
    background: transparent;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.formulario {
    width: 375px;
    max-width: 500px !important;
    margin: 0 auto;
    color: white;
}

.labelformulario {
    color: white !important;
    font-weight: 500;
    width: 19% !important;
        text-overflow: clip !important;
}

.formulario input[type="text"],
.formulario input[type="password"],
.formulario input[type="search"],
.formulario input[type="email"],
.formulario input[type="tel"],
.formulario input[type="url"],
.formulario input[type="date"],
.formulario input[type="datetime-local"],
.formulario input[type="time"],
.formulario input[type="number"],
.formulario select,
.formulario textarea {
    background: #fff;
    color: black !important;
    border: 1px solid #000;
    height: 60px;
        padding-left: 14px;
}

.formulario input[type="button"],
.formulario input[type="submit"],  {
    background-color: #f03600 !important;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 900;
    padding: 14px 18px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.botonform {
    background-color: #f03600 !important;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 900;
    padding: 14px 0 16px 0px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.fomulariochkb {
        margin-left: 1%;
    margin-top: 14px;
    margin-bottom: 23px;
}

.fomulariochkb input[type="checkbox"] {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-right: 11px;
}

.formulario li  {
    margin-bottom: 5px;
}
.contackcheck {
    display: inline-block;
    position: absolute;
    top: 7px;
}
/* Ayudas */

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

.margin-0 {
    margin: 0 !important
}

.toolbar:before {
    display: none;
}
.actualizacion {
    position: absolute;
    width: 100px;
    height: 20px;
    background-color: rgba(244, 67, 54, 0);
    top: 0;
    right: 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 9999999999;
}

.actualizacion a {
font-size: 32px;
    color: rgba(255, 255, 255, 0);
    font-weight: 900;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    height: 40px;
}
.pdf-viewer {
        background: #000000;
        padding-bottom: 150px;
    }
    .pdf-viewer img {
        width: 100%;
        height: auto;
    }
    .pdf-footer {
        height: 60px;
        position: fixed !important;
        bottom: 0;
        width: 100%;
        background-color: #f03601;
        z-index: 99999999;
        text-align: center;
    }
    .pdf-footer a {
            font-size: 26px;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        padding: 5px 17px 25px 25px;
        margin-top: 10px;
        display: block;
        margin-bottom: 10px;
    }
@media screen and (max-height: 800px) {
    .bottomweb, .footer {
        position: static;
    }
    .menu {
        margin-top: 80px;
            width: 100%;
    }
}
@media screen and (max-width:480px) {
    .navmenu {
        width: 700px;
    }
    
    .mainmenu{
        margin-bottom: 50px !important;
    }
    .menu {
        margin-top: 20px !important;
    }
    li.ss_landscape {
    padding-top: 25px;
}
    
}
@media screen and (max-width:767px) {
    .navmenumb,.navmenumb2 {
        display: block;
    }
    .navmenumb {

    }
    .navmenu {
        display: none;
    }
    .logo img {
    max-width: 69px;
}
    video {
    width: 100% !important;
}
    .close_button {
        display: none;
    }
    .footer,.bottomweb{position: static;
    }
    .bottomweb{
        bottom: 70px;
    }

    .mainmenu li:hover {

        background-color:white;
        color: #FFFFFF;
    }

    .mainmenu li:hover a {

        color: #000000;
    }

    .navmenu li:hover {
        background-color: #ffffff;
        display: inline-block;
    }
    .navmenu li:hover a {
        color: black;
        border-right: #000;
    }
}
@media (min-width: 768px) {
    .menu {
    width: 100%;
}
    video {
    width: 50% !important;
}
    .formulario {
        width: 100% !important;}
    .close_button {
/*        top: 0;*/
    }

    .mainmenu li:hover {

        background-color:#f03600 ;
        color: #FFFFFF;
    }

    .mainmenu li:hover a {

        color: #FFFFFF;
        border-right: #ffffff;
    }
}
@media screen and (max-width:767px) and (orientation:landscape) {
    .navmenu {
        width: 767px;
    }
    
}
.panel.panel-left a {
    color: white;
    font-weight: 900;
}

.panel.panel-left a.active{
    color: #f03600;
    font-weight: 900;
}


.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
}
 .video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    max-height: 700px
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
           .mainmenu li {
          max-height: 89px;
      }
}

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
      .mainmenu {
    max-width: 600px;
    margin: 0 auto;
}
      .menu {
                 margin: 20% auto 0 auto;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
     .mainmenu li {
          max-height: 89px;
      }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
      .menu {
                  margin: 20% auto 0 auto;
}
}


/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
      .mainmenu {
    max-width: 600px;
    margin: 0 auto;
}
      .menu {
                 margin: 20% auto 0 auto;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .mainmenu li {
          max-height: 89px;
      }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */



/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .mainmenu {
    max-width: 600px;
    margin: 0 auto;
}
      .menu {
                margin: 20% auto 0 auto;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .mainmenu li {
          max-height: 89px;
      }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .mainmenu {
    max-width: 600px;
    margin: 0 auto;
}
      .menu {
                margin: 20% auto 0 auto;
}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .mainmenu li {
          max-height: 89px;
      }
}

/* ----------- iPad Pro 12.9" ----------- */



/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .mainmenu {
    max-width: 600px;
    margin: 0 auto;
}
      .menu {
       margin: 20% auto 0 auto;
}
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .mainmenu li {
          max-height: 89px;
      }

}

/* new styles */
.pie-section-features { max-width: 1190px; }
.pie-section-features li .ico-box img {
    max-width: 120px;
    margin-right: 20px;
}
.pie-section-features ul { padding: 0; }
.pie-section-features li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.pie-section-features li .feature-txt h3 { margin-top: 0; margin-bottom: 10px; }
.pie-section-features li .feature-txt p { margin-top: 0; }
.pie-section-features li:last-child { border-bottom: none; }
.pie-section-features li .tick-box {
    align-self: center;
    margin-left: 12px;
}
.pie-section-features li .tick-box img {
    max-width: 50px;
}

.pie-section-features li.custom-border {
    border-left: 1px solid #ccc;
    margin-left: 40px;
}
.pie-section-features li.custom-border:nth-child(1) {
    margin-bottom: 0;
    padding-top: 20px;
}
.pie-section-features li.custom-border:nth-child(2) {
    padding-top: 30px;
}

@media (max-width: 767px) {
    .pie-section-features li .ico-box img {
        max-width: 60px;
        margin-right: 10px;
    }
    .pie-section-features li .feature-txt h3 { font-size: 16px; }
    .pie-section-features li .feature-txt p { font-size: 14px; }
    .pie-section-features li.custom-border { margin-left: 0; }
    .pie-section-features li .tick-box img { max-width: 20px; }
    .pie-section-features li .tick-box { align-self: flex-start; }
}

@media(max-width: 1023.98px) {
    .buttons {
        width: 300px;
        height: 300px !important;
    }
    .buttons img {
        max-width: 300px;
    }
}

.warranty_form_date_field .clear-multi{display:flex; align-items: center; justify-content: space-between;}
.warranty_form_date_field .clear-multi>div{width:32%;}