/* CURRENTLY IN: styles/laptop.css */


/*
 *--------------------------------------------------
 *                      UNIVERSAL
 *--------------------------------------------------
 */


 /********** DEBUG **********/
/*div, nav {
    border: 1px solid black;
}*/
/********** /DEBUG **********/


/********** BOX-SIZING **********/
div {
    box-sizing: border-box;
}
/********** /BOX-SIZING **********/


/********** FONTS **********/
@font-face {
    font-family: GR-Bold;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-Bold.otf);

}

@font-face {
    font-family: GR-BoldItal;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-BoldItal.otf);
}

@font-face {
    font-family: GR-Book;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-Book.otf);
}

@font-face {
    font-family: GR-BookItal;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-BookItal.otf);
}

@font-face {
    font-family: GR-Light;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-Light.otf);
}

@font-face {
    font-family: GR-LightItal;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-LightItal.otf);
}

@font-face {
    font-family: GR-MedItal;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-MedItal.otf);
}

@font-face {
    font-family: GR-Medium;
    src: url(../fonts/GothamRoundedHTF/GothamRnd-Medium.otf);
}
/********** /FONTS **********/




/*
 *----------------------------------------------------
 *                  LANDSCAPE - laptop
 *----------------------------------------------------
 */


@media only screen
    and (min-width: 1025px) 
    and (max-width: 1600px) {


    /********** NAV **********/

    .nav--left {
        width: 17%;
    }

    #TGIT #fp-nav.nav--left.left {
        top: 3%;
        left: 3%;
        margin-top: 0;
        width: 100px;
    }

    #TGIT #fp-nav .drop-logo {
        width: 100%;
        margin: 0 auto;
    }

    #TGIT #fp-nav .drop-logo img {
        width: 100%;
        margin: 0 auto;
    }

    #TGIT #fp-nav .nav-dots {
        width: 100%;
    }

    #TGIT #fp-nav #siteMenu{
        width: 25px;
        margin: -20px auto 0;
    }

    #TGIT #fp-nav #siteMenu li {
        margin: 0;
    }

    #TGIT #fp-nav ul li a {
        width: 25px;    
        height: 25px;
        margin: 40px 0;
        border-radius: 100%;
        background: #FFF;
    }

    #TGIT #fp-nav ul li.active a {
        width: 25px;    
        height: 25px;
        background: rgba(0,0,0,0);
        border: 4px solid #FFF;
    }

    /********** /NAV **********/


    /********** page1 **********/

    /* sky */
    .page1 .sky {
        background-color: #c1e7f7;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .page1 .clouds {
        width: 100%;
        height: 300px;
        padding: 0 20px 20px 160px;
    }

    .page1 .cloud {
        width: 100%;
        padding: 5px 10px 0 20px;
    }

    .page1 .cloud--small {
        width: 250px;
        margin: 0 0 0 0;
        float: left;
    }

    .page1 .cloud--large {
        width: 350px; 
        margin: 10px 34px 0 0;
        float: right;
    }

    .page1 .cloud--small img {
    width: 100%;
    }

    .page1 .cloud--large img {
    width: 100%;
    }

    .page1 .sign {
        width: 100%;
        height: 530px;
        padding: 0 49px 0 49px;
        position: absolute;
        bottom: -65px;
    }

    .page1 .sign__body {
        width: 900px;
        height: 250px;
        background-color: #6cb2c8;
        padding: 10px;
        margin: 0 auto;
    }


    .sign__body__inner-outline {
        height: 100%;
        width: 100%;
        border: 10px solid #FFF;
        border-radius: 30px 30px;
        padding: 4px;
    }

    .about-us__text--desktop {
        display: none;
    }


    .sign__body__text {
        width: 100%;
        margin: 8px 66px;
        display: block;
    }

    .sign__body__text span {
    text-align: center; 
    color: #FFF;
    font-family: "GR-Bold", Arial, sans-serif;
    font-size: 80px;
    line-height: 120%;
    display: inline-block;
    }

    .page1 .sign__legs {
        width: 100%;
        height: 65px;
        position: relative;
    }

    .page1 .sign__leg {
        width: 50px;
        height: 100%;
        background-color: #74a6b4;
        position: absolute;
        display: none;
    }

    .page1 .sign__leg--left {
        left: 230px;
        display: block;
    }

    .page1 .sign__leg--right {
        right: 230px;
        display: block;
    }

    .sign__leg--active {
        display: block;
    }

    /* /sky */

    /* ground */
    .page1 .ground {
        background-color: #6ec5a4;
        width: 100%;
        height: 150px;
        position: absolute;
        bottom: 0;
    }

    .page1 .down-nav {
        width: 80%;
        height: 60%;
        margin: 0 auto;
        padding: 2%;
    }

    .page1 .down-nav__text {
        text-align: center; 
        color: #FFF;
        font-family: "GR-Bold", Arial, sans-serif;
        font-size: 30px;
    }

    .page1 .down-nav__arrow {
        margin: 1% auto;
        width: 55px;
    }

    .page1 .down-nav__arrow img {
        width: 100%;
    }
    /* /ground */

    /********** /page 1**********/


    /********** page 2**********/

    /* sky */
    .page2 .sky {
        background-color: #6cb2c8;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .page2 .clouds {
        width: 100%;
        height: 125px;
        padding: 2% 2% 2% 20%;
    }

    .page2 .cloud {
        width: 100%;
        padding: 0% 2% 4% 2%;
    }

    .page2 .cloud--small {
        width: 260px;
        margin: 0 0 0 8px;
        display: inline-block;
    }

    .page2 .cloud--large {
        width: 330px; 
        margin: 2px 0 0 250px;
        display: inline-block;
    }

    .page2 .cloud--small img {
    width: 100%;
    }

    .page2 .cloud--large img {
    width: 100%;
    }

    .about-us {
        width: 100%;
        height: 85%;
    }

    .about-us__pic {
        width: 25%;
        margin: 4vh 160px 0 10px;
        float: right;
    }

    .about-us__pic img {
        width: 100%;
        border: 20px solid #c1e7f7;
        border-radius: 100%;
    }

    .about-us__text--desktop {
        display: none;
    }

    .about-us__text {
        width: 90%;
        height: 210px;
        margin: 0 auto;
        padding: 30px 295px 0 60px;
    }

    .about-us__text__title {
        color: #FFF;
        font-family: "GR-Bold", Arial, sans-serif;
        text-align: left;
        font-size: 6vw;
        margin: 5px 0 0 6%;
    }

    .about-us__text__copy {
        color: #FFF;
        font-family: "GR-Light", Arial, sans-serif;
        font-size: 3.8vh;
        line-height: 120%;
        padding: 2vw 3vw 0;
    }

    .about-us__text__copy p {
        margin: 0 60px 0 10px;
    }

    .about-us__text__copy .fp-tableCell {
        vertical-align: middle;
        height: 100% !important;
    }

    .about-us__text__copy .fp-controlArrow {
        top: 50%;
    }

    .fp-slidesNav.bottom {
        bottom: 12%;
    }

    /* /sky */

    /* ground */
    .page2 .ground {
        background-color: #6ec5a4;
        width: 100%;
        height: 16vh;
        position: absolute;
        bottom: 0;
    }

    .page2 .down-nav {
        width: 80%;
        height: 60%;
        margin: 0 auto;
        padding: 4%;
    }

    .page2 .down-nav__text {
        text-align: center; 
        color: #FFF;
        font-family: "GR-Bold", Arial, sans-serif;
        font-size: 5vw;
    }

    .page2 .down-nav__arrow {
        margin: 5px auto;
        width: 55px;
    }

    .page2 .down-nav__arrow img {
        width: 100%;
    }
    /* /ground */

    /********** /page 2**********/

    /********** page 3**********/

    /* sky */
    .page3 .sky {
        background-color: #c1e7f7;
        width: 100%;
        height: 100%;
    }

    .page3 .clouds {
        width: 100%;
        height: 85px;
    }

    .page3 .cloud {
        width: 100%;
        padding: 0% 2% 4% 2%;
    }

    .page3 .cloud--small {
        width: 330px; 
        margin: 8px 0 0 0;
        float: right;
    }

    .page3 .cloud--large {
        width: 360px; 
        margin: 190px 0 0 110px;
        float: left;
    }

    .page3 .cloud--small img {
    width: 100%;
    }

    .page3 .product {
        width: 100%;
        height: 100%;
    }

    .page3 .product__pic {
        width: 43%;
        float: left;
        display: block;
        padding: 0 3% 0 0;
    }

    .page3 .product__pic img {
        width: 350px;
        float: right;
        margin: 50px 0 0 0;
    }

    .page3 .product__description {
        width: 57%;
        height: 100%;
        padding: 0 20px 0 0;
        float: left;
    }

    .page3 .product__text {
        width: 590px;
        height: 40%;
        margin: 0 auto;
        float: left;
    }

    .page3 .product__text__title {
        color: #3b7686;
        font-family: "GR-Bold", Arial, sans-serif;
        text-align: left;
        font-size: 5.5vw;
        margin-top: 0;
    }

    .page3 .product__text__copy {
        color: #4c7886;
        font-size: 1.3vw;
        font-family: "GR-Book", Arial, sans-serif;
    }
    .page3 .product__text__button {
        margin: 10px 0 0 0;
        float: left;
    }

    .page3 .product__text__button a {
        padding: 12px 20px 12px 20px;
        background-color: orange;
        font-size: 40px;
        font-family: "GR-Bold", Arial, sans-serif;
        text-align: center;
        text-decoration: none;
        color: white;
    }

    .page3 .product__text__copy--small-screen {
        font-size: 1.7vw;
        line-height: 120%;
        padding: 1vw 3vw 0;
    }

    .page3 .product__text__copy--small-screen p {
        margin: 0 1vw 0;
    }

    .page3 .product__text__copy--small-screen .fp-tableCell {
        vertical-align: middle;
        text-align: justify;
        height: 100% !important;
    }

    .page3 .product__text__copy--small-screen .fp-controlArrow {
        top: 50%;
    }

    .fp-slidesNav.bottom {
        bottom: 9vh;
    }

    .page3 .product__text__copy--large-screen {
        display: none;
    }
    /* /sky */


    /********** /page 3**********/

}


/*
 *----------------------------------------------------
 *                  /LANDSCAPE - laptop
 *----------------------------------------------------
 */