/* Enter Your Custom CSS Here */

.site-header {
    position: relative;
    z-index: 100;
    box-shadow: 0 1px 0px rgba(0,0,0,0.05);
    background-color: rgba(0, 0, 0, 0.9);
}

.scd-counter-col {
  text-align: center;
  list-style-type: none;
      font-family: almaq-refined, "Open Sans", Tahoma;
    font-weight: 700 !important;
background-color:rgba(0,0,0,0.9);
  padding: 30px;
  border-radius: 12px;
    margin: 0 auto !important;
margin-left: auto !important;
  margin-right: auto 0 !important;
text-align: center !important;
}

.scd-title-col {
    clear: left;
  margin: 0 auto !important;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
}

.scd-all-wrapper {
    width: 70% !important;
  margin: 0 auto !important;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
}


.scd-digit div {
    font-size: 1em !important;
}

#smartcountdown-1646 {
text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tminus_countdown {
  width: 100% !important;
  min-width: 300px;
  margin: 0 auto;
}

.page-id-254 .entry-title::after {
   display: none;
}

.page-id-254 #menu-item-157,
.page-id-254 #menu-item-162,
.page-id-254 #menu-item-158 {
  display: none;
}

  
.page-id-254 .myButton {
    margin-left: auto !important;
    margin-right: auto !important;
  text-align: center !important;
}

.page-id-254 .sponsors {
  display: none;
}



#cboxContent {
    background: transparent  !important;
    overflow: show;
  border: 0px !important;
}

#cboxMiddleRight {
  display: none;
}

#cboxMiddleLeft {
  display: none;
}

#cboxTopCenter {
  display: none;
}

#cboxBottomCenter {
  display: none;
}
#cboxLoadedContent {
    margin-bottom: 20px;
  margin: 0 auto;
}

.aesop-story-collection .aesop-collection-item {
    margin: 10px;
  width: 30% !important;
}



body {
    background-color: #2d2d2d !important;
    font-family: freight-text-pro, "Merriweather",Tahoma;
    font-weight: 400;
    font-size: 1em !important;
    line-height: 1.7em;
    color: #ffffff !important;
}

p {
    font-family: freight-text-pro, "Merriweather",Tahoma;
    font-weight: 400;
    font-size: 1.4em !important;
    line-height: 1.7em;
    color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: almaq-refined, "Open Sans", Tahoma;
    font-weight: 700 !important;
    color: #cccccc !important;
}

h1 {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.3846153846;
  color: #ffffff  !important;
      margin-bottom: 8px !important;
      margin-top: 20px !important;
    text-transform: uppercase !important;

}

h2 {
    font-size: 2em  !important;
      margin-top: 0px !important;
      margin-bottom: 8px !important;

}

.aesop-component {
    position: relative;
    margin: 1rem auto !important;
}


.glyphicon::before {
	float: left;
	margin-top: 22px;
	width: 10px;
}

.main-navigation ul li {
	width: 100%;
}

.site-navigation > div > ul > li > a {
       font-family: almaq-refined, "Open Sans", Tahoma !important;
  position: relative;
    overflow: hidden;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 0 17px;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 251;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    -ms-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s;
}

.sponsors {
  width: 80%;
  margin: 0 auto;
}

.sponsors img {
  max-width: 12%;
  margin: 1%;
  height: auto;
}

.content-area #content {
    margin-top: 0px !important;
    /* max-width: 800px; */
    margin-right: auto;
    margin-left: auto;
}

.intro-effect-fadeout .intro-effect-bg-img {
  background: #000000 !important;
}

.intro-effect-fadeout .intro-effect-bg-img img {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    background: #000000 !important;

    height: auto !important;
}

.intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-meta {
display: none;
}


blockquote {
    color:  #ffffff !important;
    line-height: 1.2631578947;
    margin-bottom: 30px;
    font-family: freight-text-pro, "Merriweather",Tahoma;
font-style: normal !important;
      font-weight: 700 !important;
text-shadow: 0px 8px 7px rgba(0,0,0,0.4),
             0px 12px 19px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

blockquote:before {
    display: block;
    line-height: 0;
    color: #cccccc !important;
    font-size: 204px !important;
    position: relative;
    text-align: left !important;
    height: 50px;
    line-height: 100px;
    font-family: "PT Serif";
  padding-top: 40px;
  display: none;
}

blockquote:after {
    display: block;
    line-height: 0;
    color: #cccccc !important;
    font-size: 0px !important;
    position: relative;
    text-align: right !important;
    height: 50px;
    line-height: 100px;
    font-family: "PT Serif";
    display: none;

}



.entry-title {
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1) !important;
    color:  #ffffff !important;

}

.entry-title::after {
  white-space: pre;
content: "\A \25BC   SCROLL DOWN FOR CONTENT   \25BC"; 
  color: #ffffff;
font-size: 0.3em;
font-weight: 400;
}



.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
  height: auto;
}

.aesop-quote-component cite {
    display: block;
    font-size: 24px !important;
    text-transform: uppercase !important;
      color:  #ffffff !important;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


h2.aesop-collection-entry-title {
    margin-top: 5px;
    font-weight: 400;
    width: auto;
    font-size: 2.1em;
      color:  #ffffff !important;
    -webkit-transition: color linear 0.2s;
    -moz-transition: color linear 0.2s;
    -o-transition: color linear 0.2s;
    transition: color linear 0.2s;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.aesop-story-collection .aesop-collection-item .aesop-collection-item-inner .aesop-collection-meta {
display: none;
}

.aesop-document-component--caption {
      font-family: almaq-refined, "Open Sans", Tahoma;
 margin-top: 5px !important;
 margin-bottom: 5px !important;
    font-weight: 400;
    width: auto;
    font-size: 2.1em;
      color:  #ffffff !important;
    -webkit-transition: color linear 0.2s;
    -moz-transition: color linear 0.2s;
    -o-transition: color linear 0.2s;
    transition: color linear 0.2s;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
  line-height: 1.1em !important;
}
  
  
  
.intro-effect-fadeout .intro-effect-bg-img img {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
  height: auto  !important;
}

.site-footer-container.container {
    width: 100%;
    margin-bottom: 0px !important;
  display: none;
}

.footer-menu {
    float: right;
  display: none;
}
.site-info {
    font-family: almaq-refined, "Open sans", sans-serif;
    height: auto;
    line-height: 40px;
    background-color: #000000 !important;
    border-top: 1px solid #09c !important;
    color: #cccccc !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
    position: relative;
    top: 0px;
    width: 100%;
    font-weight: 300;
}

.site-footer-wrapper .copyright {
    float: center;
    text-align: center;
  margin: 0 auto;

}
.site-footer-wrapper {
    margin-top: 0px !important;
    clear: both;
}


.page-id-156 .entry-header {
    padding-bottom: 15px;

  display: none;
}


.page-id-23 .main-header-right-side {
    padding-bottom: 15px;

  display: none;
}

.page-id-23 .entry-header {
  display: none;
}

.page-id-23 .navbar-toggle {
  display: none !important;
}

.page-id-23 .site-footer-wrapper {
  display: none !important;
}

.page-id-23 .site-content article .entry-content {
  background-color:rgba(0,0,0,0.7) !important;
  padding: 10% !important;
  margin: 20% !important;
  text-align: center !important;
  border-radius: 12px;
        font-family: almaq-refined, "Open Sans", Tahoma !important;

}


.myButton {
      font-family: almaq-refined, "Open Sans", Tahoma;

	background-color:#0c0c5f;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:0px solid #fafafa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 2em !important;
	padding:16px 31px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#63a0eb;
  	color:#ffffff;

}
.myButton:active {
	position:relative;
	top:1px;
}


.myButton1 {
      font-family: almaq-refined, "Open Sans", Tahoma;

	background-color:#0c0c5f;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:0px solid #fafafa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 1.2em !important;
	padding:16px 31px;
	text-decoration:none;
}
.myButton1:hover {
	background-color:#63a0eb;
  	color:#ffffff;

}
.myButton1:active {
	position:relative;
	top:1px;
}


.padder1 {
  padding-top: 25%;
  padding-bottom: 25%;
  margin: 0 auto;
  text-align: center;
    height: 700px

}

.padder2 {
  padding-top: 37%;
  margin: 0 auto;
  text-align: center;
  height: 700px
}


.depadder1 {
  margin-top: -30px;
}

.site-content div.ssba {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
    border-top: 0px solid #E8E8E8 !important;
    border-bottom: 0px solid #E8E8E8 !important;
    padding: 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #bbb;
    font-family: "Open Sans";
    line-height: 35px;
}


.aesop-content-component .aesop-content-img .aesop-content-comp-inner {
    background: transparent !important;
    padding: 1rem;
    line-height: 1.3;
}



#cboxPrevious {
  display: none !important;
}

#cboxNext {
  display: none !important;
}


#cboxTitle {
  display: none !important;
}


#cboxCurrent {
  display: none !important;
}

/* Mobile */

@media (max-width: 782px) {


.site-content div.ssba {
    margin-left: 2px !important;
    margin-right: 2px !important;
    max-width: 100%;
}


.aesop-content-comp-wrap aesop-content-comp-columns-1 aesop-content-img {
    background-position: center left !important;
  
}

.aesop-story-collection .aesop-collection-item {
    margin: 10px;
    width: 100% !important;
}



.padder1 {
  padding-top: 25%;
  padding-bottom: 25%;
  margin: 0 auto;
  text-align: center;
    height: 400px

}




.page {
width: 100%;
}

	.main-header-right-side {
		position: absolute;
		right: 58px;
		/*width: 100%;*/
		padding-left: 0;
		padding-right: 0;
	}
	.site-content article .entry-content {
		padding-left: 30px;
		padding-right: 30px;
	}

.header-main img {
width: 100%;
max-width: 250px;
}


.entry-content li {
  font-size: 1.2em;
}


.aesop-quote-component {
    padding:0px !important;
}


.aesop-collection-grid.aesop-collection-grid-3col .aesop-collection-item {
    width: 100%;
}


.site-header {
    position: relative;
    z-index: 100;
    box-shadow: 0 1px 0px rgba(0,0,0,0.05);
    background-color: rgba(0, 0, 0, 0.9);
}


body {
    background-color: #2d2d2d !important;
    font-family: freight-text-pro, "Merriweather",Tahoma;
    font-weight: 400;
    font-size: 1em !important;
    line-height: 1.7em;
    color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: almaq-refined, "Open Sans", Tahoma;
    font-weight: 700 !important;
    color: #cccccc !important;
}

.site-content article .entry-header {
    padding: 35px 0 45px;
    text-align: center;
    font-family: almaq-refined, "Open Sans", Tahoma;
      font-size: 1.4em  !important;
}


h1 {
    font-weight: 700;
    font-size: 1.1em  !important;
    line-height: 1.3846153846;
  color: #ffffff  !important;
      margin-bottom: 8px !important;
      margin-top: 20px !important;
    text-transform: uppercase !important;

}

h2 {
    font-size: 2.4em  !important;
      margin-top: 0px !important;
      margin-bottom: 8px !important;

}


.aesop-quote-component blockquote {
font-size: 2.4em !important;
}

blockquote .secondquote {
font-size: 2.4em !important;
}


.aesop-component {
    position: relative;
    margin: 1rem auto !important;
}


.content-area #content {
    margin-top: 0px !important;
    /* max-width: 800px; */
    margin-right: auto;
    margin-left: auto;
}

.intro-effect-fadeout .intro-effect-bg-img {
  background: #000000 !important;
}

.intro-effect-fadeout .intro-effect-bg-img img {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    background: #000000 !important;

    height: auto !important;
}

.intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-meta {
display: none;
}


blockquote {
    color:  #ffffff !important;
    line-height: 1.2631578947;
    margin-bottom: 30px;
font-family: almaq-refined, "Open Sans", Tahoma !important;
font-style: normal !important;
      font-weight: 700 !important;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


h1.entry-title {
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1) !important;
    color:  #ffffff !important;
font-size: 1.2em;
}



.aesop-quote-component cite {
    display: block;
    font-size: 18px !important;
    text-transform: uppercase !important;
      color:  #ffffff !important;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


h2.aesop-collection-entry-title {
    margin-top: 5px;
    font-weight: 400;
    width: auto;
    font-size: 1em !important;
      color:  #ffffff !important;
    -webkit-transition: color linear 0.2s;
    -moz-transition: color linear 0.2s;
    -o-transition: color linear 0.2s;
    transition: color linear 0.2s;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.aesop-story-collection .aesop-collection-item .aesop-collection-item-inner .aesop-collection-meta {
display: none;
}


.intro-effect-fadeout .intro-effect-bg-img img {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
  height: auto  !important;
}

.site-footer-container.container {
    width: 100%;
    margin-bottom: 0px !important;
  display: none;
}

.footer-menu {
    float: right;
  display: none;
}
.site-info {
    font-family: almaq-refined, "Open sans", sans-serif;
    height: auto;
    line-height: 40px;
    background-color: #000000 !important;
    border-top: 1px solid #09c !important;
    color: #cccccc !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
    position: relative;
    top: 0px;
    width: 100%;
    font-weight: 300;
}

.site-footer-wrapper .copyright {
    float: left;
    text-align: center;

}
.site-footer-wrapper {
    margin-top: 0px !important;
    clear: both;
}


.page-id-2 .entry-header {
    padding-bottom: 15px;

  display: none;
}

.page-id-23 .entry-header {
    padding-bottom: 15px;

  display: none;
}


.myButton {
      font-family: almaq-refined, "Open Sans", Tahoma;

	background-color:#adc6f0;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #fafafa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 1em !important;
	padding:16px 31px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#63a0eb;
  	color:#ffffff;

}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton1 {
      font-family: almaq-refined, "Open Sans", Tahoma;

	background-color:#adc6f0;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #fafafa;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 1.2em !important;
	padding:16px 31px;
	text-decoration:none;
}
.myButton1:hover {
	background-color:#63a0eb;
  	color:#ffffff;

}
.myButton1:active {
	position:relative;
	top:1px;
}


.padder1 {
  padding-top: 25%;
  padding-bottom: 25%;
  margin: 0 auto;
  text-align: center;
    height: 400px

}

.padder2 {
  padding-top: 77%;
  margin: 0 auto;
  text-align: center;
    height: 400px

}


.depadder1 {
  margin-top: -30px;
}

.site-content div.ssba {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
    border-top: 0px solid #E8E8E8 !important;
    border-bottom: 0px solid #E8E8E8 !important;
    padding: 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #bbb;
    font-family: "Open Sans";
    line-height: 35px;
}


.aesop-content-component .aesop-content-img .aesop-content-comp-inner {
    background: transparent !important;
    padding: 1rem;
    line-height: 1.3;
}






}

/* Tablet */

@media (max-width: 991px) {
	.featured-slider .featured-content .slider-content p {
		font-size: 56%;
		line-height: 1.4em;
		padding-top: 0;
	}

	.reading-header-right-side .menu-toggle {
		display: none;
	}
	
	a.site-title,
	.fixed.shrink a.site-title {
		font-size: 1.2rem;
	}

	.single .site-content article {
		padding-left: 15px;
		padding-right: 15px;
	}

	.comments-container,
	.author-info,
	.site-content div.ssba {
		margin-left: 15px;
		margin-right: 15px;
		max-width: 100%;
	}

	body .site-navigation.collapse,
	.site-header.shrink .site-navigation,
	body.single-post .site-header.fixed.shrink .header-main .reading-header-right-side .site-navigation {
		right: 0;
		position: absolute;
		width: 100%;
		margin-top: 0;
		top: 0;
		line-height: 50px;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		-ms-transition: all 0.4s;
		transition: all 0.4s;
		box-shadow: 0px 1px 4px 3px rgba(210, 210, 210, 0.5);
		border: 0;
	}

.site-navigation > div > ul > li {
    padding-bottom: 0;
    text-align: left !important;
  padding-left: 0px;
}


}

@media (min-width: 1199px) {

	.site-footer-container.container {
		width: 1200px;
	}
}