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

Primary style

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

body.overflow-hidden {
  /* used when modal is visible */
  overflow: hidden;
}

body.overflow-hidden .cd-modal {
  display: block !important;
}


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

Main Components

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


#stacks_in_6 .cd-section {
  text-align: center;
	position: relative;
}


#stacks_in_6 .cd-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
}


#stacks_in_6 .cd-modal .cd-modal-content {
  box-sizing: border-box;
  
	height: 100%;
  width: 100%;
  padding: 3em 5%;
	color: #000000;
	
  text-align: left;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#stacks_in_6 .cd-modal-content a,
#stacks_in_6 .cd-modal-content a:visited {
	color: #FFFFFF;
}

#stacks_in_6 .cd-modal-content a:hover,
#stacks_in_6 .cd-modal-content a:active {
	color: #FFCC99;
}

#stacks_in_6 .modal-is-visible .cd-modal {
  z-index: 300000 !important;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
}

#stacks_in_6 .modal-is-visible .cd-modal .cd-modal-content {
  -webkit-overflow-scrolling: touch;
}


@media only screen and (min-width: 768px) {
  #stacks_in_6 .cd-modal .cd-modal-content {
    padding: 4em 10%;
  }
}

@media only screen and (min-width: 1170px) {
  #stacks_in_6 .cd-modal .cd-modal-content {
    padding: 6em 20%;
  }
}


#stacks_in_6 .cd-modal-action {
  position: relative;
}

#stacks_in_6 .cd-modal-action .modal_btn, #stacks_in_6 .cd-modal-action .cd-modal-bg {
  display: inline-block;
  height: 3.25em;
  background-color: #D40000;
}

#stacks_in_6 .modal_btn,
#stacks_in_6 .cd-modal-close {
  text-decoration: none !important;
  border: none !important;
}

#stacks_in_6 .cd-modal-action .modal_btn {
	
  border-radius: 5em;
	
  color: #ffffff;
  line-height: 3.25em;
  white-space: nowrap;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s 0.3s, width 0.3s 0s;
  -moz-transition: color 0.2s 0.3s, width 0.3s 0s;
  transition: color 0.2s 0.3s, width 0.3s 0s;
	overflow: hidden;
}

@media only screen {
	#stacks_in_6 .cd-modal-action .modal_btn {
		width: 225px;
	}
}

@media only screen and (max-width: 720px) {
	#stacks_in_6 .cd-modal-action .modal_btn {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	#stacks_in_6 .cd-modal-action .modal_btn {
		width: 100%;
	}
}

#stacks_in_6 .cd-modal-action .modal_btn i {
	margin-right: 6px;
}

#stacks_in_6 .cd-modal-action .modal_btn.to-circle {
  width: 3.25em;
	color: transparent !important;
  -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
  -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
  transition: color 0.2s 0s, width 0.3s 0.2s;
}

#stacks_in_6 .cd-modal-action .cd-modal-bg {
  position: absolute;
  z-index: 300000  !important;
  left: 50%;
  top: 0;
  width: 3.25em;
	
  border-radius: 50%;
	
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-2em);
  -moz-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  -o-transform: translateX(-2em);
  transform: translateX(-2em);
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
#stacks_in_6 .cd-modal-action .cd-modal-bg.is-visible {
  opacity: 1;
  visibility: visible;
}

#stacks_in_6 .cd-modal-close {
  position: fixed;
  z-index: 300001  !important;
  top: 10px;
  right: 10px;
	display: block;
  height: 50px;
  width: 50px;
	
  border-radius: 50%;
	
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url(../index_files/cd-icon-close.png);
  background-repeat: no-repeat;
  background-position: center center;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
#stacks_in_6 .no-touch .cd-modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#stacks_in_6 .modal-is-visible .cd-modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width: 768px) {
  #stacks_in_6 .cd-modal-close {
		top: 40px;
	  right: 40px;
  }
}

#stacks_in_6 .cd-modal-action a,
#stacks_in_6 .cd-modal-action a:visited,
#stacks_in_6 .cd-modal-action a:hover,
#stacks_in_6 .cd-modal-action a:active {
		color: #FFFFFF !important;
		text-decoration: none;
}


/* Font Selections */
  #stacks_in_6 .cd-modal-action .modal_btn {
  }






#stacks_in_6 {
	margin: 0px 0px 40px 0px;
}

#stacks_out_6 {
	width: 70%;
}

#stacks_out_226 {
	width: 200px;
}
#stacks_in_8>.s3_row {
	margin: 0 -10px;
}

#stacks_in_8>.s3_row>.s3_column_left {
	width: 50.00%;
}

#stacks_in_8>.s3_row>.s3_column_right {
	width: 50.000000%;
}




#stacks_in_8>.s3_row>.s3_column {
	padding: 0 10px;
}










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


	#stacks_in_8>.s3_row  {
		margin: -10px 0;
	}
	#stacks_in_8>.s3_row>.s3_column {
		padding: 10px 0;
		width:100%;
	}


}



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


	#stacks_in_8>.s3_row  {
		margin: -10px 0;
	}
	#stacks_in_8>.s3_row>.s3_column {
		padding: 10px 0;
		width:100%;
	}


}






#stacks_in_8 {
	background-color: rgba(212, 0, 0, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin: 10px 0px 0px 0px;
	padding:  20px;
}

#stacks_out_8 {
	width: 89%;
}

#stacks_in_14 {
	margin: 0px 0px 30px 0px;
}
#stacks_in_309>.s3_row {
	margin: 0 -10px;
}

#stacks_in_309>.s3_row>.s3_column_left {
	width: 50.00%;
}

#stacks_in_309>.s3_row>.s3_column_right {
	width: 50.000000%;
}




#stacks_in_309>.s3_row>.s3_column {
	padding: 0 10px;
}










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



}



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


	#stacks_in_309>.s3_row  {
		margin: -10px 0;
	}
	#stacks_in_309>.s3_row>.s3_column {
		padding: 10px 0;
		width:100%;
	}


}






.stacks_left {
	float:left;
}

.stacks_row {
	overflow:hidden;
	margin:0 auto;
}
#stacks_in_127 .stacks_left {
	width:160px;
}

#stacks_in_127 .stacks_row {
	width:320px;
}
#stacks_in_127 {
	padding:  5px;
}

#stacks_out_127 {
	width: 80%;
	margin-right:0;
}

#stacks_in_49 {
	border: solid rgba(77, 77, 77, 1.00);
	border-width:  5px;
	margin: 0px 0px 20px 0px;
}

#stacks_out_49 {
	width: 120px;
}

#stacks_in_316 {
	border: solid rgba(77, 77, 77, 1.00);
	border-width:  5px;
	margin: 0px 0px 20px 0px;
}

#stacks_out_316 {
	width: 120px;
}

#stacks_in_314 {
	border: solid rgba(77, 77, 77, 1.00);
	border-width:  5px;
	margin: 0px 0px 20px 0px;
}

#stacks_out_314 {
	width: 120px;
}

#stacks_in_320 {
	border: solid rgba(77, 77, 77, 1.00);
	border-width:  5px;
	margin: 0px 0px 20px 0px;
}

#stacks_out_320 {
	width: 120px;
}

#stacks_in_322 {
	border: solid rgba(77, 77, 77, 1.00);
	border-width:  5px;
	margin: 0px 0px 20px 0px;
}

#stacks_out_322 {
	width: 120px;
}

#stacks_out_318 {
	width: 80%;
	margin-left:0;
}



#stacks_in_124 .teleportMe {
display: none;
}



@important "partials/mixins";
.com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_65 {
  overflow: visible !important; }

#feature-cards-stacks_in_65 {
  margin: 0 auto;
  max-width: 1000px; }
  #feature-cards-stacks_in_65 * {
    box-sizing: border-box; }
  #feature-cards-stacks_in_65 .feature-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    #feature-cards-stacks_in_65 .feature-grid.hide-content-icon .feature-card-icon {
      display: none; }
    #feature-cards-stacks_in_65 .feature-grid.hide-content-text .feature-card-content {
      display: none; }
    #feature-cards-stacks_in_65 .feature-grid.show-content-stacks .feature-card-stacks {
      display: block; }
    #feature-cards-stacks_in_65 .feature-grid.no-icons .feature-card-icon i {
      display: none; }
  #feature-cards-stacks_in_65 .feature-outer {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 10px 10px; }
    #feature-cards-stacks_in_65 .feature-outer > a {
      text-decoration: none; }
  #feature-cards-stacks_in_65 .feature-card {
    /*  */
    background: rgba(245, 245, 245, 1.00);
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    height: 100%;
    /*  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden;
    /*  */
    -ms-flex-line-pack: flex-start;
        align-content: flex-start;
    /*  */
    -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
            justify-content: flex-start;
    transition: all 0.60s ease;
    padding: 0px;
    border-radius: 4px;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  #feature-cards-stacks_in_65 .feature-card-stacks {
    display: none; }
  #feature-cards-stacks_in_65 .feature-card-icon {
    /*  */
    /*  */
    background: #84B4BA;
    background: linear-gradient(to bottom, #84B4BA, #669999);
    /*  */
    /*  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    box-sizing: content-box;
    width: 100px;
    height: 100px;
    margin: -30px 0px 20px -30px;
    padding: 20px 0px 0px 20px;
    border-radius: 100px 100px 100px 100px;
    transition: all 0.60s ease; }
    #feature-cards-stacks_in_65 .feature-card-icon i {
      font-size: 45px;
      color: #FFFFFF;
      transition: all 0.6s ease-out;
      -webkit-transform-origin: center center;
              transform-origin: center center; }
  #feature-cards-stacks_in_65 .feature-card-content {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 15px;
    text-align: left; }
  #feature-cards-stacks_in_65 .feature-card-header {
    /*  */
    font-family: "Nunito";
    /*  */
    margin: 0;
    color: #546E7A;
    font-size: 20px;
    line-height: 24px;
    font-weight: ; }
  #feature-cards-stacks_in_65 .feature-card-description {
    /*  */
    font-family: "Nunito";
    /*  */
    /*  */
    margin: 10px 0;
    display: block;
    color: #90A4AE;
    font-size: 16px;
    line-height: 24px; }

/*  */
#feature-cards-stacks_in_65 .feature-card:hover {
  /*  */
  z-index: 30;
  position: relative;
  -webkit-transform: scale(1) rotate(0deg) translateY(0px);
          transform: scale(1) rotate(0deg) translateY(0px); }
  #feature-cards-stacks_in_65 .feature-card:hover .feature-card-icon {
    /**/
    background: #FFFFFF;
    /**/ }
    #feature-cards-stacks_in_65 .feature-card:hover .feature-card-icon i {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      /**/
      color: #84B4BA;
      /**/ }
  #feature-cards-stacks_in_65 .feature-card:hover .feature-card-header {
    /**/
    color: #FFFFFF;
    /**/ }
  #feature-cards-stacks_in_65 .feature-card:hover .feature-card-description {
    /**/
    color: #FFFFFF;
    /**/ }

#feature-cards-stacks_in_65 .feature-grid.ripple .feature-card {
  position: relative; }
  #feature-cards-stacks_in_65 .feature-grid.ripple .feature-card::before {
    background: #84B4BA;
    content: '';
    z-index: -1;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    transition: all 0.4s ease-out;
    border-radius: 50%;
    -webkit-transform: translate(-30px, -30px);
            transform: translate(-30px, -30px); }

#feature-cards-stacks_in_65 .feature-grid.ripple.center .feature-card::before {
  top: 50%;
  left: 50%;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(0) translate(-50%, -50%);
          transform: scale(0) translate(-50%, -50%); }

#feature-cards-stacks_in_65 .feature-grid.ripple.center .feature-card:hover::before {
  width: 150%;
  height: 150%;
  border-radius: 4;
  transition: all 0.4s ease-out;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%); }

#feature-cards-stacks_in_65 .feature-grid.ripple.top-left .feature-card::before {
  top: -30px;
  left: -30px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 0 50% 50% 50%; }

#feature-cards-stacks_in_65 .feature-grid.ripple.top-left .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1);
  box-shadow: 0 0 0 20px #84B4BA; }

#feature-cards-stacks_in_65 .feature-grid.ripple.top-right .feature-card::before {
  top: -30px;
  right: -30px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(1);
          transform: scale(1); }

#feature-cards-stacks_in_65 .feature-grid.ripple.top-right .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1);
  border-radius: 50% 0 50% 50%; }

#feature-cards-stacks_in_65 .feature-grid.ripple.bottom-left .feature-card::before {
  left: -30px;
  bottom: -30px;
  border-radius: 4px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: scale(0);
          transform: scale(0); }

#feature-cards-stacks_in_65 .feature-grid.ripple.bottom-left .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1); }

#feature-cards-stacks_in_65 .feature-grid.ripple.bottom-right .feature-card::before {
  bottom: -30px;
  right: -30px;
  border-radius: 50% 50% 0 50%;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0);
          transform: scale(0); }

#feature-cards-stacks_in_65 .feature-grid.ripple.bottom-right .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1); }

@media (min-width: 767px) {
  #feature-cards-stacks_in_65 .feature-outer {
    /**/
    max-width: 100.000000%;
    /**/
    width: 100.000000%; } }

@media (min-width: 468px) and (max-width: 767px) {
  #feature-cards-stacks_in_65 .feature-outer {
    /**/
    max-width: 100.000000%;
    /**/
    width: 100.000000%; } }

@media (min-width: 0px) and (max-width: 468px) {
  #feature-cards-stacks_in_65 .feature-outer {
    /**/
    max-width: 100.000000%;
    /**/
    width: 100.000000%; } }

/*  */
#feature-section-card-stacks_in_67 img {
  width: 60px;
  height: 60px;
  margin: 0px 0px 0px 0px; }
/* Start Stats stack CSS code */



.stacks_in_71stats, .stacks_in_71pagetitle{
	display: none;
}

.stacks_in_71instructwrapper{
	position: relative;
	background: url("../index_files/newstatsbg.png") repeat-x;
	height: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.stacks_in_71instruct{
	position: absolute;
	text-align: center;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background: rgba(0, 0, 0, 0.6);
	padding: 4px 10px 5px 10px;
}

 /* End if record mode */

 /* End if admin mode */

/* End Stats stack CSS code */
#stacks_out_333 {
	width: 250px;
}