@media (max-width: 480px) {
    #armTitle {
        line-height: 1;
    }
}

/* CSS changes for "Terms And Conditions Sub Page" view */

@media (max-width: 480px) {
    
    #tcSubPageTitle {
        margin-top: 30px;
    }
    #tcSubDate {
        margin-top: 5px;
    }
    
    #tcSubPage h2 {
        line-height: 1;
    }

    
}
/* End: CSS changes for "Terms And Conditions Sub Page" view */

/* CSS changes for "Event Form Data V3" view */
#myBanner {
    width: 100%;
}

#paraBrilliant {
    line-height:1.8;
}
/*#xmasEventImage {
    width:30% !important;
    margin-left: -15px;
}*/
#imgFreeContainer{
    width:30% !important;
}
#imgFreeContainer img{
    width:100% !important;
}

#academyImgContainer{
    width:100% !important;
    text-align: -webkit-center;
}
#academyImgContainer img{
    width:100% !important;
}

@media (max-width: 768px) {
    #myVideo {
        width: 320px;
        height: 250px;
    }
    #xmasEventImage {
        margin-left: -5px;
    }
}


@media (max-width: 480px) {
           
    #myVideo {
        /*width: 300px;*/
        width: 100%;
        height: 250px;
    }
    #myBanner {
        /*width: 140%;*/
        width: 100%;
    }
    #paraBrilliant {
        line-height:1;
        margin-top: 10px;
    }       
    /*#xmasEventImage {
        margin-left: -5px;
    }*/
    #imgFreeContainer img{
        margin-left: -5px;
        width: 157px !important;
        height: 134px !important;
    }    
    
}

/* Code for Safari Browser */
/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)*/
/*{ */

/*}*/

/* End of CSS changes for "Event Form Data V3" view */

/* Begin: CSS changes for a View "Event Form Data V2" */
    @media (max-width: 480px) {
        
        .blogPostHeadNormal {
            font-size: 1.5rem;
        }        
        
        body {
            line-height: 0.7 !important;
        }
        
        
        /* CSS changes for "Event Form Data V2" view */
        #eventTitleV2 {
            line-height: 1 !important;
        }
        #eventGuestV2 {
            margin-left: 0px !important;
            margin-top: 5px;
        }
        .speakerDtls{
            line-height: 1 !important;
        }
        #formV2 {
            margin-left:0px !important;    
        }
        .servicePageContainer  #formV2  #myformSubmitBtn {
            margin-left:1px !important;
        }
        
        .umbraco-forms-submitmessage{
            line-height: 1.2 !important;
        }
        .servicePageContainer  #formV2   #divFormSubmitMsg {
            margin-left: 0px !important;
        }        
    }
    /* End of max-wdith:480px */
    
    /* CSS for desktop view */
    #eventGuestV2 {
        margin-left:-25px;
    }
    #formV2 {
        margin-left:-15px;
    }
    .servicePageContainer  #formV2   #myformSubmitBtn {
        margin-left: 10px !important;
    }
    .servicePageContainer  #formV2   #divFormSubmitMsg {
        margin-left: 15px;
    }
    
    @media (max-width: 768px) {
        
        #eventGuestV2 {
            margin-left: 0px !important;
        }
        #formV2 {
            margin-left:0px !important;    
        }
        .servicePageContainer  #formV2  #myformSubmitBtn {
            margin-left:1px !important;
        }
        
        .umbraco-forms-submitmessage{
            line-height: 1.2 !important;
        }
        .servicePageContainer  #formV2   #divFormSubmitMsg {
            margin-left: 0px !important;
        }        
    }
    /* End of CSS cganges for max-width:768px */
    
    @media (max-width: 991px) {
        
        #eventGuestV2 {
            margin-left: 0px !important;
        }
    }
/* END: CSS changes for a View "Event Form Data V2" */


.umbraco-forms-field-wrapper input[type='checkbox'] 
{
    width: auto;
    float: left;
    height: 20px;
}

.umbraco-forms-form .umbraco-forms-navigation {
    padding: 0em 0em !important;
}
    
.umbraco-forms-caption {
    font-family: AvenirRegular,Century Gothic,sans-serif;
}

.cc-link {
    font-size: 14px;
    /*font-family: AvenirRegular,Century Gothic,sans-serif; */
    /*font-family: Monosten,Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;*/
}
.cc-message {
    font-family: AvenirMed,Century Gothic,sans-serif;
    font-size: 15px;
    font-weight: bold;
}


.table.dataTable thead .sorting_asc:after    {
    left: 0px;
    bottom: 3px;
}
.table.dataTable thead .sorting_desc:after {
    left: 0px;
    bottom: 3px;    
}

.table.dataTable thead .sorting:after {
    left: 0px;
    bottom: 3px;
}
    
.header_image {
    grid-row: 1;
    height: 1.75rem;
    padding-left: .2rem;
}
.header_image--department {
    grid-row: 1;
    height: 1.75rem;
    padding-left: 1.8rem;
}

    
header .headerContainer .headerLink, nav {
    display: block
}

    header .headerContainer .headerLink li, nav li {
        border-bottom: 1px solid #000;
        line-height: 25px
    }

        header .headerContainer .headerLink li:before, nav li:before {
            content: none
        }

        header .headerContainer .headerLink li.active:before, nav li.active:before {
            min-height: 10px;
            min-width: 20px;
            content: "";
            background-image: url(../media/c3ilnlm2/arrow-black.svg);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: middle;
            margin-right: 6px
        }

        header .headerContainer .headerLink a > li, header .headerContainer .headerLink a > li > span, header .headerContainer .headerLink li > a, header .headerContainer .headerLink li > a > span, nav a > li, nav a > li > span, nav li > a, nav li > a > span {
            font-size: 12.5px
        }

            header .headerContainer .headerLink a > li:hover, header .headerContainer .headerLink a > li > span:hover, header .headerContainer .headerLink li > a:hover, header .headerContainer .headerLink li > a > span:hover, nav a > li:hover, nav a > li > span:hover, nav li > a:hover, nav li > a > span:hover {
                color: #1d1d1b
            }

@media (hover) {
    header .headerContainer .headerLink li:hover:before, nav li:hover:before {
        min-height: 10px;
        min-width: 20px;
        content: "";
        background-image: url(../media/c3ilnlm2/arrow-black.svg);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px
    }
}

header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

    header .headerContainer {
        width: 100%;
        height: 60px;
        margin: 0;
        padding: 0;
        padding-left: 15px;
        background-color: #1d1d1b
    }

        header .headerContainer .headerLink {
            padding-top: 10px;
            padding-left: 0;
            color: #fff;
            width: 200px
        }

            header .headerContainer .headerLink li {
                width: 100%;
                float: left;
                border: 0;
                line-height: 20px
            }

                header .headerContainer .headerLink li.active:before, header .headerContainer .headerLink li:hover:before {
                    min-width: 22px;
                    background-image: url(../media/iv4lhi2i/arrow-purple.svg)
                }

                header .headerContainer .headerLink a > li, header .headerContainer .headerLink a > li > span, header .headerContainer .headerLink li > a, header .headerContainer .headerLink li > a > span {
                    color: #fff;
                    font-size: 13px
                }

                    header .headerContainer .headerLink a > li:hover, header .headerContainer .headerLink a > li > span:hover, header .headerContainer .headerLink li > a:hover, header .headerContainer .headerLink li > a > span:hover {
                        color: #fff
                    }

        header .headerContainer .rowContainer {
            height: 60px
        }

            header .headerContainer .rowContainer .logoImg {
                height: 100%;
                padding: 2px 0
            }

#menuToggle {
    top: 35px;
    left: 30px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    #menuToggle, #menuToggle input {
        display: block;
        position: absolute
    }

        #menuToggle input {
            width: 40px;
            height: 32px;
            top: -7px;
            left: -5px;
            cursor: pointer;
            opacity: 0;
            z-index: 2;
            -webkit-touch-callout: none
        }

            #menuToggle input:checked ~ span {
                opacity: 1;
                -webkit-transform: rotate(45deg) translate(-2px, -1px);
                transform: rotate(45deg) translate(-2px, -1px);
                background: #fff
            }

                #menuToggle input:checked ~ span:nth-last-child(3) {
                    opacity: 0;
                    -webkit-transform: rotate(0deg) scale(.2);
                    transform: rotate(0deg) scale(.2)
                }

                #menuToggle input:checked ~ span:nth-last-child(2) {
                    opacity: 1;
                    -webkit-transform: rotate(-45deg) translateY(-1px);
                    transform: rotate(-45deg) translateY(-1px)
                }

            #menuToggle input:checked ~ ul {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }

        #menuToggle span {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;
            background: #1d1d1b;
            border-radius: 3px;
            z-index: 1;
            -webkit-transform-origin: 4px 0;
            transform-origin: 4px 0;
            transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
            transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease;
            transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
        }

            #menuToggle span:first-child {
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }

            #menuToggle span:nth-last-child(2) {
                -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%
            }

#menu {
    position: absolute;
    width: calc(100vw + 10px);
    height: calc(100vh + 100px);
    margin: -70px 0 0 -40px;
    padding: 50px 40px;
    padding-top: 85px;
    background: #1d1d1b;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    transition: -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}

    #menu li div {
        padding: 10px 0 7px;
        display: inline-block;
        font-size: 22px;
        color: #fff
    }

    #menu li.mobli {
        border-bottom: 1px solid #fff
    }

    #menu li.active:before {
        min-height: 16px;
        min-width: 22px;
        /*background-image: url(../media/rfgh3cyr/arrow-white.svg) */
        background-image: url(../media/iv4lhi2i/arrow-purple.svg)
    }

.fullWidthBtn .headerBtn {
    width: 100%;
    margin-top: 45px
}

@media screen and (max-device-width:350px) {
    #menuToggle {
        left: 22px
    }
}

.notFoundContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .notFoundContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .notFoundContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .notFoundContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .notFoundContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .notFoundContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .notFoundContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:769px) {
    .footerBranchDiv {
        flex-basis: 14.2% !important;
        max-width: 14.2% !important;
    }
}

@media (min-width:769px) {
    .footerBranchDiv {
        flex-basis: 14.2% !important;
        max-width: 14.2% !important;
    }
}

@media (min-width:1428px) {
    .notFoundContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.notFoundContainer .errorMsg {
    padding-top: 200px
}

    .notFoundContainer .errorMsg h1 {
        margin-top: 10px;
        text-align: center
    }

.bgSlideshow, .staticBgSlide {
    width: 100%;
    height: 100vh;
    min-height: 675px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

    .bgSlideshow li span, .staticBgSlide li span {
        width: 100%;
        height: 100vh;
        min-height: 675px;
        position: absolute;
        top: 0;
        left: 0;
        color: transparent;
        z-index: 0;
        -webkit-animation: a 21s linear infinite 0s;
        animation: a 21s linear infinite 0s;
        opacity: 0
    }

    .bgSlideshow li span, .staticBgSlide, .staticBgSlide li span {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .bgSlideshow li:first-child span, .staticBgSlide, .staticBgSlide li:first-child span {
            /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
            /*background-image: url(/9c43f5b27807ecf5d408ead86f26f8c4.jpg)*/
        }

            .bgSlideshow li:nth-child(2) span, .staticBgSlide li:nth-child(2) span {
                /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
                /*background-image: url(/1d5554a7d46052d3cde440576d74bdc4.jpg);*/
                -webkit-animation-delay: 7s;
                animation-delay: 7s
            }

            .bgSlideshow li:nth-child(3) span, .staticBgSlide li:nth-child(3) span {
                /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
                /*background-image: url(/9c43f5b27807ecf5d408ead86f26f8c4.jpg);*/
                -webkit-animation-delay: 14s;
                animation-delay: 14s
            }

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    12.5% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    25% {
        opacity: 1
    }

    37.5% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    12.5% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    25% {
        opacity: 1
    }

    37.5% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@media (max-width:768px) {
    .bgSlideshow, .bgSlideshow li span, .staticBgSlide, .staticBgSlide li span {
        min-height: 655px;   /* min-height: 660px; */
        height: 100%
    }

        .bgSlideshow li:first-child span, .staticBgSlide li:first-child span {
            /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
            /*background-image: url(/998590564226df1aa2b9baa7f6e8a9f3.jpg)*/
        }

        .bgSlideshow li:nth-child(2) span, .staticBgSlide li:nth-child(2) span {
            /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
            /*background-image: url(/f55ff97c8741901099c071172da99790.jpg)*/
        }

        .bgSlideshow li:nth-child(3) span, .staticBgSlide li:nth-child(3) span {
            /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
            /*background-image: url(/bcbfa02ba55f41c6edea6285a41f866e.jpg)*/
        }

    .staticBgSlide {
        min-height: 660px;
        /* Commented on 03Apr2020 to test&avoid the error "Failed to determine if request was client side"  */
        /*background-image: url(/998590564226df1aa2b9baa7f6e8a9f3.jpg)*/
    }
}

.homePageContainer, .no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.homePageContainer {
    height: 100vh;
    min-height: 660px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px
}

    .homePageContainer h1, .homePageContainer p {
        color: #000
    }

    .homePageContainer .titleContainer {
        margin-top: 80px
    }

    .homePageContainer .navContainer {
        width: 140px
    }

    .homePageContainer .landingBlurb {
        width: 268px;
        margin-top: 45px;
        text-align: left
    }

        .homePageContainer .landingBlurb p {
            font-size: 14px
        }

    .homePageContainer img.landingLogo {
        width: 130px;
        position: absolute;
        top: 20px;
        right: 20px
    }

.landingSize {
    width: 30%;
}

@media (min-width:1500px) {
    .homePageContainer {
        padding: 25px
    }

        .homePageContainer .landingBlurb {
            width: 290px;
            bottom: 20%;
            right: 10%;
            margin-top: 0
        }

            .homePageContainer .landingBlurb p {
                font-size: 15px
            }
}

@media (min-width:768px) {
    .homePageContainer {
        min-height: 675px
    }

        .homePageContainer .titleContainer {
            margin-top: 8px;
            margin-left: 50px
        }

            .homePageContainer .titleContainer h1.landingSize {
                font-size: 4.5rem
            }

        .homePageContainer .landingBlurb {
            width: 282px;
            position: absolute;
            bottom: 15%;
            right: 8%;
            margin-top: 0
        }

            .homePageContainer .landingBlurb p {
                font-size: 14.25px
            }

        .homePageContainer img.landingLogo {
            width: 150px;
            top: 25px;
            right: 25px
        }
}

@media (max-width:768px) {
    .homePageContainer button.homeBtn {
        left: 0;
        bottom: 0;
        margin: 0 auto;
        margin-top: 30px;
        position: inherit
    }
}

@media only screen and (device-width:768px) {
    .homePageContainer button.homeBtn {
        left: 15%;
        bottom: 12%;
        position: absolute
    }
}

nav {
    display: block
}

    nav li {
        border-bottom: 1px solid #000;
        line-height: 25px
    }

        nav li:before {
            content: none
        }

        nav li.active:before {
            min-height: 10px;
            min-width: 20px;
            content: "";
            background-image: url(../media/c3ilnlm2/arrow-black.svg);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: middle;
            margin-right: 6px
        }

        nav a > li, nav a > li > span, nav li > a, nav li > a > span {
            font-size: 12.5px
        }

            nav a > li:hover, nav a > li > span:hover, nav li > a:hover, nav li > a > span:hover {
                color: #1d1d1b
            }

@media (hover) {
    nav li:hover:before {
        min-height: 10px;
        min-width: 20px;
        content: "";
        background-image: url(../media/c3ilnlm2/arrow-black.svg);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px
    }
}

.regularPageContainer, .whatWeDoPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .regularPageContainer .pageTitle, .whatWeDoPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .regularPageContainer .subheaderContainer p, .whatWeDoPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .regularPageContainer .pageTitle, .whatWeDoPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .regularPageContainer, .whatWeDoPageContainer {
        padding: 40px 25px 15px
    }

        .regularPageContainer .pageTitle, .whatWeDoPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .regularPageContainer .subheaderContainer p, .whatWeDoPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .regularPageContainer, .whatWeDoPageContainer {
        padding: 40px 125px 15px
    }
}

.whatWeDoPageContainer {
    min-height: 580px
}

    .whatWeDoPageContainer .ctmo {
        min-height: 450px
    }

        .whatWeDoPageContainer .ctmo .ctmoContainer {
            height: 300px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 25px
        }

            .whatWeDoPageContainer .ctmo .ctmoContainer h1 {
                font-family: NeoSansStd, AvenirMedium, Courier New;
                font-size: 105px;
                color: #000
            }

            .whatWeDoPageContainer .ctmo .ctmoContainer h3 {
                font-weight: 600
            }

            .whatWeDoPageContainer .ctmo .ctmoContainer p {
                width: 60%;
                margin: 0 auto;
                padding-top: 10px
            }

@media (max-width:768px) {
    .whatWeDoPageContainer {
        margin-top: 30px
    }

        .whatWeDoPageContainer .ctmo {
            margin-top: 20px;
            padding: 0 5px
        }

            .whatWeDoPageContainer .ctmo .ctmoContainer {
                padding: 12px
            }

                .whatWeDoPageContainer .ctmo .ctmoContainer p {
                    width: 100%
                }
}

.no-select, .whyItWorksPageContainer img.fullWidth, .whyItWorksPageContainer img.placehold {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.regularPageContainer, .whyItWorksPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .regularPageContainer .pageTitle, .whyItWorksPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .regularPageContainer .subheaderContainer p, .whyItWorksPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .regularPageContainer .pageTitle, .whyItWorksPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

    .lineBreak, .whyItWorksPageContainer .rightBlurbContainer h1 {
        white-space: pre-line
    }

@media (max-width:768px) {
    .regularPageContainer, .whyItWorksPageContainer {
        padding: 40px 25px 15px
    }

        .regularPageContainer .pageTitle, .whyItWorksPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .regularPageContainer .subheaderContainer p, .whyItWorksPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .regularPageContainer, .whyItWorksPageContainer {
        padding: 40px 125px 15px
    }
}

.whyItWorksPageContainer img.placehold {
    width: 78%;
    padding: 10px
}

.whyItWorksPageContainer img.fullWidth {
    width: 95%;
    padding: 10px
}

.whyItWorksPageContainer .pageSpacer {
    margin-bottom: 50px
}

.whyItWorksPageContainer .rightBlurbContainer {
    margin: 0 auto
}

    .whyItWorksPageContainer .rightBlurbContainer h1 {
        color: #000;
        line-height: 1;
    }

    .whyItWorksPageContainer .rightBlurbContainer p {
        margin-top: 20px;
        font-size: .818rem
    }

@media (min-width:768px) {
    .whyItWorksPageContainer .pageSpacer {
        margin-bottom: 75px
    }

    .whyItWorksPageContainer .rightBlurbContainer {
        width: 50%
    }

        .whyItWorksPageContainer .rightBlurbContainer p {
            width: 90%
        }
}

@media (max-width:768px) {
    .whyItWorksPageContainer .noPageSpacer {
        margin-bottom: 25px
    }
}

@media screen and (max-device-width:350px) {
    .whyItWorksPageContainer {
        padding: 40px 20px 15px
    }

        .whyItWorksPageContainer .rightBlurbContainer h1 {
            font-size: 2.8rem
        }
}

.partnersPageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .partnersPageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .partnersPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .partnersPageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .partnersPageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .partnersPageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .partnersPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .partnersPageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.partnersPageContainer .quoteUnderline {
    max-width: 400px;
    text-decoration: underline;
    margin-bottom: 15px
}

.partnersPageContainer .bold {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 3px
}

.partnersPageContainer .logoRow {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 40px
}

.partnersPageContainer .logoContainer {
    padding: 35px
}

    .partnersPageContainer .logoContainer .logoImage {
        width: 55%
    }

@media (max-width:768px) {
    .partnersPageContainer .logoRow {
        padding-top: 20px
    }

    .partnersPageContainer .quoteUnderline {
        max-width: 265px
    }

    .partnersPageContainer .logoContainer {
        padding: 18px
    }

        .partnersPageContainer .logoContainer .logoImage {
            width: 60%
        }
}

.footerContainer img.logo, .no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

footer {
    max-width: 100vw
}

.noNegative {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.subFooter {
    margin-top: 25px;
    padding: 0 25px
}

    .subFooter .mailtoLink > span {
        font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
        text-decoration: underline;
        font-weight: 600;
        color: #c991fe
    }

.footerContainer {
    width: 100%;
    height: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 0;
    background-color: #1d1d1b;
    padding: 40px 30px
}

    .footerContainer * {
        color: #fff
    }

    .footerContainer p {
        line-height: 14px
    }

    .footerContainer img.logo {
        width: 167px;
        margin-left: -8px;
    }

    .footerContainer .country {
        line-height: 23px
    }

        .footerContainer .country span:hover {
            color: #c991fe
        }

    .footerContainer .fa-linkedin, .footerContainer .fa-twitter {
        font-size: 30px;
        margin: 0 20px 0 0
    }

@media (max-width:768px) {
    .footerContainer {
        height: 100%;
        padding: 30px 15px
    }

        .footerContainer img.logo {
            width: 100px
        }

        .footerContainer .country {
            overflow: hidden
        }

    .subFooter {
        padding: 0 40px
    }
}

@media screen and (max-device-width:350px) {
    .smallScreenHide {
        display: none !important
    }

    .footerContainer .iphone5hackymarginleft {
        margin-left: 45px
    }
}

.ctmoHover, .hoverPurple, .no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.regularPageContainer, .servicePageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .regularPageContainer .pageTitle, .servicePageContainer .pageTitle {
        font-size: 1.1rem
    }

    .regularPageContainer .subheaderContainer p, .servicePageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .regularPageContainer .pageTitle, .servicePageContainer .pageTitle, .yellow {
        color: #7347ff
    }

    .lineBreak, .servicePageContainer .formResponse h3, .servicePageContainer .subheader h3, .signupContainer .largerP p, .signupContainer h1 {
        white-space: pre-line
    }

@media (max-width:768px) {
    .regularPageContainer, .servicePageContainer {
        padding: 40px 25px 15px
    }

        .regularPageContainer .pageTitle, .servicePageContainer .pageTitle {
            margin-bottom: 10px
        }

        .regularPageContainer .subheaderContainer p, .servicePageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .regularPageContainer, .servicePageContainer {
        padding: 40px 125px 15px
    }
}

.servicePageContainer .desc {
    width: 76%
}

    .servicePageContainer .desc p {
        font-size: .818rem;
        white-space: pre-line
    }

.servicePageContainer .colInner {
    padding: 0 50px
}

    .servicePageContainer .colInner h3 {
        margin-bottom: 20px
    }

.servicePageContainer .numberWithBorder {
    border-left: 2px solid #000;
    height: 100%;
    min-height: 60px;
    padding-left: 10px
}

    .servicePageContainer .numberWithBorder h3.yellow {
        color: #7347ff
    }

    .servicePageContainer .numberWithBorder h3.purple {
        color: #c991fe
    }

.servicePageContainer .hackyHeight {
    min-height: 360px
}

.servicePageContainer .formResponse {
    padding-top: 50px;
    min-height: 200px
}

    .servicePageContainer .formResponse h3 {
        line-height: 35px
    }

.signupContainer .largerP {
    padding-top: 50px
}

    .signupContainer .largerP p {
        font-size: .818rem
    }

.formContainer {
    width: 100%
}

.umbraco-forms-form input.text
{
    border: none  !important;
    border-bottom: 1px solid #000 !important;
    font: 15px Century Gothic,sans-serif;
}

.formContainer input {
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    margin-bottom: 15px;
    /*font: 16px AvernirM, sans-serif; */
    font: 12px Century Gothic,sans-serif;
    height: 35px
}

.formContainer input:focus::-webkit-input-placeholder {
    color: transparent
}

.formContainer input textarea {
    resize: none;
    overflow: hidden
}

.formContainer input::-webkit-input-placeholder {
    font-family: Monosten, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    font-size: 1.1rem;
    color: #a9a9a9
}

        .formContainer input:-ms-input-placeholder {
            font-family: Monosten, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
            font-size: 1.1rem;
            color: #a9a9a9
        }

        .formContainer input::placeholder {
            font-family: Monosten, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
            font-size: 1.1rem;
            color: #a9a9a9
        }

    .formContainer .termsCheckbox {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif
    }
    
    .formContainer label {
        font: 12px Century Gothic,sans-serif;
    }

        .formContainer .termsCheckbox, .formContainer .termsCheckbox input {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex
        }

            .formContainer .termsCheckbox input {
                width: auto;
                margin-right: 10px;
                cursor: pointer;
                margin: 0 6px 3px 5px;
                height: 30px
            }

            .formContainer .termsCheckbox a {
                font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
                font-size: 1rem;
                padding-left: 5px
            }


    .formContainer .formError {
        color: red;
        font: .818rem AvernirM, sans-serif;
        margin-left: 5px
    }
.umbraco-forms-form span.field-validation-error {
    font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-size: 0.8rem;
}

.ctmoHover, .hoverPurple {
    width: 80px;
    height: 78px;
    border: 1px solid grey;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .ctmoHover:hover, .hoverPurple:hover {
        border: 3px solid #7347ff
    }

    .ctmoHover.mrgnrgt, .hoverPurple.mrgnrgt {
        margin-right: 15px
    }

    .ctmoHover.activeYellow, .hoverPurple.activeYellow {
        border: 3px solid #7347ff
    }

    .ctmoHover.activePurple, .hoverPurple.activePurple {
        border: 3px solid #c991fe
    }

    .ctmoHover .ctmoHoverContainer, .hoverPurple .ctmoHoverContainer {
        text-align: center
    }

        .ctmoHover .ctmoHoverContainer .bigLetter, .hoverPurple .ctmoHoverContainer .bigLetter {
            font-family: NeoSansStdLight, AvenirMedium, Courier New;
            color: #1d1d1b;
            font-size: 2.65em
        }

        .ctmoHover .ctmoHoverContainer .blurb p, .hoverPurple .ctmoHoverContainer .blurb p {
            font-size: .58rem;
            font-weight: 600
        }

    .hoverPurple:hover {
        border: 3px solid #c991fe
    }

.blurb > p.activeYellow, .ctmoHoverContainer > .bigLetter.activeYellow {
    color: #7347ff
}

.blurb > p.activePurple, .ctmoHoverContainer > .bigLetter.activePurple {
    color: #c991fe
}

.bottomCtmo {
    margin-top: 15px
}

@media (min-width:768px) {
    .signupContainer .extraTop {
        margin-top: 60px
    }

    .servicePageContainer .desc {
        height: 130px
    }
}

@media (max-width:768px) {
    .formContainer {
        width: 100%
    }

    .formContainer input {
        margin-bottom: 12px;
        font: 14px Arial, Helvetica, sans-serif;
        height: 36px
    }
    
    .umbraco-forms-field-wrapper input[type='checkbox'] 
    {
        margin-bottom: 26px;
    }

    .servicePageContainer {
        padding-left: 30px;
        padding-right: 30px
    }

        .servicePageContainer .desc {
            padding-top: 15px;
            width: 100%
        }

        .servicePageContainer .colInner {
            padding: 0 0 30px
        }

            .servicePageContainer .colInner h3 {
                margin-bottom: 15px
            }

        .servicePageContainer .largerP {
            padding-top: 0;
            padding-bottom: 30px;
            margin-top: -20px
        }

    .signupContainer .x {
        right: 15px
    }
}

.aboutPageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .aboutPageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .aboutPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .aboutPageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .aboutPageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .aboutPageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .aboutPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .aboutPageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.aboutPageContainer .offices {
    min-height: 300px
}

    .aboutPageContainer .offices .officesContainer {
        height: 265px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 25px
    }

        .aboutPageContainer .offices .officesContainer h2 {
            font-size: 1rem
        }

        .aboutPageContainer .offices .officesContainer p {
            margin: 0 auto;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .aboutPageContainer .offices .officesContainer a {
            color: #7347ff;
            text-decoration: underline;
            cursor: pointer;
        }

            .aboutPageContainer .offices .officesContainer a:hover {
                color: #c991fe
            }


@media (max-width:480px) {
    .aboutPageContainer .offices .officesContainer a {
            line-height: 1.5;
        }
}

@media (min-width:768px) {
    .aboutPageContainer {
        padding-bottom: 45px
    }
    
    .aboutPageContainer .offices .officesContainer a {
            line-height: 1.5;
    }    

        .aboutPageContainer .emailBtn {
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin-right: 50px;
            margin-top: -10px;
            margin-bottom: 30px
        }

        .aboutPageContainer .iNeedDesignsToNotDoThisHorribleTopMMargin {
            margin-top: 50px
        }
}

@media (max-width:768px) {
    .aboutPageContainer .offices {
        margin-top: 10px;
        padding: 0 5px
    }

        .aboutPageContainer .offices .officesContainer {
            padding: 12px
        }

    .aboutPageContainer .emailBtn {
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 25px
    }
}

.no-select, .readPageContainer .apacDrumAwards img.placehold {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.readPageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .readPageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .readPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .readPageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

    .lineBreak, .readPageContainer .apacDrumAwards .rightBlurbContainer h1 {
        white-space: pre-line
    }

@media (max-width:768px) {
    .readPageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .readPageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .readPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .readPageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.readPageContainer .pageSpacer {
    margin-bottom: 50px
}

.readPageContainer .apacDrumAwards img.placehold {
    width: 78%;
    padding: 10px
}

.readPageContainer .apacDrumAwards .rightBlurbContainer h1 {
    color: #000;
}

    .readPageContainer .apacDrumAwards .rightBlurbContainer h1:hover {
        color: #7347ff
    }

.readPageContainer .apacDrumAwards .rightBlurbContainer p {
    margin-top: 20px;
    font-size: .818rem
}

@media (max-width:480px) {
    .readPageContainer .apacDrumAwards .rightBlurbContainer h1 {
        line-height: 1;
    }
}
@media (max-width:768px) {
    .readPageContainer .apacDrumAwards .rightBlurbContainer h1 {
        line-height: 1;
    }
}

@media (min-width:768px) {
    .readPageContainer {
        padding-bottom: 45px
    }

        .readPageContainer .pageSpacer {
            margin-bottom: 75px
        }

        .readPageContainer .rightBlurbContainer {
            width: 68%
        }

            .readPageContainer .rightBlurbContainer.wider, .readPageContainer .rightBlurbContainer p {
                width: 90%
            }

            .readPageContainer .rightBlurbContainer.left {
                margin-left: inherit
            }

        .readPageContainer .awardsBtn {
            margin-right: 50px;
            margin-top: 25px
        }
}

@media (max-width:768px) {
    .readPageContainer .rightBlurbContainer {
        margin: 0 auto
    }

    .readPageContainer .awardsBtn {
        margin-right: inherit;
        margin-top: 25px
    }
}

@media screen and (max-device-width:350px) {
    .readPageContainer {
        padding: 40px 20px 15px
    }

        .readPageContainer .rightBlurbContainer h1 {
            font-size: 2.8rem
        }
}

.apacPageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .apacPageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .apacPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .apacPageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .apacPageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .apacPageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .apacPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .apacPageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.apacPageContainer .apacDrumAwards p {
    font-size: .9rem;
    white-space: pre-line
}

    .apacPageContainer .apacDrumAwards p a {
        color: #c991fe;
        font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
        font-size: .9rem
    }

.apacPageContainer .apacDrumAwards .subheader {
    text-align: right
}

@media (min-width:768px) {
    .apacPageContainer {
        padding: 40px 25px 45px
    }

        .apacPageContainer .apacDrumAwards {
            width: calc(100vw - 50px)
        }
}

@media screen and (max-device-width:350px) {
    .apacPageContainer {
        padding: 40px 20px 15px
    }
}

.deloittePageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .deloittePageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .deloittePageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .deloittePageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .deloittePageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .deloittePageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .deloittePageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .deloittePageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.deloittePageContainer .deloitteDrumAwards p {
    font-size: .9rem;
    white-space: pre-line
}

    .deloittePageContainer .deloitteDrumAwards p a {
        color: #c991fe;
        font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
        font-size: .9rem
    }

.deloittePageContainer .deloitteDrumAwards .subheader {
    text-align: right
}

@media (min-width:768px) {
    .deloittePageContainer {
        padding: 40px 25px 45px
    }

        .deloittePageContainer .deloitteDrumAwards {
            width: calc(100vw - 50px)
        }
}

@media screen and (max-device-width:350px) {
    .deloittePageContainer {
        padding: 40px 20px 15px
    }
}

.no-select, .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer .platformContainer, .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container, .showcasePageContainer .showcaseModal .previewPhoneContainer .previewPhone {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.regularPageContainer, .showcasePageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .regularPageContainer .pageTitle, .showcasePageContainer .pageTitle {
        font-size: 1.1rem
    }

    .regularPageContainer .subheaderContainer p, .showcasePageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .regularPageContainer .pageTitle, .showcasePageContainer .pageTitle, .yellow {
        color: #7347ff
    }

    .purple, .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer .rightDiv p.purple, .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer .rightDiv p.showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer p.purple span, .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer p.purple span, .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer p.showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer .rightDiv p.purple span {
        color: #c991fe
    }



@media (max-width:768px) {
    .regularPageContainer, .showcasePageContainer {
        padding: 40px 25px 15px
    }

        .regularPageContainer .pageTitle, .showcasePageContainer .pageTitle {
            margin-bottom: 10px
        }

        .regularPageContainer .subheaderContainer p, .showcasePageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .regularPageContainer, .showcasePageContainer {
        padding: 40px 125px 15px
    }
}

.showcasePageContainer ul {
    width: 65%
}

    .showcasePageContainer ul li {
        padding: 7px 0 3px;
        font-size: 1.118rem;
        font-family: MonostenA, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
        cursor: pointer;
        text-align: left;
    }

        .showcasePageContainer ul li.active:before {
            min-width: 30px;
            min-height: 12px;
            margin-right: 4.5px;
            background-image: url(../media/iv4lhi2i/arrow-purple.svg );
            cursor: pointer
        }

.showcasePageContainer .adunitContainer {
    padding: 0 15px 30px
}

    .showcasePageContainer .adunitContainer .previewImg {
        width: 100%;
        height: 100%;
        cursor: pointer
    }

.showcasePageContainer .showcaseModal {
    background: #1d1d1b;
    height: 100%;
    padding: 25px;
    z-index: 1
}

    .showcasePageContainer .showcaseModal .pageTitle {
        color: #fff;
        padding-bottom: 2px;
        text-transform: uppercase
    }

    .showcasePageContainer .showcaseModal .x:after, .showcasePageContainer .showcaseModal .x:before {
        border-top: 1px solid #fff
    }

    .showcasePageContainer .showcaseModal .adunitBlurbContainer {
        margin-top: 30px
    }

        .showcasePageContainer .showcaseModal .adunitBlurbContainer * {
            color: #fff
        }

        .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer {
            margin-bottom: 22px
        }

            .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer h1 {
                font-size: 2.818rem
            }

                .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer h1:first-letter {
                    text-transform: uppercase
                }

            .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer .blurbTitle {
                padding-bottom: 8px;
                font-size: .718rem;
                font-weight: 600
            }

            .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer .platformContainer {
                width: 11%;
                margin-right: 12px;
                text-align: center;
                overflow: hidden
            }

                .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer .platformContainer p {
                    font-size: .518rem
                }

                .showcasePageContainer .showcaseModal .adunitBlurbContainer .blurbContainer .platformContainer .platform {
                    max-height: 50px;
                    width: auto
                }

        .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer p {
            margin-bottom: 3px;
            font-size: .518rem
        }

        .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer .rightDiv {
            padding-left: 25px
        }

            .showcasePageContainer .showcaseModal .adunitBlurbContainer .extraBlurbContainer .rightDiv p {
                font-weight: 600
            }

    .showcasePageContainer .showcaseModal .previewPhoneContainer .previewPhone {
        width: 295px;
        /*height: 512px;*/
        height: 496px;
        margin-top: -92px;
        position: absolute
    }

    .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
        height: 100%;
        width: 240px;
        position: relative;
        /*top: -18px;*/
        /*left: 21.5px*/
        top: -14px;
        left: 28.5px;
    }

    .showcasePageContainer .showcaseModal .previewPhoneContainer .ajax-loader-outer {
        top: 80px;
        left: 55px;
        background-color: initial
    }

        .showcasePageContainer .showcaseModal .previewPhoneContainer .ajax-loader-outer .ajax-loader {
            width: 100px
        }

.doubleButtonContainer {
    margin-top: -30px;
    margin-right: -25px;
    margin-bottom: -25px;
    width: 100%;
    z-index: 1000;
}


    .doubleButtonContainer.desktop {
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: -5px
    }

    .doubleButtonContainer .doubleButton {
        width: 50px;
        height: 50px;
        background-color: #7347ff;
        color: #fff;
        padding: 5px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        cursor: pointer
    }

        .doubleButtonContainer .doubleButton img.arrow {
            width: 20px;
            margin: 0 auto
        }

        .doubleButtonContainer .doubleButton img.rotated {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

@media (min-width:768px) {
    .showcasePageContainer {
        min-height: 100vh;
        min-width: 100%;
        max-width: 99vw
    }

        .showcasePageContainer .fullWidth {
            width: calc(100vw - 50px)
        }

        .showcasePageContainer .showcaseModal {
            margin-bottom: 15px
        }

            .showcasePageContainer .showcaseModal .noBottom {
                margin-bottom: 0
            }

    .blurbDesc {
        max-width: 65%
    }
}

@media (min-width:1428px) {
    .showcasePageContainer {
        padding: 40px 25px 15px;
        min-height: calc(100vh - 230px);
        /*min-width: 99vw*/
    }
}

@media (max-width:768px) {
    .showcasePageContainer ul {
        margin: auto auto 50px;
        width: 64%
    }

    .showcasePageContainer .showcaseModal {
        margin: -40px -25px 40px;
        padding-top: 40px
    }

        .showcasePageContainer .showcaseModal .x {
            height: 12px;
            right: 35px
        }

        .showcasePageContainer .showcaseModal .previewPhoneContainer {
            padding: 0;
            height: 500px
        }

            .showcasePageContainer .showcaseModal .previewPhoneContainer .previewPhone {
                width: 295px;
                height: 496px;
                position: absolute;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                margin-top: -25px
            }

            .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
                height: 400px;
                width: 240px;
                top: 53px;
                left: -2px;
                right: 0;
                margin-left: auto;
                margin-right: auto;
            }

            .showcasePageContainer .showcaseModal .previewPhoneContainer .ajax-loader-outer {
                top: 20;
                left: 0
            }

    .showcasePageContainer .adunitContainer {
        padding: 0 35px 55px
    }

        .showcasePageContainer .adunitContainer .previewImg {
            height: 100%
        }
}

@media screen and (max-device-width:350px) {
    .showcasePageContainer .pageTitle span {
        padding-left: 25px
    }

    .showcasePageContainer .showcaseModal .previewPhoneContainer .previewPhone {
        width: 290px;
        height: 480px
    }

    .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
        width: 225px;
        left: 7.5%;
        top: 45px
    }
}

@media screen and (min-device-width:414px) and (-webkit-device-pixel-ratio:3) {
    .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
        left: 16.5%
    }
}

@media only screen and (device-width:768px) {
    .showcasePageContainer {
        min-height: calc(100vh - 180px)
    }

        .showcasePageContainer .showcaseModal {
            min-height: calc(100vh - 230px)
        }

            .showcasePageContainer .showcaseModal .previewPhoneContainer .previewPhone {
                left: auto;
                right: auto
            }

            .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
                left: 7%
            }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
        left: 14.5%
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) {
    .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
        left: 14.5%
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    .showcasePageContainer .showcaseModal .previewPhoneContainer #game-container {
        
        /* commented by Radhika on 15-jul-2019*/
        /* reason: Ad unit image is not fitting within its outer frame.*/
        /*left: 11.5% */
    }
}

@media (hover) {
    .showcasePageContainer nav li:hover:before {
        min-width: 30px;
        min-height: 12px;
        margin-right: 4.5px;
        background-image: url(../media/iv4lhi2i/arrow-purple.svg );
        cursor: pointer
    }
}

.privacyPolicyPageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .privacyPolicyPageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }
    
    .privacyPolicyPageContainer p, .termsPageContainer p
    {
        font-size: .990rem;
    }
    .privacyPolicyPageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .privacyPolicyPageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .privacyPolicyPageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .privacyPolicyPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .privacyPolicyPageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.privacyPolicyPageContainer {
    font-family: AvenirRegular
}

    .privacyPolicyPageContainer .subheaderContainer {
        padding-top: 8px
    }

    .privacyPolicyPageContainer .indent {
        display: inline-block;
        margin-left: 20px;
        font-weight: bolder
    }

    .privacyPolicyPageContainer h3 {
        font-size: 1.2rem
    }

    .privacyPolicyPageContainer .tripleSpace {
        display: inline;
        margin-right: 25px
    }

.termsPageContainer a {
    font-size: .85rem
}

.adtermsPageContainer, .regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .adtermsPageContainer .pageTitle, .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .adtermsPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .adtermsPageContainer .pageTitle, .regularPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

@media (max-width:768px) {
    .adtermsPageContainer, .regularPageContainer {
        padding: 40px 25px 15px
    }

        .adtermsPageContainer .pageTitle, .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .adtermsPageContainer .subheaderContainer p, .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .adtermsPageContainer, .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.adtermsPageContainer {
    font-family: AvenirRegular
}

@media (min-width:768px) and (max-width:1428px) {
    .adtermsPageContainer {
        padding-left: 45px;
        padding-right: 45px
    }
}

.adtermsPageContainer .subheaderContainer {
    padding-top: 8px
}

.adtermsPageContainer .helpfulLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

    .adtermsPageContainer .helpfulLinks a h3 {
        color: #c991fe
    }

.adtermsPageContainer .indent {
    display: inline-block;
    margin-left: 20px
}

.adtermsPageContainer h3 {
    font-size: 1.2rem
}

.adtermsPageContainer .tripleSpace {
    display: inline;
    margin-right: 25px
}

.adtermsPageContainer a {
    color: #c991fe;
    font-size: .85rem
}

.adtermsPageContainer .greyBg {
    background: #d3d3d3;
    padding: 25px 15px
}

.regularPageContainer, .termsPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .regularPageContainer .pageTitle, .termsPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .regularPageContainer .subheaderContainer p, .termsPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

    .regularPageContainer .pageTitle, .termsPageContainer .pageTitle, .yellow {
        color: #7347ff
    }

.lineBreak {
    white-space: pre-line
}

@media (max-width:768px) {
    .regularPageContainer, .termsPageContainer {
        padding: 40px 25px 15px
    }

        .regularPageContainer .pageTitle, .termsPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .regularPageContainer .subheaderContainer p, .termsPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .regularPageContainer, .termsPageContainer {
        padding: 40px 125px 15px
    }
}

.termsPageContainer {
    font-family: AvenirRegular
}

@media (min-width:768px) and (max-width:1428px) {
    .termsPageContainer {
        padding-left: 45px;
        padding-right: 45px
    }
}

.termsPageContainer .subheaderContainer {
    padding-top: 8px
}

.termsPageContainer .helpfulLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

    .termsPageContainer .helpfulLinks a h3 {
        color: #c991fe
    }

.termsPageContainer .indent {
    display: inline-block;
    margin-left: 20px;
    font-weight: bolder
}

.termsPageContainer h3 {
    font-size: 1.2rem
}

.termsPageContainer .tripleSpace {
    display: inline;
    margin-right: 25px
}

.termsPageContainer a {
    color: #c991fe;
    font-size: .875rem
}

.privacyPolicyPageContainer a {
    color: #c991fe;
    font-size: .875rem
}
.privacyPolicyPageContainer p> a {
    color: #c991fe;
    font-size: .875rem
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

/*@font-face {*/
/*    font-family: Monosten;*/
/*    src: url(/3ba13291f7becad101c4b2d389b831de.otf) format("opentype")*/
/*}*/

/*@font-face {*/
/*    font-family: AvenirRegular;*/
/*    src: url(/ddd2920ca4392a58be3367b9f7a978f0.otf) format("opentype")*/
/*}*/

/*@font-face {*/
/*    font-family: AvenirMedium;*/
/*    src: url(/70fdb03476f48ab4f5bb629d52910e2c.otf) format("opentype")*/
/*}*/

/*@font-face {*/
/*    font-family: Avenirbold;*/
/*    src: url(/9bdfbabddd2fa439ac4364b2fdd51302.otf) format("opentype")*/
/*}*/

/*@font-face {*/
/*    font-family: NeoSansStdLight;*/
/*    src: url(/a48c7c088e76aa6b72484adb6352d666.otf) format("opentype")*/
/*}*/


h1 {
    font-family: AvenirRegular, Century Gothic, sans-serif;
    font-size: 3rem;
    color: #7347ff
}

h1, h2 {
    font-weight: 300
}

h2 {
    font-family: AvenirBold, Century Gothic, sans-serif;
    font-size: 1.618rem;
    color: #1d1d1b
}

h3 {
    font-family: AvenirRegular, Century Gothic, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    color: #000
}

li, p {
    font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-size: .718rem;
    color: #1d1d1b;
    line-height: normal;
    letter-spacing: normal
}

    a, a > li, a > li > span, a > span, li > span {
        font-family: MonostenA, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
        font-size: .718rem;
        color: #1d1d1b;
        cursor: pointer
    }

        a:hover, a > li:hover, a > li > span:hover, a > span:hover, li > span:hover {
            color: #c991fe
        }

small {
    font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-size: .382rem;
    color: #1d1d1b;
    letter-spacing: .5pt
}

hr {
    width: 99.9%;
    border: 1px solid #2a2a27
}

@media (max-width:768px) {
    h3 {
        font-size: .8rem
    }
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.regularPageContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 45px 25px 15px
}

    .regularPageContainer .pageTitle {
        font-size: 1.1rem
    }

    .regularPageContainer .subheaderContainer p {
        font-size: .818rem;
        white-space: pre-line
    }

.verticalDivider {
    border-left: 1px solid #d3d3d3;
    height: auto
}

.black {
    color: #1d1d1b
}

.regularPageContainer .pageTitle, .yellow {
    color: #7347ff
}

.purple {
    color: #c991fe
}

.white {
    color: #fff
}

.red {
    border: 1px solid red
}

.rowContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.row {
    margin-bottom: 30px
}

.colContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.colContainerNew {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: Horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}


.lineBreak, span {
    white-space: pre-line
}

.x {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    right: 40px;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    cursor: pointer
}

    .x:hover {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .x:after, .x:before {
        content: "";
        position: absolute;
        display: block;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        height: 0;
        border-top: 1px solid rgba(0, 0, 0, .5)
    }

    .x:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .x.hidden {
        display: none
    }

@media (min-width:768px) {
    .bordrTop {
        border-top: 1px solid #d3d3d3
    }

    .bordrRgt {
        border-right: 1px solid #d3d3d3
    }

    .bordrBtm {
        border-bottom: 1px solid #d3d3d3
    }

    .bordrLft {
        border-left: 1px solid #d3d3d3
    }

    .bordrBR {
        border-right: 1px solid #d3d3d3
    }

    .bordrBL, .bordrBR {
        border-bottom: 1px solid #d3d3d3
    }

    .bordrBL {
        border-left: 1px solid #d3d3d3
    }

    .bordrTR {
        border-right: 1px solid #d3d3d3
    }

    .bordrTL, .bordrTR {
        border-top: 1px solid #d3d3d3
    }

    .bordrTL {
        border-left: 1px solid #d3d3d3
    }
}

@media (max-width:768px) {
    .bordrTop-mob {
        border-top: 1px solid #d3d3d3
    }

    .bordrRgt-mob {
        border-right: 1px solid #d3d3d3
    }

    .bordrBtm-mob {
        border-bottom: 1px solid #d3d3d3
    }

    .bordrLft-mob {
        border-left: 1px solid #d3d3d3
    }

    .bordrBR-mob {
        border-right: 1px solid #d3d3d3
    }

    .bordrBL-mob, .bordrBR-mob {
        border-bottom: 1px solid #d3d3d3
    }

    .bordrBL-mob {
        border-left: 1px solid #d3d3d3
    }

    .bordrTR-mob {
        border-right: 1px solid #d3d3d3
    }

    .bordrTL-mob, .bordrTR-mob {
        border-top: 1px solid #d3d3d3
    }

    .bordrTL-mob {
        border-left: 1px solid #d3d3d3
    }
}

@media (max-width:768px) {
    .regularPageContainer {
        padding: 40px 25px 15px
    }

        .regularPageContainer .pageTitle {
            margin-bottom: 10px
        }

        .regularPageContainer .subheaderContainer p {
            margin: 15px -5px
        }

    .row {
        margin-bottom: 35px
    }
}

@media (min-width:1428px) {
    .regularPageContainer {
        padding: 40px 125px 15px
    }
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

    .row, .row.reverse {
        -webkit-box-orient: horizontal
    }

        .row.reverse {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .col.reverse, .row.reverse {
            -webkit-box-direction: reverse
        }

.col.reverse {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-fiveCol, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-fiveCol {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.divContainer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
    margin-bottom: 35px
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*justify-content: space-between*/
    justify-content: space-evenly;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width:48em) {
    .container {
        /*width: 49rem*/
    }

    .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-fiveCol, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-fiveCol {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:64em) {
    .container {
        width: 65rem
    }

    .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-fiveCol, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-fiveCol {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
    
    .col-md-threeCol {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:75em) {
    .container {
        width: 76rem
    }

    .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-fiveCol, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left: .5rem
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-fiveCol {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(/674f50d287a8c48dc19ba404d20fe713.eot);
    src: url(/674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(/fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(/912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: b 2s infinite linear;
    animation: b 2s infinite linear
}

.fa-pulse {
    -webkit-animation: b 1s infinite steps(8);
    animation: b 1s infinite steps(8)
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes b {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\F000"
}

.fa-music:before {
    content: "\F001"
}

.fa-search:before {
    content: "\F002"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-heart:before {
    content: "\F004"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-user:before {
    content: "\F007"
}

.fa-film:before {
    content: "\F008"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-check:before {
    content: "\F00C"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\F00D"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-signal:before {
    content: "\F012"
}

.fa-cog:before, .fa-gear:before {
    content: "\F013"
}

.fa-trash-o:before {
    content: "\F014"
}

.fa-home:before {
    content: "\F015"
}

.fa-file-o:before {
    content: "\F016"
}

.fa-clock-o:before {
    content: "\F017"
}

.fa-road:before {
    content: "\F018"
}

.fa-download:before {
    content: "\F019"
}

.fa-arrow-circle-o-down:before {
    content: "\F01A"
}

.fa-arrow-circle-o-up:before {
    content: "\F01B"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-play-circle-o:before {
    content: "\F01D"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\F01E"
}

.fa-refresh:before {
    content: "\F021"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-lock:before {
    content: "\F023"
}

.fa-flag:before {
    content: "\F024"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-print:before {
    content: "\F02F"
}

.fa-camera:before {
    content: "\F030"
}

.fa-font:before {
    content: "\F031"
}

.fa-bold:before {
    content: "\F032"
}

.fa-italic:before {
    content: "\F033"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-list:before {
    content: "\F03A"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\F03B"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-video-camera:before {
    content: "\F03D"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\F03E"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-tint:before {
    content: "\F043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\F044"
}

.fa-share-square-o:before {
    content: "\F045"
}

.fa-check-square-o:before {
    content: "\F046"
}

.fa-arrows:before {
    content: "\F047"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-play:before {
    content: "\F04B"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-eject:before {
    content: "\F052"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-times-circle-o:before {
    content: "\F05C"
}

.fa-check-circle-o:before {
    content: "\F05D"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\F064"
}

.fa-expand:before {
    content: "\F065"
}

.fa-compress:before {
    content: "\F066"
}

.fa-plus:before {
    content: "\F067"
}

.fa-minus:before {
    content: "\F068"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\F071"
}

.fa-plane:before {
    content: "\F072"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-random:before {
    content: "\F074"
}

.fa-comment:before {
    content: "\F075"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-arrows-v:before {
    content: "\F07D"
}

.fa-arrows-h:before {
    content: "\F07E"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\F080"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-key:before {
    content: "\F084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\F085"
}

.fa-comments:before {
    content: "\F086"
}

.fa-thumbs-o-up:before {
    content: "\F087"
}

.fa-thumbs-o-down:before {
    content: "\F088"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-heart-o:before {
    content: "\F08A"
}

.fa-sign-out:before {
    content: "\F08B"
}

.fa-linkedin-square:before {
    content: "\F08C"
}

.fa-thumb-tack:before {
    content: "\F08D"
}

.fa-external-link:before {
    content: "\F08E"
}

.fa-sign-in:before {
    content: "\F090"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-upload:before {
    content: "\F093"
}

.fa-lemon-o:before {
    content: "\F094"
}

.fa-phone:before {
    content: "\F095"
}

.fa-square-o:before {
    content: "\F096"
}

.fa-bookmark-o:before {
    content: "\F097"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\F09A"
}

.fa-github:before {
    content: "\F09B"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-feed:before, .fa-rss:before {
    content: "\F09E"
}

.fa-hdd-o:before {
    content: "\F0A0"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-hand-o-right:before {
    content: "\F0A4"
}

.fa-hand-o-left:before {
    content: "\F0A5"
}

.fa-hand-o-up:before {
    content: "\F0A6"
}

.fa-hand-o-down:before {
    content: "\F0A7"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-group:before, .fa-users:before {
    content: "\F0C0"
}

.fa-chain:before, .fa-link:before {
    content: "\F0C1"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\F0C4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\F0C5"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\F0C7"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\F0C9"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-plus:before {
    content: "\F0D5"
}

.fa-money:before {
    content: "\F0D6"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\F0DC"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\F0DE"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\F0E2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\F0E3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\F0E4"
}

.fa-comment-o:before {
    content: "\F0E5"
}

.fa-comments-o:before {
    content: "\F0E6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\F0E7"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\F0EA"
}

.fa-lightbulb-o:before {
    content: "\F0EB"
}

.fa-exchange:before {
    content: "\F0EC"
}

.fa-cloud-download:before {
    content: "\F0ED"
}

.fa-cloud-upload:before {
    content: "\F0EE"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-bell-o:before {
    content: "\F0A2"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cutlery:before {
    content: "\F0F5"
}

.fa-file-text-o:before {
    content: "\F0F6"
}

.fa-building-o:before {
    content: "\F0F7"
}

.fa-hospital-o:before {
    content: "\F0F8"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\F10B"
}

.fa-circle-o:before {
    content: "\F10C"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-circle:before {
    content: "\F111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\F112"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-folder-o:before {
    content: "\F114"
}

.fa-folder-open-o:before {
    content: "\F115"
}

.fa-smile-o:before {
    content: "\F118"
}

.fa-frown-o:before {
    content: "\F119"
}

.fa-meh-o:before {
    content: "\F11A"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-keyboard-o:before {
    content: "\F11C"
}

.fa-flag-o:before {
    content: "\F11D"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-code:before {
    content: "\F121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\F122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\F123"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-crop:before {
    content: "\F125"
}

.fa-code-fork:before {
    content: "\F126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\F127"
}

.fa-question:before {
    content: "\F128"
}

.fa-info:before {
    content: "\F129"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-shield:before {
    content: "\F132"
}

.fa-calendar-o:before {
    content: "\F133"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-ticket:before {
    content: "\F145"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-minus-square-o:before {
    content: "\F147"
}

.fa-level-up:before {
    content: "\F148"
}

.fa-level-down:before {
    content: "\F149"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-pencil-square:before {
    content: "\F14B"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\F150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\F151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\F152"
}

.fa-eur:before, .fa-euro:before {
    content: "\F153"
}

.fa-gbp:before {
    content: "\F154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\F155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\F156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\F157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\F158"
}

.fa-krw:before, .fa-won:before {
    content: "\F159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\F15A"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-text:before {
    content: "\F15C"
}

.fa-sort-alpha-asc:before {
    content: "\F15D"
}

.fa-sort-alpha-desc:before {
    content: "\F15E"
}

.fa-sort-amount-asc:before {
    content: "\F160"
}

.fa-sort-amount-desc:before {
    content: "\F161"
}

.fa-sort-numeric-asc:before {
    content: "\F162"
}

.fa-sort-numeric-desc:before {
    content: "\F163"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-youtube-square:before {
    content: "\F166"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-youtube-play:before {
    content: "\F16A"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-adn:before {
    content: "\F170"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitbucket-square:before {
    content: "\F172"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-long-arrow-down:before {
    content: "\F175"
}

.fa-long-arrow-up:before {
    content: "\F176"
}

.fa-long-arrow-left:before {
    content: "\F177"
}

.fa-long-arrow-right:before {
    content: "\F178"
}

.fa-apple:before {
    content: "\F179"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-android:before {
    content: "\F17B"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-trello:before {
    content: "\F181"
}

.fa-female:before {
    content: "\F182"
}

.fa-male:before {
    content: "\F183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\F184"
}

.fa-sun-o:before {
    content: "\F185"
}

.fa-moon-o:before {
    content: "\F186"
}

.fa-archive:before {
    content: "\F187"
}

.fa-bug:before {
    content: "\F188"
}

.fa-vk:before {
    content: "\F189"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-arrow-circle-o-right:before {
    content: "\F18E"
}

.fa-arrow-circle-o-left:before {
    content: "\F190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\F191"
}

.fa-dot-circle-o:before {
    content: "\F192"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\F195"
}

.fa-plus-square-o:before {
    content: "\F196"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-slack:before {
    content: "\F198"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\F19C"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\F19D"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-spoon:before {
    content: "\F1B1"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-automobile:before, .fa-car:before {
    content: "\F1B9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\F1BA"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-file-pdf-o:before {
    content: "\F1C1"
}

.fa-file-word-o:before {
    content: "\F1C2"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-file-powerpoint-o:before {
    content: "\F1C4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\F1C5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\F1C6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\F1C7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\F1C8"
}

.fa-file-code-o:before {
    content: "\F1C9"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\F1CD"
}

.fa-circle-o-notch:before {
    content: "\F1CE"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\F1D0"
}

.fa-empire:before, .fa-ge:before {
    content: "\F1D1"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\F1D4"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\F1D7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\F1D8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\F1D9"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-circle-thin:before {
    content: "\F1DB"
}

.fa-header:before {
    content: "\F1DC"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-sliders:before {
    content: "\F1DE"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\F1E3"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-newspaper-o:before {
    content: "\F1EA"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bell-slash-o:before {
    content: "\F1F7"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-eyedropper:before {
    content: "\F1FB"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-area-chart:before {
    content: "\F1FE"
}

.fa-pie-chart:before {
    content: "\F200"
}

.fa-line-chart:before {
    content: "\F201"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bus:before {
    content: "\F207"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-cc:before {
    content: "\F20A"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\F20B"
}

.fa-meanpath:before {
    content: "\F20C"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-diamond:before {
    content: "\F219"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-venus:before {
    content: "\F221"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-facebook-official:before {
    content: "\F230"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-server:before {
    content: "\F233"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\F236"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-train:before {
    content: "\F238"
}

.fa-subway:before {
    content: "\F239"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\F23B"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\F240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\F242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\F244"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-sticky-note-o:before {
    content: "\F24A"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-hourglass-o:before {
    content: "\F250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\F251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\F255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\F256"
}

.fa-hand-scissors-o:before {
    content: "\F257"
}

.fa-hand-lizard-o:before {
    content: "\F258"
}

.fa-hand-spock-o:before {
    content: "\F259"
}

.fa-hand-pointer-o:before {
    content: "\F25A"
}

.fa-hand-peace-o:before {
    content: "\F25B"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-safari:before {
    content: "\F267"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-television:before, .fa-tv:before {
    content: "\F26C"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-500px:before {
    content: "\F26E"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-calendar-plus-o:before {
    content: "\F271"
}

.fa-calendar-minus-o:before {
    content: "\F272"
}

.fa-calendar-times-o:before {
    content: "\F273"
}

.fa-calendar-check-o:before {
    content: "\F274"
}

.fa-industry:before {
    content: "\F275"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-map-o:before {
    content: "\F278"
}

.fa-map:before {
    content: "\F279"
}

.fa-commenting:before {
    content: "\F27A"
}

.fa-commenting-o:before {
    content: "\F27B"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-vimeo:before {
    content: "\F27D"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-edge:before {
    content: "\F282"
}

.fa-credit-card-alt:before {
    content: "\F283"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-modx:before {
    content: "\F285"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-usb:before {
    content: "\F287"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-pause-circle-o:before {
    content: "\F28C"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stop-circle-o:before {
    content: "\F28E"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-percent:before {
    content: "\F295"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-envira:before {
    content: "\F299"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-wheelchair-alt:before {
    content: "\F29B"
}

.fa-question-circle-o:before {
    content: "\F29C"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-volume-control-phone:before {
    content: "\F2A0"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\F2A3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\F2A4"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\F2A7"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\F2B3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\F2B4"
}

.fa-handshake-o:before {
    content: "\F2B5"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-o:before {
    content: "\F2B7"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-book-o:before {
    content: "\F2BA"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\F2BB"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\F2BC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-circle-o:before {
    content: "\F2BE"
}

.fa-user-o:before {
    content: "\F2C0"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\F2C2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\F2C3"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\F2C7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\F2CD"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\F2D3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\F2D4"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-eercast:before {
    content: "\F2DA"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-snowflake-o:before {
    content: "\F2DC"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-meetup:before {
    content: "\F2E0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

button:focus, input:focus {
    outline: 0
}

.button, button, input[type=submit] {
    width: 200px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    padding: 10px;
    border: 0;
    border-radius: 3%;
    cursor: pointer;
    background-color: #7347ff;
    color: #fff
}

    .button .buttonInner, button .buttonInner, input[type=submit] .buttonInner {
        height: 20px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-top: -5px
    }

    .button:disabled, button:disabled, input[type=submit]:disabled {
        cursor: not-allowed
    }

    .button img.arrow, button img.arrow, input[type=submit] img.arrow {
        width: 20px
    }

    .button.purpleButton, button.purpleButton, input[type=submit].purpleButton {
        background-color: #c991fe
    }

    .button.signupButton, button.signupButton, input[type=submit].signupButton {
        margin-left: auto;
        margin-right: 30px
    }

    .button.headerBtn, button.headerBtn, input[type=submit].headerBtn {
        height: 60px;
        width: 150px;
        margin: 0;
        border-radius: 0;
        font-size: 12.5px
    }

    .button.homeBtn, button.homeBtn, input[type=submit].homeBtn {
        height: 60px;
        width: 265px;
        margin: 0;
        border-radius: 0;
        position: absolute;
        font-size: 13px;
        left: 30%;
        bottom: 14%;
        background-color: #fff;
        color: #7347ff
    }

#appContainer, body, html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

*, :after, :before {
    box-sizing: inherit
}

.main {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: opacity .3s

}

    .main.fade-enter {
        opacity: 0
    }

        .main.fade-enter.fade-enter-active, .main.fade-exit {
            opacity: 1
        }

            .main.fade-exit.fade-exit-active {
                opacity: 0
            }

a {
    text-decoration: none
}

    a.anchor {
        display: block;
        position: relative;
        top: -90px;
        visibility: hidden
    }

.ajax-loader-outer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: hsla(0, 0%, 90%, .6);
    z-index: 1000
}

    .ajax-loader-outer .ajax-loader {
        width: 150px
    }

.react-cookie-banner {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    height: 57px;
    z-index: 10000;
    font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    font-size: 15px;
    background: rgba(52, 64, 81, .88) url(/media/01qp4x3b/cookie.png) 20px 50% no-repeat;
    background-size: 30px 30px
}

    .react-cookie-banner .cookie-message {
        line-height: 1.3;
        font-weight: 500;
        color: #fff;
        display: block;
        padding: 10px 67px;
        text-align: left;
        margin-right: 244px
    }

    .react-cookie-banner .button-close {
        position: absolute;
        top: 50%;
        right: 20px;
        line-height: 32px;
        margin-top: -18px;
        padding: 0 8px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 4px;
        box-shadow: none;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        width: 60px;
        height: 33px
    }

    .react-cookie-banner .cookie-link {
        color: #fff;
        text-decoration: underline;
        font-size: 14px;
        margin-left: 5px
    }

        .react-cookie-banner .cookie-link:hover {
            color: #c991fe
        }

.fade-enter {
    opacity: .01
}

    .fade-enter.fade-enter-active {
        opacity: 1;
        transition: opacity .7s ease-in
    }

.fade-exit {
    opacity: 1
}

    .fade-exit.fade-exit-active {
        opacity: .01;
        transition: opacity .6s ease-in
    }

@media (max-width:768px) {
    .mobHidden {
        display: none
    }

    a.anchor {
        top: -45px
    }

    .react-cookie-banner {
        height: 145px;
        background-size: 0
    }

        .react-cookie-banner .cookie-message {
            padding: 10px;
            margin-right: 0
        }

        .react-cookie-banner .button-close {
            margin-top: 25px
        }
}

@media (min-width:769px) {
    .desktopHide {
        display: none
    }
}

@media screen and (max-device-width:480px) {
    body {
        -webkit-text-size-adjust: 100%
    }
}

/*Job Specification CSS*/
/* Colours */
/*.jobSpec_body {
    display: grid;
    grid-template-columns: 0.5fr 10fr 0.5fr;
    font-weight: bolder;
    width: 100%;
}

.line {
    display: block;
    border: none;
    color: #fff;
    height: 1px;
    background: #808080;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
    margin: 3rem 0 3rem 0;
}

a.jobSpec_title {
    grid-column: 2;
    text-align: center;
}

    a.jobSpec_title .pageTitle {
        font-size: 3rem;
        color: #7347ff;
        font-weight: 600;
    }

.job_basics {
    grid-column: 2;
    padding: 15px;
}

.job_basics--jobItem {
    height: 150px;
    display: grid;
    grid-template-columns: 0.5fr 0.5fr 1fr;
}*/

.job_basics--map {
    position: relative;
    height: 27.5rem;
    margin: 30px auto 0 auto;
}

.google_maps {
    display: flex;
    width: 100%;
    height: 100%;
}

/*.job_details {
    text-justify: center;
    margin: 0 0 0 0.5rem;
    grid-column: 2;
}

.job_details--title {
    font-size: 1.2rem;
    margin-bottom: -1rem;
}

.job_details--text {
    font-weight: 200;
    font-size: 1.2rem;
}

.job_details--bullets {
    font-weight: 200;
    font-size: 1.2rem;
    margin-top: 1rem;
}

.jobItem_icons {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
}

.jobItem_icons--icon {
    height: 1.5rem;
}

.jobItem_titles {
    grid-column: 2;
    font-size: 1.2rem;
}

.jobItem_titles--text,
.jobItem_variables--text {
    height: 20%;
    align-items: center;
    display: flex;
    margin: 0;
}

.jobItem_variables {
    grid-column: 3;
    font-size: 1.2rem;
    font-weight: 200;
}

.locationHeader {
    text-align: center;
    vertical-align: middle;
    font-size: 2rem;
}

.job_share {
    grid-column: 2;
    display: grid;
    grid-template-columns: 0.75fr 0.5fr;
    grid-template-rows: 3rem 3rem 2rem;
    font-size: 1.5rem;
    color: #7347ff;
    font-weight: lighter;
    margin: 4rem 6rem 4rem 0;
}

.button_apply {
    grid-row: 1;
    margin: 0 0 0 8rem;
}

a.button_back {
    grid-row: 2;
    margin: 4rem 0 0 8rem;
}

.button_text {
    color: #fff;
    font-size: 1.2rem;
    margin: 0.5rem 1rem 0 1rem;
    grid-column: 1;
}

.button_arrow {
    width: 2rem;
    grid-column: 2;
    margin: 1rem 1rem 0 12rem;
}

.jobNotFound {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

    .jobNotFound h1 {
        font-size: 2rem;
    }*/

@media (min-width: 726px) {
    .jobSpec_body {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        font-weight: bolder;
    }

    .line {
        display: none;
        border: none;
        color: #fff;
        height: 1px;
        background: gray;
        background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
        margin: 3rem 0 3rem 0;
    }

    .job_basics {
        grid-column: 1;
    }

    a.jobSpec_title {
        display: grid;
        grid-column: 1;
        padding: 0rem 0rem;
        font-size: 2rem;
        text-align: left;
    }

        a.jobSpec_title .pageTitle {
            font-size: 2rem;
        }

    .job_basics--map {
        height: 27.5rem;
    }

    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        transition-duration: 0.3s;
        transition-property: transform;
    }

        .hvr-grow:hover,
        .hvr-grow:focus,
        .hvr-grow:active {
            transform: scale(1.2);
        }

    .job_share {
        grid-column: 3;
        margin: 0 0 0 0;
    }
}


        
.footerContainerNew {
    width: 100%;
    height: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 0;
    background-color: #1d1d1b;
    /*padding: 40px 30px*/
    z-index: -3;
}

.footerTopDiv{
   
    text-align: -webkit-center;
    margin: auto;margin-bottom: 30px;
}

.footerBottomDiv{
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    height: 20%;
    background-color: #7347ff;
    margin-right:0;
    margin-left:0;
    margin-bottom:0;
}

.footerRightMostDiv{
    text-align: centre;
}

.footerRightMostDiv > span {
    display: inline-block;
}

.footerBranchDiv {
    padding-left:2rem;
    padding-right:2rem;
    text-align: -webkit-center;
}

.footerBranchDiv > a {
    text-align: center;
}

.circleDivHolder{
    height: 150px;
    position: relative;
    width: auto;
 }
 
.circleDiv {
    border-radius: 60%;
    background-color: #7347ff;
    width: 40px;
    height: 40px;
    z-index: 1000 !important;

	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
 }
 
 .crDiv1{
	-webkit-animation: bounce 2s 1 forwards;
	-moz-animation: bounce 2s 1 forwards;
	-ms-animation: bounce 2s 1 forwards;
	animation: bounce 2s 1 forwards; 
 }
.crDiv2{
	-webkit-animation: bounce 2.5s 1 forwards;
	-moz-animation: bounce 2.5s 1 forwards;
	-ms-animation: bounce 2.5s 1 forwards;
	animation: bounce 2.5s 1 forwards;
 }
.crDiv3{
	-webkit-animation: bounce 3s 1 forwards;
	-moz-animation: bounce 3s 1 forwards;
	-ms-animation: bounce 3s 1 forwards;
	animation: bounce 3s 1 forwards;     
 } 
 .crDiv4{
	-webkit-animation: bounce 3.5s 1 forwards;
	-moz-animation: bounce 3.5s 1 forwards;
	-ms-animation: bounce 3.5s 1 forwards;
	animation: bounce 3.5s 1 forwards;
 }
 .crDiv5{
	-webkit-animation: bounce 4s 1 forwards;
	-moz-animation: bounce 4s 1 forwards;
	-ms-animation: bounce 4s 1 forwards;
	animation: bounce 4s 1 forwards;
 }
 .crDiv6{
	-webkit-animation: bounce 4.5s 1 forwards;
	-moz-animation: bounce 4.5s 1 forwards;
	-ms-animation: bounce 4.5s 1 forwards;
	animation: bounce 4.5s 1 forwards;
 }
 
 .crDiv7{
	-webkit-animation: bounce 5s 1 forwards;
	-moz-animation: bounce 5s 1 forwards;
	-ms-animation: bounce 5s 1 forwards;
	animation: bounce 5s 1 forwards;
 }
 
 .crDiv8{
	-webkit-animation: bounce 5.5s 1 forwards;
	-moz-animation: bounce 5.5s 1 forwards;
	-ms-animation: bounce 5.5s 1 forwards;
	animation: bounce 5.5s 1 forwards;
 }
 
 .crDiv7{
	-webkit-animation: bounce 5s 1 forwards;
	-moz-animation: bounce 5s 1 forwards;
	-ms-animation: bounce 5s 1 forwards;
	animation: bounce 5s 1 forwards;
 }
 
 .crDiv8{
	-webkit-animation: bounce 5.5s 1 forwards;
	-moz-animation: bounce 5.5s 1 forwards;
	-ms-animation: bounce 5.5s 1 forwards;
	animation: bounce 5.5s 1 forwards;
 }
 
.circleDiv:hover {
    animation: bounce1 2s 1 forwards; 
}

@-webkit-keyframes bounce {
	0% {
		top: 5px;
		-webkit-animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		-webkit-animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		-webkit-animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		-webkit-animation-timing-function: ease-in; 
	}
	100% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
}

@-moz-keyframes bounce {
	0% {
		top: 5px;
		-moz-animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		-moz-animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		-moz-animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		-moz-animation-timing-function: ease-in;
	}
	100% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
}

@-ms-keyframes bounce {
	0% {
		top: 5px;
		-ms-animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		-ms-animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		-ms-animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		-ms-animation-timing-function: ease-in;
	}
	100% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
}

@keyframes bounce {
	0% {
		top: 5px;
		animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		animation-timing-function: ease-in;
	}
	100% {
		top: 100px;
		animation-timing-function: ease-out;
	}
}


/*************** repeat animation for MOuse hover *****/
@-webkit-keyframes bounce1 {
	0% {
		top: 5px;
		-webkit-animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		-webkit-animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		-webkit-animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		-webkit-animation-timing-function: ease-in; 
	}
	100% {
		top: 100px;
		-webkit-animation-timing-function: ease-out;
	}
}

@-moz-keyframes bounce1 {
	0% {
		top: 5px;
		-moz-animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		-moz-animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		-moz-animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		-moz-animation-timing-function: ease-in;
	}
	100% {
		top: 100px;
		-moz-animation-timing-function: ease-out;
	}
}

@-ms-keyframes bounce1 {
	0% {
		top: 5px;
		-ms-animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		-ms-animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		-ms-animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		-ms-animation-timing-function: ease-in;
	}
	100% {
		top: 100px;
		-ms-animation-timing-function: ease-out;
	}
}

@keyframes bounce1 {
	0% {
		top: 5px;
		animation-timing-function: ease-in;
	}
	16% {
		top: 100px;
		animation-timing-function: ease-out;
	}
	32% {
		top: 20px;
		animation-timing-function: ease-in;
	}
	48% {
		top: 100px;
		animation-timing-function: ease-out;
	}
	62% {
		top: 75px;
		animation-timing-function: ease-in;
	}
	78% {
		top: 100px;
		animation-timing-function: ease-out;
	}
	90% {
		top: 95px;
		animation-timing-function: ease-in;
	}
	100% {
		top: 100px;
		animation-timing-function: ease-out;
	}
}






    .footerContainerNew * {
        color: #fff
    }

    .footerContainerNew p {
        line-height: 14px
    }

    .footerContainerNew img.logo {
        width: 167px;
        margin-left: -8px;
    }

    .footerContainerNew .country {
        line-height: 23px
    }

        .footerContainerNew .country span:hover {
            color: #c991fe;
            /*animation: bounce1 2s 1 forwards; */
        }

    .footerContainerNew .fa-linkedin, .footerContainerNew .fa-twitter, 
    .footerContainerNew .fa-instagram, .footerContainerNew .fa-envelope-o {
        font-size: 30px;
        margin: 0 20px 0 0
    }

@media (max-width:768px) {
    .footerContainerNew {
        height: 100%;
        padding: 30px 15px
    }

        .footerContainerNew img.logo {
            width: 100px
        }

        .footerContainerNew .country {
            overflow: hidden
        }

    .subFooter {
        padding: 0 40px
    }

}

@media screen and (max-device-width:350px) {
    .smallScreenHide {
        display: none !important
    }

    .footerContainerNew .iphone5hackymarginleft {
        margin-left: 45px
    }
    
}

/* code added by Radhika to do one of the client requirement: Hide scroll bars */

.element::-webkit-scrollbar {
display: none;
}

/*
.element::-webkit-scrollbar { width: 0 !important }

.element { overflow: -moz-scrollbars-none; }

.element { -ms-overflow-style: none; }
*/

/* Mobile view settings are not correct for Home page*/
@media (max-width: 768px) {
    #homeH1 {
        line-height: 2.5rem;
    }   
    .ctmoContainer  h1{
        line-height: 7rem;
    }    
    #partnerspan {
        line-height: 1rem;
    }    
    #cyspagedesc {
        line-height: 1rem;
    }    
}

/* CSS for Careers page New version */
    #whr_embed_hook > h2> a {
        font: 20px AvenirMedium !important;
        font-weight: bolder !important;    
    }
    #whr_embed_hook > h2 {
        margin-bottom: 20px;
    }
    #whr_embed_hook h3> a {
        font: 16px AvenirMedium !important;
        font-weight: bolder !important;    
    }
    #whr_embed_hook h3 {
        margin-bottom: 5px;
    }    
    .whr-code, .whr-date{
        display: none;
    }
    .whr-location {
        margin-bottom: 14px;
    }
    #careerDesc {
        font-size: 0.89rem;
        margin-left: 33px;
        text-align: left;
    }
    #careerCompanyDesc > h3 {
        font: 16px AvenirBold !important;
    }
    #careerCompanyDesc > h4 {
        font: 12px AvenirBold !important;
    }    
    #careerCompanyDesc > p {
        font-size: 0.70rem;
        font-family: AvenirMedium, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    }
    

    @media (max-width: 480px) {
        #careerDesc {
            margin-left: 0px;
            margin-top: 40px;
        }
        #careerCompanyDesc > h3 {
            text-align: left;
        }
        #careerCompanyDesc > h4 {
            text-align: left;
        }        
        #careerCompanyDesc > p {
            text-align: left;
        }   
        #careerVideo {
            width: 100%;
            height: 250px;
        }
    }
    /* End: CSS for Careers page New version */
    
    /* CSS for Respurce page */
    .resourceImg {
        /*width: 117px;
        height: 120px;*/
        width: 180px;
        height: 150px;        
        cursor: pointer;
    }
    
    @media (max-width: 480px) {
        #rsDiv {
            margin-top: 30px;
        }    
        .resourceImg {
            width: 125px;
            height: 120px;        
            cursor: pointer;
        }        
        #divResourceUnits > .divContainer > .adunitContainer{
            padding: 0px 5px 20px 0
        }
    }
    /* End: CSS for Respurce page */
    
