.app-container h1, .app-container h2 {
        font-size: 3.125rem; font-family: "ACT Easy", sans-serif;
        text-transform:uppercase;
	font-weight: normal;
        margin:0 0 50px 0;
        position:relative;
    }

    .app-container h3 {
        color:#0064ac; font-size: 2.125rem;
        font-family: "ACT Easy", sans-serif;
        font-weight: normal;
        margin: 0;
    }

    .app-container h1:after, .app-container h2:after {
        height: 0.38em;
        width: 1.5em;
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.65em;
    }

    .app-container h1:after {
        background-color: #fff;
    }
    .app-container h2:after {
        background-color: #313131;
    }

    .app-container h1{ color:#fff; }
    .app-container h2{ color:#313131; }
    .app-container p, ul { font-size: 1.0rem; font-family: "ACT Easy", sans-serif; line-height:25px; }
    .app-container p { color:#313131; }
    .app-container ul li { color:#686666; }
    .app-container img { width:100%; height:auto; }

    .center{
        max-width: 908px;
        margin:0 auto;
    }
    .download-app-container ul {
        list-style:none;
        margin:0; padding:0;
    }
    .download-app-container ul li a{
        width:135px;
        height:40px;
        display:block;
        cursor:pointer;
    }
   .download-app-container ul li {
        float:left;
        margin:0 10px 10px 0;
    }
    .download-app-container ul li a.gplay-fr { background: url(../../images/special-page/couche-tard/b-gplay-fr.png) left top no-repeat; }
    .download-app-container ul li a.gplay-en { background: url(../../images/special-page/couche-tard/b-gplay-en.png) left top no-repeat; }
    .download-app-container ul li a.gplay-fr:hover { background: url(../../images/special-page/couche-tard/b-gplay-fr-hover.png); }
    .download-app-container ul li a.gplay-en:hover { background: url(../../images/special-page/couche-tard/b-gplay-en-hover.png); }

    .download-app-container ul li a.app-store-fr { background: url(../../images/special-page/couche-tard/b-app-store-fr.png) left top no-repeat; }
    .download-app-container ul li a.app-store-en { background: url(../../images/special-page/couche-tard/b-app-store-en.png) left top no-repeat; }
    .download-app-container ul li a.app-store-fr:hover { background: url(../../images/special-page/couche-tard/b-app-store-fr-hover.png); }
    .download-app-container ul li a.app-store-en:hover { background: url(../../images/special-page/couche-tard/b-app-store-en-hover.png); }
    .app-circle {
        background-color: #ee1313;
        position: absolute;
        top: calc(50% - 225px);
        z-index: 0;
        border-radius: 50%;
        display: block;
        position: relative;
        overflow: hidden;
        font-family: "ACT Easy", sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.2em;
        height: 450px;
        width: 450px;
        position:absolute;
        z-index:-1;
        left:-45%;
    }

    @media (max-width: 570px) {
        .app-container {
            overflow-x: hidden;
        }
    }


/*  -------------------------------------------------------------------
    Header ------------------------------------------------------------ */
    .app-header-container {
        width:100%;
        background: url(../../images/special-page/couche-tard/bg-header.jpg) center top no-repeat;
        min-height:617px;
        background-size:cover;
        -webkit-box-shadow: 0px 9px 48px -17px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 9px 48px -17px rgba(0,0,0,0.50);
box-shadow: 0px 9px 48px -17px rgba(0,0,0,0.50);
    }

    @media (max-width: 414px) {
        .app-header-container {
            padding: 25px 0 50px;
        }
        /*.download-app-container a {
            margin-bottom: 10px;
        }*/
    }

    .app-header-container p, .app-header-container h2 {
        color:#fff;
    }
    .app-header-container p { margin-bottom:70px; }
    .app-header-container h2 {
        font-size:16px;
        margin-bottom:15px;
    }
    .app-header-container h2:after {
        height:inherit;
    }
    .app-header-left {
        position:relative;
        max-width:456px;
        float:left;
        z-index:2;
        padding-top:160px;
    }

    .app-header-right {
        float:right;
        z-index:2;
        margin-top:82px;
        max-width:368px;
    }


/*  -------------------------------------------------------------------
    Section Coupons --------------------------------------------------- */
    .app-section-coupons {

    }
    .app-coupons-left {
       max-width:380px;
       float:left;
       padding-top:57px;
    }
    .app-coupons-right {
       float:right;
       max-width:435px;
       padding-top:240px;
    }
    .mobile-dots {
        display: none;
    }


/*  -------------------------------------------------------------------
    Section Map --------------------------------------------------- */
    .app-section-map {
        background: url(../../images/special-page/couche-tard/bg-map.jpg) center top no-repeat;
        width:100%;
        min-height:433px;
        background-size:cover;
        margin-top:65px;
    }
    .app-map-left {
       float:left;
       margin-top:80px;
       background-color:#fff;
       padding:47px 100px 47px 65px;
       -webkit-box-shadow: 2px -1px 71px -30px rgba(0,0,0,0.75);
       -moz-box-shadow: 2px -1px 71px -30px rgba(0,0,0,0.75);
       box-shadow: 2px -1px 71px -30px rgba(0,0,0,0.75);
    }
    .app-map-left img { max-width:60px; margin-bottom :15px; }
    .app-map-left-content { max-width:293px; }
    .app-map-left p {
        text-transform:uppercase; font-size: 0.875rem;
    }
    .app-map-left ul {
        list-style-type: disc;
        margin-top:30px; padding-left:24px;
    }
    .app-map-left ul li{ margin-bottom:5px; }

    .app-map-right {
       float:right;
       max-width:444px;
       padding-top:240px;
    }
    .app-map-left-content p {
        margin-top: 15px;
        margin-bottom: 15px;
    }


/*  -------------------------------------------------------------------
    Section Promos ---------------------------------------------------- */
    .app-section-promos {
        position:relative;
        padding-bottom: 155px;
    }

    .app-promos-left {
        max-width:468px;
        padding-top: 155px;
        float:left;
    }

    .app-promos-right {
       position:absolute;
       right:0;
       top:0;
       display:block;
       max-width: 608px;
    }
    @media (max-width: 1300px) {
        .app-promos-right {
            width:45%;
        }
    }
    .app-promos.mobile { display:none; }


/*  -------------------------------------------------------------------
    Section Coupons Surprise ------------------------------------------ */
    .app-section-coupons-suprise {
        background: #f4f4f4 url(../../images/special-page/couche-tard/bg-doted.png) top left repeat-x;
        min-height:396px; width:100%;
        position:relative;
    }

    .app-coupons-suprise-right {
        float:right;
        /*width:575px;*/
        background-color:#f4f4f4;
        z-index:5;
        position:relative;
        padding-top:135px;
        /*padding-right: 22%;*/
        padding-right: 24%;
    }
    .app-coupons-suprise-right .center {
        /*max-width:586px;*/
        width: auto;
    }

    .app-coupons-suprise-right .coupons {
        float:left;
        /*width:inherit;*/
        max-width: 193px;
        width: 100%;
    }
    .app-coupons-surprise-content {
        float:right;
        max-width:360px;
        width: 100%;
        margin-left: 30px;
    }
    .app-coupons-surprise-content p {
        margin-top: 16px;
        margin-bottom: 16px;
    }


/*  -------------------------------------------------------------------
    Section Download -------------------------------------------------- */
    .app-section-download {
        background-color:#00437b;
        width:100%;
        padding:72px 0 72px 0;
        overflow:hidden;
        z-index:0;
        position:relative;
        margin-bottom: 60px;

    }
    .app-section-download h2 {
        color:#fff;
    }
    .app-section-download h2:after {
        color:#fff;
        background-color:#fff;
    }
    .app-download-content { position:relative; }
    .app-download-content  .app-circle {
        left:-21%;
    }


/*  -------------------------------------------------------------------
    others ------------------------------------------------------------ */
    .clear{ clear:both; }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
/*  -------------------------------------------------------------------
    Media Query ------------------------------------------------------- */
    @media (max-width: 870px) {
        .center{ max-width:468px; }

        .app-header-right {  display:none;  }

        .app-header-left { float:none; }
        .app-coupons-left { float: none; }
        .app-coupons-right {
            float: none;
            margin:0 auto;
            padding-top:25px;
        }
        .app-section-map { padding-top: 1px; }
        .app-map-left {
            float:none;
            margin: 0 auto;
            /*max-width: 279px;*/
            margin-top:80px;
            padding-top:30px;
        }
        .app-section-promos { padding-bottom: 0; }
        .app-promos-right { display:none; }
        .app-promos.mobile {
            display:block;
            margin-top:90px;
            /*padding-left:70px;*/
        }
        .app-promos-left {
            max-width: 468px;
            padding-top: 50px;
            float: none;
            padding-left: 0;
            margin:0 auto;
        }
        .app-coupons-suprise-right {
            padding:68px 32% 68px 0;
            /*max-width: 47%;*/
        }
        .app-section-coupons-suprise {
            background-position: 8px -74px;
            margin-top:45px;
        }
        .app-coupons-suprise-right .coupons {
            max-width: 161px;
            float:none;
        }
        .app-coupons-surprise-content {
            float:none;
            max-width: 360px;
            margin-top:26px;
            margin-left: 0;
        }

    }

    @media (max-width: 767px) {
        .app-section-download {
            margin-bottom: 0;
        }
    }

    @media (max-width: 570px) {
        .app-container h1, .app-container h2 { font-size: 2.125rem; }
        .app-container h3 {
            color:#0064ac;
            /*font-size: 1.325rem;*/
        }
        .app-header-container h2 {
            font-size: 1.125rem;
        }
        .app-container p, ul { font-size: 0.9rem; }
        .app-container p {
            margin-top: 1em;
            margin-bottom: 1em;
        }
        .center {
            padding:0 30px 0 30px;
            width:85%; max-width:85%;
        }
        .app-section-map .center{
            padding:0;
        }
        .app-map-left {
            padding: 47px 30px;
        }
        .app-coupons-suprise-right {
            max-width: 100%;
            float: none;
            text-align: right;
            padding-right: 0;
        }
        .app-coupons-suprise-right img {
            /*padding-right: 10%;*/
        }
        .app-section-coupons-suprise {
            background: none;
            min-height: inherit;
        }
        .app-coupons-surprise-content {
            text-align: left;
        }
        .left-dots {
            position: relative;
        }
        .mobile-dots {
            display: block;
            position: absolute;
            right: 182px;
	    top: 2px;
            height: 71px;
            width: auto;
        }
    }

    @media (max-width: 420px) {
        .app-header-left {
            padding-top:100px;
        }
        .mobile-dots {
	    top: 12px;
        }
    }