﻿
/*HEADER STYLES*/

body { background-image: url('../Images/BodyBG.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; margin: 0; }

.logo { width: 302px; margin-left: 200px; margin-top: -25px; position: absolute; }

.menu { background: #f7941e; /*max-width:1223px;*/ width: 63%; height: 70px; margin: 50px 0 0 500px; border-radius: 0 25px 25px 0 }
    .menu ul { text-align: right; max-width: 1223px; height: 70px; background-image: url('../Images/menuBGgrad.png'); background-repeat: no-repeat; margin-right: 0px; padding-left: 0; }
        /*.menu ul li { }*/
        .menu ul li a { font-family: Orbitron; color: #fff; text-decoration: none; font-size: 17px; text-shadow: 1px 1.5px #000; line-height: 65px; margin-right: 30px; }
            .menu ul li a:hover { text-shadow: 1px 1.5px #fff; color: #000; }
.phoneMobile { display: inline-block; font-family: Orbitron; color: #fff; text-decoration: none; margin-left: 230px; margin-top: 30px; /*position:absolute;*/ font-size: 32px; }
    .phoneMobile:hover { color: #f7941e; }

.address { font-family: Helvetica; color: #fff; text-decoration: none; margin-right: 233px; height: 80px; text-align: right; font-size: 18px; margin-bottom: 0 !important; line-height: 25px; padding-top: 10px; }









/*FOOTER STYLES*/

.footer { height: 136px; }
    .footer .footerBG { height: 80px; background: rgba(0,0,0,0.6); }
        .footer .footerBG ul { text-align: right; padding: 0; width: 100%; float: right; margin-top: 16px; margin-bottom: 0; margin-right: 209px; }
            .footer .footerBG ul li { display: inline-block; margin-right: 20px; }
                .footer .footerBG ul li a { color: #fff; text-decoration: none; font-size: 14px; font-family: Orbitron; }
                    .footer .footerBG ul li a:hover { color: #f7941e; }

        .footer .footerBG .footerLogo { width: 390px; height: 80px; display: inline-block; }
            .footer .footerBG .footerLogo img { margin-top: 6px; margin-left: 200px; }

        .footer .footerBG div { display: inline-block; }
            .footer .footerBG div:nth-child(2) { float: right; }
        .footer .footerBG .copyright { color: #fff; float: right; margin-top: -32px; margin-right: 239px; font-family: Arial; font-size: 12px; }








/*HEADER RESPONSIVE STYLES*/

@media screen and (max-width: 1680px) {

    .address { margin-right: 163px; }
}

@media screen and (max-width: 1484px) {
    .logo { margin-left: 60px; }
    .menu { margin: 50px 0 0 360px; width: 69%; }
    .phoneMobile { margin-left: 80px; }
}

@media screen and (max-width: 1354px) {
    .menu { width: 60%; }
        .menu ul li a { font-size: 13px; }
    .address { margin-right: 115px; }
}

@media screen and (max-width: 1290px) {
    .logo { margin-top: -21px; }
        .logo a img { width: 252px; }
    .menu { margin: 50px 0 0 310px; height: 60px; border-radius: 0 16px 16px 0; }
        .menu ul li a { font-size: 13px; margin-right: 8px; }
    .phoneMobile { margin-left: 80px; }
}


@media screen and (max-width: 1070px) {
    .menu ul li a { font-size: 12px; margin-right: 6px; }
}


@media screen and (max-width: 991px) {
    .logo { width: 100%; margin-left: 0; margin-top: 20px; position: relative; }
        .logo a { width: 302px; display: block; margin: 0 auto; }
            .logo a img { width: 302px; }
    .menu { width: 100%; border-radius: unset; margin: 0; margin-top: 140px; }
        .menu ul { text-align: left; max-width: 100%; background-image: none; margin: 0; padding-left: 0; width: 100%; margin: 0 auto; }
            .menu ul.stMenu { text-align: center; }
    .phoneMobile { margin-left: 0; width: 100%; text-align: center; position: absolute; top: 180px; }
    .address { margin-left: 0; text-align: center; width: 100%; position: absolute; top: 130px; }
    .sSnap-Header { height: auto; }
    .menu ul li a { font-size: 13px; margin-right: 30px; }
}

@media screen and (max-width: 767px) {
    .menu { height: auto; }
        .menu ul { height: auto; }
        .menu .mobileMenu, .menu .mobileMenu::before { text-align: center; text-indent: 0; height: 60px; line-height: 60px; font-family: Orbitron; color: #fff; text-shadow: 1px 1.5px #000; }
            .menu .mobileMenu::before { border-top: 2px solid #000; border-bottom: 2px solid #000; }
        .menu ul li { border-top: 2px solid #000; border-bottom: 2px solid #000; text-indent: 20px; }
            .menu ul li a { font-size: 17px; margin-right: 30px; height: 64px; width: 100%; display: block; line-height: 60px; }
}








/*FOOTER RESPONSIVE STYLES*/

@media screen and (max-width: 1484px) {
    .footer .footerBG ul { width: 867px; }
    .footer .footerBG .copyright { margin-right: 119px }
    .footer .footerBG .footerLogo img { margin-left: 90px; }
}

@media screen and (max-width: 1366px) {
    .footer .footerBG ul li a { font-size: 12px; }
    .footer .footerBG ul { margin-right: 102px; text-align: right; width: 100%; }
    .footer .footerBG .footerLogo { width: 240px; }
}


@media screen and (max-width:1100px) {
    .footer .footerBG ul { width: 100%; margin-top: 15px; margin-right: 20px; padding: 0; }
}


@media screen and (max-width: 1050px) {
    .footer { height: auto; }
        .footer .footerBG { height: 150px; }
            .footer .footerBG .footerLogo { margin: 0 auto; display: block; width: 190px; }
                .footer .footerBG .footerLogo img { margin-left: 0; }
            .footer .footerBG div:nth-child(2) { float: none; width: 100%; }
            .footer .footerBG ul { float: none; margin-right: 0; margin: 0 auto; display: block; text-align: center; }
            .footer .footerBG .copyright { margin-top: 10px; margin-right: 0; width: 100%; text-align: center; }
}

@media screen and (max-width: 767px) {
    .footer > .footerBG > .copyright p { margin-bottom: 0; }
    .footer { height: 202px; }
        .footer .footerBG { height: 200px; }
            .footer .footerBG ul { width: 100%; padding-left: 0; text-align: left; }




                /*.footer .footerBG ul li { width:43%; text-align:right; padding-top:8px;  }*/
                .footer .footerBG ul li { width: 45%; text-align: right; padding-top: 8px; margin-right: 5%; position: relative; left: 1%; }

                    .footer .footerBG ul li:nth-of-type(2), .footer .footerBG ul li:nth-of-type(4), .footer .footerBG ul li:nth-of-type(6) { text-align: left; margin-right: 0; position: relative; top: 10px; }


                    .footer .footerBG ul li a { font-size: 13px; }
}



/*@media screen and (max-width:575px){
    .footer .footerBG ul { text-align:left;}
}*/



@media screen and (max-width:415px) {

    .footer .footerBG ul li:nth-of-type(2), .footer .footerBG ul li:nth-of-type(4), .footer .footerBG ul li:nth-of-type(6) { text-align: right; margin-right: 16px; position: relative; top: 0; }

    .footer .footerBG ul li { padding-top: 12px; padding-right: 16px; width: 45%; float: right; }
}

@media screen and (max-width:375px) {

    .footer .footerBG ul li { padding-top: 9px; padding-right: 16px; width: 100%; }
        .footer .footerBG ul li a { font-size: 14px; }
}

@media screen and (max-width:327px) {
    .footer .footerBG .copyright { font-size: 11px; }
}

/*DISPLAY NONE SECTION*/

#ctl00_pnlSearchWrapper { display: none; }










/*FONT SECTION*/

@font-face { font-family: 'Orbitron'; src: url('../fonts/Orbitron-Black.ttf') format('truetype'); }
