/*****************************************/

    /************IMPORTS_FOR_FONTS************/

    /*****************************************/
    
    @import 'https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic';
    /*****************************************/

    /**************GLOBAL_STYLES**************/

    /*****************************************/
    
    *,
    *:before,
    *:after {
    	text-decoration: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    html,
    body {
        margin: 0px;
        font-family: Roboto;
        font-weight: lighter;
        margin-bottom: 5px;
        color: #F2F2F2;
    }
    /*****************************************/

    /************GLOBAL_LINK_STYLES***********/

    /*****************************************/
    
    a {
        color: #F2F2F2;
        text-decoration: none;
    }
    
    a:hover {
        color: #E4644A;
        text-decoration: none;
    }
    
    a:visited {
        color: #F2F2F2;
        text-decoration: none;
    }
    /*****************************************/

    /*********HEADER_&_FOOTER_STYLES**********/

    /*****************************************/
    
    header,
    footer {
        margin: 0 auto;
        padding: 2em;
        text-align: center;
        background-color: #2C3E53;
        font-family: Roboto;
    }

    .service-foot {
        margin-top: 250px;
    }
    
    header h1 {
        color: #F2F2F2;
        font-size: 70px;
        font-weight: lighter;
        margin-bottom: 5px;
    }
    
    header h2 {
        color: #F2F2F2;
        font-size: 30px;
        font-weight: lighter;
        margin-bottom: 5px;
        
    }
    
    .homepage-link {
        margin: auto;
        height: 80px;
        width: 310px;
    }
                
    .logo {
         background-image: url("Logo.png");
         background-repeat: no-repeat;
         height: 75px;
         width: auto;
         background-position: center;
    }

    @media only screen and (max-width:682px) {
    .logo {
         display:block;
         position: relative;
         right: 30px;
         background-image: url("Logo.png");
         background-repeat: no-repeat;
         height: 75px;
         width: auto;
         background-position: center;
     }
        }  
 
    /*****************************************/

    /*********MAIN_NAVIGATION_STYLES**********/

    /*****************************************/
    
    .main-nav {
        width: 100%;
        margin: 0 auto;
        padding-top: 2rem;
        text-align: center;
        background: #2C3E53;
    }
    
    .main-nav a {
        color: #F2F2F2;
        text-decoration: none;
        font: 20px Roboto;
        margin: 0px 10px;
        padding: 10px 10px;
        position: relative;
        z-index: 0;
        cursor: pointer;
    }

    @media only screen and (max-width:682px) {
    .main-nav a {
        color: #F2F2F2;
        text-decoration: none;
        font: 25px Roboto;
        margin: 10px 10px;
        padding: 3px 20px;
        position: relative;
        z-index: 0;
        cursor: pointer;
     }
        }
    
    .pullDown a:before {
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0px;
        top: 0px;
        content: '';
        background: #F2F2F2;
        opacity: 0.3;
        transition: all 0.3s;
    }
    
    .pullDown a:hover:before {
        height: 100%;
    }
    /*****MEDIA_QUERIES_RESPONSIVE_STYLES*****/

    /*************TABLET_&_PHONE**************/
    
    @media only screen and (max-width:725px) {
        .main-nav {
            width: 100%;
            margin: 0px auto;
            padding-top: 2rem;
            text-align: center;
            background: #2C3E53;
            display: grid;
    }
        }

    /*****************************************/

    /********SOCIAL_MEDIA_LINKS_STYLES********/

    /*****************************************/
    
    .social {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding-top: 1rem;
        text-decoration: none;
        
    }
    
    .social ul li {
        display: inline-flex;
        background: transparent;
        border-radius: 50%;
        height: 50px;
        list-style: none;
        margin: 0 10px;
        width: 50px;
        justify-content: space-around;
    }
    
    .social ul li:before {
        font: 400 1em/50px "FontAwesome";
    }
    
    .social ul li:hover {
        animation: transform .5s forwards;
        -ms-animation: transform .5s forwards;
        -moz-animation: transform .5s forwards;
        -webkit-animation: transform .5s forwards;
    }
    
    .social ul .facebook:hover {
        background: transparent;
    }
    
    .social ul .facebook:before {
        color: #F2F2F2;
        content: '\f09a';
        display: block;
        line-height: 50px;
        text-align: center;
    }
    
    .social ul .twitter:hover {
        background: transparent;
    }
    
    .social ul .twitter:before {
        color: #F2F2F2;
        content: '\f099';
        display: block;
        line-height: 50px;
        text-align: center;
    }
    
    .social ul .instagram:hover {
        background: transparent;
    }
    
    .social ul .instagram:before {
        color: #F2F2F2;
        content: '\f16d';
        display: block;
        line-height: 50px;
        text-align: center;
    }

    /********SOCIAL_LINKS_ANIMATION***********/
    
    @-webkit-keyframes transform {
        from {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
        }
        to {
            transform: translateY(-10px);
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
        }
            }

    /********SOCIAL_LINKS_ANIMATION***********/
    
    @keyframes transform {
        from {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
        }
        to {
            transform: translateY(-10px);
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
        }
            }

    /********SOCIAL_LINKS_ANIMATION***********/
    
    @-webkit-keyframes shadow {
        from {
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
        }
        to {
            box-shadow: 0 0 0 10px transparent;
        }
            }

    /********SOCIAL_LINKS_ANIMATION***********/
    
    @keyframes shadow {
        from {
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
        }
        to {
            box-shadow: 0 0 0 10px transparent;
        }
            }

    /*****************************************/

    /*********HOMEPAGE_SLIDER_STYLES**********/

    /*****************************************/
    
    #slider {
        width: 100%;
        height: 500px;
        position: relative;
        overflow: hidden;
    }

    /*****************************************/

    /************SLIDER_ANIMATION*************/

    /*****************************************/
    
    @keyframes load {
        from {
            left: -100%;
        }
        to {
            left: 0;
        }
            }

    /*****************************************/

    /**************SLIDER_STYLES**************/

    /*****************************************/
    
    .slides {
        width: 400%;
        height: 100%;
        position: relative;
        -webkit-animation: slide 30s infinite;
        -moz-animation: slide 30s infinite;
        animation: slide 30s infinite;
    }
    
    .slider {
        width: 25%;
        height: 100%;
        float: left;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    /*****************************************/

    /*************SLIDER_IMAGE_01*************/

    /*****************************************/
    
    #slider-image01 {
        width: auto;
        height: 100%;
        background-image: url("assets/artists_01.jpg");
        overflow: hidden;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    /*****************************************/

    /*************SLIDER_IMAGE_02*************/

    /*****************************************/
    
    #slider-image02 {
        width: auto;
        height: 100%;
        background-image: url("assets/ballet_01.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom -3em center;
    }

    /*****************************************/

    /*************SLIDER_IMAGE_03*************/

    /*****************************************/
    
    #slider-image03 {
        width: auto;
        height: 100%;
        background-image: url("assets/director_01.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    #slider-image04 {
        width: auto;
        height: 100%;
        background-image: url("assets/musician_01.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .image {
        width: auto;
        height: 110%;
    }

    /*****************************************/

    /***********SLIDER_LEGEND_STYLES**********/

    /*****************************************/
    
    .legend {
        border: 500px solid transparent;
        border-left: 800px solid rgba(52, 73, 94, .0);
        border-bottom: 0;
        position: absolute;
        bottom: 0;
    }

    /*****************************************/

    /**********SLIDER_CONTENTS_STYLES*********/

    /*****************************************/
    
    .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
    }
    
    .content-txt {
        width: 400px;
        height: 150px;
        float: left;
        position: relative;
        top: 300px;
        -webkit-animation: content-s 7.5s infinite;
        -moz-animation: content-s 7.5s infinite;
        animation: content-s 7.5s infinite;
    }
    
    .content-txt h1 {
        font-family: Arial;
        text-transform: uppercase;
        font-size: 24px;
        color: #F2F2F2;
        text-align: left;
        margin-left: 30px;
        padding-bottom: 10px;
    }
    
    .content-txt h2 {
        font-family: arial;
        font-weight: normal;
        font-size: 14px;
        font-style: italic;
        color: #F2F2F2;
        text-align: left;
        margin-left: 30px;
    }

    /*****************************************/

    /*************SLIDER_SWITCH***************/

    /*****************************************/
    
    .switch {
        width: 120px;
        height: 10px;
        position: absolute;
        bottom: 50px;
        z-index: 99;
        left: 30px;
    }
    
    .switch>ul {
        list-style: none;
    }
    
    .switch>ul>li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #333;
        float: left;
        margin-right: 5px;
        cursor: pointer;
    }
    
    .switch ul {
        overflow: hidden;
    }
    
    .on {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #eb7a5c;
        position: relative;
        -webkit-animation: on 30s infinite;
        -moz-animation: on 30s infinite;
        animation: on 30s infinite;
    }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @-webkit-keyframes slide {
        0%,
        100% {
            margin-left: 0%;
        }
        21% {
            margin-left: 0%;
        }
        25% {
            margin-left: -100%;
        }
        46% {
            margin-left: -100%;
        }
        50% {
            margin-left: -200%;
        }
        71% {
            margin-left: -200%;
        }
        75% {
            margin-left: -300%;
        }
        96% {
            margin-left: -300%;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @-moz-keyframes slide {
        0%,
        100% {
            margin-left: 0%;
        }
        21% {
            margin-left: 0%;
        }
        25% {
            margin-left: -100%;
        }
        46% {
            margin-left: -100%;
        }
        50% {
            margin-left: -200%;
        }
        71% {
            margin-left: -200%;
        }
        75% {
            margin-left: -300%;
        }
        96% {
            margin-left: -300%;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @keyframes slide {
        0%,
        100% {
            margin-left: 0%;
        }
        21% {
            margin-left: 0%;
        }
        25% {
            margin-left: -100%;
        }
        46% {
            margin-left: -100%;
        }
        50% {
            margin-left: -200%;
        }
        71% {
            margin-left: -200%;
        }
        75% {
            margin-left: -300%;
        }
        96% {
            margin-left: -300%;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @-webkit-keyframes content-s {
        0% {
            left: -420px;
        }
        10% {
            left: 0px;
        }
        30% {
            left: 0px;
        }
        40% {
            left: 0px;
        }
        50% {
            left: 0px;
        }
        60% {
            left: 0px;
        }
        70% {
            left: 0;
        }
        80% {
            left: -420px;
        }
        90% {
            left: -420px;
        }
        100% {
            left: -420px;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @-moz-keyframes content-s {
        0% {
            left: -420px;
        }
        10% {
            left: 0px;
        }
        30% {
            left: 0px;
        }
        40% {
            left: 0px;
        }
        50% {
            left: 0px;
        }
        60% {
            left: 0px;
        }
        70% {
            left: 0;
        }
        80% {
            left: -420px;
        }
        90% {
            left: -420px;
        }
        100% {
            left: -420px;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @keyframes content-s {
        0% {
            left: -420px;
        }
        10% {
            left: 20px;
        }
        15% {
            left: 0px;
        }
        30% {
            left: 0px;
        }
        40% {
            left: 0px;
        }
        50% {
            left: 0px;
        }
        60% {
            left: 0px;
        }
        70% {
            left: 0;
        }
        80% {
            left: -420px;
        }
        90% {
            left: -420px;
        }
        100% {
            left: -420px;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @-webkit-keyframes on {
        0%,
        100% {
            margin-left: 0%;
        }
        21% {
            margin-left: 0%;
        }
        25% {
            margin-left: 15px;
        }
        46% {
            margin-left: 15px;
        }
        50% {
            margin-left: 30px;
        }
        71% {
            margin-left: 30px;
        }
        75% {
            margin-left: 45px;
        }
        96% {
            margin-left: 45px;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @-moz-keyframes on {
        0%,
        100% {
            margin-left: 0%;
        }
        21% {
            margin-left: 0%;
        }
        25% {
            margin-left: 15px;
        }
        46% {
            margin-left: 15px;
        }
        50% {
            margin-left: 30px;
        }
        71% {
            margin-left: 30px;
        }
        75% {
            margin-left: 45px;
        }
        96% {
            margin-left: 45px;
        }
            }

    /********HOME_PAGE_SLIDER_ANIMATION*******/
    
    @keyframes on {
        0%,
        100% {
            margin-left: 0%;
        }
        21% {
            margin-left: 0%;
        }
        25% {
            margin-left: 15px;
        }
        46% {
            margin-left: 15px;
        }
        50% {
            margin-left: 30px;
        }
        71% {
            margin-left: 30px;
        }
        75% {
            margin-left: 45px;
        }
        96% {
            margin-left: 45px;
        }
            }

    /*****MEDIA_QUERIES_RESPONSIVE_STYLES*****/

    /*************TABLET_&_PHONE**************/
    
    @media only screen and (max-width:1023px) {
        #slider {
            display: none
        }
            }

    /*****************************************/

    /******HOME_PAGE_CONTACT_FORM_STYLES******/

    /*****************************************/
    
    #contact input[type="text"],
    #contact input[type="email"],
    #contact input[type="tel"],
    #contact input[type="url"],
    #contact textarea,
    #contact button[type="submit"] {}
    
    #contact {
        display: sub-grid;
        width: 100%;
        height: 100%;
    }
    
    #contact h2 {
        color: #F2F2F2;
        text-align: center;
        font-size: 40px;
        font-weight: lighter;
    }
    
    #contact h3 {
        color: #eb7a5c;
        text-align: center;
        font-size: 30px;
        font-weight: 400;
    }
    
    #contact h4 {
        margin: 5px 0 15px;
        text-align: center;
        font-size: 13px;
    }
    
    fieldset {
        border: medium none !important;
        margin: 0 0 10px;
        min-width: 100%;
        padding: 0;
        width: 100%;
    }
    
    #contact input[type="text"],
    #contact input[type="email"],
    #contact input[type="tel"],
    #contact input[type="url"],
    #contact textarea {
        width: 100%;
        border: 1px solid #CCC;
        background: #FFF;
        margin: 0 0 5px;
        padding: 10px;
    }
    
    #contact input[type="text"]:hover,
    #contact input[type="email"]:hover,
    #contact input[type="tel"]:hover,
    #contact input[type="url"]:hover,
    #contact textarea:hover {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border: 1px solid #AAA;
    }
    
    #contact textarea {
        height: 150px;
        max-width: 100%;
        resize: none;
    }
    
    #contact button[type="submit"] {
        cursor: pointer;
        width: 100%;
        border: none;
        border-radius: 3px;
        background: #eb7a5c;
        color: #FFF;
        margin: 0 0 5px;
        padding: 10px;
        font-size: 15px;
    }
    
    #contact button[type="submit"]:hover {
        background: #DB4D3A;
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }
    
    #contact button[type="submit"]:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    }
    
    #contact input:focus,
    #contact textarea:focus {
        outline: 0;
        border: 1px solid #999;
    }
    
     ::-webkit-input-placeholder {
        color: #888;
    }
    
     :-moz-placeholder {
        color: #888;
    }
    
     ::-moz-placeholder {
        color: #888;
    }
    
     :-ms-input-placeholder {
        color: #888;
    }

    /*****************************************/

    /********HOME_PAGE_CSS_GRID_STYLES********/

    /***************DESKTOP*******************/
    
    .wrapper h1 {
        font-weight: lighter;
        text-align: center;
    }
    
    .wrapper h2 {
        font-weight: lighter;
        text-align: center;
    }
    
    @media only screen and (max-width:1023px) {
        .wrapper {
            margin: 0px;
            width: 100vw;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: auto;
            justify-content: center;
            align-content: end;
            text-align: center;
        }
        .box {
            background-color: #2C3E53;
            color: #F2F2F2;
            padding: 1rem;
            font-size: 150%;
        }

        /*************GRID_ITEM_01****************/

        .item1 {
            grid-column: 1 / 13;
            grid-row: 1 / 1;
            padding-left: 5rem;
            padding-right: 5rem;
            padding-top: 2rem;
            text-align: center;
            color: #F2F2F2;
            font-weight: lighter;
        }
        .item1 h2 {
            color: #F2F2F2;
            font-size: 30px;
            font-weight: lighter;
            margin-bottom: 5px;
            text-align: center;
        }

        /*************GRID_ITEM_02****************/

        .item2 {
            grid-column: 1 / 13;
            grid-row: 5/ 8;
            padding-left: 4rem;
            padding-right: 4rem;
            text-align: center;
        }

        /*************GRID_ITEM_03****************/

        .item3 {
            grid-column: 1 / 13;
            grid-row: 2/ 3;
            text-align: center;
        }

        /*************GRID_ITEM_04****************/

        .item4 {
            grid-column: 1 / 13;
            grid-row: 4/ 5;
            background-color: #eb7a5c;
            text-align: center;
        }

        .item4contents {
            padding: 3rem;
            text-align: center;
        }

        .item4contents h2 {
            display: flex;
            justify-content: flex-end;
            font-weight: lighter;
            padding-top: 1rem;
            padding-right: 4rem;
            text-align: center;
        }

        /*************GRID_ITEM_05****************/

        .item5 {
            grid-column: 1 / 13;
            grid-row: 3 /4;
            align-items: center;
            text-align: center;
        }

        .item5contents h2,
        h3 {
            display: flex;
            justify-content: center;
            font-weight: lighter;
            text-align: center;
        }

        .item5contents a {
            display: grid;
            justify-content: center;
            text-align: center;
        }

        /*************GRID_ITEM_07****************/

        .item6 {
            display: none;
        }

        /*************GRID_ITEM_07****************/

        .item7 {
            display: none;
        }
            }

    /*****MEDIA_QUERIES_RESPONSIVE_STYLES*****/

    /*****************TABLETS*****************/
    
    @media only screen and (min-width:1023px) {
        .wrapper {
            /**wrapper_for_entire_grid**/
            margin: 0px;
            width: 100vw;
            display: grid;
            grid-gap: 3px;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: repeat(6, 1fr);
            justify-content: center;
            align-content: end;
        }
        .box {
            background-color: #2C3E53;
            color: #F2F2F2;
            padding: 1rem;
            font-size: 150%;
        }

        /*************GRID_ITEM_01****************/

        .item1 {
            grid-column: 1 / 13;
            grid-row: 1 / 2;
            padding-left: 5rem;
            padding-right: 5rem;
            padding-top: 2rem;
            text-align: center;
            color: #F2F2F2;
            font-weight: lighter;
        }
        .item1 h2 {
            color: #F2F2F2;
            font-size: 30px;
            font-weight: lighter;
            margin-bottom: 5px;
        }

        /*************GRID_ITEM_02****************/

        .item2 {
            grid-column: 1 / 4;
            grid-row: 2/ 5;
        }

        /*************GRID_ITEM_03****************/

        .item3 {
            grid-column: 4 / 13;
            grid-row: 2/ 4;
        }

        .item3 h2 {
            color: #F2F2F2;
            text-align: center;
            font-size: 40px;
            font-weight: lighter;
        }

        /*************GRID_ITEM_04****************/

        .item4 {
            grid-column: 4 / 9;
            grid-row: 4/ 5;
            background-color: #eb7a5c;
        }

        .item4contents {
            padding: 3rem;
        }

        .item4contents h1 {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .item4contents h2 {
            display: flex;
            justify-content: flex-end;
            font-weight: lighter;
            padding-top: 1rem;
            padding-right: 4rem;
        }

        /*************GRID_ITEM_05****************/
        .item5 {
            grid-column: 9 / 13;
            grid-row: 4 /6;
            align-items: center;
        }

        .item5contents h2,
        h3 {
            display: flex;
            justify-content: center;
            font-weight: lighter;
        }

        .item5contents a {
            display: grid;
            justify-content: center;
        }

        /*************GRID_ITEM_06****************/

        .item6 {
            grid-column: 1 / 9;
            grid-row: 5 /6;
        }

        /*************GRID_ITEM_07****************/

        .item7 {
            grid-column: 1 / 13;
            grid-row: 6 /7;
            text-align: center;
        }
    }

    /*****MEDIA_QUERIES_RESPONSIVE_STYLES*****/

    /*****************PHONES******************/
    
    @media only screen and (max-width:682px) {
        .wrapper {
            margin: 0px;
            width: 100vw;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: auto;
            justify-content: center;
            align-content: end;
        }

        .box {
            background-color: #2C3E53;
            color: #F2F2F2;
            padding: 1rem;
            font-size: 150%;
        }

        /*************GRID_ITEM_01****************/

        .item1 {
            grid-column: 1 / 13;
            grid-row: 1 / 1;
            padding-left: 2rem;
            padding-right: 2rem;
            padding-top: 2rem;
            text-align: center;
            color: #F2F2F2;
            font-weight: lighter;
        }

        .item1 h2 {
            color: #F2F2F2;
            font-size: 30px;
            font-weight: lighter;
            margin-bottom: 5px;
        }

        /*************GRID_ITEM_02****************/
        .item2 {
            grid-column: 1 / 13;
            grid-row: 5/ 8;
            padding-left: 2rem;
            padding-right: 2rem;
        }

        /*************GRID_ITEM_03****************/
        .item3 {
            grid-column: 1 / 13;
            grid-row: 2/ 3;
        }

        .content-103 {
            display: flex;
            flex-wrap: wrap;
            padding-left: 10px;
            padding-right: 10px;
        }

        /*************GRID_ITEM_04****************/

        .item4 {
            grid-column: 1 / 13;
            grid-row: 4/ 5;
            background-color: #eb7a5c;
        }

        .item4contents {
            padding: 1rem;
            text-align: center;
        }

        .item4contents h2 {
            display: flex;
            justify-content: flex-end;
            font-weight: lighter;
            padding-top: 1rem;
            padding-right: 1rem;
            text-align: center;
        }

        /*************GRID_ITEM_05****************/

        .item5 {
            grid-column: 1 / 13;
            grid-row: 3 /4;
            text-align: center;
            align-items: center;
            justify-content: center;
            
        }

        /*************GRID_ITEM_06****************/

        .item6 {
            display: none;
        }

        /*************GRID_ITEM_07****************/

        .item7 {
            dsplay: none;
        }
            }

    /*****************************************/

    /***HOME_PAGE_EXIT_INTENT_MODAL_STYLES****/

    /*****************************************/
    
    #news-signup {
        display: flex;
        position: fixed;
        width: 100%;
        visibility: hidden;
        z-index: 10002;
        top: 100px;
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
        transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    }
    
    #news-signup .modal-wrapper {
        display: flex;
        background: #948E99;
        background: -webkit-linear-gradient(to left, #252b33, #212F41);
        background: linear-gradient(to left, #252b33, #212F41);
        position: relative;
        margin: auto;
        text-align: center;
        padding: 2rem;
        border-radius: 3px;
        -moz-border-radius: 3px;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
        width: 90%;
    }
    
    #news-signup_bg {
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        opacity: 0.4;
        z-index: 10001;
    }
    
    #news-signup_close {
        position: absolute;
        left: 100%;
        margin: -30px 0 0 -30px;
        width: 20px;
        height: 20px;
        color: #fff;
        opacity: 0.3;
        cursor: pointer;
    }
    
    #news-signup_close::before {
        content: "×";
        font: 400 36px/1em 'Roboto';
    }
    
    #news-signup_close:hover {
        opacity: 0.8;
    }
    
    #news-signup .newsletter-content {
        padding: 100px 3px;
        margin: 0 auto
    }
    
    #news-signup .newsletter-content h2 {
        font: 300 24px/1em 'Roboto';
        color: #fff;
        text-align: center;
        margin: 0 auto 15px
    }
    
    label {
        color: whitesmoke;
    }

    /*****************************************/

    /*******HOME_PAGE_SERVICES_STYLES*********/

    /*****************************************/
    
    .service-title {
        display: flex;
        justify-content: center;
        padding-bottom: 1rem;
    }
    
    .service-post {
        padding: 30px;
        text-align: center;
        cursor: pointer;
        position: relative;
        z-index: 12;
        margin-bottom: 30px;
        -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
        box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
    }
    
    .content-103 .service-title {
        font-size: 2rem;
        font-weight: normal;
        margin-bottom: 15px;
        -moz-transition: color, 250ms;
        -o-transition: color, 250ms;
        -webkit-transition: color, 250ms;
        transition: color, 250ms;
    }
    
    .content-103 {
        display: flex;
        align-items: flex-start;
        padding-bottom: 50px;
    }
    
    .content-103 .services-title {
        text-align: center;
        padding: 50px 0;
    }
    
    .content-103 .service-content {
        position: relative;
        z-index: 13;
    }
    
    .content-103 .service-icon {
        margin: 10px 0 20px 0;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        text-align: center;
        border: 2px solid #eb7a5c;
        margin-left: auto;
        margin-right: auto;
        line-height: 50px;
        -moz-transition: color, 250ms;
        -o-transition: color, 250ms;
        -webkit-transition: color, 250ms;
        transition: color, 250ms;
    }
    
    .content-103 .service-description {
        -moz-transition: color, 250ms;
        -o-transition: color, 250ms;
        -webkit-transition: color, 250ms;
        transition: color, 250ms;
    }
    
    .content-103 .service-icon i {
        font-size: 18px;
        color: #eb7a5c;
    }

    /*****************************************/

    /****SERVICES_BACKGROUND_HOVER_STYLES*****/

    /*****************************************/
    
    .content-103 .service-post:hover .service-icon {
        border-color: #fff;
    }
    
    .content-103 .service-post:hover .service-icon i {
        color: #fff;
    }
    
    .content-103 .service-post:hover .service-title {
        color: #fff;
    }
    
    .content-103 .service-post:hover .service-description {
        color: #fff;
    }
    
    .content-103 .service-hover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        width: 100%;
        height: 0px;
        background: #E4644A;
        -moz-transition: width, 250ms;
        -o-transition: width, 250ms;
        -webkit-transition: width, 250ms;
        transition: width, 250ms;
    }
    
    .content-103 .service-post:hover .service-hover {
        height: 100%;
    }

    /*****************************************/

    /**********THANK_YOU_PAGE_STYLES**********/

    /*****************************************/
    
    .thanks {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        width: 100%;
        background-color: #212F41;
        color: whitesmoke;
    }

    /*****************************************/

    /********THANK_YOU_BUTTON_STYLES**********/

    /*****************************************/
    
    .button {
        border: 2px solid #F2F2F2;
        color: #F2F2F2;
        position: relative;
        display: block;
        border-radius: 5px;
        margin: 30px auto 0;
        padding: 14px 15px;
        color: F2F2F2;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        overflow: hidden;
        letter-spacing: .08em;
        border-radius: 0;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    
    .button:before {
        content: "";
        background-color: rgba(124, 142, 165, 0.2);
        height: 100%;
        width: 3em;
        display: block;
        position: absolute;
        top: 0;
        left: -4.5em;
        -webkit-transform: skewX(-45deg) translateX(0);
        transform: skewX(-45deg) translateX(0);
        -webkit-transition: none;
        transition: none;
    }
    
    .button:hover {
        background-color: rgba(33, 47, 65, 0.2);
        color: #f2f2f2;
    }
    
    .button:hover:before {
        -webkit-transform: skewX(-45deg) translateX(113.5em);
        transform: skewX(-45deg) translateX(113.5em);
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

    /*****************************************/
    /*******THANK_YOU_BUTTON_ANIMATION********/
    /*****************************************/
    
    @-webkit-keyframes sheen {
        0% {
            -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
        }

        100% {
            -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
        }
            }
    
    @keyframes sheen {
        0% {
            -webkit-transform: skewY(-45deg) translateX(0);
             transform: skewY(-45deg) translateX(0);
        }

        100% {
            -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
        }
            }

    /**************************************/

    /**********ABOUT_PAGE_STYLES***********/

    /**************************************/
                
    .about-body {
        background-color: #2C3E53;
    }
                
    .about-body-content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding-right: 10%;
        padding-left: 10%;
    }
                
    .about-page-content {
        padding-top: 5%;
        padding-right: 15%;
        padding-left: 15%;
    }
                
    .about-title h1,h2 {
         text-align: center;
         font-weight: lighter;
         padding-bottom: 5%;
    }

    /*****************CONTACT_PAGE_STYLES*******************/
				
    .contact-page-content {
         margin-left: 35%;
         margin-right: 35%;
    }

    /**************************************/


    /********SERVICES_PAGE_STYLES**********/


    /**************************************/

    .service-page-body {
        display: flex;
        width: 100vw;
        height: auto;
        position: relative;
        top: 500px;
        margin: auto;
        align-content: center;
    }

    .service-container {
        display: block;
        position: relative;
        font: 400 1em/40px "FontAwesome";
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
        width: 80vw;
        color: #eb7a5c;
    }

    .circle-container {
        position: relative;
        width: 20em;
        height: 20em;
        padding: 0;
        border-radius: 50%;
        list-style: none;
        box-sizing: content-box;
        margin: auto;
    }

    .circle-container>* {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2em;
    }
 
    .circle-container>*:nth-of-type(1) {
        -webkit-transform: rotate(0deg) translate(9.5em) rotate(0deg);
        transform: rotate(0deg) translate(9.5em) rotate(0deg);
    }

    .circle-container>*:nth-of-type(2) {
        -webkit-transform: rotate(45deg) translate(9.5em) rotate(-45deg);
        transform: rotate(45deg) translate(9.5em) rotate(-45deg);
    }

    .circle-container>*:nth-of-type(3) {
        -webkit-transform: rotate(90deg) translate(9.5em) rotate(-90deg);
        transform: rotate(90deg) translate(9.5em) rotate(-90deg);
    }

    .circle-container>*:nth-of-type(4) {
        -webkit-transform: rotate(135deg) translate(9.5em) rotate(-135deg);
        transform: rotate(135deg) translate(9.5em) rotate(-135deg);
    }

    .circle-container>*:nth-of-type(5) {
        -webkit-transform: rotate(180deg) translate(9.5em) rotate(-180deg);
        transform: rotate(180deg) translate(9.5em) rotate(-180deg);
    }

    .circle-container>*:nth-of-type(6) {
        -webkit-transform: rotate(225deg) translate(9.5em) rotate(-225deg);
        transform: rotate(225deg) translate(9.5em) rotate(-225deg);
    }

    .circle-container>*:nth-of-type(7) {
        -webkit-transform: rotate(270deg) translate(9.5em) rotate(-270deg);
        transform: rotate(270deg) translate(9.5em) rotate(-270deg);
    }

    .circle-container>*:nth-of-type(8) {
        -webkit-transform: rotate(315deg) translate(9.5em) rotate(-315deg);
        transform: rotate(315deg) translate(9.5em) rotate(-315deg);
    }

    .circle-container a {
        display: block;
        border-radius: 50%;
        box-shadow: 0 0 0 2px #70D6FE;
        background: #F2F2F2;
        color: #2C3E53;
        height: 65px;
        width: 77px;
        font-size: 250%;
    }

    .circle-container i {
        display: block;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        border-radius: 50%;
    }

    .circle-container .active i {
        color: #eb7a5c;
    }

    .circle-container:before {
        content: 'Our Services';
        position: absolute;
        z-index: 100;
        top: 50%;
        text-align: center;
        width: 70%;
        font-size: 27px;
        margin: 0 auto;
        left: 0;
        right: 0;
        line-height: 1;
        display: block;
        margin-top: -10px;
        font-family: "roboto", sans-serif;
        color: #F2F2F2;
        font-weight: 300;
    }

    .services-container li {
        display: none;
    }

    .services-container li.active {
        display: block;
    }

    .service-item {
        background: #2C3E53;
        padding: 10px;
        margin-top: 11.26%;
        width: 100%;
        min-height: 300px;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        font-size: 25px;
        word-break: auto;
    }

    .service-item .headerly {
        background: #eb7a5c;
        padding: 10px 20px;
        border-radius: 4px 4px 0 0;
        font-family: Roboto;
        font-weight: lighter;
        text-align: center;
    }

    .service-item .bodyly {
        padding: 20px 20px;
        color: #F2F2F2;
        font-family: Roboto;
        font-weight: lighter;
        font-size: 27px;
        font-weight: lighter;
    }

    .service-item .headerly .icon {
        float: left;
        display: table;
    }

    .service-item .headerly .icon i {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 100%;
        position: relative;
        top: -7px;
        left: -10px;
        display: table-cell;
        color: #f2f2f2;
        font-size: 200%;
        vertical-align: bottom;
        text-align: center;
    }

    .service-item .headerly h4 {
        margin: 0px;
        color: #F2F2F2;
    }

    .service-item .footerly {
        background: rgba(255, 255, 255, 0.3);
        padding: 10px 20px;
        border-radius: 0 0 4px 4px;
        border-top: 1px solid #212F41;
        font-family: Roboto;
        font-weight: lighter;
        text-align: center;
    }


    /**************************************/


    /*******CONTACT_PAGE_MEDIA_QUERY*******/


    /**************************************/

    @media only screen and (max-width:725px) {
    .service-item {
        background: #2C3E53;
        padding: 10px;
        margin-top: 11.26%;
        width: 100%;
        min-height: 440px;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        word-break: auto;
    }
        }

    @media screen and (max-width: 525px) {
        .circle-container {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
    }
        }

    /*******************************************/


    /**************RESOURCES_PAGE***************/


    /*******************************************/

    .resources-container {
        display: grid;
        text-align: center;
        background-color: #2C3E53;
    }

    .resources-container a {
        color: #f2f2f2;
        font-size: 150%;
    }