#press-release{background:#e7e7e7}
.press-row{display:block}
/*---------------- ABOUT US ------------------*/
#about-us-hero{
    background:url('../img/company/bg-hero-about-us-03b.jpg');
    height:750px
}
#about-us-hero section{margin-top:335px}
#about-us-hero section p{font-size:18px}

#history-section{margin-top:0;padding-bottom:70px}

#history-section h3{
    font:normal 30px Decagram Medium;
    margin-bottom:50px;
    color:#346c97
}

.history-box{float:left;width:100%;position:relative}

#history-section .left, #history-section .right{
    width:50%;
    position:relative;
    padding-bottom:20px
}

#history-section .left:after, #history-section .right:before{
    position:absolute;
    content:'';
    width:1px;
    height:100%;
    top:5px;
    background:#346c97;
    z-index:5
}

#history-section .right:before{left:-1px}
#history-section .left:after{right:0}

.history-box ul{position:relative;width:85%}
#history-section .left ul{padding-right:3%}
#history-section .right ul{padding-left:3%}

.history-box .left ul:after, .history-box .right ul:before{
    content: "";
    background-color: #fff;
    border-radius:50%;
    display:block;
    height:5px;
    width:5px;
    top:7.5px;
    position: absolute;
    z-index:25;
}

.history-box .left ul:before, .history-box .right ul:after{
    content: "";
    background-color:#346c97;
    border-radius:50%;
    display:block;
    height:11px;
    width:11px;
    top:5px;
    position: absolute;
    z-index:24;
}

.history-box .right ul:before{left:-2.5px}
.history-box .right ul:after{left:-5.5px}
.history-box .left ul:before{right:-5px}
.history-box .left ul:after{right:-2px}

.history-box .left ul{float:right}

.history-box ul li{font:16px/1.3 Camber Medium;color:#101820}
.history-box ul li small{
    display:block;
    font:15px/1.3 Camber Light;
    color:#101820;
    padding-top:4px
}

#history-section .history-year{
    position:absolute;
    top:-5px;
    color:#346c97;
    font:23px Camber Regular
}

.left .history-year{right:20px}
.right .history-year{left:20px}

.left .history-info{padding-right:70px;text-align:right}
.right .history-info{padding-left:70px}

#history-section .left.last-history-date:before, 
#history-section .right.last-history-date:after{
 content: '';
 position:absolute;
 bottom:-25px;
 width:30px;
 height:30px;
 background:url('../img/common/2-arrows-down.svg');
 z-index:6
}
#history-section .left.last-history-date:before{right:-14.5px}
#history-section .right.last-history-date:after{left:-15px}

#map-puerto-rico-section{padding-bottom:120px}
#map-puerto-rico-section h2{margin-top:0}
#map-puerto-rico-section .diagrams-wrapper{width:70%;min-width:800px}

/*---------------- CONTACT FORM SECTION ---------------*/
#contact-form-section{
    margin-bottom:0;
    padding-top:150px;
    padding-bottom:100px;
    background:url('../img/company/bg-hero-contact-cdi-04b.jpg')
}

#contact-form-section .center-paragraph{width:85%}
#contact-form-section h1{
 text-align: center;
 font:48px Camber Regular;
 color:#fff;
 padding:20px 0 5px 0
}
#contact-form-section h2{
    margin:0 0 20px 0;
    padding-bottom:5px;
    color:#A4A4A4;
    font:20px/1.4 Camber Light It;
    letter-spacing:0;
}
#contact-form-section .global-btn{
    padding:8px 18px 9px 19px;
    border:1px solid #fff;
    color:#fff;
    background:transparent
}

/*-------- DISTRIBUTORS SECTION -------*/

#contact-distributors{margin-bottom:120px}
#contact-distributors .card3-wrapper{
    grid-template-columns:repeat(auto-fill, minmax(28%, 1fr));
    grid-column-gap:40px
}
#contact-distributors .center-paragraph:nth-child(3) h2{margin-top:95px}
#contact-distributors h4, #contact-distributors address{text-align:left}
#contact-distributors h4{font:21px Camber Medium;color:#346c97;margin:35px 0 15px;border-bottom:#ccc solid 1px}
#contact-distributors ul{margin-bottom:25px}
#contact-distributors ul img{width:47%;border:solid 1px #ccc;border-radius:5px;margin:10px 0 20px}
#contact-distributors li{margin-bottom:4px;font-size:14px;line-height:1.2}
#contact-distributors ul:last-child, #contact-distributors li:last-child{margin-bottom:0}
#contact-distributors li:first-child{margin-bottom:10px}
#contact-distributors li em{font:16px Decagram Semibold;color:#1f3549;font-style:normal}


/*---------------------- LEADERSHIP -----------------------*/

#leadership-hero{
  background:url('../img/company/bg-hero-leadership-04b.jpg')
}

#leadership-section{margin:80px 0 30px 0}

#leadership-section .center-paragraph{margin-bottom:70px}

#leadership-section .card4-wrapper{grid-column-gap: 40px}

#leadership-section .column-box{
    margin-bottom:60px;
    text-align: center;
}

#leadership-section .center-icon{
    width:75%;
    border-radius:13px;
    border:solid 3px #fff;
    overflow:hidden;
box-shadow: 5px 5px 2px -3px rgba(184,184,184,0.75) inset;
-webkit-box-shadow: 5px 5px 2px -3px rgba(184,184,184,0.75) inset;
-moz-box-shadow: 5px 5px 2px -3px rgba(184,184,184,0.75) inset;
}

#leadership-section h2{margin:35px 0}

#leadership-section h4, .board-section h4{
    font:18px Camber Semibold;
    color:#1f3549;
    margin-bottom:5px;
    padding:0
}

#leadership-section h5, .board-section h5{
    padding-top:2px;
    font:14px Camber Regular;
    color:#54565b
}

#leadership-section .thmb-with-shadow{margin-bottom:20px}

#leadership-section img{
    border:0;
    position:relative;
    z-index:-2
}

#leadership-section .hover-thmb:before {
    top:0;
    width:75%;
    height:100%;
    margin:auto;
    border-radius:13px
}

#leadership-section .download-hover{
    width:100%;
    top:42%
}

/*--------- BOARD OF DIRECTORS ----------*/

.board-section .page-inner{max-width:1150px}

.board-section h2{margin:0 0 40px 0}

.board-section .card5-wrapper{
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    grid-column-gap:52px;
    grid-row-gap:50px;
    margin-bottom:50px;
}

.board-section .col{
    text-align:center;
    position:relative
}

.board-section h5{margin-bottom:50px}

.board-section .col a{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    color:#346c97
}

.board-section .col img, .board-section .col svg{margin-bottom:0}
.board-section .small-right-arrow{vertical-align:middle;fill:#346c97}

/*------POPUP--------*/

 .leadership-box{
  position:fixed;
  left:50%;
  top:50%;
  margin:0;
  width:50%;
  min-width:320px;
  max-width:700px;
  height:auto;
  background:transparent;
  z-index:-1;
  transform:translate(-50%, -50%); /* for centering */
}
 .leadership-text{
  position:relative;
  width:86%;
  padding:7%;
  background:#fafafa;
  transition:all 0.2s ease-in-out;
  opacity:0;
  transform: scale(.8)
}

.leadership-box h4{margin:0 0 20px 0;font:24px Decagram Semibold;color:#101820}
.leadership-box em{display:block;font:16px Camber Light}
.leadership-box p{font:15px/1.7 Camber Regular;margin-bottom:20px}
.leadership-box .bold{font-family:Decagram Semibold}

 .close-box{
  position:absolute;
  top:0;
  right:0;
  padding:5px 10px;
  color:#fff;
  background:#346c97;
  text-align:center;
  font:18px Camber Semibold
}

.leadership-anim{
  opacity:1;
  transform: scale(1)
}

/*---------------- TEAM -------------*/
#team-section{
  padding-top: 30px;
  padding-bottom: 50px;
  background-color:#eee
}

#team-list .card4-wrapper{
    grid-column-gap: 40px
}

#team-list .column-box{
 text-align:left;
 margin-top:30px;
 margin-bottom:50px
}

#team-list img{
 border:solid 4px #fff;
 border-radius:13px
}

.team-thmb{
  float: left;
  margin-bottom:20px
}

.team-thmb a{float:none}

.team-thmb .shadow-bg{
  background:#fff;
  -webkit-box-shadow: 1px 1px 3px 1px #ddd;
  -moz-box-shadow: 1px 1px 3px 1px #ddd;
  box-shadow: 1px 1px 4px 1px #ddd
}

.team-info{clear:left}
.team-info p{margin-left:5px}

#team-section .team-name{
  margin-top:25px;
  margin-bottom:10px;
  font: 22px/1.3 Camber Medium;
  color:#1f3549
}

#team-section .team-position{
  margin-bottom:3px;
  font:15px Decagram Medium
}

#team-section .team-location{
 color:#101820;
 font:15px Camber Light
}

/*------------- TEAM PROFILE -----------*/
#profile-hero{
    position: relative;
    z-index: 1;
    background-position:50% bottom;
    background-size:cover;
    border-bottom:0px
}
#profile-hero .page-inner{margin-top:100px}
#profile-hero p{
    font-size:23px;
    margin:100px 0 20px 0;
    color:#bfbfbf
}

#profile-hero h1{margin-bottom:10px}
#profile-hero h2{color:#fff;font:18px Decagram Medium}
#profile-hero h3{color:#bfbfbf;font:16px Camber Light}

#profile-quote {background:#101820}
#profile-quote p{
    margin-top:40px;
    font:300 28px/1 Rocky;
    color:#eee
}
#profile-quote p svg{width:30px;fill:#ccc}
#profile-quote p .right-quote{transform: rotate(180deg) scaleX(1)}

#profile-section{
    margin:0;
    padding-top:30px;
    padding-bottom:100px;
    background:#fafafa;
}
#profile-section img{
    margin:18px 0;
    border:solid 5px #eee;
    border-radius:15px
}
#profile-section .left-paragraph{width:50%}
#profile-section h3{
  margin-bottom:0;
  font:24px Camber Regular;
  color:#346c97;
}
#profile-section h2{
  margin-bottom:0;
  font:30px Decagram Light;
  color:#346c97;
}
#profile-section .right-paragraph{width:45%;margin-bottom:25px}
#profile-section .text-paragraph{float:left;width:100%}
#profile-section p{margin-bottom:20px}

/*---------------TESTIMONIALS -----------------------*/
#testimonials-section{margin:0 0 100px}
#testimonials-section .card2-wrapper{
    grid-template-columns: 24% 71%;
    grid-column-gap:50px
}

#testimonials-section section{
    position: relative;
    width:100%;
    margin-bottom:20px;
    padding:60px 0
}
#testimonials-section section:nth-child(odd){background:#F7F7F7}

#testimonials-section .company-thumb{
    display: block;
    border:5px solid #ededed
}

#testimonials-section h3{
    margin-top:5px;
    padding-bottom: 10px;
    font:300 22px / 1.4 Rocky;
    color:#53565a
}

#testimonials-section .col ul li:first-child{
    margin-bottom:3px;
    font:19px Camber Semibold;
    color:#181818
}
#testimonials-section.col ul li:last-child{
    font:18px Camber Light;
    color:#181818
}

/*---------------- PRIVACY ----------------------*/

#privacy-policy{
    margin-top:150px
}

#privacy-policy h1{
    margin:75px 0 20px;
    font:36px/1.3 Camber Regular;
    letter-spacing:-.3px;
    color:#346c97
}
#privacy-policy h2{
    margin-bottom:30px
}

#privacy-policy .text-paragraph{
    width:100%;
    text-align:left
}

#privacy-policy p{
    margin: 20px 0 5px 50px;
    font-size:15px;
    line-height: 1.4
}
#privacy-policy #policy-date{margin-left:0}

#privacy-policy p a{
    font-family: Camber Medium;
    color:#346c97
}
#privacy-policy h4, .indent-policy{
    margin-left: 0px;
    Margin-top: 50px;
    font: 22px Decagram Semibold
}
#privacy-policy h5, .indent-policy{
    margin-left: 0px;
    Margin-top: 20px;
    font: 17px Camber Regular;
    color: #346c97
}
#privacy-policy ul {
    margin-top: 0;
    padding-left: 12px;
    list-style-image: url("../img/common/bullet-blue-square-01c.svg")
}
#privacy-policy ul li{
    font: 15px/1.4 Camber Regular;
    color: #54565b;
    padding-left: 6px;
    margin-left: 50px;
    margin-top: 15px
}
#privacy-policy ul li a{
    font-family: Camber Medium;
    color:#346c97
}

#privacy-policy ol {
    list-style:lower-alpha;
    margin-top: 0;
    padding-left: 30px;
}
#privacy-policy ol li{
    font:15px/1.4 Camber Regular;
    color: #54565b;
    padding-left: 6px;
    margin:10px 0 10px 50px
}
#privacy-policy ol li a{
    font-family: Camber Medium;
    color:#346c97
}
#privacy-policy em{
    font: 15px Camber Semibold
}

.policy-number{
    float:left;
    width:48px
}

.policy-list{
    float: left;
    width: 95%
}

#error-box{margin-left: 1.5%}


/*---------- COOKIES TABLE ---------*/
.cookies-table{
    border:0;
    margin:30px 0 0 50px;
    width:auto
}

.cookies-table caption{
    display: table-caption;
    text-align: left;
    font:16px Camber Semibold;
    color:#282828;
    margin-bottom:10px;
}

.cookies-table col:first-child{width:18%}
.cookies-table col:nth-child(3){width:15%}
.cookies-table col:last-child{width:13%}

.cookies-table th, .cookies-table td{padding:5px 10px 15px 5px}

.cookies-table th {background-color:#54565b;color:#ffffff;padding:8px 5px 10px}

.cookies-table th, .cookies-table td{
    font-size:13px;
    text-align:left;
    border:0;
    height:auto
}

.cookies-table th:first-child, .cookies-table td:first-child{
    border-left: 1px solid #a2a2a2
}
.cookies-table th:last-child, .cookies-table td:last-child{border-right: 1px solid #a2a2a2}

.cookies-table td:first-child{font:14px Camber Semibold}

.cookies-table td{border-bottom:1px solid #a2a2a2}

.cookies-table tr:first-child(odd) td{background:#222D38}

#personal-data-table col:first-child{width:40%}
#personal-data-table col:nth-child(2){width:20%}
#personal-data-table col:nth-child(3){width:28%}
#personal-data-table col:last-child{width:12%}

/*---------- GRANT FORM ------------*/
.promo-hero section{margin-top:430px}
.promo-hero .center-hero-content{width:70%}

.promo-hero .subtitle{font-size:28px;padding-bottom:20px}

.promo-hero h1{
    font: 40px Camber Medium
}
.grant-form{
    background: #f0f1f2;
    margin-bottom:0;
    padding-bottom:100px;
    color:#101820
}

.grant-form h2{font-size:32px;margin-top:15px}

.grant-form h2 span{
    margin:0 0 20px;
    color:#101820
}

.grant-form h3{
    font:19px/1.4 Camber Light It;
     color:#54565b;
     margin-bottom:30px
}

.grant-form .card2-wrapper{
    grid-column-gap:50px;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    max-width:100%;
}

.grant-form input[type="text"], .grant-form input[type="email"], 
.grant-form input[type="tel"]{
    margin-bottom: 30px
}

.grant-form #abstract{
    height:100px
}

.grant-form #project-description{
    margin-top:30px;
    height:460px
}

#sample-avail{margin-top:80px}

.grant-form #submit-fieldset{    
    position:absolute;
    left:0;
    bottom:155px;
    max-width:620px
}

#submit-fieldset .request-checkboxes{margin-bottom:20px}
.grant-form input[type="submit"]{
    margin-top:30px;
    border:1px solid #101820;
    color: #101820
}

/*------------- 50 Off Promo Page -------*/
#promo-45-section-123 .center-paragraph{margin-top:320px}
#promo-45-section-123 h2 span{
    font:22px/1.4 Camber Light;
    color:#bfbfbf
}
#promo-45-section-123 h2{
 text-align: center;
 font:48px Camber Medium;
 color:#fff;
 padding:20px 0 0 0
}
#promo-45-section-123 h3{
 font:32px Camber Regular;
 color:#ddd;
 padding:0 0 10px 0
}
#promo-45-section-123 .center-paragraph p{
    margin:0 0 20px 0;
    padding-bottom:5px;
    color:#A4A4A4;
    font:20px/1.4 Camber Light It;
    letter-spacing:0;
}

/*////////////////////////////////////////////
------------------- RESIZE -------------------
/////////////////////////////////////////////*/

@media all and (max-width: 1600px) {
    #about-us-hero{height:620px}
    #about-us-hero section{margin-top:100px}
    #leadership-hero section{margin-top:130px}
    .promo-hero section{margin-top:300px}
    #testimonials-section section:nth-child(odd):before, 
    #testimonials-section section:nth-child(odd):after{
        content:'';
        width:5.5%;
        height:100%;
        position: absolute;
        top:0;
        background:#F7F7F7
    }
    #testimonials-section section:nth-child(odd):before{left:-5.5%}
    #testimonials-section section:nth-child(odd):after{right:-5.5%}
}

@media all and (max-width: 1440px) {
    .promo-hero section{margin-top:250px}
    .promo-hero .center-hero-content{width:80%}
}

@media all and (max-width: 1410px) {
    #about-us-hero{height:590px}
    #about-us-hero section{margin-top:125px}
    #contact-form-section{padding-top:100px}
    #leadership-hero section{margin-top:160px}
    .promo-hero section{margin-top:180px}
}

@media all and (max-width: 1350px) {
    #press-date, #press-release .view-all{background:#e7e7e7}
}

@media all and (max-width: 1285px) {
    #about-us-hero section{margin-top:130px}
    #about-us-hero section p{font-size:17px}
    .leadership-box{
      top:55%;
      height:600px
    }

    #grant-form .card2-wrapper{
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr))
    }
    #grant-form .card4-wrapper div:first-child{
         grid-column: 1;
            grid-row: 1;
    }

    #grant-form .card4-wrapper div:nth-child(2){
         grid-column: 2;
            grid-row: 1;
    }

    #grant-form .card4-wrapper div:nth-child(3), #grant-form .card4-wrapper div:last-child{
         grid-column: 1 / 3;
            grid-row: 3
    }
    #grant-form .card4-wrapper .checkboxes-wrapper:last-child{margin-top:200px}
    #grant-form #submit-fieldset{
        position:relative;
        max-width:100%;
        width:100%;
        bottom:0;
    }

    #conact-form-section .center-paragraph{width:90%}
    #profile-hero{background-position:70% bottom}
    #profile-hero .page-inner{margin-top:50px}

    #privacy-policy .center-paragraph{width:95%}
}

@media all and (max-width: 1170px) {
  #contact-form-section .center-paragraph{width:100%}
  #profile-quote .center-paragraph{width:100%}
  #testimonials-section .card2-wrapper{grid-template-columns: 28% 67%}
}

@media all and (max-width: 1080px) {
    #about-us-hero section{margin-top:165px}
    .history-box ul{width:100%}
    #map-puerto-rico-section .diagrams-wrapper{width:100%;min-width:auto}
    .promo-hero section{margin-top:180px}
    #profile-hero{background-position:50% bottom}
    #profile-section .left-paragraph{width:100%}
    #profile-section .right-paragraph{width:100%;float:left}
    #profile-section img{width:70%;min-width:600px}
}

@media all and (max-width: 1024px) {
    .promo-hero .center-hero-content{width:100%}
    #grant-form .card4-wrapper div:first-child{
       grid-column: 1 / 3;
        grid-row: 1;
    }
    #grant-form .card4-wrapper div:nth-child(2){
        grid-column: 1 / 3;
        grid-row: 2;
    }
    #grant-form .card4-wrapper div:nth-child(3), #grant-form .card4-wrapper div:last-child{
        grid-column: 1 / 3;
        grid-row: 3;
    }
    #grant-form-section textarea:last-child {height: 610px}

    #testimonials-section .card2-wrapper{grid-template-columns: 33% 62%}
}

@media all and (max-width: 900px) {
    #about-us-hero section{margin-top:160px}
}

@media all and (max-width: 845px) {
    #history-section .history-year{font-size:22px}
    .history-box ul li{font-size:15px}
    #contact-form-section .line-break{display:inline}
    #leadership-hero{
        background:url('../img/mobile/img-m-cdi-hero-leadership-01d.jpg');  
    }
    .board-section h4{font-size:16px}
    #profile-hero{background-position:40% bottom}
    #profile-hero .right-hero-content{width:45%}
    #profile-section img{width:100%;min-width:auto}

    .cookies-table col:nth-child(3){width:20%}
}

@media all and (max-width: 770px) {
    #grant-form .card2-wrapper{
         grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
         grid-column-gap:0
    }
    #grant-form .card2-wrapper fieldset:last-child{margin-top:25px}
}

@media all and (max-width: 736px) {
    #contact-form-section{
        background-image: url('../img/company/bg-hero-contact-cdi-04b.jpg');
        background-image: -webkit-image-set(url('../img/company/bg-hero-contact-cdi-5b.webp') 1x);
        background-size:cover
    }
    #contact-distributors .card3-wrapper{
        grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
        grid-column-gap:0
    }

    #testimonials-section .card2-wrapper{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))}
    #testimonials-section .company-thumb{margin-bottom:30px}

    #privacy-policy h1, #privacy-policy p:first-child{text-align:left}
    .policy-number{float:none;width:100%}
    #privacy-policy p, .cookies-table{margin-left:0}
    #privacy-policy ul li{margin-left:0}
    .cookies-table{width:100%}
    .cookies-table td:first-child{font-size:13px}
}

@media all and (max-width: 670px) {
    #about-us-hero{background:url('../img/mobile/img-m-cdi-hero-about-us-01c.jpg')}
    #about-us-hero section p{font-size:16px}
    .board-section .card5-wrapper{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))}
    .board-section h4{font-size:17px}
    .board-section h5{margin-bottom:15px}
    .board-section .col a{position:relative}
    #team-list .column-box{text-align:center}
    #profile-hero{height:440px;background:none}
    #profile-hero .page-inner{margin-top:0}
    #profile-hero:before, #profile-hero .right-hero-content:before{
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -5.6%;
        right: 0;
        opacity:.7
    }
    #profile-hero .right-hero-content{
        width:100%;
        float:left;
        margin-top:100px
    }
    #profile-hero .right-hero-content:before{
        top:-100px;
        background:#000;
        opacity:.7;
        height:700px;
        width:111.5%;
    }
    #profile-quote p svg{width:22px}
    #profile-quote p{
        font-size:18px;
        line-height:1.5
    }
    #promo-45-section-123 h2 span{display:block}
}

@media all and (max-width: 600px) {
    #leadership-section .card4-wrapper{grid-template-columns: repeat(auto-fill, minmax(45%, 1fr))}
}

@media all and (max-width: 570px) {
    #history-section .history-year{
     position: relative;
     text-align:right
    }
    #history-section .right .history-year{left:0;text-align:left;padding-left:20px}
    .left .history-info{padding-right:20px}
    .right .history-info{padding:0 0 0 20px}

    .promo-hero section{margin-top:35%}

    #grant-form-section .card2-wrapper{
        grid-column-gap:0;
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }
    #promo-45-section-123 .center-paragraph{margin-top:250px}
    #privacy-policy h4, .indent-policy{
    margin-top:40px;
    font-size:19px
    }
    #privacy-policy p{
    font-size:14px 
    }
}

@media all and (max-width: 436px) {
    #about-us-hero section{margin-top:135px}
    #leadership-section .card4-wrapper{
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        grid-column-gap: 0
    }
    .team-info{width:100%;min-width:auto}

    .cookies-table td:first-child{font-size:12px}
    .cookies-table col:first-child{width:12%}
    .cookies-table col:nth-child(2){width:15%}
    .cookies-table col:nth-child(3){width:10%}
    .cookies-table col:last-child{width:9%} 

    #personal-data-table col:first-child{width:35%}
    #personal-data-table col:nth-child(2){width:20%}
    #personal-data-table col:nth-child(3){width:30%}
    #personal-data-table col:last-child{width:15%}
}