@media (max-width: 599px) {
    .profuturo .topFooter__columns.col > .topFooter__column  { text-align: left; }
}

.profuturo .ddbutton-link  { padding-right: 0.5rem; }
.profuturo .ddbutton-text  { padding-right: 0.5rem; }
.profuturo .ddbutton-icon-chevron  { padding-left: 0; padding-right: 0; }


/* Modules ************************************/
.rotator  { position: relative; margin: 0; }
    .rotator > ul  { width: 100%; height: 100%; margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
        .rotator > ul.pauseEffects  { transition: none; }
    .rotator h2  { font-size: 20px; letter-spacing: 0; }
        .rotator > ul li  { position: relative; display: inline-block; max-width: 100%; height: 100%; margin: 0; padding: 0; transition: margin-left ease-out 0.5s; white-space: nowrap; *display: inline; zoom: 1; }
            .rotator > ul li a  { display: block; height: 100%; }
            .rotator > ul li a.btn  { margin-top: 0; }
                .rotator > ul li a img  { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; *display: inline; zoom: 1; }
                .rotator > ul li a article  { position: absolute; bottom: 30px; width: 85%; padding: 5px 10px; background-color: rgba(255,255,255,0.7); font-size: 14px; color: #666666; }

    .rotator > nav  { height: 22px; padding: 0; text-align: center; line-height: 22px; border-bottom: 0; }
        .rotator > nav ul  { display: inline; margin: 0; padding: 0; list-style: none; }
        .rotator > nav li  { display: inline-block; margin: 0 3px; padding: 0; list-style: none; *display: inline; zoom: 1; }
        .rotator > nav a  { text-indent: -9000px; display: inline-block; width: 12px; height: 12px; margin: 0; padding: 0; list-style: none; font-size: 0px; line-height: 0px; vertical-align: middle; background-color: transparent; border: 1px solid #fff; border-radius: 6px; *display: inline; zoom: 1; }
        .rotator > nav li.selected a  { background-color: #fff; }


/* Tiles */
.tile.generic  { height: auto !important; padding-bottom: 24px; border-radius: 8px; }
#content-body .tile.generic .btn-default  { padding: 15px 30px; color: #ED0722; background: none; border: 1px solid #ED0722; border-radius: 8px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }
    #content-body .tile.generic .btn-default:hover, .tile.generic .btn-default:focus  { color: #fff; background-color: #CB061D; border-color: #fff; }

/* end: Tiles */

/* CTA Boxes */
.ctaBoxes  { margin: 15px 0; padding: 0; list-style-type: none; width: 100%; }
    .ctaBoxes li  { position: relative; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.2); background: #eaeaea; padding-left: 0; }
        .ctaBoxes li a  { display: block; min-height: 52px; padding: 10px 44px 10px 10px; color: #6c6c6c; font-size: 12px; border-left: 16px solid #FDBB2F; box-sizing: border-box; line-height: 13px; }
            .ctaBoxes li a:after  { content: url('//cdn.aglty.io/scotiabank-peru/Profuturo/images/icon_mobile_ctabox_pointer.png'); position: absolute; top: 50%; right: 27px; margin-top: -6px; }
            .ctaBoxes li a h1  { margin: 0 0 4px 0; color: #6c6c6c; font-size: 14px; font-weight: bold; }
            .ctaBoxes li a p  { margin: 0; }
        .ctaBoxes li + li a  { border-color: #75B93E; }
        .ctaBoxes li + li + li a  { border-color: #047EBF; }

    .ctaBoxes .sapphire, .ctaBoxes .pear, .ctaBoxes .amber  { background: none; }
    .ctaBoxes li a  { border-left: 16px solid; }
    .ctaBoxes li.amber a  { border-color: #fcba48; }
    .ctaBoxes li.pear a  { border-color: #76b940; }
    .ctaBoxes li.sapphire a  { border-color: #0080c4; }
    .ctaBoxes li.purple a  { border-color: #0080c4; }
    .ctaBoxes li.redwood a  { border-color: #66230d; }
    .ctaBoxes li.razzmatazz a  { border-color: #e10576; }
    .ctaBoxes li.victoria a  { border-color: #5e4696; }
    .ctaBoxes li.lochmara a  { border-color: #0180c2; }
    .ctaBoxes li.deepsea a  { border-color: #008a5f; }
    .ctaBoxes li.sushi a  { border-color: #7aba45; }
    .ctaBoxes li.sunglow a  { border-color: #fdbb30; }
/* end: CTA Boxes */


/* Big Image */
.bigImage  { display: block; margin: 0 0 20px; position: relative; width: 100%; }
a.bigImage  { color: #333; }
.bigImage img  { display: block; width: 100%; height: auto; }
.bigImage article  { padding: 10px; background: rgba(255,255,255,0.7); }


/* Split Collapsible and Multiple */
.splitCollapsible  { padding: 0; width: 100%; }
.splitCollapsible:after  { background-position: right 0 center; }
.splitCollapsible.open:after  { background-position: right 1.5em center; }
/* end: Split Collapsible and Multiple */


/* PDF Selector */
.pdfSelector  { width: 100%; margin-top: 15px; padding: 15px; border: 1px solid #e4e4e4; background-color: #fafbfd; }
    .pdfSelector > span  { font-size: 16px; font-weight: 700; }
    .pdfSelector .button  { float: none; width: 100%; padding: 0; margin: 4px 0 0 0; text-align: center; }


/* Static Info Tiles */
.staticInfoTiles  { width: 100%; background-color: #fafbfd; padding: 15px; border: 1px solid #e5e5e5; margin: 15px 0; }
    .staticInfoTiles header  { margin-bottom: 15px; }
    .staticInfoTiles h1  { font-size: 21px; margin-top: 0; color: #68696a; }
    .staticInfoTiles ul  { padding: 0; margin: 0; list-style-type: none; background: none; }
    .staticInfoTiles li  { margin-bottom: 15px; padding: 10px; background-color: #fff; border: 1px solid #e4e4e4; }
        .staticInfoTiles li img  { width: 100%; height: auto; }
    .staticInfoTiles h2  { color: #68696a; margin: 0 -10px 0 0; padding: 3px 35px 3px 0; font-size: 18px; font-weight: 100; background: url("//cdn.aglty.io/scotiabank-peru/WebsiteTheme/plusMinus.png") no-repeat right 3px; background: none; }
    .staticInfoTiles li.open h2  { background-position: right -371px; }
    .staticInfoTiles li article  { display: block; }
    .staticInfoTiles li.open article  { display: block; padding-top: 10px; }
    .staticInfoTiles .grey  { padding: 15px; background-color: ##ededed; }
        .staticInfoTiles .grey h2  { background-image: none; }

    .staticInfoTiles li.graphical  { ; }
        .staticInfoTiles li.graphical a  { display: block; }
        .staticInfoTiles li.graphical img  { display: block; width: 100%; height: auto; }
    .staticInfoTiles a.button  { display: block; margin-top: 16px; text-align: center; text-align: center; padding: 0; }
/* end: Static Info Tiles */


/* Image Gallery */
.ProfuturoImageGallery  { padding: 0; margin: 15px 0; }
    .ProfuturoImageGallery ul  { margin: 0; padding: 0; list-style-type: none; font-size: 0.001em; }
        .ProfuturoImageGallery ul li  { display: block; width: 100%; padding: 0; margin-bottom: 10px; height: auto; background-color: #e5e5e5; }
            .ProfuturoImageGallery ul li:hover  { background-color: #f1f2f3; }
            .ProfuturoImageGallery ul li a  { display: block; margin: 0; color: #6C6C6C; text-decoration: none; padding: 15px; }
                .ProfuturoImageGallery ul li a > *  { display: inline-block; *display: inline; zoom: 1; }
                .ProfuturoImageGallery ul li a img  { width: 100%; height: auto; }
                .ProfuturoImageGallery ul li a b  { display: block; font-size: 14px; font-weight: 700; padding: 5px 0; }
                .ProfuturoImageGallery ul li a i  { font-size: 12px; font-style: normal; padding: 5px 0; }

        .ProfuturoImageGallery ul.pager  { margin-top: 10px; font-size: 14px; display: flex; justify-content: center; }
            .ProfuturoImageGallery ul.pager li  { width: 30px; height: 30px; margin: 0 5px; line-height: 30px; background-color: transparent; }
                .ProfuturoImageGallery ul.pager li a  { display: block; text-align: center; margin: 0; padding: 0; height: 100%; vertical-align: middle; background-color: #f1f2f3; box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; cursor: pointer; -webkit-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; -moz-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; -ms-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; -o-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; }
                    .ProfuturoImageGallery ul.pager li.selected a, .ProfuturoImageGallery ul.pager li a:hover  { color: #fff; background-color: #ED0722; }

.profuturoImageLightBox  { position: relative; margin: -60px -10px -10px -10px; }
    .profuturoImageLightBox a  { position: absolute; display: block; top: 10px; font-size: 60px; width: 40px; height: 40px; line-height: 32px; text-align: center; text-decoration: none; vertical-align: middle; background-color: #fff; }
        .profuturoImageLightBox a:hover  { color: #fff; background-color: #515151; }
    .profuturoImageLightBox .prev  { left: 10px; }
    .profuturoImageLightBox .next  { left: 55px; }
    .profuturoImageLightBox img  { width: 100%; height: auto; }
    .profuturoImageLightBox b  { display: block; font-size: 16px; font-weight: 700; }
    .profuturoImageLightBox i  { font-size: 14px; }
/* end: Image Gallery */


/* Video Gallery */
.ProfuturoVideoGallery  { padding: 0; width: 100%; margin: 15px 0; }
    .ProfuturoVideoGallery ul  { margin: 0; padding: 0; list-style-type: none; font-size: 0.001em; }
        .ProfuturoVideoGallery ul li  { display: block; width: 100%; padding: 0; margin-bottom: 10px; height: auto; background-color: #e5e5e5; }
            .ProfuturoVideoGallery ul li:hover  { background-color: #f1f2f3; }
            .ProfuturoVideoGallery ul li a  { display: block; margin: 0; color: #6C6C6C; text-decoration: none; padding: 15px; }
                .ProfuturoVideoGallery ul li a > *  { display: inline-block; *display: inline; zoom: 1; }
                .ProfuturoVideoGallery ul li a img  { width: 100%; height: auto; }
                .ProfuturoVideoGallery ul li a b  { display: block; font-size: 14px; font-weight: 700; padding: 5px 0; }
                .ProfuturoVideoGallery ul li a i  { font-size: 12px; font-style: normal; padding: 5px 0; }

        .ProfuturoVideoGallery ul.pager  { margin-top: 10px; font-size: 14px; display: flex; justify-content: center; }
            .ProfuturoVideoGallery ul.pager li  { width: 30px; height: 30px; margin: 0 5px; line-height: 30px; background-color: transparent; }
                .ProfuturoVideoGallery ul.pager li a  { display: block; text-align: center; margin: 0; padding: 0; height: 100%; vertical-align: middle; background-color: #f1f2f3; box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; cursor: pointer; -webkit-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; -moz-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; -ms-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; -o-box-shadow: 0 -45px 30px -30px rgba(0,0,0,0.25) inset; }
                .ProfuturoVideoGallery ul.pager li.selected a, .ProfuturoImageGallery ul.pager li a:hover  { color: #fff; background-color: #ED0722; }

.profuturoVideoLightBox  { position: relative; margin: -60px -10px -10px -10px; }
    .profuturoVideoLightBox a  { position: absolute; display: block; top: 10px; font-size: 60px; width: 40px; height: 40px; line-height: 32px; text-align: center; text-decoration: none; vertical-align: middle; background-color: #fff; }
        .profuturoVideoLightBox a:hover  { color: #fff; background-color: #515151; }
    .profuturoVideoLightBox .prev  { left: 10px; }
    .profuturoVideoLightBox .next  { left: 55px; }
    .profuturoVideoLightBox img  { width: 100%; height: auto; }
    .profuturoVideoLightBox b  { display: block; font-size: 16px; font-weight: 700; }
    .profuturoVideoLightBox i  { font-size: 14px; }
/* end: Video Gallery */

/* Contact Form */
.contactForm  { background-color: #fff; margin: 10px -10px -10px -10px; padding: 10px; }
    .contactForm .hide  { display: none; }
    .contactForm .required  { position: relative; width: 100% !important; }
        .contactForm .required:after  { content: " *"; color: #D81E05; }
    .contactForm legend  { width: 100%; font-size: 18px; padding: 10px 0; margin-bottom: 10px; font-family: Roboto; color: #EE3224; font-weight: 700; border-bottom: 1px solid #000; }
    .contactForm > form span  { display: inline-block; margin-bottom: 5px; font-weight: bold; *display: inline; zoom: 1; }
        .contactForm > form span.validation  { margin-bottom: 0; }
    .contactForm form > .currentStep  { display: block; padding: 10px 0; color: #EE3224; font-family: Roboto; font-size: 18px; font-weight: 700; }
    .contactForm form .errorSummary  { display: none; margin: 10px 0; padding: 10px; background-color: #FFDDDC; border: 1px solid #f00; }
        .contactForm form .errorSummary.show  { display: block !important; }
        .contactForm form .errorSummary h3  { position: relative; margin: 0 0 5px 0; padding-left: 20px; color: #6c6c6c; font-size: 16px; font-weight: 700; }
            .contactForm form .errorSummary h3:before  { content: url('//cdn.aglty.io/scotiabank-peru/Profuturo/images/icon_error_exclaimation.png'); position: absolute; top: 1px; left: 0; }
        .contactForm form .errorSummary ul  { margin: 0; padding: 0; list-style: none; }
            .contactForm form .errorSummary ul li  { padding: 0; }
                .contactForm form .errorSummary ul li:before  { content: "- "; }
    .contactForm.ProfuturoTransferRequestForm > form > fieldset > div.date > input[name="day"], .contactForm.ProfuturoTransferRequestForm > form > fieldset > div.date > input[name="month"]  { width: 20%; }
    .contactForm.ProfuturoTransferRequestForm > form > fieldset > div.date > input[name="year"]  { width: 47%; }
    .contactForm > form input:not([type="submit"]):not([type="radio"]), .contactForm > form label > select, .contactForm > form label > textarea, .contactForm > form div > select  { width: 100%; padding: 6px; box-sizing: border-box; }
    .contactForm > form > fieldset label  { position: relative; display: inline-block; width: 100%; margin-bottom: 20px; *display: inline; zoom: 1; }
    .contactForm > form > fieldset > label > select + input:not([type="radio"])  { margin-top: 10px; }
    .contactForm > form > fieldset > label > textarea  { height: 80px; }
    .contactForm > form > fieldset > label > span.required::after  { content: " *"; color: red; }
    .contactForm > form > fieldset > label > input + span  { font-weight: normal; }
        .contactForm > form > fieldset > label > input + span ~ span.validation  { bottom: 30px; }
    .contactForm > form > fieldset > div > span  { display: block; margin-bottom: 10px; }
    .contactForm > form > fieldset > div:not(.date) > span.validation  { bottom: inherit; top: 50%; margin: 2px 0 0 0; }
    .contactForm > form div > label, .contactForm > form div > select  { margin-bottom: 10px; }
    .contactForm > form > fieldset > div > label:not(.multipleFields)  { width: auto; padding-left: 15%; }
    .contactForm .captcha  { position: relative; margin: 10px 0; }
        .contactForm .captcha .captchaInfo  { font-weight: normal; font-size: 12px; padding-top: 13px; }
        .contactForm .captcha #RenewMyCaptcha  { display: block; }
        .contactForm .captcha > label  { padding-left: 0 !important; }
            .contactForm .captcha > label > a  { padding: 6px 0 6px 0; font-size: 12px; cursor: pointer; }
        .contactForm .captcha img  { display: block; }
        .contactForm .captcha input  { display: block; margin-top: 10px; }
    .contactForm > form > div  { display: flex; }
    .contactForm .button  { margin: 0 10px 0 0; padding: 6px 16px; }
        .contactForm .button.back  { margin-right: auto; }
        .contactForm .button.reset  { margin-left: auto; }
        .contactForm .button:last-child  { margin-right: 0; }
    .contactForm input[type="submit"]  { float: right; }

.ProfuturoTransferRequestForm .errorSummary  { display: none; }
.ProfuturoTransferRequestForm .sideText  { font-size: 12px; padding-left: 5px; font-weight: normal; }

.ProfuturoStatementInformation  { text-align: center; }
    .ProfuturoStatementInformation img  { width: 100%; }
/* end: Contact Form */


.calendar  { width: 100%; }


.cascadingDropdownLinks  { width: 100%; }
    .cascadingDropdownLinks label  { margin: 10px 0; font-weight: 700; line-height: 2em; }
    .cascadingDropdownLinks select  { width: 100%; }
    .cascadingDropdownLinks .button  { float: right; margin: 10px 0 0 0; padding: 0; }

.flipInfoTiles  { width: 100%; }
    .flipInfoTiles > ul  { margin: 10px -15px; }


.sr--summary  { width: 100%; margin-top: 20px; }
    .sr--summary .s--term  { position: relative; margin: 0; padding: 0; background: none; }
    .sr--summary .col  { padding: 0; }
.searchResults  { margin: 0 0 1em 0; }


/********************************************************************************************************************************************************************************************/
/*LATIN LINGUA REQUEST
*********************************************************************************************************************************************************************************************/
#contentColumn img  { max-width: 100%; }

.tableContainer  { width: 100%; overflow-x: auto; }
table.default  { font-size: 0.8em; border: 1px solid #ccc; border-top: 3px solid #adada7; padding: 0; border-collapse: collapse; margin-top: 1em; width: 100%; margin-bottom: 1em; background-color: #FFF; }
    table.default.small  { font-size: 0.7em; }
    table.default tbody  { padding: 0; }
    table.default tr.odd th,
    table.default tr.odd td  { background-color: #f5f5f5; }
    table.default th  { text-align: left; padding: 0.5em; padding-left: 0.5em; border-width: 0 1px; border-style: solid; border-color: #ccc; border-bottom: 3px solid #ccc; }
    table.default td  { padding: 0.4em; border-width: 0 1px; border-style: solid; border-color: #ccc; }
    table.default.small td  { padding: 0.2em; }
    table.default td.headerRow  { font-weight: bold; border: 1px solid #ccc; border-top: 3px solid #ccc; }
