.modal-footer {display:block!important}
#hubspot-messages-iframe-container {display:none!important;}
.widget-align-right {display:none!important;}

#AreYouSure .modal-dialog {
    top:15%;
    border: 1px solid  rgb(213,226,234);
    color: rgb(213,226,234);
}
#AreYouSure .modal-content {  background:linear-gradient(180deg, rgba(69,122,172,1) 0%, rgba(69,122,172,0.8) 100%)!important;}

#AreYouSure p {color: rgb(213,226,234);}

#AreYouSure h5 {
    font-family: corpid_c4_regular, Calibri, Arial, sans-serif;
    color: rgb(213,226,234);
}

.james_item:after {
    content: "child";
    position: absolute;
    bottom: 3px;
    left: 50%;
    color: #aaa;
    transform: translate(-50%);
    /* opacity: 0.5; */
    font-weight: 600;
}

.adult_item:after {
  content: "adult";
  position: absolute;
  bottom: 3px;
  left: 50%;
  color: #aaa;
  transform: translate(-50%);
  /* opacity: 0.5; */
  font-weight: 600;
}
#global-navigation {display:none!important;}
#chartSelectButton {opacity:0.4;}

.search-container {display:none!important;}
  
    #SelectCharacter h5,#SelectCharacter p {font-family: corpid_c4_regular, Calibri, Arial, sans-serif;
        color:rgb(213,226,234);
    }
    #SelectCharacter h5 {font-weight:bolder;}

    #SelectCharacter .modal-content {
        max-width: 50%;
        background: linear-gradient(180deg, rgba(69,122,172,0) 1%, rgba(69,122,172,0.9) 40%)!important;
        border: 1px solid rgb(213,226,234);
        top: 18%;
        position: fixed;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .charSelect1,.charSelect2 {
        width:50%;
        text-align:center;
        min-height:100px; 
        color:rgb(213,226,234);
    }

    .charSelect1 img,.charSelect2 img {border:3px solid white;border-radius: 52px;background-color:white;opacity:1;transition:opacity 0.5s;}

    .charSelect1.active img {border: 3px solid #211c35;
                        border-radius: 52px;
                        background-color:#211c35;
                        opacity:1;
    }
    .charSelect2.active img {border: 3px solid #211c35;
                        background-color:#211c35;
                        border-radius: 52px;
                        opacity:1;
    }

    .charSelect1.active:hover img,.charSelect2.active:hover img{
        border-radius: 52px;
        border: 3px solid #211c35;
        background-color:#211c35;
        border-radius: 52px;
        opacity:0.5;
    }

    .charSelect1:hover img {border: 3px solid #726d7f;
                            background-color:#726d7f;
                            border-radius: 52px;
                            opacity:0.5;
    }
    .charSelect2:hover img {border: 3px solid #726d7f;
                        background-color:#726d7f;
                        border-radius: 52px;
                        opacity:0.5;
    }

  .hideThis {display:none!important;}
  #video { position:relative;top:0px;left:-50%; margin:0px;padding:0px;}
  #videoWrapper { position:absolute;top:0px;left:10px; margin:0px;padding:0px;width:100vw;overflow:hidden;height:0px;margin-left:-20px;}
  #feefo-service-review-floating-widgetId {display:none;}
  .hideThisImportant { display:none!important;}
    p {color:black;}
    label {color:black};
		.filesizeTooBig {   
                            color: white;
                            display: inline-block;
                            position: absolute;
                            top: 33%;
                            width: 80%;
                            left: 10%;
                            z-index: 10;
                            background-color: rgba(0,0,0,0.7);
                            padding: 10px;
                            text-align: center;
                        }
                        
		.filesizeTooBig  h4 {color:white;}

        .error_input {border:2px solid red;}
        .feefo-service-review-floating-widgetId {display:none!important;}
         #feefo-service-review-floating-widgetId {display:none!important;}

    #submissionModal{
			background: rgb(213,226,234);
			display: inline-block;
			align-items: center;
			justify-content: center;
			position: fixed;
			top: 20%;
			left: 20%;
			width: 60%;
			height: 400px;
			z-index: 3500;
      font-family:corpid_c4_regular, Calibri, Arial, sans-serif;
      box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
		}

    .formModal .spinner-button {
        position: absolute;
        width: 20%;
        left: 40%;
        top: 40%;
        z-index: 100;
        opacity: 1;
        border: 1px solid rgb(213,226,234);
    }
    .formModal .spinner-border {margin-right:10px;width: 2rem!important;height: 2rem!important;}

    .modal .noMobile {
        max-height:90vh;
        overflow-y:auto;
        overflow-x:hidden;
    }

    #download-modal .modal-dialog {max-width:500px!important;}

    .mod-modal-dialog{
			max-width: 900px!important;
            min-width: 500px;
            width: 90%;
        }
                
	.modal-content{
			border: none;
    		border-radius: 0px;
            background-color:rgb(213,226,234)!important;
            background:rgb(213,226,234)!important;
            font-family:corpid_c4_regular, Calibri, Arial, sans-serif;
		}

    .modal-content h1 {font-family:corpid_c4_regular, Calibri, Arial, sans-serif;}

		.modalThumbnail{
			background-color:    rgb(213,226,234);
			display:             flex;
			flex:                1 1 100%;
			height:              100%;
			overflow:            hidden;
			padding:             0;
			position:            relative;
		}
		button.close{
			border-radius: 50%;
			background: rgb(213,226,234);
			display: flex;
			height: 30px;
			width:30px;
			align-content: center;
			justify-content: center;
		}
		
		.modalThumbnail img {
			filter:              grayscale(100%) contrast(1) blur(1);
			flex:                1 0 100%;
			height:              100%;
			max-width:           100%;
			mix-blend-mode:      multiply;
			object-fit:          cover;
			opacity:             1;
			position:            relative;
			width:               100%;
		}	
		
		.bioModal .modal-content{
			background: rgb(213,226,234);
      font-family:corpid_c4_regular, Calibri, Arial, sans-serif;
		}
		
    .bioModal .socialSharing {display:inline!important;margin:0px;}
		.bioModal .socialSharing li { list-style-type: none; list-style-image: none;display:inline;float:left; }
		
		/* START SCREEN */
		#startScreen{
     background:linear-gradient(180deg, rgba(69,122,172,1) 0%, rgba(69,122,172,0.8) 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 50%;
      /* height: 100vh; */
      z-index: 300;
      left: 25%;
      top: 24%;
      border: 1px solid  rgb(213,226,234);
		}

		#startScreen h1 {color:white;font-family:corpid_c4_regular, Calibri, Arial, sans-serif;}
    #startScreen p {color:white;}
    .shareUrl {width:100%;}

    .socialTitle {margin-right:30px;float:left;}
    .inspireForm {max-height:90vh; overflow-y:auto;overflow-x:hidden; box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}

    /*--------------------------------------------------*/

  .myBg {
    background:url('/globalassets/__rebrand/_structure/competitions/games/snowman/build-a-snowman-2020/images/template-btn.png');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
  }
.myBg img {height:75%!important;padding-top:15%;}

.live-prices-bar {display:none!important;}
#content {background-color:#fff!important;}
.mod-section-first, .mod-section  {padding-top:0px;padding-bottom:0px;}

body {
  font-family: 'corpid_c4_regular','Calibri',Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color:#fff;
  background-color: #fff;
}
h2 {
  font-size: 30px;
  line-height: 38px;
}
.contentArea {
  position: relative;
}

.bannerBlock {
  overflow: hidden;
  max-height:1078px;
  max-width:1920px;
  margin:0 auto;
  height: 100vh;
  min-height:860px;
  background: no-repeat center 82% url("/globalassets/__rebrand/_structure/competitions/games/snowman/build-a-snowman-2020/images/banner-snowman2019-bg.jpg");
}

img {
  border: 0;
  vertical-align: middle;
}
.bannerBlock>.block-background+.block-container {
  padding-left: 15px;
  padding-right: 15px;
}
.bannerBlock .blockContent {
  width: 1170px;
  margin:0 auto;
}
.bannerBlock .blockContent .overlay {
  position: relative;
  width:50%;
  z-index: 1;
  padding:10% 0 0;
  min-height: 600px;
  margin: 0 auto;
}
.snowman--foreground {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 20px;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
#c, #snow {
  position: absolute;
  top:0;
  left:0;
}
#snow {left:-10px;}

.terms {
  position: fixed;
    /* bottom: -425px; */
    /* left: 10px; */
    color: #282828;
    font-size: 12px;
    z-index: 200;
    bottom: -1px
}

.canvas-container {
  margin: 0 auto;
}
.secondTier  {
 position:absolute;
 top:0px;
 width:100%;
}

.btn-wrap {
    position: absolute;
    top: 0px;
    width: 225px;
    height: 95vh;
    opacity:0;
    transition:opacity 2s;
}

.secondTierWrap {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 90;
}

#topLevel {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index:100;
}

.instruction {    
  position: absolute;
  top:0px;
  background-color: rgb(213,226,234);
  border-radius:45px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .5s, opacity .5s linear;
  align-content: center;
  text-align: center;
  vertical-align: middle;
  /* padding: 10px; */
   margin: 5px;
}
.instruction p {
  color: #323a45;
    font-size: 1rem;
    font-weight: 600;
    margin: 0px;
}
.secondTier{
  position:absolute;
  top:70px;
  width:100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .5s, opacity .5s linear;
  z-index:100;
}

.secondTierWrap .backBtns.secondTier.cta {top:0px!important;}

.btn-snowAssets,.backBtns,.webCamButton {
  display: inline-block;
  cursor: pointer;
  backface-visibility: hidden;
  transition: all 0.4s ease 0s;
  position: relative;
  width:100px;
  margin:5px;
}

.btn-snowAssets:hover {
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.1);
  box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
  transition: all 0.4s ease 0s;
}
.btn-snowAssets:active {
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.05);
  box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
  /* transition: all 0.2s ease 0s; */
}

.webCamButton:active {
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.05);
  box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
  /* transition: all 0.2s ease 0s; */
}

.hide {
  display:none;
}
.fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s .5s, opacity .5s linear;
}
.fadeIn {
  visibility: visible;
  opacity: 1;
  transition: opacity .5s linear;
  z-index:101;
}
.active {
  visibility: visible;
  opacity: 1;
}
.gradient::before {
  content: "";
  height: 150px;
  margin-top: -152px;
  position: absolute;
  left: 0;
  width: 100%;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fffcfc+100&0+0,1+55,1+83,1+100 */
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,253,253,1) 55%, rgba(255,252,252,1) 83%, rgba(255,252,252,1) 100%);
 /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,253,253,1) 55%,rgba(255,252,252,1) 83%,rgba(255,252,252,1) 100%);
 /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,253,253,1) 55%,rgba(255,252,252,1) 83%,rgba(255,252,252,1) 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fffcfc',GradientType=0 );
 /* IE6-9 */
}

/*-------------------- mobile area ------------------------------*/

@media screen and (max-width : 600px) 
{
  
  .snowman_content {opacity:0;transition:opacity 2s;}
  #topLevel{left:0px;}

  #SelectCharacter {max-widtH:100vw;width:100vw;}
  #SelectCharacter .modal-content {
       max-width: 90%;
    background: linear-gradient(180deg, rgba(69,122,172,1) 0%, rgba(69,122,172,0.9) 100%)!important;
    border: 1px solid rgb(213,226,234);
    top: 11%;
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

  .infoModal {min-width:unset;}

  .mod-modal-dialog {min-width:unset;
                               left:2.5%;}
    #submissionModal {  width: 80%;
                                left: 10%;
                                top: 10%;
                                height: fit-content;
                                }

  #startScreen{
    background: linear-gradient(180deg, rgba(69,122,172,1) 0%, rgba(69,122,172,0.8) 100%);
    display: inline-block;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 11%;
    left: 0;
    width: 100vw;
    height: 80vh;
    z-index: 300;
    /* left: 1%; */
    /* top: 15%; */
    border: none;
    overflow-y:auto;
    }

   .infoModal img {max-width:250px!important}
   .infoModal .modal-content {box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}

  .show-mobile {
    display:block!important;
  }
  .hide-mobile {
    display:none!important;
  }
  .mobile-buttons .btn { max-width:unset!important;}
  .mobile-buttons .btnClose { max-width:unset!important;}

  .mobile-finished {max-width:unset!important;}
  .mobile-finished.snowcap:before,.mobile-resetButton.snowcap:before  {
    right:-4px;
    top:-22px;
    background-size:100% 60%;
  }
  

  .btn-wrap {  
    text-align: center;
    top: 70vh;
    padding: 10px;
    position: fixed!important;
    width: 100vw;
    height: 200px;
    display: block;
 }

  .terms {
    top: 9px;
    bottom: unset;
    color: white;
    position: absolute;
    height:fit-content;
  }
  .terms p {color:white;}

  .splash .bannerBlock {
      height: 79vh;
      background-position: 69% 50%;
  }
  .bannerBlock {
      background: no-repeat 63% 76% url("/globalassets/__rebrand/_structure/competitions/games/snowman/build-a-snowman-2020/images/banner-snowman2019-bg.jpg");
      background-position:center top;
 }
  .bannerBlock .blockContent {
      width: 100%;
      margin:0 auto;
      min-height: unset;
 }
  .bannerBlock .blockContent .overlay {
      width:100%;
      padding: 70px 30px 0;
      min-height: unset;
 }
  .snowman--foreground img {
      width: 80%;
      margin: 0 auto;
 }
 
  .secondTier {
    position: absolute;
    width: 100%;
    /* margin: -170px auto 0; */
    bottom: 144px;
    left: -15px;
    top: unset;
    height: fit-content;
 }

.secondTierWrap {    
  position: fixed;
    bottom: -89px;
    width: 100%;
    height: 300px;
    z-index: 90;
    /* top: -522px; */
    left: 0px;
    padding: 10px;
    top:unset!important;
}

  .bannerBlock .banner-bg {
      left: 0;
      right: 0;
 }

.secondTierWrap
 .at-share-btn:focus {top:-86px;}

.instruction {
  position: absolute;
    top:0px;
    background-color: rgb(213,226,234);
    border-radius:45px;
    align-content: center;
    text-align: center;
    vertical-align: middle;
    /* padding: 10px; */
    margin: 5px;
    display:none
}
 
.instruction p {color: #323a45;
    font-size: 1rem;
    font-weight: 600;
    margin: 0px;}

 .btn-snowAssets {
    filter:drop-shadow(0px 0px 8px rgba(53,102,139,.2));
    width:16%;
    margin-right:2%;
 }
 .btn-snowAssets img {
  width: 100%;
 }


 .webCamButton img {
  width: 65%;
 }

 .btn-snowAssets:after {
   background:none;
 }

 #box {max-height:unset; height:auto;} 
/*   brians change here */

  .terms {
    bottom: -98px;
  }

}

/*---------------------------------------------------*/


@media screen and (max-width : 959px) {
  .show-mobile {
    display:none;
  }
  .hide-mobile {
    display:block;
  }
}

/*---------------------------------------------------*/

@media screen and (min-width : 769px) {
 
  .bannerBlock .blockContent {
      width: 100%;
 }
  .snowman--foreground {
      max-width: 707px;
      height: 494px;
      position:absolute;
      bottom: -20px;
      left: 600px;
 }

 #finished {
  margin:5px;
}

.secondTier .btn-snowAssets {
  opacity:1;
}

/*------------------------------------------*/
/*---------------------------------------------*/

.back {
  margin:5px;
}

}

/*---------------------------------------------------*/

@media screen and (min-width : 960px) {
  .show-mobile {
    display:none;
  }
  .glider-prev, .glider-next {
    display:none;
  }
}

/*---------------------------------------------------*/

@media screen and (max-width : 1350px) {
  .snowman--foreground {
      left: inherit;
      right: 10px;
 }
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/

.mobile-finished.finished {
  position: fixed;
    bottom: 0px;
    /* left: 10%; */
    width: 46vw;
    left: 1%;
    margin:0px;
  }

  .mobile-resetButton.resetButton {
  position: fixed;
    bottom: 0px;
    /* left: 10%; */
    width: 46vw;
    right: 1%;
    margin:0px;
    background-color:#88001b;
  }

.mobile-buttons {
  width: 100vw;
    margin: 0px;
    position: fixed;
    text-align: center;
    bottom: 0px;
    left: 0px;
    margin:0px!important;
   padding:0px!important;
}

.mobile-buttons.splash {
  margin: 43px auto 0;
  padding: 0;
}
.mobile-buttons.splash .btn {
  display:block;
  margin: 0 20px 20px;
}
.mobile-buttons .btnClose, .mobile-buttons .btnDone {
  margin: 0px;
  display: none;
  /* width:100%;
  float: left; */
  position: relative;
}
.mobile-buttons span:before {
  content:"";
  position:absolute;
  top:0;
  background: no-repeat 0 0 url("/globalassets/__rebrand/_structure/competitions/games/snowman/build-a-snowman-2020/images/iconMobBtn.png");
  width:24px;
  height:18px;
  left: 80%;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-buttons .btnClose span {
  opacity:0.6;
}
.mobile-buttons .btnClose span:before {
  background-position: 0 0;
}
.mobile-buttons .btnDone span:before {
  background-position: 0 -18px;
}
/* .mobile-buttons .btnClose {
  margin-right: 4%;
} */
.mobile-buttons .btnClose.fadeOut, .mobile-buttons .btnDone.fadeOut {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}
.mobile-buttons .btnClose.fadeIn, .mobile-buttons .btnDone.fadeIn {
  max-height: 500px;
  transition: max-height 0.25s ease-in;
}

/*---------------------------------------------------*/
/*---------------------------------------------------*/

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.btn {
  font-size: 16px;
  white-space: normal;
}
.mr-2x {
  margin-right: 30px;
}
.btn-secondary {
  color: #fff;
  background-color: #253746;
  border-color: #253746;
}
.btn-go {
  color: #fff;
  background-color: #196a57;
  border-color: #196a57;
  width: 100%;
}
.btn-go:hover {
  color: #fff;
}
.snowcap {
  position: relative;
}
.snowcap:before {
  content:"";
  background: no-repeat 100% 100% url("/globalassets/__rebrand/_structure/competitions/games/snowman/build-a-snowman-2020/images/snow-cap.png");
  position:absolute;
  top: -11px;
  width: 93px;
  right: 42px;
  height: 41px;
}
.btn-white-ww {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  white-space: normal;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-white-wb {
  border-color: #253746;
  color: #253746;
}
.btn-white-ww:hover, .btn-white-ww:active, .btn-white-ww:focus {
  background-color: #fff;
  color: #253746;
  border-color: #fff;
  text-decoration: none;
}
/**************** CSS Loader *****************/
.loader, .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  top: 40%;
  transform: translateY(-40%);
}
@-webkit-keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
 }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
 }
}
@keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
 }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
 }
}
.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  /* width: 100vw; */
  height: auto;
  background: rgba(0, 0, 0, 0.85);
  transition: background 200ms ease-out;
}
.loading-overlay.hideOverlay {
  background: rgba(0, 0, 0, 0);
  transition: background 200ms ease-out;
}
/**************** Mobile slider *****************/
.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.glider {
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  transform: translateZ(0);
}
.glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
  padding: 32px;
}
.glider.draggable {
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.glider.draggable .glider-slide img {
  user-select: none;
  pointer-events: none;
}
.glider.drag {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.glider-slide {
  user-select: none;
  justify-content: center;
  align-content: center;
  width: 100%;
}
.glider-slide img {
  max-width: 100%;
}
.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}
.glider-prev, .glider-next {
  user-select: none;
  position: absolute;
  outline: none;
  background: none;
  padding: 0;
 /* z-index: 2;
  */
  font-size: 40px;
  text-decoration: none;
  left: 30px;
  border: 0;
  top: 40%;
  cursor: pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  transition: opacity .5s cubic-bezier(.17,.67,.83,.67), color .5s cubic-bezier(.17,.67,.83,.67);
}
.glider-prev:hover, .glider-next:hover, .glider-prev:focus, .glider-next:focus {
  color:#196a57;
}
.glider-next {
  right: 30px;
  left: auto;
}
.glider-next.disabled, .glider-prev.disabled {
  opacity: .25;
  color: #666;
  cursor: default;
}
.glider-slide {
  min-width: 120px;
  margin-right:-50px;
}
.glider-hide {
  opacity: 0;
}
/* .glider-dots {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}
*/
/* .glider-dot {
  background: none;
  border: 0;
  padding: 0;
  user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}
*/
/* .glider-dot:hover, .glider-dot:focus, .glider-dot.active {
  background: #a89cc8;
}
*/
@media(max-width: 36em){
  .glider::-webkit-scrollbar {
      opacity: 1;
      -webkit-appearance: none;
      width: 7px;
      height: 3px;
 }
  .glider::-webkit-scrollbar-thumb {
      opacity: 1;
      border-radius: 99px;
      background-color: rgba(156, 156, 156, 0.25);
      box-shadow: 0 0 1px rgba(255,255,255,.25);
 }
}
/**************************\ Basic Modal Styles \**************************/

#download-modal .modal-content {
    background-color: rgb(213,226,234);
    position: relative;
    padding: 0px 30px 30px;
    max-width: 536px;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 93vh;
}

#exportedImage {
  opacity:0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.visibility-hidden {
  opacity:0;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* #exportedPNG {
  border:1px solid black;
} */
#exportedPNG img {
  width:100%;
}
#download-modal  .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#download-modal .modal-title {
  color:#fff;
  font-size: 1.8rem;
  font-weight: 400;
  padding:10px 0 0;
  margin:0;
  line-height: normal;
  color: #253746;
  text-align:center;
  box-sizing: border-box;
}
#download-modal .modal-title p { 
  margin: 0;
}
#download-modal .modal-close {
  background: transparent;
  border: 0;
  text-decoration: none;
}
#download-modal .modal-close:hover {
  text-decoration: none;
}
/* .modal__header .modal__close:before {
  content: "\2715";
} */
#download-modal .modal-content {
  font-size: 2rem;
  text-align:center;
  color: #323a45;
}
.modal-footer {
  text-align:center;
}
.modal-footer p {
  color: #323a45;
  font-size: 1.8rem;
}
.modal-footer .title {
  display:inline-block;
  padding: 20px 0 0;
  vertical-align: top;
  color: #323a45;
  text-align: right;
}
.social__icons {
  display:inline-block;
  width: 46%;
  padding: 0px 0 20px;
}
/* .social__icons:before {
  content: attr(data-label);
  color: #323a45;
  font-size: 1.1rem;
  padding: 0 20px 0 0;
} */
/* .modal-btns {

} */
.modal-btns .btn-white-ww {
  border: 1px solid #196a57;
  color:#196a57;
}
.modal-btn {
  display: inline-block;
}
.modal-btn.downloadSnowman {
  width: 80%;
margin-left:10%;
margin-bottom:20px;
  padding: 12px 12px;
  display: inline-block;
}
/* .modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
} */

/**************************\ Demo Animation Style \**************************/
@keyframes mmfadeIn {
  from {
      opacity: 0;
 }
  to {
      opacity: 1;
 }
}
@keyframes mmfadeOut {
  from {
      opacity: 1;
 }
  to {
      opacity: 0;
 }
}
@keyframes mmslideIn {
  from {
      transform: translateY(15%);
 }
  to {
      transform: translateY(0);
 }
}
@keyframes mmslideOut {
  from {
      transform: translateY(0);
 }
  to {
      transform: translateY(-10%);
 }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
  will-change: transform;
}

.at-resp-share-element {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}
.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
  padding: 0;
  margin: 0;
}
.at4-show {
  display: block!important;
  opacity: 1!important;
}
.addthis-animated {
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  animation-duration: .3s;
}

.exo-menu *, :after, :before {
  box-sizing: border-box;
}
.at-resp-share-element:after, .at-resp-share-element:before {
  content: " ";
  display: table;
}
.at4-visually-hidden {
  position: absolute;
  clip: rect(1px,1px,1px,1px);
  padding: 0;
  border: 0;
  overflow: hidden;
}

.at-icon-wrapper {
  display: inline-block;
  overflow: hidden;
}

.at-resp-share-element .at-share-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2px 5px;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  transition: all .2s ease-in-out;
  border: 0;
  font-family: helvetica neue,helvetica,arial,sans-serif;
  background-color: transparent;
}


.at-resp-share-element .at-share-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2px 5px;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  transition: all .2s ease-in-out;
  border: 0;
  font-family: helvetica neue,helvetica,arial,sans-serif;
  background-color: transparent;
}
.at-style-responsive .at-share-btn {
  padding: 5px;
}
.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {
  transform: translateY(-4px);
  color: #fff;
  text-decoration: none;
}
.at4-visually-hidden {
  position: absolute;
  clip: rect(1px,1px,1px,1px);
  padding: 0;
  border: 0;
  overflow: hidden;
}
.at-icon-wrapper {
  display: inline-block;
  overflow: hidden;
}
a .at-icon-wrapper {
  cursor: pointer;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
  float: left;
}
svg:not(:root) {
  overflow: hidden;
}
.at-resp-share-element .at-icon, .at-resp-share-element .at-label {
  cursor: pointer;
}

.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}