@charset "UTF-8";
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

/* Company Information
*****************************************
* UPMC Medicaid Master Stylesheet
* Created On:10/16//2018
* Authored By: Niharika Aluguri
* Contact Email: alugurin@upmc.edu
*****************************************
*/
html {     scroll-behavior: smooth;  }  /* FAQ */
body {font-size:12pt !important;}
p {font-size:1em !important;}
.mega ul, .mega ul li {font-size:12pt;}
.forgot-link {font-size:1em;}
.main-footer {font-size:12pt;box-shadow:0 -6px 6px -6px #888 !important; }
.main-footer ul li {font-size:12pt;}
.rowlinks ul li {font-size:12pt !important;}
.landing-header {font-size:1em !important;}
.box-details-drop {font-size:1em !important}  /*expand*/
.box-details {padding-top:0px;padding-bottom:0px;}
.details-subheader {font-size:1em !important}

.desktop { display:none; }
.no-desktop { }

/* Dimensions */
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-30 { width:30%; }

.fs_0833 { font-size:1em; }
.fs_0983 { font-size:1em; }
.fs_1167 { font-size:1.167em; }

/* Widgets */
.arrow-link-gray { white-space:normal; display:inline-block; background-color:#EFF0F1; padding:0 3.75em 0 0.938em; color:#000; font-weight:700; text-decoration:none; position:relative; line-height:2.5em; font-size:14px; }
.arrow-link-gray:after { position:absolute; top:0; right:0; display:block; width:35px; height:35px; content:""; background:#771B61 url(../img/sprites.png) no-repeat -288px -71px; }
    
.arrow-link2 { white-space:normal; display:inline-block; background-color:#fff; padding:0 3em 0 0; color:#000; font-weight:700; text-decoration:none; position:relative; font-size:0.875em; }
.arrow-link2:after { position:absolute; top:2px; right:0; display:block; width:35px; height:1em; content:""; background:url(../img/sprites.png) no-repeat -298px -110px; }

.grey-button { font-size:1em; font-weight:700; color:#323e48; display:inline-block; text-decoration:none; background-color:#eff0f1; border-right:0.083em solid #d0d0cf; border-bottom:0.083em solid #d0d0cf; }
.purp-button { font-size:1em; font-weight:700; color:#fff; display:inline-block; text-decoration:none; background-color:#771B61; border-right:0.083em solid #d0d0cf; border-bottom:0.083em solid #d0d0cf; padding:1em; }
.pink-button { font-size:1.125em; font-weight:700; color:#fff; display:inline-block; text-decoration:none; background-color:#c981b4; border-right:0.083em solid #d0d0cf; border-bottom:0.083em solid #d0d0cf; padding:0.5em; text-align:center; }

.button-next { width:100%; font-weight:700; color:#fff; display:inline-block; text-decoration:none; background-color:#771B61; border-right:0.083em solid #d0d0cf; border-bottom:0.083em solid #d0d0cf; padding:0.5em; text-align:center; box-sizing:border-box; }
.button-prev, .button-skip { width:100%; font-weight:700; color:#a6a6a6; display:inline-block; text-decoration:none; background-color:#eff0f1; border-right:0.083em solid #d0d0cf; border-bottom:0.083em solid #d0d0cf; padding:0.5em; text-align:center; box-sizing:border-box; }

.button-inactive { color:#a6a6a6 !important; background-color:#d0d0cf !important; }

.hr-grey { border:0; height:0; border-bottom:0.083em solid #d4d4d4; }

a.tHelp { background: url(../img/sprites3.png) no-repeat -452px -173px; display: block; height: 20px; width: 20px; overflow: hidden; text-indent: -5000px; float:left; }

/* Custom Dropdown */
.upmc-dropdown-select{ font-size:inherit; font-weight:700; padding:.5em; margin:0; padding-right:0; border:0; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.upmc-dropdown-select-white { background-color:#fff; color:#444; }
.upmc-dropdown-select-grey { background-color:#eff0f1; color:#444; }

.upmc-dropdown { width:100%; position: relative; display: inline-block; vertical-align: middle; border:0.083em solid #d0d0cf; }

.upmc-dropdown::before, .upmc-dropdown::after { content:""; position:absolute; pointer-events:none; }
.upmc-dropdown::after { /*  Custom dropdown arrow */content: "\25BC"; height: 1.5em; font-size:1em; line-height:1; right:1.2em; top:50%; margin-top:-.5em; }
.upmc-dropdown::before { /*  Custom dropdown arrow cover */ width: 2em; right: 0; top: 0; bottom: 0; }

/* White dropdown style */
.upmc-dropdown-white::before { background-color:#fff; }
.upmc-dropdown-white::after { color:rgba(0,0,0,.9); }

/* Grey dropdown style */
.upmc-dropdown-grey::before { background-color:#eff0f1; }
.upmc-dropdown-grey::after { color:#771B61;} /* Arrow Color */

/* FF only temp fix */
@-moz-document url-prefix() { 
    .custom-dropdown__select { padding-right: .9em }
}

/* Navigation */
.rowlinksh { margin:0; padding:0; }
.rowlinksh li { position:relative; } 
.rowlinksh li a { display:block; text-decoration:none; } /* display:inline-block; for desktop view*/
.aside-nav { margin:0; padding:0; list-style-type:none; position:relative; display:block; text-decoration:none; }

/* Positioning */
/* Colors */
.c-red { color:red; }
.c-purple { color:#771B61; }
.c-white { color:#fff; }
.c-lgrey { color:#adadad; }
.c-llgrey { color:#d3d5d8; }
.bg-orange { background-color:#771b61; }
.bg-white { background-color:#fff; }
.bg-purple { background-color:#771B61; }
.bg-yellow { background-color:#771b61; }

/* Colored Links */
.link-white { color:#fff; }
.link-white:visited { color:#fff; }

/* Borders */
.bor_topbottom_lgrey { border-top:0.083em solid #D4D4D4; border-bottom:0.083em solid #D4D4D4; }
.bor_top_lgrey { border-top:1px solid #C5C5C5; }

/* Tabs */
.tabs { width:100%; display:inline-block; }
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links { margin:0; padding-left:0; }
.tab-links:after { display:block; clear:both; content:''; }
.tab-links li { list-style:none; width:100%; }
.tab-links a { padding:9px 0 9px 5%; display:inline-block; border-radius:3px 3px 0px 0px; background:#dddedf; font-size:16px; font-weight:600; color:#771B61; transition:all linear 0.15s; text-decoration:none; width:95%; }
.tab-links a:hover { background:#a7cce5;text-decoration:none; }
.tab-links li.active a, .tab-links li.active a:hover { background:#771B61; color:#fff; }
/*----- Content of Tabs -----*/
.tab-content { padding:10px; border-radius:1px; border:1px solid #000; }
.tab { display:none; }
.tab.active { display:block; }
    
/* Helper Classes */
.lcase { text-transform: lowercase; }
.nocase { text-transform:none; }

.right-arrow {cursor: pointer;}   
.right-arrow:before {font-size:2em; color:#771B61; content:"\25B8";padding-right:0.5em;vertical-align:middle;}

.down-arrow:before {content:"\25BE";}
    
.event-header {font-weight:bold;margin-left:2em;margin-top:2em;}
   
.us-news {background-color:#EFF0F1;padding:1em;}
/* X. =Layout Containers
****************************************/
    /* X. =General Layout (DO NOT EDIT)
    ****************************************/
 
    #addinfo { background-color:#fff; position:relative; }

    /* X. =Header
    ****************************************/
    #top-nav a { font-size:1em; color:#5e6568; text-decoration:none; margin-left:1em; margin-right:1em; }
    
           /* X. =Main 
    ************************************/ 

            /* X. =Typography, Links, & Elements
    ****************************************/
         /* X. =Header  
    ****************************************/   
    .logo,.logo-for-kids { float:left; margin:1.4em 0 0 1.063em; font-size:1em; }
    .logo a { display:block; width: 12.625em;height: 2.094em; background:transparent url(../img/forkids-logo-en-mobile.png) no-repeat 0 0;}
    .logo-es a { display:block; width: 12.625em;height: 2.094em; background:transparent url(../img/forkids-logo-es-mobile.png) no-repeat 0 0;}
  
    /* X. =Main
    ****************************************/  

    /*CHIP HOME*/
    .chip-hero { height:20.750em; background-size:cover; position:relative;background-color:#771B61;} 
    .chip-hero .arrow-link { border:0; }
    .hero-details-chip { position: absolute; padding: 5% 5%;}
    .hero-title-chip {  left:5%; padding:0; font-size:1.875em; color:#fff; line-height: 1em;width:100%; }
    .hero-text-chip { padding:0; color:#fff; text-shadow:0 0 2px #000; font-size:1em; font-weight:700;margin-bottom: 2em; }
    .chip-home-enroll {padding: 2% 10%;margin: 0 auto;text-align: center;font-weight: 700;font-size:1.25em;}
    .chip-story-header {background-color: #771B61;padding: 0.75em;color: #fff;text-align: center;}         
    .chip-box-story { padding:1em; }
    .chip-box-story .box-story-text { padding:0; }
    .story-1 .story-hero { height:10.866em; background:transparent url(../img/home/chip-home-coverage.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .story-2 .story-hero { height:10.866em; background:transparent url(../img/home/chip-home-benefits.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-box-story .box-story-text .arrow-link { margin:0; }  
    .chip-box-story .story-header { width:100%; padding:0; box-sizing:border-box; font-size:1.25em; }
    .chip-box-story .story-header + p { font-size:1em; padding:0; }

.coverage-options dd {font-size:unset !important; }

    .box-subheader-small.chip-home-box-one:before {  background:transparent url(/coverage-for-kids/img/home/chip-hp-tout1.jpg);height:170px;width:320px;border-radius:3px; }
    .box-subheader-small.chip-home-box-two:before { background:transparent url(/coverage-for-kids/img/home/chip-hp-tout2.jpg);height:170px;width:320px;border-radius:3px; }
    .box-subheader-small.chip-home-box-three:before { background:transparent url(/coverage-for-kids/img/home/chip-hp-tout3.jpg);height:170px;width:320px;border-radius:3px; }
        
    @media only screen and (max-width:61.875em) {
        .box-subheader-small.chip-home-box-one:before {  height:138px;width:260px;background-position:right; }
        .box-subheader-small.chip-home-box-two:before { height:138px;width:260px;background-position:right; }
        .box-subheader-small.chip-home-box-three:before { height:138px;width:260px;background-position:right; }
    }






#find {
}
    #find h2 { text-indent:2.5em; font-size:1.25em; }
    #find h2.find:before { content:""; position:absolute; width:25px; height:26px; margin-top:.1em; margin-left:-1.5em; background:transparent url(../img/sprites.png) no-repeat -152px -170px; }
    #find h2.contact:before { content:""; position:absolute; width:25px; height:26px; margin-top:.1em; margin-left:-1.5em; background:transparent url(../img/sprites2.png) no-repeat -585px -93px; }
    #find h2.enroll { text-indent:0.6em; }
    #find .column dl dt { font-size:1em; color:#771B61; font-weight:700; }
    #find .column dl dd { margin:.313em 0 0 0; font-size:1em; font-weight:400; }
    #find .rowlinks li a { border-bottom:0.083em solid #d4d4d4; color:#323E48; font-weight:700; line-height:2.8em; font-size:1em; text-indent:2em; background-color:#eff0f1; }
    #find .rowlinks li a:before { content:""; position:absolute; top:50%; width:1.25em; height:1.25em; margin-top:-0.5em; margin-left:-1.5em; background:transparent url(../img/sprites2.png) no-repeat -298px -132px; }
    #find .contact2 { font-size:1em; font-weight:700; margin-top:.8em; line-height:1.5em }
    #find .contact2 span { color:#5e6568 }

    .faq-div { padding: 2em;line-height: 1.4em;}

    /*CHIP CHILDS*/

    .chip-col-left .rowlinksh li a { border-bottom:0.083em solid #d4d4d4; color:#323E48; font-weight:700; line-height:3.125em; font-size:1em; text-indent:3em; width:100%; background-color:#eff0f1; }
    .chip-col-left .rowlinksh li a:before { content:""; position:absolute; top:50%; width:1.25em; height:1.25em; margin-top:-0.5em; margin-left:-1.5em; background:transparent url(../img/sprites2.png) no-repeat -20px -225px; transition-delay:0.3s; }
    .chip-col-left .rowlinksh li a.active:before { background:transparent url(../img/sprites2.png) no-repeat -20px -242px; }
    .chip-col-left .aside-nav { border-bottom:0.083em solid #d4d4d4; background-color:#fff; color:#5e6568; font-weight:700; line-height:4em; font-size:1.125em; text-indent:1.125em;  width:100%; }
    .chip-col-left .aside-nav:first-child { border-top:0.083em solid #d4d4d4; }
    .chip-col-left .rowlinks { border-bottom:0.083em solid #d4d4d4; }
    .chip-col-left .rowlinks li a { background-color:#fff; color:#5e6568; font-weight:700; font-size:1em; text-indent:1.5em; width:100%; line-height:2.5em; }   
    .chip-col-left .active-g { color:#323e48  !important; background-color:#dddedf !important; }
    .chip-col-left .active-o { color:#fff !important; background-color:#771b61 !important;  }    
    .chip-col-left .mobile-dropdown { position:absolute; top:6.75em; width:100%; box-shadow: 0px 1px 1px 1px rgba(160, 160, 160, 0.8); }
    .chip-col-left .mobile-dropdown.active { display:inline; z-index:1; }

    .sublink-header { margin:-50px 0 0 -20px;font-size:1em; color:#323e48; text-transform:uppercase; font-weight:700; text-decoration:none; position:relative; padding:1em; text-indent:1.5em; display:block; background-color:#eff0f1; } 

    .chip-enroll-hero.enroll-now{ height:13.750em; background:transparent url(../img/enroll/enroll-now.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-enroll-hero.why-chip { height:13.750em; background:transparent url(../img/enroll/enroll-why-chip.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-enroll-hero.whats-covered { height:13.750em; background:transparent url(../img/enroll/enroll-whats-covered.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-enroll-hero.eligibility { height:13.750em; background:transparent url(../img/enroll/enroll-eligibility.jpg) no-repeat 0 0; background-size:cover; position:relative; }

    .chip-renew-hero.renew{ height:13.750em; background:transparent url(../img/renew/renew-hero.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-renew-hero.how-to-renew{ height:13.750em; background:transparent url(../img/renew/renew-reenroll.jpg) no-repeat 0 0; background-size:cover; position:relative; }

    .chip-for-members-hero.member{ height:13.750em; background:transparent url(../img/for-members/chip-members-hero.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.access{ height:13.750em; background:transparent url(../img/for-members/members-access.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.wellness{ height:13.750em; background:transparent url(../img/for-members/members-wellness.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.tools{ height:13.750em; background:transparent url(../img/for-members/members-tools.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.service{ height:13.750em; background:transparent url(../img/for-members/members-service.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.resources{ height:13.750em; background:transparent url(../img/for-members/member-resources.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.pathways{ height:13.750em; background:transparent url(../img/for-members/members-pathways.jpg) no-repeat 0 0; background-size:cover;}
    .chip-for-members-hero.eob{ height:13.750em; background:transparent url(../img/for-members/members-eob.jpg) no-repeat 0 0; background-size:cover; position:relative; }


    .chip-for-members-hero.benefits{ height:13.750em; background:transparent url(../img/for-members/benefits/members-benefits.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.medical{ height:13.750em; background:transparent url(../img/for-members/benefits/chip-medical.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.pharmacy{ height:13.750em; background:transparent url(../img/for-members/benefits/chip-pharmacy.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.dental{ height:13.750em; background:transparent url(../img/for-members/benefits/chip-dental.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .chip-for-members-hero.vision{ height:13.750em; background:transparent url(../img/for-members/benefits/chip-vision.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    
    
    .member-benefits-1 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/benefits/benefits-medical.jpg); }
    .member-benefits-2 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/benefits/benefits-pharmacy.jpg); }
    .member-benefits-3 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/benefits/benefits-dental.jpg); }
    .member-benefits-4 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/benefits/benefits-vision.jpg); }
   
   
    .members-hero { height:13.750em; background:transparent url(../img/for-members/chip-members-hero.jpg) no-repeat 0 0; background-size:cover; position:relative; }
    .members-1 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/benefits/members-benefits.jpg); }
    .members-2 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/members-access.jpg); }
    .members-3 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/members-wellness.jpg); }
    .members-4 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/members-tools.jpg); }
    .members-5 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/members-service.jpg); }
    .members-6 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/member-resources.jpg); }
    .members-7 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/members-pathways.jpg); }
    .members-8 .story-hero { height:10.866em; background:no-repeat; background-image:url(../img/for-members/members-eob.jpg); }

    .chip-details { padding:0.5em 1.5em; }
    .chip-details:last-child .border-box { border:none; }
    .chip-details .border-box { border-bottom:0.083em solid #d4d4d4; }
    .chip-details .box-story-text { padding:0; }   
    .chip-details .box-story-text .arrow-link2 { margin-bottom:2em; }   
    .chip-details .box-story-text, .chip-details .box-story-text p, .chip-details table { line-height:1.4em; font-size:1em;width:100%;}
    .chip-details .box-story-text p {padding:0;}
    .chip-details .box-story-text ul { font-weight:700; }
    .chip-details .box-story-text ul li { font-weight:400; /*margin-left:2.5em;*/font-size:1em; }
    .chip-details .story-title { text-transform:uppercase; color:#323e48; width:100%; padding:0 5%; box-sizing:border-box; font-size:1em; margin-bottom:-1em; }  
    .chip-details .story-header { width:100%; box-sizing:border-box; font-size:1.25em; padding:0; }
    .chip-details .story-header + p { font-size:1em; padding:0; }
    .chip-details table, .chip-details td, .chip-details th { border:0.083em solid #d4d4d4; padding:1%;vertical-align:top;}
    .chip-details caption, .chip-details th { background-color:#eff0f1; padding:1%; }
        .chip-details h2.story-header-details, .chip-details h2.story-header-details { color: #771B61; }


    #selectCountyListDiv,#monthlyPremiumRateDiv {padding:1em 0em;}

    .chip-details .story-headerh { text-transform:none; color:#fff; width:100%; padding:0 5%; box-sizing:border-box; font-size:1.25em; }
    .chip-details .story-headerh + p { color:#fff; font-size:1em; padding:0 5%; }

    .members { padding:1em; }
    .members .box-story-text { padding:0; }
    .members-header .box-story-text { padding:0.5em 0; margin-bottom:1em; }
    .members .box-story-text .arrow-link2 { margin:0; }
    .members-header .story-title { text-transform:uppercase; color:#fff; width:100%; padding:0 5%; box-sizing:border-box; font-size:1em;padding: 0 5%;font-weight:bold; }
    .members-header .story-headerh { text-transform:none; color:#fff; width:100%; padding:0 5%; box-sizing:border-box; font-size:1.25em; }
    .members-header .story-headerh + p { color:#fff; font-size:1em; padding:0 5%; }
    .members .story-header { width:100%; padding:0; box-sizing:border-box; font-size:1.25em; }
    .members .story-header + p { font-size:1em; padding:0; }

    .member-benefit-header {padding:0 !important;}

    .member-resource dl{padding-top:1em;}
    .member-resource dl dd{padding-left:2em;}     
    
    .foot-note {font-size:0.875em !important;}   

    /* CHIP FORM*/
    .chip-header {padding-top:2em;}
    .chip-documentation-form {margin-top:1em;}        
    .chip-documentation-form .form-field {margin:1em 0;}    
    .chip-documentation-form .form-field input{width:90%;margin:0.5em 0;}  
    .chip-documentation-form .form-field textarea {width:90%;margin:0.5em 0;border: 0.077em solid #d0d0d0;height:5em;}  
    .chip-documentation-form .form-field .phone-num,.chip-documentation-form .form-field .city {width:50%;margin-right: 2.5%;display:inline-block;}
    .chip-documentation-form .form-field .phone-type,.chip-documentation-form .form-field .state {width:37%;display:inline-block;}    
    .chip-documentation-form .chip-select {width:90%;border: 0.077em solid #d0d0d0;background:url(../../img/carat-down-gray.png) right .75rem center/1rem 1rem no-repeat border-box #fff;cursor: pointer;position: relative;line-height: 1;height: 2.25rem;color: #666d70;-webkit-appearance: none;font-family: inherit;margin: 1em 0;}
    .chip-documentation-form .chip-select::-ms-expand {display: none;}
    .chip-button {color: #AF4591;border:1px solid #AF4591;border-radius: 0.5em;padding: 0.75em;width: 10em !important;text-align: center;font-weight: 700;display:block;}
    .chip-remove-button {color: #d14124!important;border:1px solid #d14124;border-radius: 0.5em;padding: 0.75em;display:inline-block;text-align: center;font-weight: 700;}
    .chip-submit-button {background-color: #AF4591;border:1px solid #AF4591;color:#ffffff !important;border-radius: 0.5em;margin-bottom:1em; padding: 0.75em;width: 10em !important;text-align: center;font-weight: 700;display:block;text-decoration:none;}
    #error_msg {margin-top:1em;color:#d14124;}
    .chip-documentation-form .chip-doc-select {width:90% !important;border: 0.077em solid #d0d0d0 !important;background:url(../../img/carat-down-gray.png) right .75rem center/1rem 1rem no-repeat border-box #fff !important;cursor: pointer;position: relative;line-height: 1;color: #666d70;-webkit-appearance: none;font-family: inherit;margin: 1em 0;}
    .chip-documentation-form .dropdown.icon:before {content:none !important;}
    .div-thankyou {border: 0.077em solid #9F367E;border-radius:5px;margin:1em 0;padding:1em;background-color: #EFE4EC;}
    .mar-2 {margin:2em 0;}
    .files-attached {border: 0.077em solid #d0d0d0;padding:0 1em;}    
    .files-attached div {margin:auto; border-bottom:0.077em solid #d0d0d0; padding:2em 0;overflow:auto;}
    .files-attached div:last-child { border-bottom:none; }
    .files-attached div label{width:50%;float:left;margin-right:2%;}    
    .chip-child .xremove { position:absolute;left:-25px; background-color:#fff; color:#ff0000; padding:2px 8px; font-weight:700;}

    /* X. =Transforms, Transitions, & Animations (DO NOT EDIT)
****************************************/

.slidedown, .slideup {
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.slidedown {            
    max-height: 100% ;                    
}
/* X. Media Queries
****************************************/
@media only screen and (min-width:0em) and (max-width:48em) { /* Mobile Only */

    /*.translation-services-footer { background-color:#fff; border-top:1px solid #d4d4d4;padding-bottom:1em;padding-left:1.5em;}
    .translation-services-footer .rowlinks {text-align: left;}
    .translation-services-footer .language { width:50%;font-family: Helvetica, Arial, sans-serif;float:left; }   
    .translation-services-footer .rowlinks li a {font-size:1em; color:#323e48; text-decoration:none; line-height:2em; }*/
}

@media only screen and (max-width:20.0625em) { /* Rare styles for rare screens at < 320px. */
    
    /* CHIP HOME */
    .chip-hero { height: 21.750em; }
    .hero-title-chip { font-size:1.675em; }
    .hero-text-chip { font-size:1em; }      
    #find .rowlinks li a { white-space:nowrap; overflow:hidden; font-size:1em; }

    /*CHIP CHILDS*/
    .chip-col-left .rowlinks li a { text-indent:1.3em; }
    .chip-details table { font-size:1em; }

}



@media only screen and (min-width:48em) { /* 768 Tablet, 990 Tablet, and Desktop */

    /* X. =Layout Containers
    ****************************************/
    
        /* X. =Reusable Classes
        ****************************************/
        .desktop { display:none; }  

        /*----- Tab Links -----*/
        /* Clearfix */
        .tab-links { margin:inherit; padding-left:inherit; }
        .tab-links li { margin:0px 5px; width:auto; float:left; }
        .tab-links a { padding:9px 15px; width:auto; }
        /*----- Content of Tabs -----*/
        .tab-content { padding:15px; }

      
    /* X. =Typography, Links, & Elements
    ****************************************/
        /* X. =Header
        ****************************************/        
        .logo a { display:block; width:18.563em; height:4.625em; background:transparent url(../img/forkids-logo-en.png) no-repeat 0 0; }
        .logo-es a { display:block; width:18.563em; height:4.625em; background:transparent url(../img/forkids-logo-es.png) no-repeat 0 0; }
       
        /* X. =Main
        ****************************************/   
        
        /*CHIP HOME*/         
        .chip-hero { height:22.188em; }
        .hero-details-chip { width: 85%; }
        .hero-title-chip { font-size:2.750em; text-align:left;text-shadow:0 0 3px #000; }
        .hero-text-chip { font-size:1.2em; right:9%; text-align:left; color:#fff; text-shadow:0 0 3px #000; }
        .chip-home-enroll a {width:50%;}

        .chip-box-story { padding:1.5em 2.5em; display:table; width:100%; box-sizing:border-box; }
        .chip-box-story  .box-story-text, .chip-box-story  .story-hero { width:50%; padding:0; display:table-cell; vertical-align:middle; height:15em; }
        .chip-box-story .box-story-text .arrow-link { margin: 0px 7.3%;}
        .chip-box-story .story-header { font-size:1.5em; line-height:1em; padding:0 7.5%; }
        .chip-box-story .story-header + p { font-size:1em; padding:0 7.5%; }
        .story-1:first-child { display:none; }
        .story-1:last-child { }
       

        /* Find */
        #find { padding:0 2%; background-color: #EFF0F1; height: 13em; }
        #find h2 { text-indent:1.3em; margin-bottom: .5em; border-bottom:1px solid #ccc; padding-bottom:.5em; }
        #find h2.find:before { margin-left:-1.3em; }
        #find h2.contact:before { margin-left:-1.5em; }
        #find h2.enroll { text-indent:0em; }
        #find .rowlinks li { display:block; }
        #find .rowlinks li a { clear:both; border-bottom:none; line-height:1.8em; font-size:1em; text-indent:1.5em; background-color:none; }
        #find .column { float:left; width:50%; box-sizing:border-box; padding: 0 1%; }


        /*CHIP CHILDS*/
        .chip-col-left { display:table-cell; vertical-align:top; width:33%; background-color:#fff; }
        .rowlinksh { list-style-type:none; }
        .chip-col-left .rowlinksh li a { border-bottom:none; position:absolute; margin-top:19.5em; background-color:#fff; text-indent:1.5em;}
        .chip-col-left .rowlinksh li a:before { display:none; }
        .chip-col-left .aside-nav {  }
        .chip-col-left .rowlinks li a { font-size:1em; }
        .chip-col-right { display:table-cell; vertical-align:top; width:67%; background-color:#fff; border-left:0px ridge #ccc; position:relative; box-shadow: -2px 2px 2px #A0A0A0; }
        .chip-col-left .mobile-dropdown, .chip-col-left .mobile-dropdown.active { position:inherit; top:0em; width:auto; display:inline; box-shadow:none; z-index:0; }           
        .chip-enroll-hero,.chip-renew-hero { height: 17.063em !important; background-position: -100px 0; margin-bottom:2.84em; }


        .chip-details { padding: 0.5em 2.5em; }    
        .chip-details .story-hero { width: 25em; background-size:auto; }
        .chip-details .box-story-text .arrow-link2 { font-size:1em; padding-left:0;}       
        .chip-details .story-header { font-size:1.2em; line-height:1em; padding-left:0; }
        .chip-details .story-header + p { font-size:1em; padding:0; padding-left:0; }
        .chip-details h1.story-header-details { font-size:3em; line-height:1em; margin:0; }
        .chip-details h2.story-header-details { font-size:1.5em; line-height:1em; margin:0; }
        .chip-details h3.story-header-details { font-size:1.5em; line-height:1em; padding-left:0; color:#771B61; }

        .details-buttons-box { height:7em; position:inherit; }
        .details-buttons { float:right; border:1px solid #ccc; margin-top:1em; margin-right:1em; }
        .details-buttons a { text-decoration:none; color:#5b6770; font-size:1em; font-weight:700; padding:.65em 1em; padding-left:2.5em; display: table-cell;} 
                
        .chip-details .story-headerh { font-size:2.250em; line-height:1em; padding:0 7.5%; }
        .chip-details .story-headerh + p { font-size:1em; line-height:1.5em; padding:0 7.5%; }

        .members-header { display:table; }
        .members-hero { height: 25em; background-position: -200px 0; width:50%; margin-bottom:2em; display:table-cell; }
        .members-header .box-story-text { height: 24em; width:50%; display:table-cell; vertical-align:middle; }
        .members { padding:1.5em 2.5em; display:table; width:100%; box-sizing:border-box; }
        .members .box-story-text, .members .story-hero { width:50%; padding:0; display:table-cell; vertical-align:middle; height:15em; }
        .members .box-story-text .arrow-link2 { margin: 0px 7.3%; font-size:1em; }
        .members-header .story-title { margin-top:2em; padding:0 7.5%; }
        .members-header .story-headerh { font-size:1.875em; line-height:1em; padding:0 7.5%; }
        .members-header .story-headerh + p { padding:0 7.5%; }
        .members .story-header { font-size:1.5em; line-height:1em; padding:0 7.5%; }
        .members .story-header + p { font-size:1em; padding:0 7.5%; }
        .members-1:first-child { display:none; }
        .members-1:last-child { }
        .members-3:first-child { display:none; }
        .members-3:last-child { }
        

        /* CHIP FORM */
        .chip-documentation-form .form-field input{width:35%;}  
        .chip-documentation-form .form-field textarea {width:35%;}  
        .chip-documentation-form .form-field .phone-num,.chip-documentation-form .form-field .city {width:20%;}
        .chip-documentation-form .form-field .phone-type,.chip-documentation-form .form-field .state {width:12%;}    
        .chip-documentation-form .chip-select {width:35%;}
        .chip-documentation-form .chip-doc-select {width:35% !important;}
        .files-attached div label{width:70%;}
            
        /* X. =Footer
        ****************************************/
        .main-footer { box-shadow:none; }

        /*.translation-services-footer { background-color:#fff; border-top:1px solid #d4d4d4;padding-bottom:1em;padding-left:1.5em;}
        .translation-services-footer .rowlinks {text-align: left;}
        .translation-services-footer .language { width:25%;font-family: Helvetica, Arial, sans-serif;float:left; }   
        .translation-services-footer .rowlinks li a {font-size:1em; color:#323e48; text-decoration:none; line-height:2em; }*/
       
}

@media only screen and (min-width:48em) and (max-width:61.8125em) { /* Small Tablets Only */
    /*CHIP HOME*/
    .chip-box-story { padding:1.5em 0em; }
    
    /*CHIP CHILDS*/
    .chip-col-left .rowlinks li a { font-size:1em; text-indent:.3em; }
    .chip-col-left .rowlinksh li a { margin-top:19.53em; }
    .chip-col-left .aside-nav { font-size:1em;}
    
    .chip-enroll-hero,.chip-renew-hero { height: 17.05em !important; background-position:-105px 0px; }

    .members { padding:1.5em 0em; }
    /*.members-hero.members-hero { background-position:-210px 0px; }*/
}

@media only screen and (min-width:61.875em) { /* 990+ */
     /* X. =Layout Containers
    ****************************************/
   
        
    /* X. =Reusable Classes  
    ****************************************/    
    .mobile { display:none; }
    .no-mobile { display:block; }
    .desktop { display:block; }
    .no-desktop { display:none; }                                          
      
    /* X. =Typography, Links, & Elements
    ****************************************/

    /* X. =Header
    ****************************************/      
    .logo a { display:block; width:18.563em; height:4.625em; background:transparent url(../img/chip-logo-en.png) no-repeat 0 0; }
    .logo-for-kids { margin:2em 0 0 4.938em; }
    .logo-for-kids a { display:block; width:18.563em; height:4.625em; background:transparent url(../img/forkids-logo-en.png) no-repeat 0 0; }
    .logo-for-kids-es a { display:block; width:18.563em; height:4.625em; background:transparent url(../img/forkids-logo-es.png) no-repeat 0 0 !important; }


    /*CHIP HOME */   

    /* Header */
    .chip-hero { height:28.125em;background:transparent url(../img/home/chip-hero.jpg) no-repeat 0 0; }    
    .chip-hero1 { height:28.125em;background:transparent url(../img/home/coronavirus-chip.jpg) no-repeat 0 0; }
    .hero-details-chip { width: 60%; }
    .hero-title-chip { font-size:3em; margin-bottom: 0.5em;width:65%;}
    .hero-text-chip { font-size:1.25em;}
    .chip-box-story .box-story-text, .chip-box-story .story-hero { position:static; top:0; margin-top:0; right:0; height:20em; background-position:0; }
          
    /* Find Desktop */
    #find { padding-top: 2em; }
    #find .column dl dt { font-size:1.125em; }
    #find .column dl dd { font-size:1em; }
    #find .contact2 { font-size:1em; }

    /*CHIP CHILDS*/
    .chip-col-left a:hover { color:#323e48; }
    .chip-col-left ul li a:hover { color:#323e48; }

    .chip-details .box-story-text { width:100%; margin-bottom:3em; padding:0; height:auto; float:right; margin:0; top:0; right:0; position:static; }
    .chip-details .story-hero { width:35%; padding:0; height:11.563em; float:left; background-position: -50px 0px; }
    .chip-details .story-hero.bgzero { background-position: 0px 0px; }
    .chip-details .box-story-text .arrow-link2 { font-size:1.125em; }
    .chip-details .box-story-text .arrow-link2:after {top: 0.4em;transform: scale(1.5,1.5);}
    .member-benefits .box-story-text { width:61%; margin-bottom:3em; padding:0; height:14em; float:right; margin:0; top:0; right:0; position:static; }

    
    .members-header { display:table; }
    .members-hero { height:28.125em; background-position:0; width:65.5%; display:table-cell; }
    .members-header .box-story-text { height:28.125em; position:static; top:0; right:0; margin-top:0; width:34.5%; padding:0; display:table-cell;}
    .members .box-story-text, .members .story-hero { position:static; top:0; margin-top:0; right:0; height:20em; background-position:0; }
    .members-header .story-title { font-size:1em; }
    .members-header .story-headerh + p { font-size:1em; }
    .members-header .story-header { font-size:1.875em; margin-top: 2em; }
    .members .box-story-text .arrow-link2 { font-size:1.125em; }
    .members .box-story-text .arrow-link2:after { top:0.4em; transform: scale(1.5,1.5); }
    
    /*.chip-details .box-story-text{ width:100%; height:auto; margin-bottom:3em; }*/
     
}

@media only screen and (min-width:61.875em) and (max-width:76.875em) { /* Large Tablets Only */}


@media only screen and (min-width:76.25em) { /* 1220 only */
        .hero-details-chip { padding:5% 5% 5% 10%;}
        .hero-title-chip { font-size:3em; margin-bottom: 0.5em;width:55%;line-height:1.25em;}
        .chip-home-enroll {padding: 2% 20%;}
        .chip-home-enroll-es {padding: 2% 10%;}
        .chip-home-enroll a {width:40%;}
}