
nav.fancybox-margin {
    z-index: 0 !important;
    display: none !important;
}

.fancybox-overlay {
    z-index: 99999 !important;
}

/* Botones APPS y EXTENSIÓN */
.cp-ios-btn, .cp-android-btn, .cp-chrome-btn {
    width: 155px;
    height: 50px;
    padding: 11px 33px;
    border-radius: 4px;
    border-color: rgb(23, 22, 26);
    border-style: solid;
    border-width: 11px;
}

.cp-ios-btn {
    background: url(/img/canariasprime/AppStore.png) center center / contain no-repeat rgb(23, 22, 26);
}
.cp-android-btn {
    background: url(/img/canariasprime/GooglePlay.png) center center / contain no-repeat rgb(23, 22, 26);
}
.cp-chrome-btn {
    background: url(/img/canariasprime/ChromeExtension.png) center center / contain no-repeat rgb(23, 22, 26);
}
.cp-code-qr-btn {
    /*margin-top: -40px;*/
}


/* INSTALL APP */
.install_app_container {
    max-width: 600px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    height: 100vh;
}

.install_app_content {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}

/*.install_app_button_container {*/
/*    display: flex;*/
/*}*/


body#module-canariasprime-installextension main#page section#wrapper .container {
    margin: 0;
    width: 100%;
    padding: 0;
}

body#module-canariasprime-installextension main#page section#wrapper .container #content-wrapper {
    margin-top: 0px;
}

#install_extension_page, #install_application_page{
    display: flex;
    height: 100vh;
}

#install_extension_page .install_extension_container,
#install_app_page .install_app_container {
    max-width: 600px;
    margin: auto;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

#install_extension_page .install_extension_container .install_extension_header,
#install_app_page .install_app_container .install_app_header {
    text-transform: uppercase;
    color: #97a0b1;
    font-weight: 600;
    font-size: .9em;
    margin-bottom: 0px;
}

#install_extension_page .install_extension_container .install_extension_title,
#install_app_page .install_app_container .install_app_title {
    margin-top: 15px;
    /*color: #ffa600;*/
    color: black;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
}

/*#install_extension_page .install_extension_container .install_extension_title.chrome_extension_text,*/
/*#install_extension_page .install_extension_container .install_extension_title.firefox_extension_text,*/
/*#install_extension_page .install_extension_container .install_extension_title.safari_extension_text,*/
/*#install_extension_page .install_extension_container .install_extension_button_container.chrome_extension_button,*/
/*#install_extension_page .install_extension_container .install_extension_button_container.firefox_extension_button,*/
/*#install_extension_page .install_extension_container .install_extension_button_container.safari_extension_button{*/
/*    display: none;*/
/*}*/

body#module-canariasprime-installextension.canariasprime_chrome_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_title.chrome_extension_text,
body#module-canariasprime-installextension.canariasprime_firefox_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_title.firefox_extension_text,
body#module-canariasprime-installextension.canariasprime_safari_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_title.safari_extension_text,
body#module-canariasprime-installextension.canariasprime_chrome_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_button_container.chrome_extension_button,
body#module-canariasprime-installextension.canariasprime_firefox_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_button_container.firefox_extension_button,
body#module-canariasprime-installextension.canariasprime_safari_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_button_container.safari_extension_button,
body#module-canariasprime-installextension.canariasprime_default_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_title.chrome_extension_text,
body#module-canariasprime-installextension.canariasprime_default_browser main#page section#wrapper .container #content-wrapper #install_extension_page .install_extension_container .install_extension_button_container.chrome_extension_button,
#install_application_page .install_application_container .install_application_title.chrome_application_text,
#install_application_page .install_application_container .install_application_button_container.chrome_application_button{
    display: block !important;
}

#install_extension_page .install_extension_container .install_extension_description,
#install_app_page .install_app_container .install_app_description {
    margin: 10px auto;
    color: #5c5c5c;
    font-weight: 300;
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 30px;
}

#install_extension_page .install_extension_container .install_extension_button_container,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container,
#install_application_page .install_application_container .install_application_button_container,
#install_application_page .install_application_container .install_responsive_app_container .install_app_button_container {
    outline: none;
}

#install_extension_page .install_extension_container .install_extension_button_container a.install_extension_button,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container a.install_app_button{
    color: #fff;
    overflow: hidden;
    position: relative;
    font-weight: 800;
    min-height: 20px;
    line-height: 20px;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    font-size: inherit;
    text-decoration: none;
    vertical-align: middle;
    outline: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

#install_app_page .install_app_container .install_application_button_container a.install_application_button,
#install_app_page .install_app_container .install_responsive_app_container .install_app_button_container a.install_app_button {
    color: #fff;
    overflow: hidden;
    position: relative;
    font-weight: 800;
    background-color: #17161a;
    border: 1px solid #17161a;
    padding: 14px 18px;
    min-height: 20px;
    line-height: 20px;
    border-radius: 5px;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    font-size: inherit;
    text-decoration: none;
    vertical-align: middle;
    outline: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 56px;
    width: 80%;
}


#install_extension_page .install_extension_container .install_extension_button_container:hover a.install_extension_button,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container:hover a.install_app_button {
    background-color: #263d6c;
    border-color: #263d6c;
    opacity: .9;
}

#install_extension_page .install_extension_container .install_extension_button_container a.install_extension_button img.install_extension_button_image,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container a.install_app_button img.install_app_button_image{
    max-width: 100%;
    text-align: center;
    position: absolute;
    font-size: 20px;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    display: inline-block;
    min-width: 20px;
    line-height: 1;
    width: 100%;
    height: 45px;
}
#install_app_page .install_app_container .install_responsive_app_container .install_app_button_container a.install_app_button {
    max-width: 100%;
    text-align: center;
    position: absolute;
    font-size: 20px;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    display: inline-block;
    min-width: 20px;
    line-height: 1;
    width: 100%;
}


#install_extension_page .install_extension_container .install_extension_button_container:hover a.install_extension_button img.install_extension_button_image,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container:hover a.install_app_button img.install_app_button_image{
    transform: translate(-50%, 120%);
    opacity: 0;
}

#install_extension_page .install_extension_container .install_extension_button_container a.install_extension_button span.install_extension_button_text,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container a.install_app_button span.install_app_button_text,
#install_extension_page .install_application_container .install_application_button_container a.install_application_button span.install_extension_button_text,
#install_extension_page .install_application_container .install_responsive_app_container .install_app_button_container a.install_app_button span.install_app_button_text {
    display: inline-block;
    transform: translateY(-120%);
    opacity: 0;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

#install_extension_page .install_extension_container .install_extension_button_container:hover a.install_extension_button span.install_extension_button_text,
#install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_container:hover a.install_app_button span.install_app_button_text,
#install_application_page .install_application_container .install_application_button_container:hover a.install_application_button span.install_extension_button_text,
#install_application_page .install_application_container .install_responsive_app_container .install_app_button_container:hover a.install_app_button span.install_app_button_text {
    transform: none;
    opacity: 1;
}

#install_extension_page .install_extension_container .install_responsive_app_container,
#install_application_page .install_application_container .install_responsive_app_container {
    /*margin-top: 64px;*/
}

#install_extension_page .install_extension_container .install_responsive_app_container p.install_app_text,
#install_application_page .install_application_container .install_responsive_app_container p.install_app_text {
    font-size: 24px;
    line-height: 28px;
    color: #17171b;
    font-weight: bold;
    margin-bottom: 16px;
}

#install_extension_page .install_extension_container .install_responsive_app_container .install_app_qr_code,
#install_application_page .install_application_container .install_responsive_app_container .install_app_qr_code {
    margin-top: 16px;
}

#install_extension_page .install_extension_container .install_responsive_app_container .install_app_qr_code img,
#install_application_page .install_application_container .install_responsive_app_container .install_app_qr_code img {
    max-width: 150px;
}

body#module-canariasprime-installextension main#page footer#footer {
    margin: 0;
}

.install_extension_button_mobile_image{
    width: 80% !important;
}

@media (max-width: 449px){

    #install_extension_page .install_extension_container,
    #install_application_page .install_application_container {
        margin: 50px 0px;
    }

    #install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_qr_code_container,
    #install_application_page .install_application_container .install_responsive_app_container .install_app_button_qr_code_container {
        width: 100%;
    }

    #install_extension_page .install_extension_container .install_responsive_app_container .install_app_button_qr_code_container.install_ios_app_button_qr_code_container,
    #install_application_page .install_application_container .install_responsive_app_container .install_app_button_qr_code_container.install_ios_app_button_qr_code_container {
        margin-top: 16px;
    }

    #install_extension_page,
    #install_application_page {
        height: 100% !important;
    }

}
