/******************************************************************
                CAMPAIGN SHOP REDESIGN SUMMER 2019
*******************************************************************/

/**** REPEATED ELEMENTS *****/

.tiny-capitals{
    text-transform: uppercase;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.line-extend-wrapper{
    width: 50px;
    height: 2px;
    margin: 7px 20px 0 0;
}

.line-extend{
    float:left;
    width:0;
    height:100%;
    -webkit-transition:width 1.5s;
    -moz-transition:width 1.5s;
    -o-transition:width 1.5s;
    transition:width 1.5s;
}
.line-extend-pink{
    background-color:#ad2e89;
}
.line-extend.active{
    width:100%;
}

.text-pink{
    color:#ad2e89;
}
.bg-pink{
    background-color:#ad2e89;
}







/***** PAGE STRUCTURE *****/

.page-template-template-shop-home-2019 #main{
    padding-bottom: 150px;
}







/***** SIDEBAR *****/

#campaignshop-home-basket-contents-right{
    /*top: 15vh;*/
    top: 160px;
}

#campaignshop-home-basket-contents-right-tab{
    background-color:#ad2e89;
    border-radius: 20px 0px 0 0;
}

.campaignshop-home-basket-contents-right-item{
    background-color:#f3f3f3;
}

.campaignshop-home-basket-contents-right-item-empty-line{
    background-color:#063751;
}

body.desktop-device .campaignshop-home-basket-contents-right-item:hover .campaignshop-home-basket-contents-right-item-empty-line{
    background-color:#ad2e89;
}

.campaignshop-home-basket-contents-right-item-text{
    color:#222220;
    text-align: left;
}

.campaignshop-home-basket-contents-right-item-image-wrapper i{
    color: #ad2e89;
    font-size: 2rem;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 100%;
    text-align: center;
}

#cs-right-basket-submit{
    margin:0;
    padding:0;
}








/***** STEPS - NOW UP UNDERNEATH THE HEADER *****/
#site-header-sticky{
    
}
.scrolled-down #site-header-sticky{
    
}

#campaign-shop-steps-teasers{
    position:fixed;
    display: table;
    float: none;
    top:100px;
    /*width: auto;*/
    width:100%;
    margin: auto;
    padding: 10px 0 0;
    background:#fff;
    z-index: 2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.scrolled-down #campaign-shop-steps-teasers{
    top:70px;
}

#campaign-shop-step-teasers-items-wrapper{
    display: table;
    margin: auto;
    padding: 0 120px;
}

.campaign-shop-step-teaser{
    width:auto;
    padding: 4px 0;
    margin-bottom: 10px;
    border: none !important;
}

.campaign-shop-step-teaser-number{
    float: left;
    width: 30px;
    height: 30px;
    margin:0;
    background-color:#d4d4d4;
    font-family: 'Muli', sans-serif;
    font-size: 0.8rem;
    line-height: 30px;
    font-weight: 700;
    -webkit-transition:background-color 1s;
    -moz-transition:background-color 1s;
    -o-transition:background-color 1s;
    transition:background-color 1s;
}
.campaign-shop-step-teaser.active .campaign-shop-step-teaser-number{
    background-color:#ad2e89;
}
.campaign-shop-step-teaser-number-text {
    float: left;
    width: auto;
    margin: 0 0 0 10px;
    font-family: 'Muli', sans-serif;
    font-size: 0.9rem;
    color:#828282;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 30px;
    -webkit-transition:color 1s;
    -moz-transition:color 1s;
    -o-transition:color 1s;
    transition:color 1s;
}
.campaign-shop-step-teaser .campaign-shop-step-teaser-number-text.disabled{
    pointer-events:none;
    cursor:default;
}
.campaign-shop-step-teaser.active .campaign-shop-step-teaser-number-text{
    color:#ad2e89;
    font-weight: 600;
}

.desktop-device .campaign-shop-step-teaser.active .campaign-shop-step-teaser-number-text:hover{
    color:#01334D;
}
.desktop-device .campaign-shop-step-teaser.active .campaign-shop-step-teaser-number-text.disabled:hover{
    color:#ad2e89;
}

.campaign-shop-step-teaser-number-text::after{
    content:">";
    padding: 0 20px;
    color:#828282;
}

.campaign-shop-step-teaser:last-of-type .campaign-shop-step-teaser-number-text::after{
    content:"";
    padding: 0;
}



/***** HELP TAB TO OPEN THE TUTORIAL POPUP *****/
#cs-help-tab-wrapper{
    top: 15vh;
    left: 0;
    z-index: 30;
}

#cs-help-tab{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    background-color: #ad2e89;
    line-height: 100%;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transition: .2s background-color;
    -moz-transition: .2s background-color;
    -o-transition: .2s background-color;
    transition: .2s background-color;
}
#cs-help-tab i{
    position: absolute;
    top: 23px;
    transform: rotate(90deg);
    right: 25px;
    display:none;
}







/***** INTRO SECTION *****/


/***** CAMPAIGN TEASERS - ADDED A NEW CLASS FOR THIS VERSION TO COVER ALL TEASERS *****/

.campaign-shop-19-teaser{
    width: 22%;
    /*margin-bottom: 100px;*/
    margin-bottom: 50px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    
    padding: 6px 6px 0 6px;
    outline: 3px solid #fff;
    -webkit-transition:outline-color 1s;
    -moz-transition:outline-color 1s;
    -o-transition:outline-color 1s;
    transition:outline-color 1s;
}

.campaign-shop-19-teaser.active{
    /*outline-color: rgba(153,51,153,0.5);*/
    outline-color: rgb(0, 51, 102,1);
}

.campaign-shop-19-teaser .campaign-shop-tab-heading{
    min-height:54px; /* THIS IS MOSTLY FOR THE CART PAGE FOR BLANK ITEMS */
    background: #d4d4d4;
    margin:0 0 8px;
    padding: 12px 0;
    color: #ad2e89;
    text-align: center;
    font-size: 1.05rem;
}

.campaign-shop-19-teaser .campaign-selection-customise-teaser-image{
    background-color:#f3f3f3;
}

.campaign-shop-19-teaser .teaser-image{
    padding: 0;
    background: none;
    margin-bottom: 8px;
}
.campaign-shop-19-teaser .teaser-image > img{
    margin: 0;
    width: 100%;
    height: auto;
    max-height: none;
    box-shadow: none;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
}

.campaign-shop-19-teaser > .campaign-shop-see-campaign-details,
.campaign-shop-19-teaser > .campaign-shop-see-campaign-preview{
    padding: 17px;
    color:#fff;
    font-family: 'Muli', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0px;
    border:2px solid;
}

.campaign-shop-19-teaser > .campaign-shop-see-campaign-details{
    /*background-color: #ad2e89;
    border-color:#ad2e89;*/
    background-color:#fff;
    border-color:#ad2e89;
    color:#04334d;
    margin-bottom: 5px;
}

.campaign-shop-19-teaser > .campaign-shop-preview-button{
    padding: 17px;
    color: #fff;
    font-family: 'Muli', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0px;
    border: 2px solid;
    background-color:#8294a8;
    border-color:#8294a8;
}

body.desktop-device .campaign-shop-19-teaser > .campaign-shop-see-campaign-details:hover,
body.desktop-device .campaign-shop-19-teaser > .campaign-shop-see-campaign-preview:hover,
body.desktop-device .campaign-shop-19-teaser > .campaign-shop-preview-button:hover{
    /*background-color:#fff;
    color:#04334d;*/
    background-color: #ad2e89;
    border-color:#ad2e89;
    color:#fff;
}

.campaign-shop-19-teaser > .campaign-shop-see-campaign-details.selected{
    /*background-color:#fff;
    color:#04334d;*/
    background-color: #ad2e89;
    border-color:#ad2e89;
    color:#fff;
}

.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper{
    position:relative;
    margin-top: 10px;
}

.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper select{
    margin-bottom: 7px;
    background-color:#fff;
    border:2px solid #ad2e89;
    /*display:none;*/
}

.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper select option{
    
}
.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper select option.one-of-the-selected{
    pointer-events: none;
    opacity:0.5;
}

/*.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper .select-selected{
    background-color:blue;
}
.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper .select-selected:after,
.campaign-shop-19-teaser .campaign-select-quantity-select-wrapper .select-selected::after{
    background-color:green;
    position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}*/



/***** SOCIAL VERSIONS OF TEASERS *****/

#campaign-selection-customise-social-teasers .campaign-shop-19-teaser{
    width:30.333%;
}

.campaign-selection-customise-social-teaser{
    padding: 6px;
}
.campaign-selection-customise-social-teaser.active{
    
}

.campaign-selection-customise-social-teaser-image i{
    font-size: 5rem;
    /*background-color: #fff;*/
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    text-align: center;
    line-height: 8rem;
}

.campaign-selection-customise-social-teaser-image .fa-linkedin{
    color:#0084bf;
}
.campaign-selection-customise-social-teaser-image .fa-twitter{
    color:rgb(29, 161, 242);
}
.campaign-selection-customise-social-teaser-image .fa-facebook{
    color:#4267b2;
}



/***** ALREADY IN CART VERSION *****/
.campaign-shop-19-teaser.already-in-cart{
    opacity: 0.5;
    pointer-events: none;
}



/***** PINK HEADING VERSION *****/
.campaign-shop-19-teaser.teaser-pink-heading-bg .campaign-shop-tab-heading{
    /*background-color:#ad2e89;
    color:#fff;*/
    color: #ad2e89;
    background-color: #d4d4d4;
}



/***** CART ENTRY TEASERS *****/
.shop-basket-item{
    
}

.campaign-shop-19-teaser.shop-basket-item .campaign-selection-customise-teaser-image{
    background-color: #f3f3f3;
}



/***** BLANK CART ENTRIES *****/
.shop-basket-item-empty .shop-basket-item-link{
    height:100% !important;
}






/******************** NEXT AND PREVIOUS BUTTONS ********************/

.campaign-shop-stages-buttons-wrapper{
    width: auto;
    float: none;
    display: table;
    margin: auto;
    clear:both;
}

.campaign-shop-stages-button{
    position:relative;
    float: left;
    width: 300px;
    padding: 14px 0;
    margin: 0 5px;
    color:#fff;
    cursor:pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 1px;
    -webkit-transition:background-color .3s, opacity .3s;
    -moz-transition:background-color .3s, opacity .3s;
    -o-transition:background-color .3s, opacity .3s;
    transition:background-color .3s, opacity .3s;
}

.campaign-shop-stages-button-next.inactive{
    opacity:0.2;
    pointer-events: none;
}

.campaign-shop-stages-button .fa{
    position:absolute;
    top: calc(50% - 6px);
}
.campaign-shop-stages-button .fa-chevron-left{
    left: 7%;
}
.campaign-shop-stages-button .fa-chevron-right{
    right: 7%;
}
.campaign-shop-stages-button-back{
    background-color:#ccc;
}
.campaign-shop-stages-button-next{
    background-color:#ad2e89;
}
.campaign-shop-stages-button-save{
    background-color:#01334D;
}

.desktop-device .campaign-shop-stages-button:hover{
    background-color: #8294a8;
}





/********************* THE STEPS IN THE CAMPAIGN SHOP PROCESS **********************/

.campaign-shop-step-wrapper{
    /*display:none;
    position:absolute;*/
    /*padding-bottom:150px;*/
    padding: 50px 0 0;
}

.campaign-shop-step-wrapper.active{
    /*position:relative;
    display:block;*/
}

.cs-step-wrapper{
    margin-bottom:150px;
}



/***** REDONE VERSION - STEPS 2,3 AND 4 IN ONE SECTION THAT STARTS OFF HIDDEN *****/
#campaign-shop-step-1-wrapper,
#cs-step-2-all-parts-wrapper{
    display:none;
    position:absolute;
}
#campaign-shop-step-1-wrapper.active,
#cs-step-2-all-parts-wrapper.active{
    position:relative;
    display:block;
}





.cs-step-intro-text{
    /*display:none;
    position:absolute;*/
    max-width: 1024px;
    margin: auto;
    float: none;
}
.cs-step-intro-text.active{
    /*display:block;
    position:relative;*/
}














/*************** SOCIAL ******************/
#campaign-selection-customise-social-teasers-inner{
    width: auto;
    float: none;
    display: table;
    margin: auto;
}



/****************** BLOGS *****************/
#campaign-selection-customise-blogs{
    
}

/*** LEFT SIDE ***/

#campaign-selection-customise-blogs-left{
    width: 27%;
}
#campaign-selection-blogs-teaser{
    width:100%;
    margin: 0;
}
.campaign-selection-blogs-teaser-title{
    
}
#campaign-selection-blogs-teaser-image{
    
}

/*** RIGHT SIDE ***/

#campaign-selection-customise-blogs-right{
    width: 65%;
}

#campaign-selection-customise-blogs-text-content{
    
}

#campaign-selection-customise-blogs-top-line-wrapper{
    margin-bottom: 30px;
}

#campaign-selection-customise-blogs-heading-wrapper{
    
}

#campaign-selection-customise-blogs-heading-wrapper .section-heading{
    
}

#campaign-selection-customise-blogs-description-wrapper{
    
}

.selection-customise-blogs-description-point-wrapper{
    margin-bottom: 20px;
}
.campaign-selection-customise-blogs-description-point-number-wrapper{
    width: 50px;
}
.campaign-selection-customise-blogs-description-point-heading{
    margin-bottom: 5px;
    color: #ad2e89;
    font-weight: 700;
    font-size: 1rem;
}
.campaign-selection-customise-blogs-description-point-text-wrapper{
    width: calc(100% - 50px);
}
.campaign-selection-customise-blogs-description-point-text{
    font-size: 0.9rem;
}









/************************************ SCHEDULING PAGE *********************************/










/************************************ BASKET PAGE *********************************/

.shop-basket-item:nth-of-type(3){
    clear:none;
}

#campaign-shop-step-6{
    display:none;
}

#cs-basket-heading-wrapper{
    
}
/*#cs-basket-heading-wrapper .section-heading{
    opacity: 0;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#cs-basket-heading-wrapper .section-heading.active{
    opacity:1;
    position:relative;
}*/
#cs-basket-heading-wrapper-schedule{
    
}
#cs-basket-heading-wrapper-review-order{
    
}



#cs-review-order-table-wrapper{
    
}

.cs-review-order-table-item-wrapper{
    margin-bottom: 50px;
}
.cs-review-order-table-item-image-wrapper{
    width: 150px;
}
.cs-review-order-table-item-details-wrapper{
    width: calc(100% - 150px);
    padding-left: 10px;
}

.cs-review-order-table-item-details-wrapper table{
    border-spacing: 5px 0;
    border-collapse: separate;
}
.cs-review-order-table-item-details-wrapper table th{
    
}
.cs-review-order-table-item-details-wrapper table .sub-heading{
    text-align:left;
}
.cs-review-order-table-item-details-wrapper table .sub-heading .pink-text{
    color:#ad2e89;
}
.cs-review-order-table-item-details-wrapper table tr{
    
}
.cs-review-order-table-item-details-wrapper table tr td{
    padding: 7px 15px;
    font-size: 0.7rem;
    font-weight: 600;
}
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(1){
    width:55%;
}
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(2),
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(3),
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(4){
    width:15%
}
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(2){
    
}
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(3){
    text-align: center;
}
.cs-review-order-table-item-details-wrapper table tr td:nth-of-type(4){
    text-align: center;
}

.cs-review-order-table-item-details-wrapper table tr:nth-child(even){
    background-color:#ebeff2;
}



/***** REMOVE CAMPAIGN BUTTON - CLEAR VERSION *****/
/*.shop-basket-item-remove{
    float: left;
    color: #01334D;
}
.shop-basket-item-remove i{
    margin-right: 10px;
    color: #ad2e89;
    font-size: 1.2rem;
}
.shop-basket-item-remove span{
    margin-top: 4px;
    float: right;
}*/

/***** REMOVE/EDIT CAMPAIGN BUTTONS - PINK BUTTON VERSION *****/
.shop-basket-item-remove-edit-button{
    float: left;
    padding: 10px 20px;
    margin-right: 20px;
    color: #fff;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.shop-basket-item-remove-edit-button i{
    margin-right: 12px;
    font-size: 1rem;
}
.shop-basket-item-remove-edit-button span{
    margin-top: 0;
    float: right;
}
.desktop-device .shop-basket-item-remove-edit-button:hover{
    background-color:#8294a8;
}

.shop-basket-item-remove{
    background-color: #ad2e89;
}

.shop-basket-item-edit{
    background-color: #01334D;
    font-size: 0.7rem;
    font-weight: 600;
}



/***** THE BLANK ROW TO PUSH THE FINAL ROW DOWN *****/
.cs-review-order-table-spacer-row{
    height:10px;
}
.cs-review-order-table-item-details-wrapper table .cs-review-order-table-item-print-source-wrapper{
    background: none !important;
}
.cs-review-order-table-item-details-wrapper table tr .cs-review-order-table-item-print-source{
    font-size: 0.8rem;
    padding-left: 14px;
    font-weight: 500;
}



/***** THE FINAL ROW WITH TOTAL PRICE *****/
.cs-review-order-table-item-details-wrapper table .cs-review-order-table-total-row{
    background: none !important;
}
.cs-review-order-table-item-details-wrapper table .cs-review-order-table-total-row td{
    padding: 0;
}
.cs-review-order-table-item-details-wrapper table .cs-review-order-table-total-row .cs-review-table-total-text{
    padding-right: 15px;
    text-align: right !important;
}
.cs-review-order-table-item-details-wrapper table .cs-review-order-table-total-row .cs-review-table-item-total-price{
    border: 2px solid #ad2e89;
    color: #ad2e89;
    font-weight: 700;
}



/***** ADDITIONAL INSTRUCTIONS SECTION *****/
#cs-review-order-form-textarea-wrapper{
    max-width: 500px;
    margin-left: 165px;
}
#cs-review-order-form-textarea-wrapper .sub-heading{
    letter-spacing: 0;
}



/***** THE FINAL TOTAL SECTION *****/
.cs-review-table-total-text{
    margin-right: 15px;
    font-size: 1rem;
    font-weight: 700;
}
.cs-review-order-total-price{
    background-color: #01334D;
    color: #fff;
    padding: 20px 50px;
}

/* OVERRIDES FOR THE PLACE ORDER BUTTON */
#campaign-shop-stages-buttons-wrapper-place-order{
    margin:0 0 0 155px;
}

#campaign-shop-stages-button-back-6{
    max-width: 40%;
}
#campaign-shop-stages-button-next-6{
    width: 500px;
    max-width: 60%;
    padding: 0;
}
#campaign-shop-stages-button-next-6 .woocommerce form .form-row{
    margin: 0;
}
.woocommerce-checkout #payment #place_order{
    padding: 14px 0;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 1px;
    font-family: 'Muli', sans-serif;
    background:none;
    line-height: 1.5;
}
body.desktop-device .woocommerce-checkout #payment #place_order:hover{
    background:none;
}

/* HIDE THE WOOCOMMERCE ERROR MESSAGES THAT MIGHT BE STORED UP */
.woocommerce-notices-wrapper{
    display:none;
}










/************** SCHEDULING AND AND BASKET PAGE ****************/
#cs-step-intro-text-step-5,
#cs-step-intro-text-step-6{
    display:none;
    position:absolute;
}
#cs-step-intro-text-step-5.active,
#cs-step-intro-text-step-6.active{
    display:block;
    position:relative;
}










/********** THANK YOU PAGE **********/

/*** INTRO ***/
#cs-thank-you-intro-section-wrapper{
    margin: 80px 0;
}
.circle-tick-wrapper{
    background: #ad2e89;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 50px;
    border-radius: 50%;
    position: relative;
}
.circle-tick-wrapper img{
    width: 50px;
    height: auto;
    position: absolute;
    top: 25px;
    left: 25px;
}

#cs-thank-you-intro-wrapper{
    
}
#cs-thank-you-intro-wrapper .section-heading{
    margin-bottom: 15px;
}
#cs-thank-you-intro-wrapper .sub-heading{
    text-align: center;
    font-style: italic;
    margin-bottom: 12px;
    letter-spacing: 0;
}
#cs-thank-you-intro-wrapper p{
    text-align: center;
    font-size: 0.75rem;
}



/*** NEXT STEPS SECTION ***/
#cs-thank-you-next-steps-section-wrapper{
    margin-bottom: 80px;
}
#cs-thank-you-next-steps{
    display: flex;
    flex-direction: row;
}

.cs-thank-you-next-step-wrapper{
    width: 33.333%;
    flex-basis: 33.333%;
    padding: 10px 30px 0 10px;
}
.cs-thank-you-next-step-number{
    height: 55px;
    width: 55px;
    background: #ad2e89;
    display: block;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #fff;
}
.cs-thank-you-next-step-number span{
    color: #fff;
    line-height: 42px;
    width: 50px;
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    left: 0;
}
.cs-thank-you-next-step-content{
    height: 100%;
    background-color: #f3f3f3;
    padding: 50px 40px;
    float: left;
}
.cs-thank-you-next-step-heading{
    margin-bottom: 7px;
    font-family: 'Playfair Display', serif;
}
.cs-thank-you-next-step-body{
    font-size: 0.75rem;
}



/*** CONTACT SECTION ***/
#cs-thank-you-contact-section-wrapper{
    margin-bottom:100px;
}
#cs-thank-you-contact-content-wrapper{
    padding-bottom: 20px;
    overflow: hidden;
}
#cs-thank-you-contact-content-wrapper .sub-heading{
    letter-spacing: 0;
    font-style: italic;
    text-align: center;
    padding: 0 50px;
    float: none;
    width: auto;
    display: table;
    margin: 0 auto 20px;
}

.cs-thank-you-contact-item{
    margin-bottom: 20px;
    text-align:center;
}
#cs-thank-you-contact-item-phone{
    
}
#cs-thank-you-contact-item-email{
    
}
.cs-thank-you-contact-item i{
    color: #ad2e89;
    font-size: 1.1rem;
}
.cs-thank-you-contact-item span{
    clear: both;
    display: block;
    font-size: 0.8rem;
}
.cs-thank-you-contact-item span a{
    color: #01334D;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    transition:color .3s;
}
.desktop-device .cs-thank-you-contact-item span a:hover{
    color: #ad2e89;
}

.box-line{
    position: absolute;
    background: #ad2e89;
}
.box-line-top{
    height: 2px;
    top: 18px;
}
.box-line-top-left{
    /*left: 0;*/
}
.box-line-top-right{
    /*right: 0;*/
}
.box-line-side{
    width: 2px;
    top: 18px;
}
.box-line-side-left{
    left: 0;
}
.box-line-side-right{
    right: 0;
}
.box-line-bottom{
    height: 2px;
    bottom: 0;
}
.box-line-bottom-left{
    left: 0;
}
.box-line-bottom-right{
    right: 0;
}







/******************************************************************
                     NEW CAMPAIGN SHOP POPUPS 
*******************************************************************/

body.cs-preview-popup-active{
    overflow-y:hidden;
}

.cs-popup-wrapper{
    flex-direction: column;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    padding: 10vh;
    background-color:rgba(226,226,228,0.9);
    z-index:30;
    display:none;
}
.cs-popup-wrapper.active{
    /*opacity:1;
    z-index:30;
    -webkit-transition:opacity 1s;
    -moz-transition:opacity 1s;
    -o-transition:opacity 1s;
    transition:opacity 1s;*/
}
#cs-popup-wrapper-previews{
    
}

.cs-popup-loading{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cs-popup-loading .loading-icon{
    transform: translate(-50%, 0%);
}

@keyframes loading{
    0% {
        border: 0px solid #04334d;
        width: 0%;
        height: 0%;
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    100% {
        border: 8px solid #04334d;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.cs-popup-close-wrapper{
    position: absolute;
    top: 5vh;
    right: 5vh;
    width: 40px;
    height: 40px;
    cursor:pointer;
    z-index:10;
}
.cs-popup-close-line{
    background: #000;
    height: 2px;
    width: 40px;
    position: absolute;
    top: 19px;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    transition:background-color .3s;
}
.cs-popup-close-line-1{
    transform: rotate(45deg);
}
.cs-popup-close-line-2{
    transform: rotate(-45deg);
}
.desktop-device .cs-popup-close-wrapper:hover .cs-popup-close-line{
    background-color:#ad2e89;
}
#cs-popup-close-wrapper-previews{
    
}

.cs-popup-content{
    width: 100%;
    margin: auto;
    max-width: 1300px;
    /*padding: 60px;*/
    padding: 5vw;
    background-color:#fff;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    max-height: calc(100vh - 20vh);
    overflow-x: hidden;
    overflow-y: auto;
    
    opacity:0;
}
.cs-popup-content.active{
    opacity:1;
    -webkit-transition:opacity 1s;
    -moz-transition:opacity 1s;
    -o-transition:opacity 1s;
    transition:opacity 1s;
}
#cs-popup-content-previews{
    display: flex;
    flex-direction: row;
}
.cs-popup-content.active{
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
}

.cs-popup-preview{
    
}



/*** COLUMNS STRUCTURE ***/
.cs-popup-column-wrapper{
    width: 50%;
    margin-bottom: 10vh;
}
.cs-popup-left-wrapper{
    
}
.cs-popup-right-wrapper{
    padding-left: 50px;
}
#cs-popup-left-wrapper-previews{
    
}
#cs-popup-right-wrapper-previews{
    width: 45%;
}



/*** LEFT COLUMN - TEASERS WRAPPER ***/
.cs-popup-left-preview{
    position:relative;
    display:none;
}
.overview #cs-popup-left-preview-overview{
    display: flex;
}
.print #cs-popup-left-preview-print{
    display: flex;
}
.social #cs-popup-left-preview-social{
    display: flex;
}
.blogs #cs-popup-left-preview-blogs{
    display: block;
}
#cs-popup-left-preview-overview{
    flex-direction: row;
}
#cs-popup-left-preview-print{
    flex-direction: row;
}
#cs-popup-left-preview-social{
    flex-direction: column;
}
#cs-popup-left-preview-blogs{
    flex-direction: column;
}



/*** LEFT COLUMN - TEASERS ***/
#cs-popup-left-preview-overview{
    /*float:left;*/
}
#campaign-overview-preview-image-popup{
    float: none;
    display: table;
    margin: auto;
}

.cs-popup-left-preview-teasers-wrapper{
    
}
#cs-popup-left-preview-teasers-wrapper-print{
    width: 150px;
    padding-right: 50px;
}
.cs-popup-left-preview-teaser{
    
}
.cs-popup-left-preview-teaser-print{
    position: relative;
    float: left;
    width: 100px;
    height: 150px;
    margin: 0 auto 20px;
    border:3px solid #fff;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}
.cs-popup-left-preview-teaser-print.active{
    border-color:#ad2e89;
}
.cs-popup-left-preview-teaser-image{
    max-height: 150px;
    margin: auto;
    position: relative;
}
.cs-popup-left-preview-teaser-image-print{
    height: 100%;
}
.cs-popup-left-preview-print-teaser-mask{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    background-color: rgba(173,46,137,0.9);
    opacity: 0;
    font-family: 'Playfair Display', serif;
    text-align: center;
    line-height: 150px;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
}
.desktop-device .cs-popup-left-preview-print-teaser-mask:hover{
    opacity:0.9;
}
#cs-popup-left-preview-teaser-print-a5-flyer{
    
}
#cs-popup-left-preview-teaser-print-dl-flyer{
    
}
#cs-popup-left-preview-teaser-print-a4-insert{
    
}
#cs-popup-left-preview-teaser-print-a2-poster{
    
}



/*** LEFT COLUMN - MAIN IMAGES ***/
.cs-popup-left-preview-main-images-wrapper{
    
}
#cs-popup-left-preview-main-images-wrapper-print{
    /*width: calc(100% - 150px);*/
    width: 80%;
    display: table;
    margin: auto;
    max-width: 400px;
}

.campaign-selection-details-teaser-large-wrapper{
    
}
#campaign-selection-details-teaser-large-wrapper{
    width: 100%;
}
.campaign-selection-details-teaser-large-image-wrapper{
    margin-bottom:20px;
}
.cs-popup-left-preview-teaser-print-content{
    position:absolute;
    top:0;
    width: 95%;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.cs-popup-left-preview-teaser-print-content.active{
    position:relative;
    opacity:1;
}
.campaign-selection-details-teaser-large-image{
    
}
.campaign-selection-details-teaser-large-image-box{
    
}

.campaign-selection-details-teaser-large-image-box.active{
    
}

.campaign-selection-details-teaser-large-image-box > a{
    display: table;
    margin: auto;
    float: none;
}

 
/*** NEW VERSION - WITH ARROWS ***/
.cs-popup-arrow{
    position: absolute;
    top: 45%;
    height: 40px;
    width: 40px;
    background: #01334D;
    border-radius: 50%;
    cursor:pointer;
    /*opacity:1;
    transition:opacity .5s;*/
    transition:background-color .5s;
}
.desktop-device .cs-popup-arrow:hover{
    /*opacity:0.5;*/
    background-color:#ad2e89;
}
.cs-popup-arrow:after,
.cs-popup-arrow::after{
    float: left;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.cs-popup-arrow-prev{
    left: 0;
}
.cs-popup-arrow-prev:after,
.cs-popup-arrow-prev::after{
    content: "<";
}
.cs-popup-arrow-next{
    right: 0;
}
.cs-popup-arrow-next:after,
.cs-popup-arrow-next::after{
    content: ">";
}



/* MIDDLE VERSION */
#cs-popup-left-preview-teaser-print-dl-flyer-content{
    
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-front,
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-back{
    width:50%;
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-front a,
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-back a{
    width:100%;
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-middle{
    width:100%;
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-middle a{
    float:left;
    width: 50%;
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-middle a:nth-of-type(1){
    
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-middle a:nth-of-type(2){
    
}
#cs-popup-left-preview-teaser-print-dl-flyer-content.active .campaign-selection-details-teaser-large-image-middle a:nth-of-type(2){
    float:right;
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-back{
    float:right;
    right:0;
    left:auto;
}
#cs-popup-left-preview-teaser-print-dl-flyer-content .campaign-selection-details-teaser-large-image-back.active{
    
}



.campaign-selection-details-teaser-large-wrapper .campaign-selection-details-teaser-large-image{
    /*width: 100%;*/
    box-shadow: 10px 10px 10px #888;
    max-height: 450px;
    width: auto;
    max-width:100%;
}
.campaign-selection-details-teaser-large-image-front{
    
}
.campaign-selection-details-teaser-large-image-back{
    
}
#campaign-selection-details-teaser-large-image-front-image-zoom-link{
    
}
#campaign-selection-details-teaser-large-image-front{
    
}
#campaign-selection-details-teaser-large-image-back-zoom-image-link{
    
}
#campaign-selection-details-teaser-large-image-back{
    
}

.campaign-selection-details-teaser-large-controls{
    background-color:#01334D;
    padding: 10px 40px 12px;
    margin-right:10px;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    color:#fff;
}
.campaign-selection-details-teaser-large-controls.active{
    background-color: #01334D;
    cursor: no-drop;
    opacity: 0.5;
}
body.desktop-device .campaign-selection-details-teaser-large-controls:hover{
    background-color:#ad2e89;
}
body.desktop-device .campaign-selection-details-teaser-large-controls.active:hover{
    background-color:#01334D;
}




/************* THE CONTROLS FOR CHANGING BETWEEN FRONT/BACK ETC **************/
.campaign-selection-details-teaser-large-controls-wrapper{
    float: none;
    display: table;
    margin: auto;
    width: auto;
}
.campaign-selection-details-teaser-large-controls{
    margin: 0 5px;
}
/*** THE MIDDLE BUTTON - ONLY TO APPEAR FOR DL FLYER ***/
#campaign-selection-details-teaser-large-controls-inside{
    display:none;
}










/***************************** SOCIAL CONTENT ****************************/
#cs-popup-left-preview-social{
    width:90%;
}

#cs-popup-left-preview-social-teasers-main-wrapper{
    margin-bottom: 50px;
    
    width: auto;
    max-width: calc(100% - 120px);
    display: table;
    float: none;
    margin: auto;
}
.cs-popup-left-preview-social-teasers-main{
    box-shadow:10px 10px 10px #888;
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.cs-popup-left-preview-social-teasers-main.active{
    position: relative;
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

#cs-popup-left-preview-social-teasers-items-wrapper{
    
}
.cs-popup-left-preview-social-teasers-item{
    position:relative;
    float: left;
    width: calc(50% - 20px);
    border:3px solid #fff;
    -webkit-transition:border-color .5s;
    -moz-transition:border-color .5s;
    -o-transition:border-color .5s;
    transition:border-color .5s;
}
.cs-popup-left-preview-social-teasers-item:nth-of-type(2n-1){
    margin:0 20px 20px 0;
    clear:left;
}
.cs-popup-left-preview-social-teasers-item:nth-of-type(2n){
    margin:0 0 20px 20px;
}
.cs-popup-left-preview-social-teasers-item.active{
    border-color:#ad2e89;
}
.cs-popup-left-preview-social-teasers-item-image{
    
}
.cs-popup-left-preview-social-teasers-item-image-mask-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display:flex;
    flex-direction:column;
    background-color: rgba(173,46,137,0.95);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.cs-popup-left-preview-social-teasers-item-image-mask{
    margin: auto;
    color: #fff;
    font-family: 'Playfair Display', serif;
    text-align: center;
}

.desktop-device .cs-popup-left-preview-social-teasers-item:hover .cs-popup-left-preview-social-teasers-item-image-mask-wrapper{
    opacity: 1;
}












/***************************** BLOGS CONTENT *****************************/
#cs-popup-left-preview-blogs{
    float: left;
    width: 100%;
}

#cs-popup-left-preview-blogs-image{
    width: auto;
    min-width: 60%;
    max-width: 90%;
    max-height: 65vh;
    box-shadow:10px 10px 10px #888;
}









/***** LINKS WRAPPER *****/
#cs-popup-preview-links-wrapper{
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: #ccc 1px solid;
}

.cs-popup-preview-text{
    margin-bottom: 50px;
    font-size: 0.9rem;
}

.cs-popup-select{
    background:none;
}

.cs-popup-preview-link{
    float: left;
    clear: both;
    width: 250px;
    margin-bottom: 10px;
    background: #d4d4d4;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 0;
    font-size: 0.9rem;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    transition:background-color .3s;
}
.cs-popup-preview-link.active{
    
}
.desktop-device .cs-popup-preview-link:hover{
    background-color:#ad2e89;
}

#cs-popup-content-previews.print #cs-popup-preview-link-print{
    display:none;
}
#cs-popup-content-previews.social #cs-popup-preview-link-social{
    display:none;
}
#cs-popup-content-previews.blogs #cs-popup-preview-link-blogs{
    display:none;
}







/***** INTRO WRAPPER *****/

#cs-popup-preview-intro-wrapper{
    position:relative;
}

.cs-popup-preview-intro-content{
    opacity:0;
    position:absolute;
    top:0;
    z-index:-1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.cs-popup-preview-intro-content.active{
    opacity:1;
    position:relative;
    z-index:1;
}

#cs-popup-left-preview-campaign-overview-text .campaign-shop-stages-buttons-wrapper{
    float:left;
}

#cs-popup-left-preview-campaign-overview-text .campaign-shop-stages-button{
    margin:0;
}

.cs-popup-preview-intro-content-social .campaign-shop-social-select{
    /*width: auto;
    padding: 15px 40px;*/
    width: 200px;
    padding: 15px 0;
    font-family: 'Muli', sans-serif;
}
.cs-popup-preview-intro-content-social .campaign-shop-social-select.selected{
    background-color:#ad2e89;
}





/*************************** ERROR MESSAGES **************************/
.cs-step-none-selected{
    
}
.cs-step-changes-saved{
    margin-top: 50px;
    display:none;
}
.cs-step-changes-saved.active{
    display:block;
}
#cs-step-none-selected-step-1{
    display:none;
}
.cs-step-none-selected-text{
    display: table;
    margin: 0 auto 50px;
    padding-top: 40px;
    background-image: url(../img/assets/exclamation-in-circle.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}





/***************************** POPUP MISC OPTIONS ****************************/

#cs-popup-wrapper-misc-options{
    /*display:block;*/
}
#cs-popup-content-misc-options-content-wrapper{
    display:flex;
    width: 100%;
    height: 100%;
}
#cs-popup-content-misc-options{
    display: flex;
    min-height: 80vh;
    padding-left: 6%;
    padding-right: 6%;
}

.cs-popup-misc-options-content-item{
    margin:auto;
    display:none;
}

.cs-popup-misc-options-heading-wrapper{
    padding-top: 100px;
    background:no-repeat 50% 0;
    background-size:60px auto;
    margin-bottom: 50px;
}

#cs-popup-misc-options-heading-wrapper-print-source{
    background-image:url(../img/assets/printer.svg);
}

.cs-popup-misc-options-heading{
    margin-bottom: 20px;
    text-align: center;
    font-size: 2rem;
}
.cs-popup-misc-options-text{
    
}

.cs-popup-misc-options-buttons-wrapper{
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
}
.cs-popup-misc-options-button{
    margin: auto;
    border: 2px solid #ad2e89;
    cursor:pointer;
}
.cs-popup-misc-options-button-border{
    padding: 15px 20px;
    border: 8px solid #fff;
    -webkit-transition:border-color .3s;
    -moz-transition:border-color .3s;
    -o-transition:border-color .3s;
    transition:border-color .3s;
}
.cs-popup-misc-options-button.active .cs-popup-misc-options-button-border{
    border: 8px solid #ad2e89;
}
.cs-popup-misc-options-button-heading{
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 1.4rem;
}
.cs-popup-misc-options-button-text{
    font-size:0.8rem;
    margin-bottom:0;
}

.cs-popup-misc-options-continue-wrapper{
    
}
.cs-popup-misc-options-continue{
    opacity:0.5;
    pointer-events: none;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.cs-popup-misc-options-continue.active{
    opacity:1;
    pointer-events:all;
}

.cs-popup-misc-options-button-print-source{
    width: 32.5%;
}









/******************** POPUP MESSAGES *******************/
#cs-popup-wrapper-messages{
    /*display:block;*/
}
#cs-popup-content-messages{
    /*opacity:1;*/
}
#cs-popup-content-wrapper-messages{
    width: 100%;
    height: 100%;
    display: flex;
    padding-bottom: 50px;
}
.cs-popup-message-content-item{
    text-align:center;
    display:none;
}
#campaign-shop-stages-buttons-wrapper-popup-messages{
    padding-top: 30px;
}







/*************************** TUTORIAL POPUP ***************************/

.desktop-device #cs-help-tab:hover{
    background-color:#999;
}


/***** BODY CLASS TO STOP SCROLL BEHIND THIS *****/
body.cs-tutorial-popup-active{
    overflow-y:hidden;
}

/***** STRUCTURE *****/
#cs-tutorial-popup-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*background: #fff;*/
    background: rgba(226,226,228,0.9);
    z-index: 31;
    /*overflow-y: auto;*/
    display:none;
}
#cs-tutorial-popup-wrapper.do-not-show{
    display:none;
}

#cs-tutorial-popup-inner-wrapper{
    overflow-y: auto;
    position: relative;
    width: calc(100vw - 100px);
    height: calc(100vh - 100px);
    margin: 10vh auto;
    background: #fff;
    max-width: 1300px;
    max-height: calc(100vh - 20vh);
}

#cs-tutorial-popup-content{
    padding-top: 10vh;
    padding-bottom: 10vh;
}



/***** REPEATED CONTENT *****/
.cs-tutorial-close-button{
    margin: 0 auto 10px;
    display: block;
    float: none;
    overflow: hidden;
}
.desktop-device .cs-tutorial-close-button:hover{
    
}



/***** INTRO *****/
#cs-tutorial-intro-wrapper{
    
}
#cs-tutorial-intro-wrapper .section-heading{
    margin-bottom: 25px;
}
#cs-tutorial-intro-wrapper p{
    
}

#cs-tutorial-sub-intro-wrapper{
    max-width: 500px;
    display: block;
    /*margin: 0 auto 80px;*/
    margin: 0 auto;
    float: none;
    overflow: hidden;
}
#cs-tutorial-sub-intro-wrapper .sub-heading{
    color: #ad2e89;
}
#cs-tutorial-sub-intro-wrapper p{
    margin-bottom: 40px;
}
#cs-tutorial-sub-intro-wrapper .cs-tutorial-close-button{
    
}



/***** VIDEO *****/
#cs-tutorial-video-wrapper{
    border-bottom: solid 1px #01334e;
    padding-bottom: 50px;
    margin-bottom: 100px;
}
#cs-tutorial-video{
    
}
#cs-tutorial-video video{
    
}
#cs-tutorial-video-wrapper .cs-tutorial-close-button{
    
}
/*#cs-tutorial-close-action-video-hide-wrapper{*/
.cs-tutorial-close-action-hide-wrapper{
    cursor:pointer;
    position: absolute;
    top: 11px;
    right: 0;
}
/*#cs-tutorial-close-action-video-hide-wrapper .tick-wrapper{*/
.cs-tutorial-close-action-hide-wrapper .tick-wrapper{
    padding-left: 55px;
    position: relative;
}
/*#cs-tutorial-close-action-video-hide-wrapper .tick-wrapper .tick-bg{*/
.cs-tutorial-close-action-hide-wrapper .tick-wrapper .tick-bg{
    position: absolute;
    left: 0;
    top: -6px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ad2e89;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    transition:background-color .3s;
}
/*#cs-tutorial-close-action-video-hide-wrapper .tick-wrapper .tick-image{*/
.cs-tutorial-close-action-hide-wrapper .tick-wrapper .tick-image{
    float:left;
    width: 100%;
    height: 100%;
    background:url(../img/assets/tick-white.svg) no-repeat 50%;
    background-size:60%;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
}
/*#cs-tutorial-close-action-video-hide-wrapper .tick-wrapper .tick-text{*/
.cs-tutorial-close-action-hide-wrapper .tick-wrapper .tick-text{
    color:#ad2e89;
    font-size: 0.9rem;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    transition:color .3s;
}
/*.desktop-device #cs-tutorial-close-action-video-hide-wrapper:hover .tick-wrapper{*/
.desktop-device .cs-tutorial-close-action-hide-wrapper:hover .tick-wrapper{
    
}
/*.desktop-device #cs-tutorial-close-action-video-hide-wrapper:hover .tick-wrapper .tick-bg{*/
.desktop-device .cs-tutorial-close-action-hide-wrapper:hover .tick-wrapper .tick-bg{
    background-color:#01334D;
}
/*.desktop-device #cs-tutorial-close-action-video-hide-wrapper:hover .tick-wrapper .tick-text{*/
.desktop-device .cs-tutorial-close-action-hide-wrapper:hover .tick-wrapper .tick-text{
    color:#01334D;
}
/*.desktop-device #cs-tutorial-close-action-video-hide-wrapper.active .tick-wrapper .tick-image{*/
.desktop-device .cs-tutorial-close-action-hide-wrapper.active .tick-wrapper .tick-image{
    opacity:1;
}



/***** CAMPAIGN STEPS *****/
#cs-tutorial-steps-wrapper{
    
}
#cs-tutorial-steps{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
#cs-tutorial-steps .cs-thank-you-next-step-wrapper{
    width: 50%;
    flex-basis: 50%;
    margin-bottom: 50px;
    padding: 10px 40px 0 10px;
}
#cs-tutorial-steps .cs-thank-you-next-step-number{
    
}
#cs-tutorial-steps .cs-thank-you-next-step-number span{
    
}
#cs-tutorial-steps .cs-thank-you-next-step-content{
    padding: 70px 15%;
}
#cs-tutorial-steps .cs-thank-you-next-step-heading{
    font-size: 1.5rem;
    line-height: 130%;
    margin-bottom: 20px;
}
#cs-tutorial-steps .cs-thank-you-next-step-body{
    font-size: 0.8rem;
}
#cs-tutorial-steps-wrapper .cs-tutorial-close-button{
    
}



/***** CONTACT *****/
#cs-tutorial-contact-text{
    margin-bottom: 50px;
}
#cs-tutorial-contact-text p{
    font-size: 1.8rem;
    font-family: 'Playfair Display', serif;
}
#cs-tutorial-contact-text a{
    color: #ad2e89;
}
.desktop-device #cs-tutorial-contact-text a:hover{
    color: #ad2e89;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    o-transition: color .3s;
    transition: color .3s;
}









/************************* EDIT CAMPAIGN POPUP OPTIONS **************************/
body.cs-popup-options-active{
    overflow-y:hidden;
}

#cs-popup-misc-options-buttons-wrapper-edit-campaign{
    flex-wrap: wrap;
    max-width: 768px;
    margin: 0 auto 50px;
    float: none;
}

#cs-popup-misc-options-heading-wrapper-edit-campaign{
    background-image:url();
}

.cs-popup-misc-options-button-edit-campaign{
    width: 50%;
    padding: 0 7px 15px;
    border:none;
    cursor: default;
}
.cs-popup-misc-options-edit-campaign-button-option{
    padding: 17px 20px;
    border: 2px solid #ad2e89;
    cursor: pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.cs-popup-misc-options-button-edit-campaign .cs-popup-misc-options-button-heading{
    margin-bottom:0;
    font-size: 1rem;
    text-transform: uppercase;
}

.desktop-device .cs-popup-misc-options-edit-campaign-button-option:hover{
    background-color:#ad2e89;
    color:#fff;
}

.cs-popup-misc-options-cancel{
    background-color:#01334D;
}







/***** PLACE ORDER LOADING ICON *****/
#payment{
    
}

#payment .blockOverlay{
    
}
#payment .blockOverlay::before{
    margin-top:0;
}