﻿@charset "UTF-8";


/*[document, body]*/
document, body {
    background-color: #edf2f4;
    margin: 0;
    padding: 0;
}

/*[body]*/
body {
    font-family: 'Lato','Tech-Data-Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #393e40;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul, li {
    padding: 0;
    margin: 0;
}

/*[h1]*/
h1 {
    font-weight: 300;
    font-size: 34px;
    color: #00548f;
    margin-bottom: 40px;
    text-transform: uppercase;
}

    /*[h1]*/
    h1:first-child {
        margin-top: 0;
    }

/*[h2]*/
h2 {
    font-weight: bold;
    font-size: 22px;
    color: #00548f;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top: 30px;
}

    /*[h2]*/
    h2:first-child {
        margin-top: 0;
    }

/*[h3]*/
h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 30px;
}

    /*[h3]*/
    h3:first-child {
        margin-top: 0;
    }

/*[h4]*/
h4 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
}

    /*[h4]*/
    h4:first-child {
        margin-top: 0;
    }


/*[p]*/
p {
    margin-bottom: 20px;
    line-height: 23px;
    margin-top: 0;
}

    /*[p]*/
    p:last-child {
        margin-bottom: 0;
    }

/*[a]*/
.cisco_container a {
    color: #00b1da;
    font-weight: bold;
    text-decoration: none;
}
    /*[a]*/
    .cisco_container a:hover {
        color: #00b1da;
        text-decoration: underline;
    }


/*
	GRID
*/


/*[grid-container]*/
.grid-container {
    overflow: auto;
    box-sizing: border-box;
}

/*[grid]*/
.grid {
    float: left;
    position: relative;
    margin-left: 10px;
    overflow: auto;
    box-sizing: border-box;
}

    /*[grid]*/
    .grid:first-of-type {
        margin-left: 0;
    }


/*[gutter-0]*/
.grid-container.gutter-0 .row .grid {
    margin-left: 0px;
}


/*[gutter-20]*/
.grid-container.gutter-20 .row .grid {
    margin-left: 20px;
}

/*[gutter-40]*/
.grid-container.gutter-40 .row .grid {
    margin-left: 40px;
}


/*[gutter-0]*/
.grid-container.gutter-0 .row .grid:first-of-type {
    margin-left: 0;
}

/*[gutter-20]*/
.grid-container.gutter-20 .row .grid:first-of-type {
    margin-left: 0;
}

/*[gutter-40]*/
.grid-container.gutter-40 .row .grid:first-of-type {
    margin-left: 0;
}

/*
	ROW
*/


/*[row]*/
.grid-container .row {
    overflow: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
}

    /*[row]*/
    .grid-container .row:last-of-type {
        margin-bottom: 0;
    }

/*[gutter-0]*/
.grid-container.gutter-0 .row {
    margin-bottom: 0px;
}

/*[gutter-20]*/
.grid-container.gutter-20 .row {
    margin-bottom: 20px;
}

/*[gutter-40]*/
.grid-container.gutter-40 .row {
    margin-bottom: 40px;
}

/*[gutter-0 row]*/
.grid-container.gutter-0 .row:last-of-type {
    margin-bottom: 0;
}

/*[gutter-20 row]*/
.grid-container.gutter-20 .row:last-of-type {
    margin-bottom: 0;
}

/*[gutter-40 row]*/
.grid-container.gutter-40 .row:last-of-type {
    margin-bottom: 0;
}




/*[grid-50]*/
.grid-50 {
    width: calc(50% - 5px);
}

/*[grid-33]*/
.grid-33 {
    width: calc(33.333% - 6.66px);
}

/*[grid-2-33]*/
.grid-2-33 {
    width: calc(66.66% - 3.34px);
}


/*[grid-3-25]*/
.grid-3-25 {
    width: calc(75% - 2.5px);
}

/*[grid-25]*/
.grid-25 {
    width: calc(25% - 7.5px);
}


/*
	GUTTER 0
*/

/*[gutter-0 grid-50]*/
.gutter-0 .grid-50 {
    width: 50%;
}

/*[gutter-0 grid-33]*/
.gutter-0 .grid-33 {
    width: 33.33%;
}

/*[gutter-0 grid-2-33]*/
.gutter-0 .grid-2-33 {
    width: 66.66%;
}

/*[gutter-0 grid-3-25]*/
.gutter-0 .grid-3-25 {
    width: 75%;
}

/*[gutter-0 grid-25]*/
.gutter-0 .grid-25 {
    width: 25%;
}


/*
	GUTTER 20
*/

/*[gutter-20 grid-50]*/
.gutter-20 .grid-50 {
    width: calc(50% - 10px);
}

/*[gutter-20 grid-33]*/
.gutter-20 .grid-33 {
    width: calc(33.333% - 13.33px);
}

/*[gutter-20 grid-2-33]*/
.gutter-20 .grid-2-33 {
    width: calc(66.66% - 6.67px);
}

/*[gutter-20 grid-3-25]*/
.gutter-20 .grid-3-25 {
    width: calc(75% - 5px);
}

/*[gutter-20 grid-25]*/
.gutter-20 .grid-25 {
    width: calc(25% - 15px);
}


/*
	GUTTER 40
*/

/*[gutter-40 grid-50]*/
.gutter-40 .grid-50 {
    width: calc(50% - 20px);
}

/*[gutter-40 grid-33]*/
.gutter-40 .grid-33 {
    width: calc(33.333% - 26.66px);
}

/*[gutter-40 grid-2-33]*/
.gutter-40 .grid-2-33 {
    width: calc(66.66% - 13.34px);
}

/*[gutter-40 grid-3-25]*/
.gutter-40 .grid-3-25 {
    width: calc(75% - 10px);
}

/*[gutter-40 grid-25]*/
.gutter-40 .grid-25 {
    width: calc(25% - 30px);
}


@media (max-device-width: 736px), (max-width: 736px) {



    .grid-container:not(.not-responsive):not(.partially-responsive) .grid,
    .grid-container:not(.not-responsive):not(.partially-responsive) .grid:first-of-type,
    .grid-container.gutter-20:not(.not-responsive):not(.partially-responsive) .row .grid,
    .grid-container.gutter-40:not(.not-responsive):not(.partially-responsive) .row .grid,
    .grid-container:not(.not-responsive) .row:not(.not-responsive) .grid,
    .grid-container:not(.not-responsive) .row:not(.not-responsive) .grid:first-of-type,
    .grid-container.gutter-20:not(.not-responsive) .row:not(.not-responsive) .grid,
    .grid-container.gutter-40:not(.not-responsive) .row:not(.not-responsive) .grid {
        float: none;
        margin-left: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .grid-container.gutter-0:not(.not-responsive):not(.partially-responsive) .row .grid,
    .grid-container.gutter-0:not(.not-responsive) .row:not(.not-responsive) .grid {
        margin-bottom: 0px;
    }

    .grid-container.gutter-20:not(.not-responsive):not(.partially-responsive) .row .grid,
    .grid-container.gutter-20:not(.not-responsive) .row:not(.not-responsive) .grid {
        margin-bottom: 20px;
    }

    .grid-container.gutter-40:not(.not-responsive):not(.partially-responsive) .row .grid,
    .grid-container.gutter-40:not(.not-responsive) .row:not(.not-responsive) .grid {
        margin-bottom: 40px;
    }


    .grid-container:not(.not-responsive):not(.partially-responsive) .row:not(.not-responsive):last-of-type,
    .grid-container:not(.not-responsive) .row:not(.not-responsive):last-of-type {
        margin-bottom: 0;
    }


    .grid-container .row .grid:last-of-type,
    .grid-container:not(.not-responsive) .row:not(.not-responsive) .grid:last-of-type,
    .grid-container.gutter-20:not(.not-responsive):not(.partially-responsive) .row .grid:last-of-type,
    .grid-container.gutter-40:not(.not-responsive):not(.partially-responsive) .row .grid:last-of-type {
        margin-bottom: 0;
    }

    .icon-separator {
       height: 2px;
    }

    .mobile-display-block {
        display: block !important;
    }
}






/*
	Modules
*/
/*[module]*/
.module {
    padding: 10px;
    background-color: #fff;
    border-top: 5px solid #00b1da;
}

/*[module-primary]*/
.module-primary {
    border-color: #00b1da;
}

/*[module-blue]*/
.module-blue {
    border-color: #00548f;
}

/*[module-green]*/
.module-green {
    border-color: #6dc72a;
}

/*[module-gray]*/
.module-gray {
    border-color: #98aeb4;
}

/*[padding-0]*/
.padding-0 {
    padding: 0 !important;
}

/*[padding-20]*/
.padding-20 {
    padding: 20px;
}



/*[btn]*/
.cisco_container .btn, .cisco_container input[type="submit"], .cisco_container input[type="button"] {
    -webkit-appearance: none;
    background-color: #00b1da;
    padding: 6.5px 10px 6.5px 10px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    box-sizing: border-box;
    min-height: 30px;
    display: inline-block;
    position: relative;
    margin: 5px;
    text-align: center;
    box-shadow: 0 0px 0 #00548f;
    border: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}
    /*[btn]*/
    .cisco_container .btn:hover, .cisco_container input[type="submit"]:hover, .cisco_container input[type="button"]:hover {
        top: -5px;
        box-shadow: 0 5px 0 #00548f;
    }

/*[addToCart]*/
.btn.addToCart {
    background-color: #ffaf00;
    content: '\00a0';
    width: 60px;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 0px 0 #a36a05;
}
    /*[addToCart]*/
    .btn.addToCart:hover {
        box-shadow: 0 5px 0 #a36a05;
    }
    /*[addToCart]*/
    .btn.addToCart::after {
        content: '\e600';
        font-size: 24px;
        text-align: center;
    }

/*[search]*/
.btn.search {
    content: '\00a0';
    width: 60px;
    padding-top: 0;
    padding-bottom: 0;
}
    /*[addToCart]*/
    .btn.search::after {
        content: '\e611';
        font-size: 24px;
        text-align: center;
    }



/*[btn.primary]*/
.btn.primary {
    background-color: #ffaf00;
    box-shadow: 0 0px 0 #a36a05;
}
/*[btn.primary]*/
.btn.addToCart:hover {
    box-shadow: 0 5px 0 #a36a05;
}





/*[r-tabs]*/
.r-tabs {
    position: relative;
    overflow: auto;
}

/*[r-tabs-nav]*/
.r-tabs-nav {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

/*[r-tabs-tab]*/
.r-tabs-tab {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

/*[r-tabs-tab]*/
.r-tabs-tab {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    margin-top: 5px;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

    /*[r-tabs-tab]*/
    .r-tabs-tab:last-of-type {
        margin-right: 0px;
    }

    /*[r-tabs-tab a]*/
    .r-tabs-tab a {
        background-color: #fff;
        color: #00b1da;
        text-decoration: none;
        font-weight: bold;
        padding: 6.5px 10px 6.5px 10px;
        border-radius: 5px 5px 0px 0px;
        height: 30px;
        display: block;
        box-sizing: border-box;
        box-shadow: 0 0px 0 #fff;
        top: 0;
        transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
    }


    /*[r-tabs-state-active a]*/
    .r-tabs-tab.r-tabs-state-active a {
        box-shadow: 0 0px 0 #00b1da;
        background-color: #00b1da;
        color: #fff;
    }

    /*[r-tabs-tab]*/
    .r-tabs-tab:hover {
        top: -5px;
    }
        /*[r-tabs-tab a]*/
        .r-tabs-tab:hover a {
            box-shadow: 0 5px 0 #00b1da;
            background-color: #00b1da;
            color: #fff;
        }

        /*[r-tabs-state-active a]*/
        .r-tabs-tab:hover a {
            box-shadow: 0 5px 0 #00b1da;
        }



.cisco_container input[type="text"], .cisco_container input[type="password"], .cisco_container input[type="date"], .cisco_container input[type="datetime"], .cisco_container input[type="local"], .cisco_container input[type="email"], .cisco_container input[type="datetime"], .cisco_container input[type="number"], .cisco_container input[type="tel"] {
    -webkit-appearance: none;
    height: 30px;
    background-color: #fff;
    color: #393e40;
    border-radius: 5px;
    border: 1px solid #98aeb4;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

label {
    display: block;
    color: #00548f;
    margin-bottom: 10px;
}


.inline {
    display: inline-block;
}

.cisco_container input.requiredInput {
    border: 1px solid #ffaf00;
}





.cisco_container input::-webkit-input-placeholder {
    color: #98aeb4;
}

.cisco_container input:-moz-placeholder {
    color: #98aeb4;
}

.cisco_container input::-moz-placeholder {
    color: #98aeb4;
}

.cisco_container input:-ms-input-placeholder {
    color: #98aeb4;
}



.cisco_container input.requiredInput::-webkit-input-placeholder {
    color: #ffaf00;
    font-weight: bold;
}

.cisco_container input.requiredInput::-webkit-input-placeholder {
    color: #ffaf00;
    font-weight: bold;
}

.cisco_container input.requiredInput:-moz-placeholder {
    color: #ffaf00;
    font-weight: bold;
}

.cisco_container input.requiredInput:-ms-input-placeholder {
    color: #ffaf00;
    font-weight: bold;
}


.cisco_container textarea {
    -webkit-appearance: none;
    background-color: #fff;
    color: #393e40;
    border-radius: 5px;
    border: 1px solid #98aeb4;
    padding: 10px;
    box-sizing: border-box;
}

/*TD Header Footer   - STARTS */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    /* padding-left: 9.375px !important;
    padding-right: 9.375px !important; */
}

.hidden {
    display: none;
}

#shopHeaderContainer {
    line-height: 15px;
    z-index: 2;
}

#shopFooterContainer .container .footerContent h3 {
    margin-top: 30px;
}

    #shopFooterContainer .container .footerContent h3:first-child {
        margin-top: 10px;
    }

    #shopFooterContainer .container .footerContent h3, #shopFooterContainer .container .footerContent h3 a {
        font-family: "Lato",sans-serif !important;
        font-weight: 200 !important;
    }

#shopHeaderContainer #shopHeader-user {
    line-height: 16px !important;
}

#shopFooterContainer .container .footerContent li {
    font-family: "Lato",sans-serif !important;
    font-weight: 400 !important;
}

#shopFooterContainer .container .footerCol-3 {
    padding-left: 50px !important;
}

.bannerLink, .bannerNoLink {
    display: table;
    height: calc(100% - 57px);
    cursor: pointer;
    width: 100%;
}

.landing_banner .bannerLink, .landing_banner .bannerNoLink {
    display: table;
    height: calc(100%);
    cursor: pointer;
    width: 100%;
}

.bannerNoLink {
    cursor: default;
}

.tdcorp-slider-section .bannerTextDiv {
    display: table-cell;
    vertical-align: middle;
}

    .tdcorp-slider-section .bannerTextDiv .banner-text-content {
        position: relative;
        top: 0;
        max-width: 1225px;
        float: none;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
    }

@media (max-width:1024px) {
    .bannerSection {
        margin-top: 0;
        z-index: 0;
    }
}
/*@font-face {
  font-family: 'lato-light-webfont';
  src: url(../fonts/lato/lato-light-webfont.eot);
  src: url(../fonts/lato/lato-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-light-webfont.woff) format('woff'), url(../fonts/lato/lato-light-webfont.ttf) format('truetype'), url(../fonts/lato/lato-light-webfont.svg#lato-light-webfont) format('svg');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'lato-regular-webfont';
  src: url(../fonts/lato/lato-regular-webfont.eot);
  src: url(../fonts/lato/lato-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-regular-webfont.woff) format('woff'), url(../fonts/lato/lato-regular-webfont.ttf) format('truetype'), url(../fonts/lato/lato-regular-webfont.svg#lato-regular-webfont) format('svg');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'lato-bold-webfont';
  src: url(../fonts/lato/lato-bold-webfont.eot);
  src: url(../fonts/lato/lato-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato/lato-bold-webfont.woff) format('woff'), url(../fonts/lato/lato-bold-webfont.ttf) format('truetype'), url(../fonts/lato/lato-bold-webfont.svg#lato-bold-webfont) format('svg');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }*/


.mobile-scale {
    width: 100%;
}

.gallery .item {
    height: 450px;
}


.imageGallerySection .bx-controls, .event_date span, .event_description span:last-child {
    display: block;
}

.contributions_list {
    float: left;
}

    .contributions_list li {
        clear: both;
    }

.internships_image {
    margin-top: 20px;
}

.event_details {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.event_date {
    width: 60px;
    float: left;
    border: 1px solid #348d93;
    text-align: center;
    background-color: #cfeef3;
}

    .event_date span:first-child {
        border-bottom: 1px solid #348d93;
    }

    .event_date span:last-child {
        font-size: 26px;
    }

.event_description {
    width: calc(100% - 70px);
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}

    .event_description span:first-child {
        color: #00548f;
    }

.event_details:last-child {
    margin-bottom: 30px;
}

.para_full_width p {
    width: 100%;
}

#shopHeader-menuContainer ul li {
    padding: 0px;
}

#shopHeader-menuContainer li {
    list-style: none;
    list-style-type: none;
}

/*TD Header Footer   - ENDS */
