/* @group Large Header
------------------------------------ */
.page-header.header-model { background: rgba(0, 178, 221, 1); }

.page-header.header-model h1 { color: rgba(255,255,255,1); font-size: 4.8em; font-weight: 100; letter-spacing: 0.24px; line-height: 1.209em; text-transform: uppercase; margin: 0 0 2.5rem; }
.page-header.header-model h1 em { color: rgba(26,46,87,1); font-weight: 800; font-style: normal; display: block; }
.page-header.header-model p { color: rgba(255,255,255,1); font-size: 2em; letter-spacing: 0.3px; line-height: 2em; margin: 0 0 1.5rem; }
.page-header.header-model time { color: rgb(241, 203, 122); display: block; font-size: 2.6em; line-height: 1.667em; text-transform: uppercase; font-weight: 700; letter-spacing: .1em }
.page-header.header-model .go-down { display: inline-flex; flex-direction: column; color: rgba(241,201,119,1); font-size: 1.4em; margin: 0 0 7rem; }
.page-header.header-model small { color: rgba(255, 255, 255, 1); font-size: 2em; line-height: 1.6em; letter-spacing: .1em; font-style: italic; font-weight: 400; } 
.page-header.header-model time,
.page-header.header-model small { display: block; }
.page-header.header-model time { margin: 0 0 5.6rem; }
.page-header.header-model .bttn { font-size: 3.2em; font-weight: 700;padding: 4.2rem 2.8rem;}

.page-header.header-model aside::before { content: none; }
.page-header.header-model aside::after {
    content: "";
    width: 26.9rem;
    height: 45.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('../../img/layout/model-home/shape-1.png');
    position: absolute;
    bottom: -22rem;
    right: 0;
    left: auto;
    top: auto;
}

@media only screen
and (min-width : 961px) {
  .page-header.header-model > .row { height: calc(100vh - 8.8rem); min-height: 740px; }
  .page-header.header-model aside,
  .page-header.header-model aside .row,
  .page-header.header-model aside div { height: 100%; }
  
  .page-header.header-model aside div { overflow: hidden; background: rgba(26,46,87,1); }
  .page-header.header-model aside figure { height: 50%; }
  .page-header.header-model article { padding: 0 3rem 0 7.7rem; }
  .page-header.header-model p { max-width: 40.5rem; }
  .page-header.header-model h1,
  .page-header.header-model p { opacity: 0; visibility: hidden; animation: fadeLeft .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .4s; }
  .page-header.header-model p { font-size: 1.6em; animation-delay: .6s; }

  .page-header.header-model h1 { margin: 0 0 2rem;}
  .page-header.header-model p { margin: 0 0 3rem; }
  .page-header.header-model time { display: block; margin: 0 0 4rem; font-size: 2.1em;}
  .page-header.header-model .bttn { margin: 0 0 2.5rem; font-size: 1.5em; padding: 1.5rem 2rem; }
  .page-header.header-model small { font-size: 1.6em; line-height: 1.875em;}

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .page-header.header-model {
        padding: 9rem 0 0;
    }
    .page-header.header-model h1 {
        margin: 0 auto 2.5rem;
        text-align: center; 
    }
    .page-header.header-model p {
        max-width: 47rem;
        margin: 0 auto 3rem;
        text-align: center;
    }
    .page-header.header-model time {
        text-align: center;
    }
    .page-header.header-model .reverse {
        display: flex;
        flex-direction: column;
        max-width: 32rem;
        text-align: center;
        margin: 0 auto;
    }
    .page-header.header-model .reverse small {
        order: -1;
        margin-bottom: 3rem;
    }
    .page-header.header-model .img-box {
        height: 70rem;
        margin-top: -6rem;
    }
    .page-header.header-model aside::after {
        width: 15rem;
        height: 39rem;
        background-image: url(../../img/layout/model-home/shape-1-mobile.png);
        bottom: -12rem;
        right: 0;
        left: auto;
        top: auto;
    }

}
/* @end */


/* Overview Section
----------------------*/
.overview-section { color: rgba(0,100,163,1); margin: 0 0 5rem; position: relative; overflow: hidden; padding: 16rem 0 16rem; }
.overview-section h2 { color: rgba(26,46,87,1); font-size: 4.5em; line-height: 1.178em; margin: 0 0 3rem; }
.overview-section p { font-size: 2em; letter-spacing: .02em; line-height: 1.7em; margin: 0 0 3rem; }
.overview-section time { text-transform: uppercase; display: block; color: rgba(241,201,119,1); font-size: 2.4em; font-weight: 700; letter-spacing: .1em; line-height: 1.667em; margin: 0 0 3rem; }
.overview-section::before { content: ''; position: absolute; top: 1rem; left: 0; height: 6.2rem; width: 6.9rem; background: url('../../img/layout/model-home/shape-2.png') center center no-repeat; background-size: contain; }
.overview-section .bttn {  font-size: 1.8em; font-weight: 700;padding: 2.5rem 1.5rem; }


@media only screen
and (min-width : 961px) { 
    .overview-section { margin: 0 0 9.5rem; padding: 11.3rem 0 0; }
    .overview-section h2 { font-size: 4em; line-height: 1.325em; margin: 0 0 3rem; }
    .overview-section p { font-size: 1.8em; line-height: 2.056em; margin: 0 0 3rem; }
    .overview-section time + p {margin-top: 5rem;}
    .overview-section time { font-size: 1.8em; margin: 0 0 3rem; }
    .overview-section::before { height: 19.1rem; width: 29.4rem; left: 0; top: -3rem; }
}
@media only screen
and (max-width : 960px) {
    .overview-section article { max-width: 59rem; text-align: center; }
    .overview-section .bttn { font-size: 3.2em; padding: 4.2rem 2.8rem; }
}
/* @end */

/* Overview Model-home-container
----------------------*/
.model-home-container h2 { color: rgba(26,46,87,1); font-size: 4.5em; line-height: 1.178em; margin: 0 0 3rem; }
@media only screen
and (min-width : 961px) { 
    .model-home-container h2 { font-size: 4em; line-height: 1.325em; margin: 0 0 3rem; }
}
/* @end */