﻿.HeaderGeneralContainer{
    height:98px;
}

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

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

        .TrainerBannerImg .TrainerBannerText .TrainerBannerTextInner{
            width:420px;
            height:100%;
            float:left;
            padding-right: 50px;
            margin-top:35px;
        }

        .TrainerBannerImg .TrainerBannerText .TrainerBannerTextInner .TrainerBannerTextTop{
            float:left;
            font-family: 'MyriadProBold';
            color:#ffffff;
            font-size:45pt;
        }

        .TrainerBannerImg .TrainerBannerText .TrainerBannerTextInner .TrainerBannerTextBottom{
            float:right;
            font-family: 'MyriadProLight';
            color:#ffd503;
            font-size:40pt;
            margin-top: -28px;
        }

.TrainerContentContainer{
    width:100%;
    /*height:970px;*/
     /*height:1360px;*/
     float:left;
     padding-bottom:150px;
}

    .TrainerContentContainer .TrainerContentLimiter{
        width:1104px;
        margin:0 auto;
    }

        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer{
            width:100%;
            height:685px;
        }

            .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement{
                width:305px;
                height:391px;
                float:left;
                margin:5px 30px 20px 30px;
				
            }

                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea{
                    width:100%;
                    /*height:100%;*/
                    /*height:391px;*/
                    height:93px;
                    margin-top:298px;
                    overflow:hidden;
                    background-color:rgba(0, 0, 0, 0.7);
                    text-align:center;
                    transition:margin-top linear 0.5s, height linear 0.5s;
					border:1px solid #ecfb00;
					
                }

                    .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailButton{
                        width:100%;
                        height:32px;
                        background-color:#ffd503;
                        background:#ffd503 url(../Images/Icons/TrainerButtonUp.png) no-repeat center center;
                        cursor:pointer;
						border:1px solid #ecfb00;
                    }

                        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailButton .TrainerButtonTriangle{
                            position:absolute;
                            z-index:1;
                            width:52px;
                            height:27px;
                            /*margin:0 auto;*/
                            float: left;
                            margin-left: 126px;
                            margin-top: -27px;
                            background:url(../Images/Icons/TrainerButtonTriangle.png) no-repeat top center;
							border:1px solid #ecfb00;
                        }

                    .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText{
                        color:#ffffff;
                        margin-top:10px;
						border:1px solid #ecfb00;
                    }

                        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerDetailName{
                            font-family: 'MyriadProBold';
                            font-size:12pt;
                        }

                        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerDetailTitle{
                            font-family: 'MyriadProSemibold';
                            font-size:12pt;
                            margin-top:4px;
                        }

                        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerInfo{
                            font-family: 'MyriadProRegular';
                            /*font-size:12pt;*/
                            font-size:10pt;
                            /*padding-top:35px;*/
                            padding-top:0px;
                            /*border-bottom:1px solid #ffd503;*/
                            width:98%;
                            margin:0 auto;
							border:1px solid #ecfb00;
                        }

                        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerDetailLine{
                            /*width:220px;
                            height*/
                        }

                        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons{
                            /*float:left;*/
                            width:134px;
                            margin:0 auto;
                            margin-top:17px;
                        }

                            .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a{
                                float:left;
                                margin-left:14px;
								border:1px solid #ecfb00;
                            }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerLinkedInIcon{
                                    width:18px;
                                    height:17px;
                                    background:url(../Images/Icons/LinkedInIconPassive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerLinkedInIcon:hover{
                                    background:url(../Images/Icons/LinkedInIconActive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerTwitterIcon{
                                    width:18px;
                                    height:15px;
                                    margin-top:3px;
                                    background:url(../Images/Icons/TwitterIconPassive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerTwitterIcon:hover{
                                    background:url(../Images/Icons/TwitterIconActive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerYoutubeIcon{
                                    width:18px;
                                    height:21px;
                                    background:url(../Images/Icons/YoutubeIconPassive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerYoutubeIcon:hover{
                                    background:url(../Images/Icons/YoutubeIconActive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerFacebookIcon{
                                    width:11px;
                                    height:19px;
                                    background:url(../Images/Icons/FacebookIconPassive.png) no-repeat top center;
                                }

                                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement .TrainerDetailArea .TrainerDetailText .TrainerSocialButtons a .TrainerFacebookIcon:hover{
                                    background:url(../Images/Icons/FacebookIconActive.png) no-repeat top center;
                                }

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

    .TrainerBannerImg {
        height: 120px;
    }

        .TrainerBannerImg .TrainerBannerText {
            width: 320px;
        }

            .TrainerBannerImg .TrainerBannerText .TrainerBannerTextInner {
                margin-top: 10px;
                width: 306px;
                height:initial;
                padding-right: 172px;
                margin-left: 15px;
                position: absolute;
            }

                .TrainerBannerImg .TrainerBannerText .TrainerBannerTextInner .TrainerBannerTextTop {
                    font-size: 22pt;
                }

                .TrainerBannerImg .TrainerBannerText .TrainerBannerTextInner .TrainerBannerTextBottom {
                    font-size: 20pt;
                    margin-top: 0;
                }

    .TrainerContentContainer{
        height:initial;
    }

        .TrainerContentContainer .TrainerContentLimiter{
            width:320px;
        }

            .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer{
                height:initial;
            }

                .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement{
                    margin-left:8px;
                }

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

        .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) {
    .TrainerContentContainer .TrainerContentLimiter{
        width:660px;
    }

        .TrainerContentContainer .TrainerContentLimiter .TrainerGeneralContainer .TrainerElement{
            margin-right:0;
            margin-left: 16px;
        }
}

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