.page-banner{
    position:relative;
    height:654px;
    background: rgb(246,248,247);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWU1ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(246,248,247,1) 0%, rgba(217,229,230,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,248,247,1)), color-stop(100%,rgba(217,229,230,1)));
    background: -webkit-linear-gradient(left, rgba(246,248,247,1) 0%,rgba(217,229,230,1) 100%);
    background: -o-linear-gradient(left, rgba(246,248,247,1) 0%,rgba(217,229,230,1) 100%);
    background: -ms-linear-gradient(left, rgba(246,248,247,1) 0%,rgba(217,229,230,1) 100%);
    background: linear-gradient(to right, rgba(246,248,247,1) 0%,rgba(217,229,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f7', endColorstr='#d9e5e6',GradientType=1 );
}


.intro-section:after,
.page-banner:after{
    content:url('../img/drop-light.png');
    position:absolute;
    top:100%;
    left:50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index:2;
}

.page-banner-inner{
    max-width:1920px;
    margin:0 auto;
    height:100%;
    padding-top:100px;
    position:relative;
    z-index:2;
}
.page-banner-inner:after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:calc(50% + 20px);
    width:952px;
    background: url('../img/cine-suntem-banner.png');
    background-repeat: no-repeat;
    background-position:right center;
    z-index:1;
}
.pb-text{
    width:50%;
    padding-bottom:1px;
}
.pb-text p{
    line-height:1.4;
    color: #1a353b;
    margin:0 0 50px 0;
}
.pb-text p:last-child{
    margin:0 0 20px 0;
}

.read-more-footer{
    display:none;
    padding-bottom: 40px;
}
.btn-show-more {
    font-size: 16px;
    line-height:20px;
    color: #041e41;
    font-weight: 400;
    padding: 10px 0;
}
@media (max-width: 1459px){
    .page-banner-inner{
        padding-top:50px;
    }
}
@media (max-width: 1199px){
    .pb-text p{
        font-size:16px;
    }
}
@media (max-width: 991px){
    .page-banner{
        height:auto;
    }
    .page-banner-inner{
        padding-top:0;
        height:auto;
        padding-top:10px;
    }
    .page-banner-inner:after{
        height:350px;
        background-size:auto 350px;
        left:0;
        width:100%;
    }
    .page-banner:after{
        display:none;
    }
    .pb-text{
        width:100%;
        margin-top:350px;
    }
}
@media (max-width: 767px){
    .page-banner-inner{
        background-position: 76% top;
    }
    .wrapper{
        padding:0 10px;
    }
    .pb-text p{
        line-height:20px;
        margin-bottom:10px;
        font-weight:300;
    }
    
    .read-more-wrapper{
        max-height: 60px;
        overflow: hidden;
        position: relative;
    }
    .open.read-more-wrapper{
        max-height:1000px;
    }
    .open.read-more-wrapper:after{
        display:none;
    }
    .read-more-footer{
        display:block;
    }
    .open + .read-more-footer{
        display:none;
    }
}
@media (max-width: 479px){
    .page-banner-inner:after{
        background-position:center center;
    }
}

.intro-section{
    color:#fff;
    background-color: #00a1a9;
    background-image: url('../img/cine-suntem-bean-world.jpg');
    background-repeat: no-repeat;
    background-position: calc(50% - 310px) center;
    padding:85px 0 60px;
    min-height:755px;
    position:relative;
}
.isec-text{
    width:50%;
    float:right;
    padding-left:40px;
}
.isec-text p{
    line-height:1.4;
    margin: 0 0 20px 0;
}
.intro-section:after{
    content:url('../img/drop-blue.png');
}
.intro-section .btn-show-more{
    color:#fff;
}
@media (max-width: 1199px){
    .isec-text{
        width:56%;
    }
    .isec-text p{
        font-size:16px;
    }
}
@media (max-width: 991px){
    .intro-section{
        min-height:initial;
        min-height:auto;
        padding:30px 0;
        background-position: 40% -40px;
        background-size: auto 500px;
    }
    .isec-text{
        width:100%;
        float:none;
        padding:0;
        margin-top:375px;
    }
    .isec-text p{
        line-height:20px;
    }
}




.mission-section{
    background-image: url('../img/mission-sec-bg.jpg');
    background-repeat:no-repeat;
    background-position: center bottom;
    height:600px;
}
.mission-section .wrapper{
    height:100%;
}
.mission-box{
    border-style: solid;
    border-width: 1px;
    border-color: rgba( 250, 244, 176, 0.4 );
    background-color: rgba(0, 0, 0, 0.4);
    position:relative;
    top:50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width:820px;
    margin:0 auto;
    padding:39px 20px;
    text-align:center;
    -webkit-box-shadow: 0 0 15px 8px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px 8px rgba(0,0,0,0.2);
}
.mission-box p{
    color:#fff;
    font-size:20px;
    line-height:1.4;
    margin:0;
}
@media (max-width: 767px){
    .mission-section{
        height:560px;
    }
    .mission-box{
        padding: 10px 5px;
    }
    .mission-box p{
        font-size:18px;
        color:#fff;
    }
}

.vision-section{
    background-color: #fff;
    background-image: url('../img/vision-section-bg.jpg');
    background-repeat:no-repeat;
    background-position: calc(50% - 45px) 100%;
    padding:75px 0 75px;
}
.vision-text-left,
.vision-text-right{
    float:left;
    width:50%;
    padding:0 42px;
}
.vision-text-right{
    margin-top:355px;
}
.vision-text-left h3,
.vision-text-right h3{
    font-size: 28px;
    line-height: 1.25;
    color: #00a1a9;
    margin:0 0 15px 0;
    font-weight:300;
}
.vision-text-left p,
.vision-text-right p{
    line-height:1.4;
    color:#1a353b;
    margin:0 0 15px 0;
    font-weight:300;
}
.vision-text-right p.bolded{
    font-weight:600;
}

.mobile-spacer-vert,
.mobile-spacer-horiz{
    display:none;
}
.mobile-spacer-vert{
    width:0;
    height:10px;
    float:right;
    margin-top: 166px;
}
.mobile-spacer-horiz{
    width: 80px;
    height: 120px;
    float: right;
    clear: right;
}
@media (max-width: 1199px){
    .vision-text-left p, 
    .vision-text-right p{
        font-size:16px;
    }
}
@media (max-width: 991px){
    .vision-text-left, 
    .vision-text-right{
        padding: 0 0 0 25px;
    }
}
@media (max-width: 767px){
    .vision-section{
        padding-top:30px;
        padding-bottom:30px;
        background-size: calc(30% + 200px) auto;
        background-position: calc(100% + 25px) 240px;
    }
    .vs-headline{
        font-size:22px;
    }
    .vision-text-left, 
    .vision-text-right{
        padding:0;
        width:100%;
        float:none;
    }
    .vision-text-right{
        margin-top:55%;
    }
    .vision-text-left p, 
    .vision-text-right p{
        font-size:14px;
    }
    .mobile-spacer-vert,
    .mobile-spacer-horiz{
        display:inline-block;
    }
}