﻿.HeaderGeneralContainer{
    height:98px;
}

.AboutBannerImg {
    width:100%;
    height:300px;
    background: url(../Images/Backgrounds/AboutUsTopBG.jpg) no-repeat top center;
    background-size:contain;
    background-color:#ffffff;
}

    .AboutBannerImg .AboutBannerText{
        width:1104px;
        height:100%;
        margin:0 auto;
        cursor:default;
    }

        .AboutBannerImg .AboutBannerText .AboutBannerTextInner{
            width:80%;
            height:100%;
            float:left;
            padding-right: 50px;
            margin-top:35px;
        }

        .AboutBannerImg .AboutBannerText .AboutBannerTextInner .AboutBannerTextTop{
            float:left;
            font-family: 'MyriadProBold';
            color:#ffffff;
            font-size:45pt;
        }

        .AboutBannerImg .AboutBannerText .AboutBannerTextInner .AboutBannerTextBottom{
            float:right;
            font-family: 'MyriadProLight';
            color:#ffd503;
            font-size:32pt;
            margin-top: 8px;
        }

.AboutContentContainer{
    width:100%;
    /*height:685px;
    background-color:#000000;
    background:#ffffff url(../Images/Backgrounds/RunnerBG3.jpg) no-repeat top left;
    background-size:contain;*/
}
    .AboutContentContainer .AboutContentLimiter{
        width:1104px;
        margin:0 auto;
    }

        .AboutContentContainer .AboutContentLimiter .AboutElementContainer{
            /*float:right;*/
            /*width:666px;*/
            height:550px;
            /*margin-top:70px;*/
            margin-bottom:170px;
            
        }

            .AboutContentContainer .AboutContentLimiter .MobileAboutImage{
                    display:none;
                    /*float:right;*/
                    width:100%;

                }

                    .AboutContentContainer .AboutContentLimiter .MobileAboutImage img{
                        background-size:contain;
                        width:55%;
                        /*max-width:305px;*/
                        float:right;
                        /*width:175px;*/
                        /*width:60%;*/
                        /*float:right;*/
                    }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutTopSpace{
                float:left;
                width:340px;
                height:200px;
            }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutTextContainer{
                float:none;
                /*margin-top:64px;*/
                font-size:12.5pt;
                color:#000000;
            }

                .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutTextContainer .AboutText{
                    font-family: 'CoreSansRegular';
                    text-align:justify;
                    /*margin-top:30px;*/
                    padding-top:45px;
                }

                    .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutTextContainer .AboutText .AboutTextMedium{
                        font-family: 'CoreSansMedium';
                        float: left;                    
                    }

        .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer{
            float:right;
            margin-top:40px;
            text-align:right;
        }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer ul{
                padding:0;
            }

                .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer ul li{
                    display:inline-block;
                    text-decoration:none;
                }

                    .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer ul li a{
                        color:#000000;
                        text-decoration:none;
                    }

                    .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutVideoContainer{
                        position: relative;
                        width:244px;
                        height:134px;
                        margin-right:39px;
                        background:url(../Images/Backgrounds/VideoContainerBG.png) no-repeat top center;
                    }

                    .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutGalleryContainer{
                        position: relative;
                        width:246px;
                        height:134px;
                        background:url(../Images/Backgrounds/GalleryContainerBG.png) no-repeat top center;
                    }

                        .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutVideoText{
                            padding-top:60px;
                            padding-right:37px;
                        }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutDetailTextContainer{
                float:none;
                margin-top:20px;
                font-size:12.5pt;
                color:#000000;
            }

                .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutDetailTextContainer .AboutDetailText{

                }

                    .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutDetailTextContainer .AboutDetailText p{
                        margin:0;
                    }

                        .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutDetailTextContainer .AboutDetailText p b{
                            font-family: 'CoreSansMedium';
                        }

                            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutVideoText .AboutVideoTextBold{                         
                                font-family: 'MyriadProBold';
                                font-size:20pt;
                            }

                            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutVideoText .AboutVideoTextNormal{
                                font-family: 'MyriadProRegular';
                                font-size:13.5pt;
                            }

        .AboutContentContainer .AboutContentLimiter .MoveOnContainer{
            float:right;
            margin-top:-115px;
        }

        .AboutContentContainer .AboutContentLimiter .MoveOnButtonContainer{
            float:left;
            /*margin-top: 160px;*/
            margin-left: 68px;
            height:143px;
            width:262px;
            height:262px;
            background:url(../Images/Backgrounds/RegAnimate2BG.png) no-repeat top center;
            background-size:contain;
        }

            .AboutContentContainer .AboutContentLimiter .MoveOnButtonTextContainer{
                /*position: absolute;
                right: 28.5%;*/
                /*margin-top: 166px;*/
                float: left;
                margin-left: -232px;
            }

            .AboutContentContainer .AboutContentLimiter .MoveOnButtonTextContainer a{
                text-decoration:none;
                color:#000000;
                display:block;
                height:100%;
            }

                .AboutContentContainer .AboutContentLimiter .MoveOnButtonTextContainer a .MoveOnText{
                    margin-top: 85px;
                    text-align:center;
                    transform: rotate(13deg);
                    -webkit-transform: rotate(13deg);
                    -moz-transform: rotate(13deg);
                    -o-transform: rotate(13deg);
                    -ms-transform: rotate(13deg);
                    -webkit-transition: -webkit-transform 0.4s;
                    transition: transform 0.4s;
                }

                    .AboutContentContainer .AboutContentLimiter .MoveOnButtonTextContainer a .MoveOnText .MoveOnHeader{
                        font-family: 'MontserratExtraBold';  
                        font-size:18pt;                  
                    }

                    .AboutContentContainer .AboutContentLimiter .MoveOnButtonTextContainer a .MoveOnText .MoveOnSubHeader{
                        font-family: 'MontserratBold';       
                        font-size:15.5pt;
                        width: 155px;
                        margin:5px 0 0 17px;
                    }

                    .AboutContentContainer .AboutContentLimiter .MoveOnButtonTextContainer a .MoveOnText .MoveOnArrow{
                        width: 21px;
                        height:21px;
                        margin:25px 0 0 80px;
                        background:url(../Images/Icons/PreRegArrow.png) no-repeat top center;
                        transform: rotate(-10deg);
                        -webkit-transform: rotate(-10deg);
                        -moz-transform: rotate(-10deg);
                        -o-transform: rotate(-10deg);
                        -ms-transform: rotate(-10deg);
                    }

#FranchiseApplicationForm{
    margin-bottom:130px;
}

@media only screen and (max-width: 1024px) {
    .HeaderGeneralContainer {
        height: 65px;
    }

    .AboutBannerImg {
        height: 120px;
        background-size:cover;
    }

        .AboutBannerImg .AboutBannerText {
            width: 320px;
        }

            .AboutBannerImg .AboutBannerText .AboutBannerTextInner {
                margin-top: 10px;
                width: 320px;
                /*padding-right: 172px;*/
                /*margin-left: 15px;*/
                position: absolute;
                height:initial;
                margin-top: 10px;
                padding-right: 157px;
                /* margin-left: 15px; */
                padding-left: 15px;
            }

                .AboutBannerImg .AboutBannerText .AboutBannerTextInner .AboutBannerTextTop {
                    font-size: 22pt;
                }

                .AboutBannerImg .AboutBannerText .AboutBannerTextInner .AboutBannerTextBottom {
                    font-size: 16pt;
                    margin-top: 0;
                }

    .AboutContentContainer .AboutContentLimiter{
        width:90%;
    }

        .AboutContentContainer .AboutContentLimiter .AboutElementContainer{
            background-size:contain;
            /*height: 1160px;*/
            height: initial;
            /*min-height:1160px;*/
            max-height:185px;
        }

        .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutTopSpace{
            width:100%;            
        }

        .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer{
            float:left;
        }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutVideoContainer{
                margin-right:0;
                margin-bottom:20px;
            }

    .FooterGeneralContainer{
        float:left;
        margin-top: 70px;
    }

    .FooterGeneralContainer .FooterLimiter .FooterTop .FooterSocialButtons{
        margin-left:72px !important;
    }

    .FooterGeneralContainer .FooterLimiter .FooterTop .CopyrightText{
                font-size: 8pt !important;
                margin-right: 79px !important;
            }
}

@media only screen and (min-width: 660px) and (max-width: 1024px) {
    .AboutContentContainer .AboutContentLimiter{
        width:660px;
    }

        .AboutContentContainer .AboutContentLimiter .AboutElementContainer{
            margin-top:50px;
        }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .AboutTopSpace{
                width:300px;
            }

            .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer{
                float:right;
            }

                .AboutContentContainer .AboutContentLimiter .AboutElementContainer .VideoAndGalleryContainer .AboutVideoContainer{
                    margin-right:39px;
                }

        /*.AboutContentContainer .AboutContentLimiter .AboutGeneralContainer .AboutElement{
            margin-right:0;
            margin-left: 16px;
        }*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .HeaderGeneralContainer{
        height:98px;
    }
}
