/*@import url("../MCCH.css");
@import url("../styles.css");*/
/*@import url("../coreStyles.css");*/
@import url("../responsive.css");
/*@import url("../foodtruck/cover.css");*/
/*@import url("../owl.theme.css");
@import url("../owl.carousel.css");
@import url("../jquery.vegas.min.css");*/
@import url("../animate.min.css");
@import url("../pixeden-icons.css");




/* html, body {

     background-image:none;
 }

 .footerMenu {



     z-index:20;
     position:relative;
 }*/

body {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

@keyframes phone-fade-in {
    0% {
        opacity: 0;
        top: 8rem;
    }

    50% {
        opacity: 0.75;
        top: 6rem;
    }

    80% {
        opacity: 1;
        top: 5.5rem;
    }

    100% {
        opacity: 1;
        top: 5rem;
    }
}

@keyframes promotion-phone-fade-in {
    0% {
        opacity: 0;
        top: 0;
    }

    50% {
        opacity: 0.75;
        top: -2rem;
    }

    80% {
        opacity: 1;
        top: -2.5rem;
    }

    100% {
        opacity: 1;
        top: -3rem;
    }
}

@keyframes benefit-cont-fade-in {
    0% {
        opacity: 0;
        top: 3rem;
    }

    50% {
        opacity: 0.75;
        top: 2rem;
    }

    75% {
        opacity: 1;
        top: 1rem;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

.section {
    padding: 5.25rem 4rem;
    position: relative;
    max-width: 1224px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.download-button-a {
    display: inline-block;
}

.download-button {
    width: 11rem;
    cursor: pointer;
    border-radius: 15px;
    -webkit-transition: box-shadow 250ms ease-out;
    -moz-transition: box-shadow 250ms ease-out;
    transition: box-shadow 250ms ease-out;
    margin-left:5px !important;
    margin-right:5px !important;
}

    .download-button:hover {
        box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
    }


#header body {
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    
}

.header {
    background-image: linear-gradient(344deg, #4e4e4e 40%, #111111);
    position: relative;
}

.MobileApp {
    background-image: linear-gradient(344deg, #000033 40%, #111111) !important;
}
.InfoKiosk {
    background-image: linear-gradient(344deg, #663300 40%, #111111) !important;
}
.SlotApp {
    background-image: linear-gradient(344deg, #330033 40%, #111111) !important;
}
.Website {
    background-image: linear-gradient(344deg, #330000 40%, #111111) !important;
}

#header-phone {
    width: 38rem;
    position: absolute;
    top: 5rem;
    right: -5rem;
    animation: phone-fade-in 1.5s ease-out forwards;
}

#download-section {
    background-image: linear-gradient(344deg, #333333 40%, #111111);
    padding-bottom: 3rem;
    overflow: hidden;
    z-index: 0;
}

    #download-section h1 {
        
        line-height: 1.4;
        margin-bottom:-1rem;
    }

#download-buttons {
    max-width: 35.875rem;
    margin: 0 auto;
}

.copyright
{
    padding-top:0px;
    background:none;
}


#benefitSection {
    position: relative;
    color: #fff;
    background-color: #0061cc;
    z-index: 0;
}

#promoSection , #homeSlot, #homeInfo, #homeWeb {
    position: relative;
    z-index: 0;

}

altSection1 {
    position: relative;
    color: #fff;
    z-index: 1;
}


#benefitSection:before {
    content: "";
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    height: 9rem;
    background-color: #0061cc;
    position: absolute;
    top: -4rem;
    right: 0;
    left: 0;
    -moz-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg);
    transform: skewY(-5deg);
}


altSection1:before {
    content: "";
    z-index: 100;
    margin: 0 auto;
    width: 100%;
    height: 9rem;
    background-color: #54075B;
    position: absolute;
    bottom: -10rem;
    right: 0;
    left: 0;
    -moz-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg);
    transform: skewY(-5deg);
}



#promoSection {
    background-color: #222;
}


.divide1 {
    z-index: 0;
    margin: -41px auto 0px;
    width: 100%;
    height: 3rem;
    background-color: #393939;
    position: absolute;
    right: 0;
    left: 0;
    -moz-transform: skewY(-6deg);
    -o-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    -webkit-transform: skewY(-6deg);
    transform: skewY(-6deg);
}



.divide2 {
        z-index: 0;
        margin: -30px auto 0px;
        width: 100%;
        height: 3rem;
        background-color: #2a2a2a;
        position: absolute;
        right: 0;
        left: 0;
        -moz-transform: skewY(-6deg);
        -o-transform: skewY(-6deg);
        -ms-transform: skewY(-6deg);
        -webkit-transform: skewY(-6deg);
        transform: skewY(-6deg);
    }

.divide3 {
    z-index: 0;
    margin: -83px auto 0px;
    width: 100%;
    height: 4rem;
    background-color: #f0f0f0;
    position: absolute;
    right: 0;
    left: 0;
    -moz-transform: skewY(-4.2deg);
    -o-transform: skewY(-4.2deg);
    -ms-transform: skewY(-4.2deg);
    -webkit-transform: skewY(-4.2deg);
    transform: skewY(-4.2deg);
}

.divide4 {
    z-index: 0;
    margin: -75px auto 0px;
    width: 100%;
    height: 3rem;
    background-color: #dfdfdf;
    position: absolute;
    right: 0;
    left: 0;
    -moz-transform: skewY(-4.5deg);
    -o-transform: skewY(-4.5deg);
    -ms-transform: skewY(-4.5deg);
    -webkit-transform: skewY(-4.5deg);
    transform: skewY(-4.5deg);
}


.divide {
    z-index: 0;
    margin: -83px auto 0px;
    width: 100%;
    height: 9rem;
    background-color: #54075B;
    position: absolute;
    right: 0;
    left: 0;
    -moz-transform: skewY(-4.2deg);
    -o-transform: skewY(-4.2deg);
    -ms-transform: skewY(-4.2deg);
    -webkit-transform: skewY(-4.2deg);
    transform: skewY(-4.2deg);
}


#benefitSection.in-view .icon-cont {
    -webkit-animation: benefit-cont-fade-in .5s ease-out forwards;
    -moz-animation: benefit-cont-fade-in .5s ease-out forwards;
    -o-animation: benefit-cont-fade-in .5s ease-out forwards;
    animation: benefit-cont-fade-in .5s ease-out forwards;
}

#cont-1 {

    animation-delay: 0s !important;
}

#cont-2 {
    animation-delay: .5s !important;
}

#cont-3 {
    animation-delay: 1s !important;
}

#cont-4 {
    animation-delay: 1.5s !important;
}


#featuresSection {
    z-index:1;
    background-color: #FAFAFA;

}

#benefitSection .section, #promoSection .section {
    padding-bottom: 7.5rem;
}

#ps-logo {
    width: 9.5rem;
    position: relative;
    top: 8px;
    margin-top: -7px;
}

#subtitle {
    max-width: 72.5rem;
    margin: 1rem auto 6.25rem;
}

.icon-cont {
    display: inline-block;
    padding: 0 2.4rem;
    opacity: 100;
    position: relative;
}

.icon-cont p {
    margin: 0;
    font-size: 1.45rem;
}

#phone-icon {
    width: 4.25rem;
    margin-bottom: 1.2rem;
}



.text {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight:normal;

}

hr {
    width: 12rem;
    border: 1px solid #FFF;
    line-height:20px;
    margin-bottom:20px;
}

.text {


}

#dollar-sign {
    font-size: 4.6875rem;
    font-weight: 600;
    position: relative;
    top: -4.75rem;
    right: -.5rem;
    text-shadow: 0 2px 65px rgba(255, 255, 255, 0.39);
}

#dollar-amount {
    font-size: 10.1875rem;
    font-weight: 900;
    letter-spacing: -1.2px;
    text-shadow: 0 2px 65px #111111;
}

#dollar-label {
    font-size: 2.55rem;
    line-height: 0.89;
    text-shadow: 0 2px 41px #111111;
    font-weight: 300;
    display: inline-block;
    width: 11.875rem;
    text-align: left;
}



#dollar-terms {
    font-size: .75rem;
    font-weight: 300;
    color: #FFF;
    display: block;
    width: 9rem;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

    #dollar-terms:hover {
        color: #FAFAFA;
        text-decoration: underline;
    }

#download-content {
    width: 36.8125rem;
    text-align: left;
    margin-bottom: 1.56rem;
}

    #download-content p {
        max-width: 28rem;
        margin-bottom: 1.56rem;

    }

#dollar-label p {
    margin: 0;
}

#featuresSection {
    position: relative;

}

    #featuresSection .section {
        padding-top: 6rem;
    }

    #featuresSection h1 {
        margin-bottom: 4rem;
    }

    #featuresSection ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #featuresSection .feature-cont {
        display: inline-block;
        max-width: 34rem;
        text-align: center;
        padding: 0 4.5rem 3rem 4.5rem;
    }

#people-icon {
    width: 8.625rem;
    margin-bottom: 1.6rem;
}

#million-icon {
    width: 6.875rem;
    margin-bottom: 1.45rem;
}



h3 {
    line-height: 38px;
    font-weight: normal;
}

h1 { margin:0px;
     line-height:30px;
     
}

.header h1 {
    font-size: 4rem;
    margin: 0;
    font-weight: 600;
}


/*section colors*/



#promoSection {
    background-color: #005596;
}

#featuresSection {
    background-color: #54075B;
}

#altSection1 {
    background-color: #387c2b;
    text-shadow: 0 1px 15px #111111;
}

#altSection2 {
    background-color: #c1cd00;
}

#altSection3 {
    background-color: #e37f1c;
}

#homeSlot
{
background-color: #387c2b;

}

#homeWeb {
    background-color: #54075b;
}

#homeInfo {
    background-color: #00728f;
}

#promoSection {
    padding: 5rem 20rem
}

#CTA-section {
    position: relative;
    background-color: #111;
}

#altSection1 {
    background-image: url('../../Images/Content/15541/Connect_Angel.jpg');

    height: 30rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;

}

#homeInfo {
    background-image: url('../../Images/Content/15541/Kiosk_Straight_b.jpg');
    height: 30rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

#altSection2 {
    position: relative;
    z-index: 1;
    padding-top: 1rem;
    overflow:hidden;

}



#altSection3 {
    position: relative;
    z-index: 1;
    padding-top: 4rem;
    padding-bottom: 3rem;
}

#iconOvershoot {
    position: absolute;
    top: -13rem;
    right: -24rem;
    width:45rem;
    
}
#homeSlot #iconOvershoot {
    top: -10rem !important;
    right: -15rem !important;
}


#homeWeb #iconOvershoot {
    top: -10rem !important;
    right: -20rem !important;
}

#homeWeb #iconOvershootR {
    top: -10rem !important;
    left: -20rem !important;
} 

#iconOvershootR {
    position: absolute;
    top: -15rem;
    left: -10rem;
    z-index: 2;
}
#benefitSection #iconOvershootR {
    top: -17rem;
    left: -15rem;
}



#iconalter {
    position: relative;
    margin-top: -3rem;
    width: 23rem;
}

#iconshift {
    position: relative;
    margin-top: -6rem;
    width: 23rem;
}

#rep {
    background-image: url('../../Images/Content/15541/MYMotorCity.png');
    background-color: #fff;
    height: 50rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#homeInfo h1{

    padding-top:5rem;
}


#promoSection img {
    max-width: initial !important;
}

#altSection1 h1 {
    margin-top: 100px;
}

#promoSection .section, #altSection2 .section, #altSection3 .section, #homeSlot .section,  #homeWeb .section {
    text-align: left !important;
}

#homeInfo h3, #homeSlot h3, #homeWeb h3, .size h3 {
   font-size: 1.6rem;
}
@media screen and (min-width: 100480px) {
}

    @media screen and (min-width: 1480px) {





        #benefitSection:before {
            height: 10rem;
            top: -5rem;
            -moz-transform: skewY(-3deg);
            -o-transform: skewY(-3deg);
            -ms-transform: skewY(-3deg);
            -webkit-transform: skewY(-3deg);
            transform: skewY(-3deg);
        }

        .divide2 {
            height: 4rem;
            margin-top: -42px;
            -moz-transform: skewY(-4.5deg);
            -o-transform: skewY(-4.5deg);
            -ms-transform: skewY(-4.5deg);
            -webkit-transform: skewY(-4.5deg);
            transform: skewY(-4.5deg);
        }

        .divide1 {
            margin-top: -52px;
            -moz-transform: skewY(-5deg);
            -o-transform: skewY(-5deg);
            -ms-transform: skewY(-5deg);
            -webkit-transform: skewY(-5deg);
            transform: skewY(-5deg);
        }

        .divide3 {
            height: 4rem;
            margin: -94px auto 0px;
            -moz-transform: skewY(-2.5deg);
            -o-transform: skewY(-2.5deg);
            -ms-transform: skewY(-2.5deg);
            -webkit-transform: skewY(-2.5deg);
            transform: skewY(-2.5deg);
        }

        .divide4 {
            margin: -88px auto 0px;
            -moz-transform: skewY(-2.8deg);
            -o-transform: skewY(-2.8deg);
            -ms-transform: skewY(-2.8deg);
            -webkit-transform: skewY(-2.8deg);
            transform: skewY(-2.8deg);
        }


        #promoSection #iconOvershootR {
            left: -20rem;
            top: -11rem;
        }
    }

    @media screen and (max-width: 1475px) {

        #promoSection #iconOvershootR {
            left: -24rem;
            top: -9rem;
            
        }

        #promoSection .offset5 {
            margin-left: 20rem;
        }

        #promoSection .span7 {
            width: 28rem;
        }

        #altSection3 {
            overflow-x: hidden;
            overflow-y: hidden;
        }

            #altSection3 #iconOvershoot {
                z-index: 0 !important;
                position:absolute;
            }

            #altSection3 .span7 {
                z-index: 1 !important;
                position: relative;
            }


        #homeSlot {
            overflow: hidden;
        }

        #homeSlot #iconOvershoot {
                opacity: 0.4;
                top: -10rem !important;
                right: -7rem !important;
                position: absolute;
                z-index: 0;
        }
        #homeSlot .span8 {
                position: relative;
                z-index:1;
            }
    }


    @media screen and (max-width: 1224px) {



        #promoSection .offset5 {
            margin-left: 8rem;
        }

        #promoSection .span7 {
            width: 28rem;
        }


        #promoSection #iconOvershootR {
            left: -26rem;
            top: -6rem;
        }

        #header-phone {
            right: -14rem;
        }

        #featuresSection .feature-cont {
            max-width: 27rem;
            padding: 0 1rem 3rem 1rem;
        }

        .icon-cont {
            padding: 0 1.5rem;
        }

            .icon-cont p {
                font-size: 1.35rem;
            }
    }



    @media screen and (max-width: 1024px) {



        #header-phone {
            position: initial;
            margin-bottom: -33rem;
        }

        #download-content {
            margin: 0 auto;
            text-align: center;
        }

            #download-content > p {
                margin: 1.5rem auto;
            }

        .section {
            padding: 5rem 3rem;
        }

        .icon-cont {
            margin-right: 0;
            width: 49%;
            margin-bottom: 4rem;
            padding: 0 1rem;
        }

            .icon-cont p {
                font-size: 1.2rem;
            }

        #people-icon {
            width: 7.5rem;
        }

      

        #million-icon {
            width: 5.5rem
        }
    }

    @media screen and (max-width:1004px) {


        #promoSection .offset5 {
            margin-left: 0rem;
        }

        #promoSection .span7 {
            width: 28rem;
        }


        #promoSection #iconOvershootR {
            left: -40rem;
            top: -6rem;
            width: 60rem;
        }

        #promoSection {
            overflow: hidden;
        }
    }

    @media screen and (max-width: 768px) {
        #altSection3 #iconOvershootR {
            top: -7rem;
            left: -17rem;
            opacity: 0.7;
        }

        #altSection2 #iconOvershoot, #altSection3 #iconOvershoot {
            top: -7rem;
            right: -27rem;
        }




        .section {
            padding: 5rem 2rem;
        }

        h1 {
            line-height: 50px;
        }

        #header-phone {
            width: 100%;
        }

        #download-content {
            text-align: center;
            width: 100%;
        }

        .download-button {
            width: 15.875rem;
        }


        #promoSection .offset5 {
            margin-left: -2rem;
        }

        #promoSection .span7 {
            width: 18rem;
        }


        #promoSection #iconOvershootR {
            left: -40rem;
            top: -6rem;
            width: 60rem;
        }

        #promoSection {
            overflow: hidden;
        }

        #
    }

    @media screen and (max-width: 700px) {

      #promoSection .offset5 {
            width: 0rem;
            left: -5rem;
        }

        #promoSection .span7 {
            width: 18rem;
            left: 7rem;
            position: relative;
            width: 20rem;
        }


        #promoSection #iconOvershootR {
            left: -10rem;
            top: -6rem;
            width: 50rem;
            opacity: 0.5
        }

        #promoSection {
            padding-left: 0rem;
            padding-right: 0rem;
        }

        .download-button {
            width: 12.75rem;
            margin: 10px 0px !important;
        }

        .download-button-a {
            display: inline-block;
            width: 100%;
        }

        #dollar-label {
            font-size: 1.85rem;
            width: 8.5rem;
        }

        #dollar-amount {
            font-size: 7.5rem;
        }

        #dollar-sign {
            font-size: 4rem;
            top: -4.75rem;
        }

        .text {
            font-size: 1.75rem;
        }

        #homeWeb #iconOvershoot {
            top: -10rem !important;
            right: -20rem !important;
        }

        #homeWeb #iconOvershootR {
            top: -5rem !important;
            left: -0rem !important;
            opacity: .4;

        }

        #benefitSection #iconOvershootR {
            top: -5rem;
            left: -0rem;
            opacity: .5;
        }
    }

    @media screen and (max-width: 530px) {
        #download-section .section {
            padding-bottom: 9rem;
        }

        #download-content > p {
            font-size: 1.4rem;
            max-width: 23rem;
        }

        #dollar-sign {
            font-size: 3rem;
            top: -4rem;
        }

        #dollar-amount {
            font-size: 6.2rem;
        }

        #dollar-label {
            font-size: 1.52rem;
            width: 9rem;
        }

        .download-button {
            display: block;
            margin: 1rem auto !important;
        }

        .text {
            font-size: 1.25rem;
        }

        .icon-cont {
            width: 100%;
        }



        #promoSection .offset5 {
            width: 0rem;
            left: -5rem;
        }

        #promoSection .span7 {
            width: 18rem;
            left: 4rem;
            position: relative;
        }


        #promoSection #iconOvershootR {
            left: -10rem;
            top: -6rem;
            width: 50rem;
            opacity: 0.5
        }

        #promoSection {
            padding-left: 0rem;
            padding-right: 0rem;
        }

        #altSection3 #iconOvershootR {
            left: 0rem;
            top: 2rem;
            width: 30rem;
            opacity: 0.5
        }


        #altSection2 #iconOvershoot, #altSection3 #iconOvershoot {
            left: -10rem;
            top: -20rem !important;
            width: 40rem;
            opacity: 0.3
        }



        #altSection3 img, #altSection2 img {
            max-width: initial !important;
        }

        #altSection1 h1 {
            margin-top: 50px;
        }


        #homeWeb #iconOvershoot {
            top: 20rem !important;
            right: -15rem !important;
        }

        #homeWeb #iconOvershootR {
            top: 7rem !important;
            right: -15rem !important;
        }



        #benefitSection #iconOvershootR {
            top: 8rem;
            left: 3rem;
            opacity: .5;
        }

        #benefitSection {
            overflow: hidden;
        }



    }


    @media screen and (max-width: 425px) {

        #altSection1 h1 {
            margin-top: 1rem;
        }


        #promoSection .span7 {
            left: initial;
            margin: auto;
            width: auto;
        }

        #promoSection .offset5 {
            visibility: collapse;
        }

        h1 {
            
        }

        #altSection3 #iconOvershootR {
            left: -7rem;
            top: 2rem;
            width: 40rem;
            opacity: 0.3
        }

        #altSection3 .section, #altSection2 .section, #promoSection .section {
            text-align: center !important;
        }


        #altSection2 h1 {
            margin-left: -22px;
        }



        #header-phone {
            margin-bottom: -30rem;
        }

        #download-section .section {
            padding-bottom: 16rem;
            padding-top: 3rem;
        }

        #dollar-amount {
            font-size: 4.5rem;
        }

        #dollar-sign {
            font-size: 2rem;
            top: -2.75rem;
        }

        #dollar-label {
            font-size: 1.1rem;
            width: 6.25rem;
        }

        #dollar-terms {
            font-size: .5rem;
            width: 6.25rem;
        }

        .text, .promotion-text {
            font-size: 1.2rem;
        }

        #people-icon {
            width: 5.875rem;
        }

        #million-icon {
            width: 3.3125rem;
        }

        

        #homeWeb #iconOvershoot {
            top: 20rem !important;
            right: -15rem !important;
        }
        #homeWeb #iconOvershootR {
            top: 13rem !important;
            right: -15rem !important;
        }



        #benefitSection #iconOvershootR {
            top: 15rem;
            left: 3rem;
            opacity: .5;
            
        }
        #benefitSection{
            overflow:hidden;
        }


    }

    input[type="text"] {
        height: 30px;
    }

._wow{
    overflow: hidden;
}