﻿.HeaderGeneralContainer{
    height:98px;
}

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

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

        .ContactBannerImg .ContactBannerText .ContactBannerTextInner{
            width:420px;
            height:100%;
            float:left;
            padding-right: 50px;
            margin-top:35px;
        }

        .ContactBannerImg .ContactBannerText .ContactBannerTextInner .ContactBannerTextTop{
            float:left;
            font-family: 'MyriadProBold';
            color:#ffffff;
            font-size:40pt;
        }

        .ContactBannerImg .ContactBannerText .ContactBannerTextInner .ContactBannerTextBottom{
            float:LEFT;
            font-family: 'MyriadProLight';
            color:#ffd503;
            font-size:45pt;
            margin-top: -18px;
        }

.ContactContentContainer{
    width:100%;
    /*height:700px;*/
}

    .ContactContentContainer .ContactContentLimiter{
        width:1104px;
        margin:0 auto;
    }

        .ContactContentContainer .ContactContentLimiter .ContactTopContainer{
            
        }

            .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer{
                float:left;
                color:#000000;
            }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .AddressHeader{
                    color:#ffd503;
                }

                    .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .AddressHeader h2{
                        font-family: 'CoreSansBold';
                        font-size:16pt;
                    }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .AdressText{
                    font-size:12pt;
                    width:240px;
                }

                    .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .AdressText p{
                        margin:0;
                    }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .PhoneNumber{
                    font-size:12pt;
                }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .EmailHeader{
                    font-family: 'CoreSansMediumItalic';
                    color:#404041;
                    font-size:14pt;
                    /*margin-top:35px;*/
                    margin-top:10px;
                }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .EmailText{
                    font-size:12pt;
                    /*margin-top:10px;*/
                }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons{
                    float:left;
                    margin-top:20px;
                    margin-bottom:20px;
                }

                    .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a{
                        float:left;
                        margin-right:30px;
                    }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactFacebookIcon{
                            width:10px;
                            height:20px;
                            background:url(../Images/Icons/FacebookIcon.png) no-repeat top center;
                            background-size:contain;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactFacebookIcon:hover{
                            background:url(../Images/Icons/FacebookIconPassive.png) no-repeat top center;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactTwitterIcon{
                            width:18px;
                            height:15px;
                            margin-top:3px;
                            background:url(../Images/Icons/TwitterIcon.png) no-repeat top center;
                            background-size:contain;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactTwitterIcon:hover{
                            background:url(../Images/Icons/TwitterIconPassive.png) no-repeat top center;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactInstagramIcon{
                            width:18px;
                            height:18px;
                            background:url(../Images/Icons/InstagramIcon.png) no-repeat top center;
                            background-size:contain;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactInstagramIcon:hover{
                            background:url(../Images/Icons/InstagramIconPassive.png) no-repeat top center;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactYoutubeIcon{
                            width:17px;
                            height:21px;
                            background:url(../Images/Icons/YoutubeIcon.png) no-repeat top center;
                            background-size:contain;
                            margin-top:-1px;
                        }

                        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer .ContactSocialButtons a .ContactYoutubeIcon:hover{
                            background:url(../Images/Icons/YoutubeIconPassive.png) no-repeat top center;
                        }

                .ContactContentContainer .ContactContentLimiter .ContactTopContainer .MapContainer{
                    /*width:624px;
                    height:331px;*/
                    width:600px;
                    height:240px;
                    float:right;
                    margin-bottom:23px;
                    /*background-color:black;*/
                }

        .ContactContentContainer .ContactFormContainer{
            width:100%;
            height:745px;
            background-color:#f8f8f8;
            color:#000000;
            padding-top:35px;
        }

            .ContactContentContainer .ContactFormContainer .ContactFormLimiter{
               width:880px;
               margin:0 auto;
               padding:0 50px;
            }

            .ContactContentContainer .ContactFormContainer .FormHeader{
                width:100%;
                text-align:center;
            }

                .ContactContentContainer .ContactFormContainer .FormHeader h1{
                    font-family: 'CoreSansBold';
                    font-size:22pt;
                }

            .ContactContentContainer .ContactFormContainer .FormInfoText{
                font-size:14pt;
                width:100%;
                text-align:center;
            }

            .ContactContentContainer .ContactFormContainer .ContactForm{
                float:left;
                margin-top:40px;
                /*padding: 0 10px;*/
            }

                .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement{
                    width:357px;
                    height:65px;
                    float:left;
                    margin:0 18px 25px 15px;
                }

                    .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement input[type="text"]:focus{
                        outline: none;
                        box-shadow: 0px 0px 5px #fee9a0;
                        border:2px solid #f9da6e;
                    }

                    .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputLabel{
                        width:100%;
                    }

                    .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement .ContactTextBox{
                        width:100%;
                        max-width: 357px;
                        height:42px;
                        border:none;
                        border-bottom:1px solid #000000;
                        background-color:transparent;
                        padding:0 20px;
                        font-size:12pt;
                    }

                .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormTextAreaInput{
                    width:96%;
                    margin-left:15px;
                    float:left;
                }

                    .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormTextAreaInput .ContactTextArea:focus{
                        outline: none;
                        box-shadow: 0px 0px 5px #fee9a0;
                        border:2px solid #f9da6e;
                    }

                    .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormTextAreaInput .ContactTextArea{
                        width:100%;
                        max-width:100%;
                        height:75px;
                        max-height:75px;
                        margin-top:20px;
                        border:1px solid #000000;
                        background-color:transparent;
                        font-size:12pt;
                    }

                .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormButton{
                    width:176px;
                    height:47px;
                    /*margin:0 auto;*/
                    margin-top:28px;
                    margin-left:300px;
                    background-color:#000000;
                    color:#ffffff;
                    border:none;
                    text-align:center;
                    padding-top:6px;
                    font-family: 'CoreSansMedium';
                    box-shadow:none;
                }

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

    .ContactBannerImg{
        height:120px;
    }
        
        .ContactBannerImg .ContactBannerText{
            width:320px;
        }

            .ContactBannerImg .ContactBannerText .ContactBannerTextInner{
                /*margin-top:10px;
                width:320px;
                padding-right:172px;
                margin-left:15px;
                position: absolute;
                height:initial;*/
                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;
            }

                .ContactBannerImg .ContactBannerText .ContactBannerTextInner .ContactBannerTextTop{
                    font-size:22pt;
                }

                .ContactBannerImg .ContactBannerText .ContactBannerTextInner .ContactBannerTextBottom{
                    font-size:20pt;
                    margin-top:0;
                }

    .ContactContentContainer .ContactContentLimiter{
        /*width:100%;*/
        width:320px;
    }

        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .AddressContainer{
            padding-left:15px;
            margin-bottom: 20px;
        }

        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .MapContainer{
            width:320px;
        }

    .ContactContentContainer .ContactFormContainer{
        height:860px;
    }

        .ContactContentContainer .ContactFormContainer .ContactFormLimiter{
            width:320px;
            padding:0 10px;
        }

            .ContactContentContainer .ContactFormContainer .FormHeader h1{
                font-size:18pt;
            }

            .ContactContentContainer .ContactFormContainer .FormInfoText{
                font-size:12pt;
            }

            .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement{
                width:300px;
            }

                .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement .ContactTextBox{
                    max-width:270px;
                }

                .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormTextAreaInput{
                    width:270px;
                }

                .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormButton{
                    margin-left:65px;
                }

    .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: 580px) and (max-width: 1024px) {
    .ContactContentContainer .ContactContentLimiter{
        width:100%;
    }
}

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

    .ContactContentContainer .ContactFormContainer{
        height:700px;
    }

    .ContactContentContainer .ContactFormContainer .ContactFormLimiter{
        width:768px;
    }

        .ContactContentContainer .ContactContentLimiter .ContactTopContainer .MapContainer{
            width:475px;
        }

        .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement{
            width:341px;
        }
        .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormTextAreaInput{
            width:95%;;
        }

        .ContactContentContainer .ContactFormContainer .ContactForm .ContactInputElement .ContactTextBox
        {
            max-width:341px;
        }

        .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormTextAreaInput{
            max-width:95%;
        }

        .ContactContentContainer .ContactFormContainer .ContactForm .ContactFormButton{
            margin-left: 285px;
        }
}
        