@font-face {
    font-family: scotialight;
    src: url(../fonts/scotia_rg-webfont.woff2) format('woff2'),url(../fonts/scotia_rg-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: 'scotiabold';
    src: url('../fonts/scotia_bd-webfont.woff2') format('woff2'), url('../fonts/scotia_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'scotiaheadline';
    src: url('../fonts/scotia_headline-webfont.woff2') format('woff2'), url('../fonts/scotia_headline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'scotialight';
    src: url('../fonts/scotia_lt-webfont.woff2') format('woff2'), url('../fonts/scotia_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'scotiaregular';
    src: url('../fonts/scotia_rg-webfont.woff2') format('woff2'), url('../fonts/scotia_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/MyriadPro-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('../fonts/MyriadPro-BoldCond.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-BoldCondIt';
    src: url('../fonts/MyriadPro-BoldCondIt.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-BoldIt';
    src: url('../fonts/MyriadPro-BoldIt.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('../fonts/MyriadPro-Cond.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-CondIt';
    src: url('../fonts/MyriadPro-CondIt.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-It';
    src: url('../fonts/MyriadPro-It.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../fonts/MyriadPro-Light.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-LightIt';
    src: url('../fonts/MyriadPro-LightIt.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../fonts/MyriadPro-Semibold.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-SemiboldIt';
    src: url('../fonts/MyriadPro-SemiboldIt.otf') format('opentype');
}

.dsCountDown:after {
    content: '';
    clear: both
}

.dsCountDown {
    display: inline-flex;
    zoom: 1
}

    .dsCountDown.ds-white {
        color: #000;
        position: relative;
        /*font-family: scotiaregular;*/
        font-family: MyriadPro-Regular;
        font-size: 1.5em;
        border-radius: 2px;
        background: #fff
    }

    .dsCountDown.ds-black, .dsCountDown.ds-flat, .dsCountDown.ds-red {
        position: relative;
        font-family: MyriadPro-Regular;
        /*font-family: scotiaregular*/
    }

.ds-white .ds-element {
    padding: 0;
    margin: 2px
}

.dsCountDown.ds-white > .ds-element.ds-element-seconds {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
    display: none
}

.ds-white .ds-element-title {
    font-size: .6em;
    padding-bottom: 4px
}

.ds-white .ds-element-value {
    font-size: 18px;
    background: #c8cac9;
    padding: 0;
    color: #fff;
    margin: -2px
}

.dsCountDown.ds-black {
    color: #fff;
    font-size: 1em;
    padding: 10px;
    border: 1px solid #323232;
    border-radius: 2px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#686868 0,#444 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#686868),color-stop(100%,#444));
    background: -webkit-linear-gradient(top,#686868 0,#444 100%);
    background: -o-linear-gradient(top,#686868 0,#444 100%);
    background: -ms-linear-gradient(top,#686868 0,#444 100%);
    background: linear-gradient(to bottom,#686868 0,#444 100%)
}

.ds-black .ds-element {
    float: left;
    margin-right: 10px;
    text-align: center;
    border-right: 1px solid #444;
    padding-right: 10px
}

.dsCountDown.ds-black > .ds-element.ds-element-seconds {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.ds-black .ds-element-title {
    font-size: .8em;
    text-transform: lowercase
}

.ds-black .ds-element-value {
    font-size: 2.5em;
    color: #fff;
    text-shadow: 0 -2px 0 #222
}

.dsCountDown.ds-red {
    color: #fff;
    font-size: 1em;
    padding: 10px;
    border: 1px solid #a80000;
    border-radius: 2px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,red 0,#bc0000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,red),color-stop(100%,#bc0000));
    background: -webkit-linear-gradient(top,red 0,#bc0000 100%);
    background: -o-linear-gradient(top,red 0,#bc0000 100%);
    background: -ms-linear-gradient(top,red 0,#bc0000 100%);
    background: linear-gradient(to bottom,red 0,#bc0000 100%)
}

.ds-red .ds-element {
    float: left;
    margin-right: 10px;
    text-align: center;
    border-right: 1px solid #bc0000;
    padding-right: 10px
}

.dsCountDown.ds-red > .ds-element.ds-element-seconds {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.ds-red .ds-element-title {
    font-size: .8em;
    text-transform: lowercase
}

.ds-red .ds-element-value {
    font-size: 2.5em;
    color: #fff;
    text-shadow: 0 -1px 0 #555
}

.dsCountDown.ds-flat {
    color: #000;
    font-size: 1em;
    border: 1px solid #cdcdcd;
    background: #efefef;
    box-shadow: 4px 4px 4px #888
}

.ds-flat .ds-element {
    float: left;
    text-align: center;
    border-right: 1px solid #dedede;
    padding: 7px 17px
}

.dsCountDown.ds-flat > .ds-element.ds-element-seconds {
    border-right: 0
}

.ds-flat .ds-element-title {
    font-size: .8em;
    text-transform: lowercase;
    color: #666
}

.ds-flat .ds-element-value {
    font-size: 2.5em;
    color: #000
}

.ds-days {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px
}

.ds-minutes {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.ds-element-title {
    margin-left: 10px;
    margin-right: 10px
}