.ui-loader.ui-corner-all.ui-loader-default.ui-body-a {
  display: none;
}

@font-face {
    font-family: 'New Spirit';
    src: url('fonts/NewSpirit-Medium.woff2') format('woff2'),
        url('fonts/NewSpirit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url("fonts/HelveticaNeue/HelveticaNeue.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue/HelveticaNeue.woff") format("woff"), url("fonts/HelveticaNeue/HelveticaNeue.ttf") format("truetype"), url("fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'HelveticaNeue';
}

h1 {
  font-size: 3.75rem;
  font-weight: bold;
  line-height: 4rem;
}

h2 {
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 3rem;
}

h2.h2 {
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 3rem;
}

h3 {
  font-size: 2.375rem;
  font-weight: bold;
  line-height: 2.875rem;

}



h3.h3 {

  font-size: 3rem;

  font-weight: normal;

  line-height: 2.875rem;

}



h4 {

  font-size: 1.875rem;

  font-weight: bold;

  line-height: 2.375rem;

}



h4.h4 {

  font-size: 1.875rem;

  font-weight: bold;

  line-height: 2.375rem;

}



h5 {

  font-size: 1.25rem;

  font-weight: bold;

  line-height: 1.75rem;

}



h5.h5 {

  font-size: 1.25rem;

  font-weight: normal;

  line-height: 1.75rem;

}



h6 {

  font-size: 1rem;

  line-height: 1.5rem;

}



h1, h2, h3, h4, h5, h6 {

  margin-top: 0;

  margin-bottom: 1rem;

}



p {

  font-size: 1rem;

  font-weight: normal;

  line-height: 1.5rem;

}



p.p20 {

  font-size: 1.25rem;

  font-weight: normal;

  line-height: 1.75rem;

}



p.bold {

  font-size: 1rem;

  font-weight: bold;

  line-height: 1.5rem;

}



q {

  font-size: 1.25rem;

  font-weight: normal;

  line-height: 1.75rem;

}



a:hover {

  text-decoration: underline;

}



a.read_more {

  font-size: 20;

  font-weight: normal;

  line-height: 28px;

  text-decoration: none;

}





button:focus{

  outline: 0px auto ;

}



.btn-primary.focus, .btn-primary:focus,

.btn.focus, .btn:focus{

  outline: 0px auto ;

  box-shadow: 0 0 0 0 rgba(0,0,0,0);

}



.logo-container .cls-1 {

  fill: #e1251b;

}



.logo-container .cls-2 {

  fill: #221f1f;

}



.logo-container .cls-3 {

  fill: url(#linear-gradient);

}



.logo-container .cls-4 {

  fill: url(#linear-gradient-2);

}



.logo-container .cls-5 {

  fill: url(#linear-gradient-3);

}



.logo-container .cls-6 {

  fill: url(#linear-gradient-4);

}



.logo-container .cls-7 {

  fill: url(#linear-gradient-5);

}



.logo-container .cls-8 {

  fill: url(#linear-gradient-6);

}



.logo-container .cls-9 {

  fill: url(#linear-gradient-7);

}



.logo-container .cls-10 {

  fill: url(#linear-gradient-8);

}



.logo-container .cls-11 {

  fill: url(#linear-gradient-9);

}



.logo-container .cls-12 {

  fill: url(#linear-gradient-10);

}



.logo-container .cls-13 {

  fill: url(#linear-gradient-11);

}



.logo-container .cls-14 {

  fill: url(#linear-gradient-12);

}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {

  box-shadow: 0 0 0 0 rgba(0,123,255,.5);

}

.logo-container .cls-15 {

  font-size: 35.46px;

  fill: #ec1c24;

  font-family: AngelinaLatCyr, AngelinaLatCyr;

}



div.first_secion {

  overflow: hidden;

  position : relative;

}



div.first_secion section.section1 {

  position: relative;

  background-color: rgba(226, 33, 28, 0.9);

}



section.header {

  background-position: 308px 100px;

  background-size: auto 80%;

  background-repeat: no-repeat;

}



section .cross_container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100vh;

  max-height: 680px;

  width: 100%;

  overflow: hidden;

  z-index: 99;

  position: absolute;

  left: 0px;

  top: 0px;

}



section .cross_container .cross {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100vh;

  max-height: 680px;

  width: 100%;

}



section .cross_container .cross1 {

  width: 37.5%;

  background-image: url("../images/cross1_01.png");

  background-position: right center;

}



section .cross_container .cross2 {

  width: 63%;

  background-image: url("../images/cross2_02.png");

  background-position: left center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



section .cross_container .cross2 .text_container {

  width: 470px;

  margin-right: 240px;

}



section .cross_container .cross2 .text_container h1 {

  color: #fff;

  margin-bottom: 15px;

  padding-bottom: 20px;

  position: relative;

  font-weight: bold;

  font-size: 3rem;

  line-height: 3.5rem;

}



section .cross_container .cross2 .text_container h1:after {

  content: "";

  height: 5px;

  width: 80px;

  position: absolute;

  left: 0;

  bottom: 0;

  background-color: #fff;

}



section .cross_container .cross2 .text_container p {

  color: #fff;

}



section #leaves {



  top: 145px !important;

  width: 100%;

  float: left;

  height: 100vh;

  max-height: 680px;

  background: transparent;

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0 !important;

  -webkit-transform: translate(0px, -145px);

          transform: translate(0px, -145px);



  /* background-image: url('../images/mastheads/heritage_mastheads-1920px.jpg');

  background-size: 100% auto; */

}





 



section #leaves .leave {

  position: absolute;

  background-repeat: no-repeat;

  z-index: 0;

  

}

section #leaves .hideden_ribons .leave {

  display: none;

}





section .fall_down {

  width: 100%;

  float: left;

  height: 700px;

  background: transparent;

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0 !important;

  -webkit-transform: translate(0px, -145px);

  transform: translate(0px, -145px);

  display: block;

  opacity: 1;

}















section.section1 {
    float: left;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ce3a2be6;
}


section.section1 .moduletable {

  /*padding-left: 100px;

  padding-right: 100px;*/

}



section.section1 .moduletable h3 {
    line-height: 3.842rem;
    margin-bottom: 1rem;
    font-family: 'New Spirit';
    font-size: 60px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 50px;
}

section.section1 .moduletable p {
    font-size: 28px;
    line-height: 2.0225rem;
    font-weight: 300;
    text-align: left;
    line-height: 1.3;
}




@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  section.section1 .moduletable p {
    font-size: 27px;
}
}

@media screen and (max-width: 991.98px) {
  section.section1 .moduletable p {
    font-size: 22px;
}

 
section.section1 .moduletable h3 {
  font-size: 40px !important;
}




}

@media  screen and (max-width: 767px) {
section.section1 .moduletable h3 {
    font-size: 35px !important;
}

section.section1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
  section.section1 .moduletable p {
    font-size: 20px;
}


}























section.section2 {

  float: left;

  width: 100%;

 /*  background-image: url("../images/milestone_bg_02.jpg"); */

  background-size: auto 100%;

  background-repeat: repeat-x;

}





section.section2 .customize{

  display: none;

}



section.section2 .customize.tns-slider{

  display: block;

}



section.section2 .milestone_container {

  position: relative;

  padding-top: 50px;

  padding-bottom: 50px;

}



section.section2 .milestone_container h3 {
    text-align: center;
    color: #00606F;
    margin-bottom: 40px;
    line-height: 1.3;
    font-family: 'New Spirit';
}

section.section2 .milestone_container .tns-item {

  position: relative;

}

section.section2 .milestone_container .tns-item div.msliderContainer {

  min-height: 535px;

}



section.section2 .milestone_container .tns-item div.msliderContainer img {

  width: 100%;

}



section.section2 .milestone_container .tns-item .popover {

  display: none !important;

}



/* section.section2 .milestone_container .tns-item .popover-text span {

  display: none;

}
 */


section.section2 .milestone_container .tns-item.tns-slide-active .popover-text {

  position: relative;

  cursor: pointer;

}

section.section2 .milestone_container .tns-item > div > img {
    margin: 40px 0;
    border-radius: 30px;
}

section.section2 .milestone_container .tns-item:nth-child(even) > div > img {
    padding-bottom: 50px;
}

.tns-horizontal.tns-subpixel>.tns-item {
   vertical-align: bottom !important;
}

section.section2 .milestone_container .tns-item:nth-child(even) .plus_handle {
    position: relative;
    margin-left: 200px;
    bottom: 50px;
}

section.section2 .milestone_container .tns-item:nth-child(odd) .plus_handle {
    position: absolute;
    margin-left: 200px;
    top: 0;
}

section.section2 .milestone_container .tns-item:nth-child(even) .plus_handle .popover-text img {
    vertical-align: initial;
}


section.section2 .milestone_container .tns-item .plus_handle .popover-text img{
  max-width: 30px;
}











/* section.section2 .milestone_container .tns-item.tns-slide-active .popover-text span {

  font-family: 'HelveticaNeue';

  font-size: 6rem;

  color: #FFF;

  text-shadow: -3px 1px 5px rgba(0, 0, 0, 0.2);

  position: absolute;

  display: inline-block;

  min-width:275px;

  min-height: 100px;

  line-height: 5rem;

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 20px;

  padding-bottom: 20px;

}
 */

section.section2 .milestone_container .tns-item.tns-slide-active .popover-text span {
    font-family: 'New Spirit';
    /*font-size: 3.5rem;*/
	font-size:92px;
    font-weight: 500;
    color: #00606F;
    position: absolute;
    display: inline-block;
    min-width: 275px;
    min-height: 50px;
    line-height: 2.7rem;
    padding-left: 40px;
	padding-top:9px;
}




















section.section2 .milestone_container .tns-item.tns-slide-active .popover {

  font-family: 'HelveticaNeue';

  border: 0px solid;

  display: block !important;

  background-color: transparent;

  min-width: 300px;

  min-height: 200px;

}



section.section2 .milestone_container .tns-item.tns-slide-active .popover .arrow {

  display: none;

}



section.section2 .milestone_container .tns-item.tns-slide-active .popover .popover-header {

  display: none;

}



section.section2 .milestone_container .tns-item.tns-slide-active .popover .popover-body {

  font-size: 6rem;

  color: #FFF;

  text-shadow: -3px 1px 5px rgba(0, 0, 0, 0.2);

}



section.section2 .milestone_container .customize-tools {

  text-align: center;

}







 



section.section2 .milestone_container .customize-tools ul.controls {

  display: none;

  position: absolute;

  top: 50%;

  width: 100%;

  left: 0;

  -webkit-transform: translate(0%, -50%);

          transform: translate(0%, -50%);

}



section.section2 .milestone_container .customize-tools ul.controls li {

  list-style: none;

  position: absolute;

  background-repeat: no-repeat;

  background-position: center center;

  cursor: pointer;

}



section.section2 .milestone_container .customize-tools ul.controls li.prev {

  display: inline-block;

  height: 50px;

  width: 50px;

  left: 0;

  top: 0;

  background-image: url("../images/prev_arrow_05.png");

}



section.section2 .milestone_container .customize-tools ul.controls li.next {

  display: inline-block;

  height: 50px;

  width: 50px;

  right: 0;

  top: 0;

  background-image: url("../images/next_arrow_07.png");

}











@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
}

@media screen and (max-width: 991.98px) {
section.section2 .milestone_container h3 {
    font-size: 40px !important;
    width: 100% !important;
}

}

@media  screen and (max-width: 767px) {
section.section2 .milestone_container .tns-item:nth-child(odd) .plus_handle {
    position: absolute;
    margin-left: 100px;
    top: -75px;
}

section.section2 .milestone_container h3 {
    font-size: 35px !important;
}
}




























section.section3 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #00606F;
}


section.section3 .container{

  position: relative;
  max-width: 1650px;

}






section.section3 .moduletable > p {

  text-align: center;

}



section.section3 .moduletable .grid{

  width:100% !important;

}



section.section3 .moduletable > h3 {
    text-align: center;
    color: #fff;
    font-size: 50px;
    font-family: 'New Spirit';
}


section.section3 .moduletable .loadding {

  text-align: center;

  margin-top: 40px;

  margin-bottom: 20px;

  display: none;

}



section.section3 .moduletable .scroller-status {

  margin-top: 20px;

  text-align: center;

}



section.section3 .moduletable .scroller-status a.view-more-button {

  color: #fff;

  background-color: transparent;

  border: 0px;

  padding-bottom: 40px;

  font-weight: bold;

  font-size: 1.5rem;

  background-image: url("../images/white-down-arrow.png");

  background-repeat: no-repeat;

  background-position: center bottom;

  background-size: 26px;

}




@media  screen and (max-width: 767px) {





section.section3 {
     padding-top: 50px;
    padding-bottom: 50px;
}

}


















section.header {

  height: 100vh;

  max-height: 680px;

  background-color: #fff;

  width: 100%;

  float: left;

  z-index: 0;

   

}



section.header .master_head {

  position: relative;

  height: 100vh;

  max-height: 680px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -ms-flex-item-align: center;

      align-self: center;

      overflow: hidden;

}



section.header .master_head .logo-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-right: 20px;

  width: 100%;

  background-repeat: no-repeat;

    background-position: 1217px 140px;

    background-attachment: fixed;

    background-size: 380px 370px;

}



section.section4 {

  background-color: #e2211c;

  float: left;

  width: 100%;

}



.addStoryBtn {

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 100px;

}



.addStoryBtn a {

  color: #FFF;

  font-size: 1.5rem;

  line-height: 2rem;

  text-decoration: none;

  background-image: url("../images/plus_icon_07.png");

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 35px;

}



.grid {

  margin: 0 auto;

  /* centered */

}



.grid:after {

  content: '';

  display: block;

  clear: both;

}



.grid .grid-sizer, .grid .grid-item {

  /* width: 25%; */

}




.grid .grid-item {
    /* cursor: pointer;
    float: left;
    border: 0px solid #333;
    border-color: rgba(0, 0, 0, 0.7);
    padding: 0 18px;
    background-color: transparent !important; */
}


.grid .grid-item .story_image iframe{

  max-width: 100%;

  max-height: 175px;

}



.grid .grid-item .story_content {

  padding: 40px;

}



.grid .grid-item .story_content h3 {

  font-size: 1.5rem;

  line-height: 2.427rem;

  margin-bottom: 40px;

}



.grid .grid-item .story_content img {

  max-width: 100%;

}



.grid .grid-item .story_image img {

  width: 100%;

  height: auto;

  background-color: #FFF;

}



.grid .grid-item.color_1 {

  background-color: #df2725;

  color: #fff;

}



.grid .grid-item.color_2 {

  background-color: #67ccc8;

}



.grid .grid-item.color_3 {

  background-color: #172da7;

  color: #fff;

}



.grid .grid-item.color_4 {

  background-color: #ef8a22;

  color: #fff;

}



.grid .grid-item.color_5 {

  background-color: #221660;

  color: #fff;

}



/* reveal grid after images loaded */

.grid.are-images-unloaded {

  opacity: 0;

}



.grid__item,

.grid__col-sizer {

  width: 32%;

}



.grid__gutter-sizer {

  width: 2%;

}



/* hide by default */

.grid.are-images-unloaded .image-grid__item {

  opacity: 0;

}



.grid__item {

  margin-bottom: 20px;

  float: left;

}



.grid__item--height1 {

  height: 140px;

  background: #EA0;

}



.grid__item--height2 {

  height: 220px;

  background: #C25;

}



.grid__item--height3 {

  height: 300px;

  background: #19F;

}



.grid__item--width2 {

  width: 66%;

}



.grid__item img {

  display: block;

  max-width: 100%;

}



.page-load-status {

  display: none;

  /* hidden by default */

  padding-top: 20px;

  border-top: 1px solid #DDD;

  text-align: center;

  color: #777;

}



div#story_modal .modal-lg.modal-dialog {

  margin: 0 auto;

}



div#story_modal .modal-lg {
    max-width: 60%;
}



@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  div#story_modal .modal-lg {
    max-width: 80%;
}


}

@media screen and (max-width: 991.98px) {
  div#story_modal .modal-lg {
    max-width: 80%;
}

}

@media  screen and (max-width: 767px) {
  div#story_modal .modal-lg {
    max-width: 95%;
}

}











div#story_modal div.modal-body {

  /* min-height: calc(100vh - 100px); */

 /*  height: calc(100vh - 100px); */

}



div#story_modal div.story_text_container{

  padding: 2.5rem;

}



#story_modal .story_image{

  text-align: center;

}

/* #story_modal .story_image img {

  width: auto;

  margin-bottom: 1rem;

  max-height: 450px;

  max-width: 100%;

} */

#story_modal .story_image img {
    width: auto;
    margin-bottom: 1rem;
    max-height: 350px;
    max-width: 100%;
    object-fit: cover;
}



/* #story_modal .story_image iframe {

  max-width: 100%;

 

} */

#story_modal .story_image iframe {
    width: 100%;
    height: 500px;
}










@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
}

@media screen and (max-width: 991.98px) {
#story_modal .story_image iframe {
    width: 100%;
    height: 300px;
}



}

@media  screen and (max-width: 767px) {

}












#story_modal .story_text {

  /* max-height: 450px; */

  max-height: calc(100vh - 200px);

  margin-bottom: 1rem;

}



#story_modal .story_text .story_title h2 {
    font-size: 2rem;
    color: #fff;
    margin-top: 20px;
    line-height: 2.1rem;
    font-family: 'New Spirit';
}


#story_modal .story_text .story_content p{
  color: #fff;
	font-size:24px;
}

@media  screen and (max-width: 767px) {
 #story_modal .story_text .story_title h2 {
    font-size: 1.6rem;
}

}











#story_modal .share_container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



#story_modal .share_container .article_share_title {

  color: #b3b3b3;

}



#story_modal .share_container .article_share ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



#story_modal .share_container .article_share ul li {

  cursor: pointer;

  display: inline-block;

  height: 24px;

  width: 24px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 100% 100%;

}



#story_modal .share_container .article_share ul li.facebook {

  background-image: url("../images/Facbeook.svg");

  background-position: left center;

  

}

 



#story_modal .share_container .article_share ul li.twiiter {

  

  background-image: url("../images/Twitter.svg");

  background-position: center center;

}



#story_modal .share_container .article_share ul li.linkdin {

  background-image: url("../images/LinkedIN.svg");

  background-position: right center;

  margin-left: 3px;

}



#story_modal .modal-body {
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #CE3A2B;
    border-radius: 24px;
    margin-top: 30px;
}


#story_modal .modal-header {

  border-bottom: 0px solid #e9ecef;

}



#story_modal .close {
    background-image: url("../images/close.png");
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-position: center center;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 99;
    cursor: pointer;
    opacity: 1;
}

#story_modal .modal-content {
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    background-color: #CE3A2B;
    overflow: hidden;
}

@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
}

@media screen and (max-width: 991.98px) {
  #story_modal .modal-content {
    padding: 0px 0;
}



}

@media  screen and (max-width: 767px) {
  #story_modal .modal-content {
    padding: 0px;
}

#story_modal .close {
       height: 20px;
    width: 20px;
}

}



#story_modal .modal-controller {

  position: absolute;

  top: calc(50% - 75px);

  width: 100%;

  left: 0;

  -webkit-transform: translate(0%, -50%);

          transform: translate(0%, -50%);

}



#story_modal .modal-controller button {

  list-style: none;

  position: absolute;

  background-repeat: no-repeat;

  background-position: center center;

  cursor: pointer;

  background-image: none;

  background-color: transparent;

  border: 0px solid;

}



#story_modal .modal-controller button#previous {

  display: inline-block;

  height: 50px;

  width: 50px;

  left: 0;

  top: 0;

  background-image: url("../images/prev_arrow_05.png");

}



#story_modal .modal-controller button#next {

  display: inline-block;

  height: 50px;

  width: 50px;

  right: 0;

  top: 0;

  background-image: url("../images/next_arrow_07.png");

}





div#post_modal .modal-lg.modal-dialog {

  margin: 0 auto;

}



/* div#post_modal .modal-lg {

  max-width: 100%;

}
 */


/* div#post_modal div.modal-body {

  min-height: 100vh; 

}
 */








div#post_modal div#post_detail .item_header {

  margin-left: 30px;

  margin-right: 60px;

  position: relative;

}



div#post_modal div#post_detail .item_header:after {

  content: " ";

  position: absolute;

  height: 5px;

  width: 100%;

  bottom: 0;

  background-image: url("../images/header_line_07.png");

  background-repeat: no-repeat;

  right: 0;

  background-position: right center;

  background-size: 100% auto;

}



div#post_modal div#post_detail .item_header h1 span {

  display: inline-block;

  position: relative;

  z-index: 99;

  /*background-color: #FFF;*/

  padding-right: 10px;

  color: #ffffff;

}



div#post_modal div#post_detail .item_fields {

  /* max-height: calc(100vh - 234px);

  min-height: calc(100vh - 234px); */

  margin-left: 30px;

  margin-right: 30px;

}



div#post_modal div#post_detail .item_fields .item_container {

  padding-top: 40px;

  padding-bottom: 40px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

}



div#post_modal div#post_detail .item_fields .item_container:after {

  content: " ";

  position: absolute;

  height: 6px;

  width: 100%;

  bottom: 0px;

  background-image: url("../images/milestone_item_seprator_11.jpg");

  background-repeat: no-repeat;

  right: 0px;

  background-position: right center;

  background-size: 100% auto;

}



div#post_modal div#post_detail .item_fields .item_container:first-child {

  margin-top: 40px;

}



div#post_modal div#post_detail .item_fields .item_container:last-child {

  margin-bottom: 40px;

}



div#post_modal div#post_detail .item_fields .item_container:last-child:after {

  display: none;

}



div#post_modal div#post_detail .item_fields .item_container.text .text_container {

  width: 100%;

  align-items: flex-start;

    justify-content: left;
    color: #fff;

}



div#post_modal div#post_detail .item_fields .item_container.video {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



div#post_modal div#post_detail .item_fields .item_container.video .text_container {

  width: 100%;

}



div#post_modal div#post_detail .item_fields .item_container.video .image_container {

  width: 100%;

}



div#post_modal div#post_detail .item_fields .item_container.video .image_container iframe {

  width: 100%;

  min-height: 510px;

  margin-bottom: 40px;

}



div#post_modal div#post_detail .item_fields .item_container .image_container {

  width: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



div#post_modal div#post_detail .item_fields .item_container .image_container img {

  max-width: 100%;

}



div#post_modal div#post_detail .item_fields .item_container .text_container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 50%;
  color: #fff;

}



div#post_modal div#post_detail .item_fields .mCSB_scrollTools .mCSB_draggerRail {

  background-color: #e6e6e6;

}



div#post_modal div#post_detail .item_fields .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #999999;

}







#story_modal .story_text .mCSB_scrollTools .mCSB_draggerRail {

  background-color: #e6e6e6;

}



#story_modal .story_text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #999999;

}









div#post_modal .modal-header {

  border-bottom: 0px solid #e9ecef;

}



div#post_modal .close {

    background-image: url("../images/close.png");
    opacity: 1;

  background-repeat: no-repeat;

  height: 36px;

  width: 36px;

  background-position: center center;

  position: absolute;

  z-index: 99995;

  right: 30px;

  top: 30px;

  z-index: 99;

  cursor: pointer;

}

@media  screen and (max-width: 767px) {
   height: 24px;
    width: 24px;
}



 



div#post_modal .modal-content {
    border: 0px solid rgba(0, 0, 0, 0.2);
    background: #CE3A2B;
    border-radius: 24px;
}


div#post_modal .modal-controller {

  position: absolute;

  top: 50%;

  width: 100%;

  left: 0;

  -webkit-transform: translate(0%, -50%);

          transform: translate(0%, -50%);

}



div#post_modal .modal-controller button {

  list-style: none;

  position: absolute;

  background-repeat: no-repeat;

  background-position: center center;

  cursor: pointer;

  background-image: none;

  background-color: transparent;

  border: 0px solid;

}



div#post_modal .modal-controller button#previous {

  display: inline-block;

  height: 50px;

  width: 50px;

  left: 0;

  top: 0;

/*   background-image: url("../images/prev_arrow_05.png"); */
  background-image: url("../images/left-white-logo.png");

}



div#post_modal .modal-controller button#next {

  display: inline-block;

  height: 50px;

  width: 50px;

  right: 0;

  top: 0;

   background-image: url("../images/right-white-logo.png");

}



div#add_post_modal {

  padding-right: 0px !important;

}



div#add_post_modal .modal-lg {

  max-width: 100%;

}



div#add_post_modal .modal-lg.modal-dialog {

  margin: 0 auto;

}



div#add_post_modal .modal-lg.modal-dialog .modal-content > button {

  position: absolute;

  z-index: 99995;

  right: 30px;

  top: 30px;

}



div#add_post_modal .modal-lg.modal-dialog .modal-content > button span {

  background-image: url("../images/close_icon_03.png");

  display: block;

  width: 50px;

  height: 50px;

  background-repeat: no-repeat;

  background-position: center center;

}



div#add_post_modal div#add_post_detail {

  min-height: 100vh;

}



div#add_post_modal div#add_post_detail h2 {

  text-align: center;

  font-size: 2rem;

  font-weight: normal;

  margin-top: 8px;

  font-weight: 700;

}



div#add_post_modal div#add_post_detail .msg {

  text-align: center;

}



div#add_post_modal div#add_post_detail .msg span.success {

  color: #3c763d;

}



div#add_post_modal div#add_post_detail .msg span.error {

  color: #e2211c;

}



div#add_post_modal div#add_post_detail .post_form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  margin-top: 100px;

}



div#add_post_modal div#add_post_detail .post_form .post_column {

  width: 50%;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field {

  padding-left: 50px;

  padding-right: 50px;

  padding-top: 15px;

  padding-bottom: 15px;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field.post_select_file .image_preview {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  min-height: 378px;

  background-color: #f2f2f2;

  background-image: url("../images/gallery_icon_03.png");

  background-position: center center;

  background-repeat: no-repeat;

  cursor: pointer;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field.post_select_file .image_preview.ImagePreview {

  background-size: contain;

  /* background-size: 100% auto; */

  background-position: center center;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field input {

  height: 50px;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field input[type='file'] {

  display: none;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field .error_text {

  display: none;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field input, div#add_post_modal div#add_post_detail .post_form .post_column .post_field textarea {

  width: 100%;

  border-left: 0px solid;

  border-right: 0px solid;

  border-top: 0px solid;

  border-bottom: 1px solid #4d4d4d;

  padding: 15px;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field textarea {

  height: 375px !important;

  background-color: #f2f2f2;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field input[type='checkbox']{

  width: 18px;

  float: left;

  /* vertical-align: top; */

  height: 33px;

  margin-right: 5px;

}



 



div#add_post_modal div#add_post_detail .post_form .post_column .post_field label{

  width: auto; 

  display: inline;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field.error input, div#add_post_modal div#add_post_detail .post_form .post_column .post_field.error textarea {

  border-bottom: 1px solid #e2211c;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field.error .error_text {

  display: block;

  color: #e2211c;

  font-size: 0.7rem;

  line-height: 1rem;

}



 



div#add_post_modal div#add_post_detail .modal-controller {

  bottom: 0px;

  left: 0px;

  width: 100%;

  position: absolute;

  background-color: #e2211c;

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 100px;

}



div#add_post_modal div#add_post_detail .modal-controller input {

  color: #FFF;

  font-size: 1.5rem;

  line-height: 2rem;

  text-decoration: none;

  background-image: url("../images/plus_icon_07.png");

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 35px;

  border: 0px solid;

  background-color: transparent;

  cursor: pointer;

}



.modal-backdrop {

  background-color: #fff;

}



.modal-backdrop.show {

  opacity: .9;

}



.loading_overlay {

  background-color: rgba(0, 0, 0, 0.2);

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.loading_overlay .loading_overlay_inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100%;

}



.milestone_item_loading {

  z-index: 999;

  background-color: rgba(0, 0, 0, 0.2);

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.milestone_item_loading .milestone_item_loading_inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100%;

}



.lds-spinner {

  color: official;

  display: inline-block;

  position: relative;

  width: 64px;

  height: 64px;

}



.lds-spinner div {

  -webkit-transform-origin: 32px 32px;

          transform-origin: 32px 32px;

  -webkit-animation: lds-spinner 1.2s linear infinite;

          animation: lds-spinner 1.2s linear infinite;

}



.lds-spinner div:after {

  content: " ";

  display: block;

  position: absolute;

  top: 3px;

  left: 29px;

  width: 5px;

  height: 14px;

  border-radius: 20%;

  background: #e2211c;

}



.lds-spinner div:nth-child(1) {

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

  -webkit-animation-delay: -1.1s;

          animation-delay: -1.1s;

}



.lds-spinner div:nth-child(2) {

  -webkit-transform: rotate(30deg);

          transform: rotate(30deg);

  -webkit-animation-delay: -1s;

          animation-delay: -1s;

}



.lds-spinner div:nth-child(3) {

  -webkit-transform: rotate(60deg);

          transform: rotate(60deg);

  -webkit-animation-delay: -0.9s;

          animation-delay: -0.9s;

}



.lds-spinner div:nth-child(4) {

  -webkit-transform: rotate(90deg);

          transform: rotate(90deg);

  -webkit-animation-delay: -0.8s;

          animation-delay: -0.8s;

}



.lds-spinner div:nth-child(5) {

  -webkit-transform: rotate(120deg);

          transform: rotate(120deg);

  -webkit-animation-delay: -0.7s;

          animation-delay: -0.7s;

}



.lds-spinner div:nth-child(6) {

  -webkit-transform: rotate(150deg);

          transform: rotate(150deg);

  -webkit-animation-delay: -0.6s;

          animation-delay: -0.6s;

}



.lds-spinner div:nth-child(7) {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  -webkit-animation-delay: -0.5s;

          animation-delay: -0.5s;

}



.lds-spinner div:nth-child(8) {

  -webkit-transform: rotate(210deg);

          transform: rotate(210deg);

  -webkit-animation-delay: -0.4s;

          animation-delay: -0.4s;

}



.lds-spinner div:nth-child(9) {

  -webkit-transform: rotate(240deg);

          transform: rotate(240deg);

  -webkit-animation-delay: -0.3s;

          animation-delay: -0.3s;

}



.lds-spinner div:nth-child(10) {

  -webkit-transform: rotate(270deg);

          transform: rotate(270deg);

  -webkit-animation-delay: -0.2s;

          animation-delay: -0.2s;

}



.lds-spinner div:nth-child(11) {

  -webkit-transform: rotate(300deg);

          transform: rotate(300deg);

  -webkit-animation-delay: -0.1s;

          animation-delay: -0.1s;

}



.lds-spinner div:nth-child(12) {

  -webkit-transform: rotate(330deg);

          transform: rotate(330deg);

  -webkit-animation-delay: 0s;

          animation-delay: 0s;

}



.active_item_container {

  display: none;

}



#story_modal .addStoryBtn{

   

  background-color: #e2211c;

  position: relative;

  bottom: 0;

  width: 100%;  

  display: none;

}

 
.modal-open .modal {
    padding-right: 0px !important;
    margin-top: 35px;
}





section.section2 .milestone_container .customize-tools ul#customize-thumbnails{

  list-style: none;

  margin: 15px 0px;

  width:100%;

  padding: 0px;

}



section.section2 .milestone_container .customize-tools ul#customize-thumbnails li{

  display: inline-block;

  cursor: pointer;
	font-size:40px;
	line-height:50px;
}



section.section2 .milestone_container .customize-tools ul#customize-thumbnails li.tns-nav-active{

  /*background-color: #201161;
	color:#61CBC8;
	*/
	background-color: #00606F;
	color: #ffffff;
  

  padding-left: 20px;

  padding-right: 20px;

}



/* .customize-tools .mobile_nav_container:before {

  content: "<";

  position: absolute;

  left: 0;

  top: 11px;

  font-size: 36px;

  font-weight: bold;

}

.customize-tools .mobile_nav_container:after {

  content: ">";

  position: absolute;

  right: 0px;

  top: 11px;

  font-size: 36px;

  font-weight: bold;

} */

.customize-tools .mobile_nav_container {

  position: relative;

  /*width: 943.84px;*/
	width: 100%;

  margin: 0 auto;

  overflow: hidden;

  

}



@media screen and (max-width: 974px) {

  .customize-tools .mobile_nav_container {
    width: 700px;
}

}

@media  screen and (max-width: 767px) {

}












section.section2 .milestone_container .customize-tools ul#customize-thumbnails {

   

  display: flex;  

  margin-bottom: 0px ;

  margin-top: 50px ;

}

.customize-tools .mobile_nav_container ul#customize-thumbnails .mCSB_container {

  display: flex;

}




.customize-tools .mobile_nav_container ul#customize-thumbnails li {
  margin-left: 30px;
  margin-right: 30px;

  padding-left: 5px;

    padding-right: 5px;

    width: calc(100% - 10px);

}









#event_row .nopadding.event_item {

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: column;

}

#event_row .nopadding.event_item.color_1 {

  background-color: #67ccc8;

}

#event_row .nopadding.event_item.color_2 {

  background-color: #ef8a22;

}

#event_row .nopadding.event_item.color_3 {

  background-color: #221660;

}

#event_row .nopadding.event_item.color_4 {

  background-color: #df2725;

}

#event_row .nopadding.event_item:nth-child(even){

  flex-direction: column-reverse;

}

#event_row .story_image img{

  width:100%;

}

#event_row .story_content{

  padding: 25px;

  color: #FFF;

}

#event_row .story_content .date_container {

  display: flex;

  flex-direction: row;

  margin-bottom: 40px;

}



#event_row .story_content .date_container .date_inner {

  display: flex;

  flex-direction: row;

  width: calc(100% - 35px);

  

}







#event_row .story_content .date_container .date_inner .year {

  display: flex;

  flex-direction: column;  

  line-height: 20px;

  font-size: 0.8rem;

   

}

#event_row .story_content .date_container .date_inner .date {

  display: flex;

  flex-direction: row;

   

  font-size: 1.5rem;

  line-height: 1.9rem;

  margin-right: 15px;

  align-items: center;

  align-content: center;

  display: flex;

  

}

#event_row .story_content .date_container .icon{

  background-image: url('../images/event_calender.svg');

  display: flex;

  width: 35px;

  min-height: 40px; 

  background-repeat: no-repeat;

  margin-right: 20px;

  background-position: center center;

}

#event_row .story_content .location_container .icon{

  background-image: url('../images/event_location.svg');

  display: flex;

  width: 35px;

  min-height: 40px; 

  background-repeat: no-repeat;

  margin-right: 20px;

  background-position: center center; 

}

#event_row .story_content .details_container .icon{

  background-image: url('../images/event_info.svg');

  display: flex;

  width: 35px;

  min-height: 40px; 

  background-repeat: no-repeat;

  margin-right: 20px;

  background-position: center center; 

}



#event_row .story_content .location{

  vertical-align: center;

  align-items: center;

  align-content: center;

  display: flex;

}



#event_row .story_content .location_container {

  display: flex;

  flex-direction: row;

  margin-bottom: 40px;

}

#event_row .story_content .details_container {

  display: flex;

  flex-direction: row;

}



#event_row .story_content .date_container .multipledate{

  display: flex;

  margin-right: 5px;

}

#event_row .story_content .date_container .multipledate .date{

  font-size: 1.5rem;

  margin-right: 5px;

  white-space: nowrap;

}

#event_row .story_content .date_container .multipledate .date {

  width:50%;

  align-items: center;

  align-content: center;

  display: flex;

}



section.section5 .moduletable > h3 {

  text-align: center;

  color: #e2211c;

  margin-bottom: 50px;

}

section.section5 .moduletable > .custom p {

  text-align: center;

  

}

section.section5 .moduletable > .custom{

  margin-bottom: 50px;

}



section.section5 {


  width: 100%;

  padding-top: 50px;

  
position: relative;
}



@media screen and (max-width: 1199.98px) {
  section.section5 {
    padding-top: 20px;
}
}

@media screen and (max-width: 991.98px) {


section.section5 {
    padding-top: 0;
}
}

@media  screen and (max-width: 767px) {

.section5 .img3 {
    top: 0;
}
}






section.section6 .moduletable > h3 {
    text-align: center;
    color: #e2211c;
    font-size: 60px;
    margin-bottom: 60px;
    font-family: 'New Spirit';
}

section.section6 .moduletable > .custom p {

  text-align: center;

  

}

section.section6 .moduletable > .custom{

  margin-bottom: 50px;

}



section.section6 {

  float: left;

  width: 100%;

  padding-top: 120px;

  padding-bottom: 120px;

}


@media screen and (max-width: 1199.98px) {
  section.section5 {
    padding-top: 20px;
}
}

@media screen and (max-width: 991.98px) {

section.section6 .moduletable > h3 {
   font-size: 40px !important;
}
section.section5 {
    padding-top: 0;
}
}

@media  screen and (max-width: 767px) {
  section.section6 .moduletable > h3 {
      font-size: 35px !important;
  }

  .section5 .img3 {
      top: 0;
  }
  .customize-tools .mobile_nav_container ul#customize-thumbnails li {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
	
	#supported .support_item .story_image img{
		max-width: 100% !important;
        /* max-height: 200px; */
        height: auto !important;
        max-height: 150px !important;
	}
}

#supported .support_item .story_image{

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  float: left;

  width: 100%;

  margin-bottom: 20px;

}

#supported .support_item .story_image img {
    margin: 0 auto;
    /*max-width: 200px;*/
	height: 100px;
	max-width:unset;
}


.bottom_section{

  /* background-image: url('../images/Pattern Overlay.png');

  float: left;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center 169px; */

}





/* Customize the label (the container) */

.checkbox_container {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 22px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default checkbox */

.checkbox_container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  /* background-color: #eee; */

  background-image: url('../images/square check off.svg');

  background-repeat: no-repeat;

  background-position: center;

}



/* On mouse-over, add a grey background color */

.checkbox_container:hover input ~ .checkmark {

  background-image: url('../images/square check off.svg');

  background-repeat: no-repeat;

  background-position: center;

}



/* When the checkbox is checked, add a blue background */

.checkbox_container input:checked ~ .checkmark {

  background-image: url('../images/square check.svg');

  background-repeat: no-repeat;

  background-position: center;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.checkbox_container input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.checkbox_container .checkmark:after {

  /* left: 9px;

  top: 5px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); */

}



footer.footer {

  float: left;

  width: 100%;

  /* padding-top: 50px; */

  padding-bottom: 70px;

 background-color: #00606F;

}

footer.footer {
    padding-top: 120px;
	padding-bottom: 120px;
}

footer.footer .container .footer_left {
    float: left;
    margin-top: 20px;
}


footer.footer .container .footer_social {

  float: right;

  width:100%;

}

footer.footer .container .footer_left a {
    color: #fff;
    border-right: 1px solid #ccc;
    padding-right: 9px;
    margin-right: 3px;
    font-weight: 600;
    font-size: 17px;
}

footer.footer .container .footer_left a:hover {

  text-decoration: underline;

}

footer.footer .container .footer_left a:last-child {

  border-right: 0px solid;

}

footer.footer .container .footer_social ul {

  list-style: none;

  margin: 0;

  padding: 0;

  float: right;

}

/* footer.footer .container .footer_left .custom {

  margin-top: 25px;

} */

footer.footer .container .footer_right .moduletable {
    float: right;
    width: 100%;
    color: #fff;
    text-align: left;
}
footer.footer .container .footer_social ul li a {
    text-indent: 999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-size: auto 33px;
    height: 64px;
    width: 64px;
}

footer.footer .container .footer_social ul li {
    display: inline-block;
    width: 50px;
    height: 60px;
    margin-left: 20px;
}

footer.footer .container .footer_social ul li.facebook a {
  background-image: url('../images/facebook.png');
}

footer.footer .container .footer_social ul li.instagram a{
  background-image: url('../images/instagram.png');
}

footer.footer .container .footer_social ul li.youtube a{
  background-image: url('../images/youtube.png');
}
 
footer.footer .container .footer_social ul li.twiiter a{
  background-image: url('../images/x-icon.png');
}

footer.footer .container .footer_social ul li.tiktok a{
  background-image: url('../images/tiktok.png');
}

footer.footer .container .footer_social ul li.in a{
  background-image: url('../images/in.png');
}

footer.footer .container .footer_social ul li.telegram a{
  background-image: url('../images/telegram.png');
}

@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
}

@media screen and (max-width: 991.98px) {
footer.footer .container {
    padding-top: 70px;
}
footer.footer {
    padding-bottom: 40px;
}
footer.footer .container .footer_right .moduletable {
  text-align: center;
    
}
footer.footer .container .footer_social ul {
   float: none;
    text-align: center;
   
}
footer.footer .container .footer_social ul li {
    margin: 0 11px;
}
footer.footer .container .footer_social ul li a {

    background-size: auto 30px;
    height: 50px;
    width: 50px;
}
footer.footer .container .footer_left {
    float: none;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
}

@media  screen and (max-width: 767px) {
footer.footer .container .footer_social ul {
    float: none;
    text-align: center;
    margin-right: 0rem !important;
}

footer.footer .container .footer_left a {
display: inline-block;
    
}
footer.footer .container .footer_left a {
    font-size: 1.4rem !important;
}


}



























@-webkit-keyframes lds-spinner {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}



@keyframes lds-spinner {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}





@media (max-width: 767px) {

  

  div#add_post_modal .modal-lg.modal-dialog .modal-content > button {

    right: 5px;

    top: 5px;

  }

  div#add_post_modal div#add_post_detail h2 {

    text-align: center;

    font-size: 1.5rem;

    font-weight: normal;

    margin-top: 50px;

  }

  div#add_post_modal div#add_post_detail .post_form {

    margin-top: 0px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column {

    width: 100%;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field {

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 15px;

    padding-bottom: 0px;

  }

  div#add_post_modal div#add_post_detail .modal-controller input {

    font-size: 1rem;

  }

  div#add_post_modal div#add_post_detail .container {

    padding-bottom: 125px;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field.post_select_file .image_preview {

    min-height: 200px;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field textarea {

    height: 200px !important;

  }





  



  #story_modal .modal-body {

    padding-left: 0;

    padding-right: 0;

  }

  #story_modal .modal-controller {

    display: none;

  }

  .grid .grid-item .story_image img {

    height: auto;

  }

  h2 {

    font-size: 1.5rem;

    font-weight: normal;

    line-height: 2rem;

  }

  section.section3 .moduletable .scroller-status a.view-more-button {

    padding-bottom: 20px;

    font-size: 1rem;

    margin-bottom: 25px;

  }

  .addStoryBtn a {

    font-size: 1rem;

  }

  div#post_modal div#post_detail .item_fields .item_container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  div#post_modal div#post_detail .item_fields .item_container.image_right {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

  div#post_modal div#post_detail{

    overflow: hidden;

  }

  div#post_modal div#post_detail .item_fields .item_container.video .image_container iframe {

    min-height: 210px;

    margin-bottom: 10px;

  }

  div#post_modal div#post_detail .item_fields .item_container .image_container {

    width: 100%;

  }

  div#post_modal div#post_detail .item_fields .item_container .text_container {

    width: 100%;

  }

  div#post_modal div#post_detail .item_fields .item_container .text_container {

    width: 100%;

  }

  div#post_modal div#post_detail .item_fields .item_container:first-child {

    margin-top: 20px;

  }

  div#post_modal div#post_detail .item_fields .item_container {

    padding-top: 10px;

    padding-bottom: 20px;

  }

  div#post_modal div#post_detail .item_header {

    margin-left: 0px;

    margin-right: 0px;

    position: relative;

  }

  div#post_modal div#post_detail .item_fields {

   /*  max-height: calc(100vh - 120px);

    min-height: calc(100vh - 120px); */

    margin-left: 0px;

    margin-right: 0px;

    overflow-y: scroll; 

  }

  div#post_modal .modal-controller {

    display: none;

  }

  .modal-body {

    padding: 0rem;

  }

  h3 {

    font-size: 1.375rem;

    font-weight: bold;

    line-height: 1.875rem;

  }

  



  .grid .grid-sizer, .grid .grid-item {

    width: 100%;

  }

  .grid .grid-item .story_content {

    padding: 15px;

  }

  section.header .master_head .cross_container .cross1,

  section.header .master_head .cross_container .cross2 {

    display: none;

  }

  section.header .master_head .cross_container {

    background-position: right top !important;

  }

  section.header .master_head .logo-container {

    position: relative;

    right: 0px !important;

    left: auto !important;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

    text-align: center;

  }

  section.header .master_head .logo-container img {

    max-width: 100%;

  }

  

  section .cross_container {

    /* display: none; */

    flex-direction: column;

  }

  section .cross_container .cross1 {

    width: 100%;

    background-image: url(../images/cross2_02_mobile.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    height: 384px; 

  }

  section .cross_container .cross2{

    width: 100%;

    background-image: url(../images/cross1_01_mobile].png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center top;

    height: 184px;

  }

  section .cross_container .cross2 .text_container {

    width: 100%;

    margin-right: 0;

    position: absolute;

    top: 0;

    left: 0;

    padding: 15px;

    text-align: center;

}

section .cross_container .cross2 .text_container h1{

  font-size: 1.5rem;

    line-height: 2rem;

}

section .cross_container .cross2 .text_container h1:after{

  left: calc(50% - 40px);

}





  section.header .master_head .logo-container {

    background-position: center center;

    background-size: 80% auto;

    margin-right: 0px;

    right: auto !important;

  }

  section.section1 .moduletable {

    padding-left: 0px;

    padding-right: 0px;

  }

  section.section1 .moduletable h3 {

    line-height: 2rem;

    margin-bottom: 1rem;

  }



  

  .section3 .container{

    padding-left: 0px !important;
	padding-right: 0px !important;
  }
	
	.container{

    padding-left: 15px !important;
	padding-right: 15px !important;
  }



  #story_modal .close,

  div#post_modal .close{

    right: 18px;

    top: 18px;
    width: 24px;
    height: 24px;

  }

  div#add_post_modal .modal-lg.modal-dialog .modal-content > button span{

    width: 30px;

    height: 30px;

  }

  div#add_post_modal .modal-lg.modal-dialog .modal-content > button{

    right: 18px;

    top: 18px;

    height: 30px;

    width: 30px;

  }

  div#story_modal div.story_text_container {

    padding: 15px;

    padding-top: 18px;

}





div#story_modal div.story_text_container .story_image  img{

  width : 100%;

}







#story_modal .story_image{

  text-align: center;

}



div#post_modal div#post_detail .item_header h1  {

  font-size: 2rem;

}



 





#story_modal .modal-body{

  padding-top: 15px;

  height: auto !important;

}





.active_item_container {

  display: flex;

  height: 55px;

  justify-content: center;

}



.active_item_inner {

  width: 255px;

  display: flex;

}



.active_text {

  display: flex;

  width: 200px;

  background-color: #61CBC8;

  font-size:2rem;

  color: #201161;

  line-height: 2.5rem;

  justify-content: center;

  align-items: center;

}



.drop_arrow {

  width: 55px;

  display: flex;

  background-color: #201161;

  background-image: url("../images/down_arrow.svg");

  background-repeat: no-repeat;

  background-position: center center;

  

}



section.section2 .milestone_container .customize-tools ul.thumbnails {

  display: inline;

  text-align: center;

  margin: 0;

  padding: 0;

}



section.section2 .milestone_container .customize-tools ul.thumbnails li {

  display: inline-block; 

  font-weight: bold;

  color: #201161;

  text-align: center;

  cursor: pointer;

}



section.section2 .milestone_container .customize-tools ul.thumbnails li.tns-nav-active {

  /* color: #61cbc8;

  background-color: #201161; */

}



section.section2 .milestone_container .customize-tools ul.thumbnails {

  width: 255px;

  margin: 0 auto;

  display: block;

  position: absolute;

  top: 40px;

  left: calc((100% - 255px) / 2 );

  background-color: #58bbb8;

  overflow-x: hidden;

  height: 250px;

  z-index: 999;

  display : none;

  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.7); */

}



section.section2 .milestone_container .customize-tools ul.thumbnails li {

  float: left;

  width: calc(100% - 30px) ;

  text-align: center;

  padding-top: 5px;

  padding-bottom: 5px;

  border-bottom: 1px solid #201161;

  margin: 0;

  margin-left: 15px;

  margin-right: 15px;

}



.customize-tools .mobile_nav_container {

  position: relative;

  margin-top: 50px;

  width: 100%;

  overflow: visible;

  

}

section.section2 .milestone_container .customize-tools .mobile_nav_container ul#customize-thumbnails,

section.section2 .milestone_container .customize-tools .mobile_nav_container ul.thumbnails {

  display: none;

  width: 255px;

  padding: 10px 0;

  margin-top: 15px;

}



 



section.section2 .milestone_container .customize-tools .mobile_nav_container ul#customize-thumbnails::-webkit-scrollbar-track,

section.section2 .milestone_container .customize-tools .mobile_nav_container ul.thumbnails::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);

	border-radius: 0px;

	background-color: #61CBC8;

}



section.section2 .milestone_container .customize-tools .mobile_nav_container ul#customize-thumbnails::-webkit-scrollbar,

section.section2 .milestone_container .customize-tools .mobile_nav_container ul.thumbnails::-webkit-scrollbar{

	width: 12px;

	background-color: transparent;

}



section.section2 .milestone_container .customize-tools .mobile_nav_container ul#customize-thumbnails::-webkit-scrollbar-thumb,

section.section2 .milestone_container .customize-tools .mobile_nav_container ul.thumbnails::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #201161;

}









section.section2 .milestone_container .customize-tools .mobile_nav_container.active ul#customize-thumbnails, 

section.section2 .milestone_container .customize-tools .mobile_nav_container.active  ul.thumbnails{

  display: block;

}

 

section.section2 .milestone_container .tns-item{

  min-height: 230px;

  

}



section.section2 .milestone_container .tns-item > div:first-child{

  height: 100%;

  text-align: center;

  max-width: 350px;

  margin: 0 auto;

}

section.section2 .milestone_container .tns-item > div:first-child > img{

  max-width:350px;

  margin: 0 auto;

}

section.section2 .milestone_container .tns-item.tns-slide-active .popover-text span {
    font-family: 'HelveticaNeue';
    font-size: 3rem;
    color: #00606F;
    /* text-shadow: -3px 1px 5px rgba(0, 0, 0, 0.2); */
    position: absolute;
    display: inline-block;
    min-width: 200px;
    min-height: 100px;
    line-height: 0rem;
    padding-left: 35px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

section.section2 .milestone_container .tns-item:nth-child(even) .plus_handle {
    position: relative;
    margin-left: -135px;
    bottom: 15px;
}


section.section2 .milestone_container .tns-item:nth-child(even) .plus_handle .popover-text span {
    font-family: 'HelveticaNeue';
    font-size: 3rem;
    color: #00606F;
    /* text-shadow: -3px 1px 5px rgba(0, 0, 0, 0.2); */
    position: absolute;
    display: inline-block;
    min-width: 200px;
    min-height: 33px;
    line-height: 0rem;
    padding-left: 35px;
    padding-right: 20px;
    padding-top: 23px;
    padding-bottom: 20px;
}



#story_modal .story_text {

  max-height: 100%;

  /* margin-bottom: 1rem; */

}

#story_modal{

  background-color: #FFF;

}

#story_modal .modal-content{

  min-height: 100vh;

}





footer.footer .container .footer_left .custom {

  margin-top: 41px;

}



footer.footer .container .footer_left {

  width: 100%;

  text-align: center;
	padding-bottom: 30px;

}



footer.footer .container .footer_right {

  width: 100%;

  text-align: center;

}



footer.footer .container .footer_right ul {

  margin: 0 auto;

  text-align: center;

  float: none;

}



footer.footer .container .footer_right .moduletable {

  text-align: center;

}



footer.footer .container .footer_left .custom {

  margin-top: 0;

}





}



.modal_instruction{

  display: none;

}













@media (min-width: 250px) and (max-width : 840px){







  .modal_instruction {

    display: block;

    background-color: rgba(0,0,0,0.8);

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    height: 100vh;

    z-index: 9999;

  }

  .modal_instruction_inner {

    display: flex;

    justify-content: center;

    width: 100%;

    height: 100%;

    align-items: center;

    align-content: center;

    flex-direction: column;

    color: #fff;

  }

  

  .modal_instruction_inner img {

    margin-bottom: 10px;

  }

  

}











@media  (min-width: 100px) and (max-width: 576px) {

  #event_row .nopadding.event_item:nth-child(even) {

      flex-direction: column;

  }

}



@media (min-width: 411px) and (max-width: 731px) {

    

}



@media (min-width: 411px) and (max-width: 823px) {

  

}







@media (min-width: 550px) and (max-width: 840px) {




  .grid .grid-sizer, .grid .grid-item {

    /* width: 50%; */

}

section.section3 .moduletable .grid {

  width: 100% !important;

}

  section.header .master_head .logo-container{

    background-size: auto 80%;

  }



   

section.header .master_head .logo-container {

  background-size: auto 80%;

}



  

#story_modal .story_text{

  min-height: auto;

}



}



@media (min-width: 576px){

  .container {

    max-width: 100%;

}

}





@media (min-width: 768px) and (max-width: 1023px) {

  section .cross_container{

    /* display:none; */

  }



  section .cross_container .cross2 .text_container{

    display:none;

  }



   



section.header .master_head .logo-container{

  background-position: 80% 140px ;

}



section.section1 .moduletable {

  padding-left: 0;

  padding-right: 0;

}



div#post_modal div#post_detail .item_header,

div#post_modal div#post_detail .item_fields{

  margin-left: 15px;

  margin-right: 15px;

}

div#story_modal div.story_text_container {

  padding: 15px;

}



div#add_post_modal div#add_post_detail .post_form .post_column .post_field {

  padding-left: 15px;

  padding-right: 15px;

  

}



#story_modal .story_text{

 /*  min-height: 800px; */

}



}

@media (min-width: 600px) and (max-width: 1100px) {

  div#post_modal div#post_detail .item_header,

  div#post_modal div#post_detail .item_fields{

    margin-left: 15px;

    margin-right: 15px;

  }

/*   div#post_modal div#post_detail .item_fields {

    max-height: calc(100vh - 150px);

    min-height: calc(100vh - 150px);

  } */

  div#story_modal div.story_text_container {

    padding: 15px;

  }

  

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field {

    padding-left: 15px;

    padding-right: 15px;

    

  }



  section.header .master_head .logo-container {

    background-size: auto 70% ;

    margin-right: 0;

  }

  

  section.header .master_head .logo-container {

    background-position: 80% 86px;

  }



  #story_modal .story_text{

   /*  min-height: 240px; */

  }

  div#post_modal .close{

    right: 10px;

    top: 10px;

  }

  #story_modal .close{

    right: 30px;

    top: 30px;

  }

  div#add_post_modal div#add_post_detail .post_form{

    margin-bottom: 100px;

  }

}

@media (min-width: 1024px) and (max-width: 1279px) {

  section.header{

    height: 768px;

     

  }

  section .cross_container{

    height: 768px;

     

  }

  section .cross_container .cross{

    height: 768px;

     

  }

  section.header .master_head{

    height: 768px;

  }

  section .cross_container .cross1{

    width: 29%;

    background-size: auto 100%;

  }

  section .cross_container .cross2{

    width: 71%;

    background-size: auto 100%;

  }

  section .cross_container .cross2 .text_container{

    width: 470px;

    margin-right: 15px;

  }

 

  section.section1 .moduletable {

    padding-left: 0;

    padding-right: 0;

}



#story_modal .story_text{

 /*  min-height: 600px; */

}





div#add_post_modal div#add_post_detail .post_form{

  margin-top: 0;

}

div#add_post_modal div#add_post_detail .post_form .post_column .post_field.post_select_file .image_preview{

  min-height: 290px;

}

div#add_post_modal div#add_post_detail .post_form .post_column .post_field textarea{

  height: 290px !important;

}



}



@media (min-width: 768px) and (max-width: 1279px) {

  section.header .master_head .cross_container .cross1,

  section.header .master_head .cross_container .cross2 {

    display: none;

  }

  section.header .master_head .cross_container {

    background-position: right top !important;

  }

  

  section.header .master_head .logo-container img {

    max-width: 100%;

  }



   





}



@media (min-width: 1280px) {

  .modal-lg {

    max-width: 1130px;

  }

}



@media (min-width: 1280px) {

  .container {

    max-width: 100%;

  }

}



@media (min-width: 1366px) {

  .container {

    max-width: 100%;

  }

}



@media (min-width: 1440px) {

  .container {

    max-width: 1295px;

  }

}



@media (min-width: 1280px) and (max-width: 1365px) {

  section .cross_container .cross1{

    width: 390px;

     

  }

  section .cross_container .cross2{

    width: calc(100% - 390px);

     

  }

  section .cross_container .cross2 .text_container {

    margin-right: 0px;

    width: 470px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }

  div#add_post_modal div#add_post_detail .post_form {

    margin-top: 0px;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field.post_select_file .image_preview {

    min-height: 220px;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field textarea {

    min-height: 220px;

    height: 220px !important;

  }



  #post_modal{

    padding-right: 0 !important;

  }

  div#post_modal .modal-controller button#previous{

    left: 15px;

  }

  div#post_modal .modal-controller button#next{

    right: 15px;

  }



  div#post_modal div#post_detail .item_fields{

        max-height: calc(100vh - 160px);

        min-height: calc(100vh - 160px);

  }



  #story_modal .story_text{

    min-height: 450px;

  }



  #story_modal .story_image img{

    max-height: 400px;

  }



  div#story_modal  .modal-controller button#previous{

    left: 15px;

  }

  div#story_modal  .modal-controller button#next{

    right: 15px;

  }

 

}



@media (min-width: 1360px) and (max-width: 1599px) {

  section .cross_container .cross2 .text_container {

    width: 520px;

    margin-right: 0px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }

  #story_modal .story_text{

    min-height: 450px;

  }

}



@media (min-width: 1366px) and (max-width: 1599px) {

  section .cross_container .cross1{

    width: 390px;

  }

  section .cross_container .cross2{

    width: calc(100% - 390px);

  }

  section .cross_container .cross2 .text_container {

    width: 450px;

    margin-right: 70px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }



  div#add_post_modal div#add_post_detail .post_form{

    margin-top: 0;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field.post_select_file .image_preview{

    min-height: 290px;

  }

  div#add_post_modal div#add_post_detail .post_form .post_column .post_field textarea{

    height: 290px !important;

  }

 

}



@media (min-width: 1400px) and (max-width: 1599px) {

  section .cross_container .cross2 .text_container {

    width: 520px;

    margin-right: 0px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }

}



@media (min-width: 1440px) and (max-width: 1599px) {

  section .cross_container .cross2 .text_container {

    width: 550px;

    margin-right: 15px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }

}



@media (min-width: 1600px) and (max-width: 1919px) {

  section .cross_container .cross2 .text_container {

    width: 550px;

    margin-right: 125px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }

}



@media (min-width: 1680px) and (max-width: 1919px) {

  section .cross_container .cross2 .text_container {

    width: 550px;

    margin-right: 175px;

  }

  section .cross_container .cross2 .text_container h1 {

    font-size: 3rem;

    line-height: 3.5rem;

  }

}



@media (min-width:1920px){

  #story_modal .story_text{

/*     min-height: 800px; */
    min-height: auto;

  }

}

/*# sourceMappingURL=main.css.map */










/* Exclusive Merchandise */




.exclusive-merchandise {
  background-color: #00606F;
  padding: 50px 0;
}

.exclusive-merchandise .exclusive-heading {
  text-align: center;
}

.exclusive-merchandise .exclusive-heading a img {
  max-width: 650px;
}

.exclusive-merchandise .exclusive-heading h2 {
  color: #fff;
  font-family: 'New Spirit';
  font-weight: 500;
  font-size: 48px;
  width: 50%;
  margin: 50px auto;
}

.exclusive-merchandise .content-image {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.exclusive-merchandise .content-image img {
  max-width: 650px;
  margin: auto;
  display: block;
}

.exclusive-merchandise .content-image p {
  color: #fff;
  text-align: center;
  font-size: 21px;
  margin-top: 30px;
}

.exclusive-merchandise .content-image p a {
  font-weight: 600;
  color: #fff;
}




@media screen and (max-width: 1536px) {
  .exclusive-merchandise .content-image img {
    max-width: 550px;
}
}


@media screen and (max-width: 1440px) {
  .exclusive-merchandise .exclusive-heading h2 {
     width: 66%;
}
}

@media screen and (max-width: 1366px) {
  .exclusive-merchandise .exclusive-heading h2 {
      font-size: 40px;
    width: 60%;
}
.exclusive-merchandise .exclusive-heading a img {
    max-width: 500px;
}
}

@media screen and (min-width: 991.99px) and (max-width: 1199.98px) {
  .exclusive-merchandise .content-image img {
    max-width: 400px;
}
.exclusive-merchandise .exclusive-heading h2 {
    font-size: 35px;
    width: 66%;
}
.exclusive-merchandise .exclusive-heading a img {
    max-width: 400px;
}
}

@media screen and (max-width: 991.98px) {
  .exclusive-merchandise .exclusive-heading a img {
    max-width: 350px;
}
.exclusive-merchandise .exclusive-heading h2 {
         font-size: 35px;
        width: 100%;
    margin: 30px auto;
}
.exclusive-merchandise .content-image img {
    max-width: 450px;
}
}

@media  screen and (max-width: 767px) {
  .exclusive-merchandise .exclusive-heading a img {
    max-width: 200px;
}
.exclusive-merchandise .exclusive-heading h2 {
    font-size: 25px;
}
.exclusive-merchandise .content-image img {
    max-width: 300px;
}
.exclusive-merchandise .content-image p {
   font-size: 17px;
}
}