﻿/*DSCSA Footer Control Region*/
@font-face {
    font-family: 'Graphik-Bold';
    src: url('z-Fonts/Graphik-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Graphik-Medium';
    src: url('z-Fonts/Graphik-Medium.otf') format('opentype');
}

/*@font-face {
    font-family: 'Graphik-Regular';
    src: url('z-Fonts/Graphik-Regular.otf') format('opentype');
}*/

@font-face {
    font-family: 'Graphik-Regular';
    src: url('z-Fonts/Graphik-Regular.ttf') format('truetype');
}

.width1{
    width: 297px;
}

.width2{
    width: 100%;
}


.dscsa {
    background-color: #1168FC;
    position: relative;
    /*width: 100%;*/
    z-index: 1000 !important;
    overflow: hidden;
    height: auto;
}

.dscsaInner {
    padding-left: 80px;
}
/**/
.dscsaViewPicture {
    position: relative;
    float: left;
    height: 24px;
    width: 160px; 
}

.pedigree-compli {
    height: 28px;
    width: 100%;
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;/*
    padding-bottom: 8px;
    padding-top:36px;*/
    /*margin-top: 36px;
    margin-bottom: 8px;*/
}


.when-you-partner-wit {
    /*height: 52px;*/
    /*max-height: 200px;*/
    width: 100%;
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    max-width: 990px;
    padding-right: 15px;
}



/*Contact Us Footer Control Region*/

.NormalDivFooter {
    position: relative;
    min-width: 320px;
    max-width: 1355px;
    width: 100%;
}

.contactUsFooter {
    z-index: 1000 !important;
    overflow: hidden;
    height: auto;
    background-color: #2B2B2B;
}

.contactUsInnerFooter {
    /*padding-left: 80px;*/
    padding-top: 40px;
    /*padding-right:80px;*/
}

.contactus1 {
    height: 18px;
    width: auto;
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
}

th {
    height: 18px;
    width: auto;
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 20px;
}

.hours-of-operation {
    height: auto;
    /*width: 290px;*/
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    max-width: 320px; 
}


.numberContainer {
    height: auto;
    /*width: 223px;*/
    margin-bottom: 11px;
    /*margin-right: 110px;*/
}



.numberIcon {
    height: 18px;
    /*width: 18px;*/
    /*background-color: rgba(255,255,255,0.5);*/
    margin-top: 3px;
    margin-bottom: 3px;
}
 
.email {
    height: auto;
    /*width: 251px;*/
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    /*margin-left: 12px;*/
}

.emailIcon {
    height: 18px;
    /*width: 18px;*/
    /*background-color: #FFFFFF;*/
    margin-top: 5px;
    margin-bottom: 5px;
}

.group {
    height: 106px;
    /*width: 225px;*/
}

.accredited {
    height: 18px;
    /*width: 81px;*/
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;/*
    margin-bottom: 20px;*/
}

.group-2 {
    height: 68px;
    /*width: 175px;*/
   /* margin-right: 50px;*/
}

.bitmap {
    height: 68px;
    width: 175px; 
}

.subscribe {
    height: 18px;
    /*width: 202px;*/
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 20px;
}

.email-address {
    box-sizing: border-box;
    height: 49px;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.3);
    color: rgba(255,255,255,0.3);
    background-color: #2B2B2B;
    position: absolute;
    padding-left: 16px;
    padding-right: 40px;
    /*padding-left: 10px;*/
    /*margin-left: 20px;*/
    /*margin-top: 30px;*/
}

.button-go {
    background-color: transparent;
    background-image: url("../images/arrow_subscribe.png");
    background-position: center center;
    background-size: 20px 17px;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    height: 44px;
    width: 44px;
    position: absolute;
    right: 0px;
    top: 1px;
    /*top: 17px;*/
    /*padding-right: 15px;
    padding-top: 10px;*/
    /*margin-right: 55px;*/
}


.terms {
    height: 20px;
    width: 390px;
    /*margin-bottom: 30px;*/
}

.bitmapNascode {
    height: 19px;
    width: 18px;
    /*margin-right: 10px;*/
}

.website-by-nascode {
    height: 20px;
    width: 362px;
    color: rgba(255,255,255,0.6);
    font-family: 'Graphik-Regular';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}

.FooterRequiredStyle {
    font-family: 'Graphik-Regular';
    color: #FFF;
    font-size: 13px;
    height: 20px;
}




.emailContainer {
    position: relative;
    max-width: 391px;
    height: 48px;
}

.myTextStyle {
    color: #FFFFFF;
    font-family: 'Graphik-Regular';
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 30px;
    word-wrap: break-word;
}
.nascodeText {
    color: rgba(255,255,255,0.6);
    font-family: 'Graphik-Regular';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    padding-left: 30px;
}
.telephoneFooter {
    border: 0 solid black;
    background-image: url(../images/phone.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 24px;
}
.emailIconFooter {
    border: 0 solid black;
    background-image: url(../images/email.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 24px;
}
.nascodeIcon {
    border: 0 solid black;
    background-image: url(../images/NascodeLogo.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 20px;
}

.footerClearFix {
 display: none;
}


.myFooterDiv {
    /*max-width: 1068px;*/
    padding: 0;
    margin: 0;
    margin: auto 0px 0;
    z-index:2;
}
.myFooterDiv2 {
    padding-top:10px;
    background:white;
    width: -webkit-fill-available;
    /*max-width: 1068px;*/
    margin: 0;
    margin: auto 0px 0;
    z-index: 2;
}
.footer-col1 {
    width: 26%;
}
.footer-col2 {
    width: 26%;
}
.footer-col3{
    width: 18%; 
}
.footer-col4{
    width: 30%; 
}

@media all and (max-width: 1024px) {
    .footer-col2   {
        width: 50%;
    }

    .footer-col3, .footer-col1 {
        width: 40%;
    }

    .footer-col4 {
        width: 60%;
    }
    .footerClearFix {
        display: block !important;
        
    }
}
/*@media all and (max-width: 840px) {
    .footer-col1, .footer-col2, .footer-col3, .footer-col4 {
        width: 50%;
    } 
}*/
@media all and (max-width: 580px) {
    .footer-col1, .footer-col2, .footer-col3, .footer-col4 {
        width: 100%;
    }
   
}