/*  ----------------------------------------------------
1. IMPORT GOOGLE FONTS
-------------------------------------------------------- */

/*@import url(https://fonts.googleapis.com/css?family=Pacifico);
 @import url(https://fonts.googleapis.com/css?family=Open Sans);
 @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200);*/


/* OTHER FONTS - READING SCREEN */

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

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


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

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

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

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

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

@font-face {
	font-family: 'american-typewriter-bold';
	font-display: auto;
	src:url('../../fonts/american-typewriter/AmericanTypewriter-Bold.eot');
	src:url('../../fonts/american-typewriter/AmericanTypewriter-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/american-typewriter/AmericanTypewriter-Bold.woff') format('woff'),
		url('../../fonts/american-typewriter/AmericanTypewriter-Bold.ttf') format('truetype'),
		url('../../fonts/american-typewriter/AmericanTypewriter-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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

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

@font-face {
	font-family: 'Caslon';
	font-display: auto;
	src:url('../../fonts/caslon/acaslonpro_regular.eot');
	src:url('../../fonts/caslon/acaslonpro_regular.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/caslon/acaslonpro_regular.woff') format('woff'),
		url('../../fonts/caslon/acaslonpro_regular2.ttf?v=1') format('truetype'),
		url('../../fonts/caslon/acaslonpro_regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


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

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

@font-face {
	font-family: 'droid-serif-bolditalic';
	src:url('../../fonts/droid-serif/DroidSerif-BoldItalic.eot');
	src:url('../../fonts/droid-serif/DroidSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/droid-serif/DroidSerif-BoldItalic.woff') format('woff'),
		url('../../fonts/droid-serif/DroidSerif-BoldItalic.ttf') format('truetype'),
		url('../../fonts/droid-serif/DroidSerif-BoldItalic.svg') format('svg');
	font-weight: bold;
	font-style: italic;
}*/


/*  ----------------------------------------------------
2. GENERAL STYLES
-------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
    width: 100%;
    height: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    color: #747474;
}

.shadowing {
  text-shadow: 1px 1px 1px #000000 !important;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

.floatnone {
  float: none !important;
}

.w300 {
  width:300px;
  margin-left:-14px;
}

.hover-fade:hover {
  text-shadow: 0px 0px 0px #000000 !important;
}

.item-book {
  min-height:270px;
}

.item-group {
  min-height:200px;
  overflow: hidden;
}

.item-group-frontpage {
  min-height:160px;
  overflow: hidden;
}

.title-lowercase {
    text-transform: lowercase;
}

.sharing-stuff {
  font-size: 1.8em;
}
.title-lowercase:first-letter {
    text-transform: uppercase !important;
}

ul.pillmenu>li.active>a {
    background: #eee; border-radius:10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

h1 {
  font-family: 'bariol', cursive !important;
  
}

h2 {
  color: #323a45;
    font-weight: 100;
}

ul.nav-pills li a {
    border-radius: 0px;
    color: #ff4530;
}

.typewriter {
	font-family: 'american-typewriter-regular', sans-serif !important;	
}

.typewriter-bold {
	font-family: 'american-typewriter-bold', sans-serif !important;	
}

h1 { font-size: 42px; line-height: 45px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 22px;
    line-height: 35px;
    font-weight: bold; }
h4 { font-size: 18px; line-height: 30px; }
h5 { font-size: 14px; line-height: 25px; }
h6 { font-size: 12px; line-height: 20px; }

h1 small { font-size: 50%; }
h2 small { font-size: 60%; }
h3 small { font-size: 70%; }
h4 small { font-size: 80%; }
h5 small { font-size: 90%; }
h6 small { font-size: 90%; }

.bold {
	font-weight: 500;
}
.chapter_block ul {
	color: black;
	font-family: 'Caslon', sans-serif !important;
	font-size: 1.43em;
	line-height: 1.6em;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	border-radius: 30px;
	color: transparent;
}

.nav-pills li.active a i {
	color: white !important;
	padding-left:5px;
	padding-right:5px;
}

.text-uppercase {
	text-transform: uppercase;
}

.border-down {
	border-bottom: 1px solid #F1F1F1;
}

.border-up {
	border-top: 1px solid #F1F1F1;
}

.border5{
	border-radius: 5px;
}

.border10{
	border-radius: 10px;
}

.parallax-authorscup {
    background-image: url("../../img/authorscup/authors-parallax.jpg");
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
    min-height: 400px;
}

.parallax-authorscup-2 {
    background-image: url(../../img/authorscup/bg-authorscup.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
    min-height: 400px;
}


.parallax-loginbg {
    background-image: url("../../img/bg/login-bg.jpg?v=2");
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
}

.parallax-abstract {
    background-image: url("../../img/bg/bg-abstract-parallax.jpg?v=2");
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
}

.parallax-discover {
    background-image: url("../../img/bg/bg-parallax-10.jpg");
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
    min-height: 400px;
}

.linkNotValidClass {
    width: 100px !important;
    height: 20px !important;
    background: grey;
    display: inline-block;
    margin: 0px;
}

.featurepic {
	width:100%;
}

.featureheader {
	/* height: 110px; */
	height: 150px;
	overflow: hidden;
	border-radius:2px;
	width: 100%;
}

.contestheader {
	/* height: 110px; */
	height: 400px;
	overflow: hidden;
	border-radius:2px;
	width: 100%;
}

.darklayer {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul.new-padding li {
	padding: 8px 0px !important;
}
.parallax-visualstories {
    background-image: url(../../img/bg/inktoberchallenge.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
    min-height: 400px;
}

.typeform-form a {
	background: none !important;
	color: white !important;
	border:0px !important;
	width:100%;
	text-align: center !important;
	text-decoration: underline !important;
}

.typeform-form {
	top:0px;
	height:30px;
	z-index: 100000;
}

.mt2 {
	margin-top:2px;
}

.typeform-form:hover a, .typeform-form:hover, .typeform-form a:hover {
	background: #04a590 !important;
}

small { 
    font-size: 90%; 
    opacity: .7; 
    font-family: 'Open Sans', sans-serif;
}

code { text-transform:none; font-family: monospace, serif;}

p {
    font-family: 'Open Sans', sans-serif !important;
    margin: 0 0 25px 0;
    line-height: 25px;
    color: #f0f0f0;
}

.minh350 {
	min-height: 350px;
}

.mt12 {
	margin-top:12px;
}
.h30 {
	height:30px;
}

.mt-10-forced {
	margin-top: -10px !important;
}


#select2-drop {
    width: 200px !important;
}

#footer-messages {
    position: fixed;
    bottom: 0;
    z-index: 10000;
}

.connector {
    background: #C1C1C1;
    width: 3px;
    height: 40px;
    margin: 0 auto;
}

.bottom-sith {
		position: absolute;
    bottom: 0;
}

.footer-messages-classes {
    width: 100%;
    height: 60px;
    background: white;
    border-top: 1px solid #ebebeb;
}

.h35 {
	height:35px;
}

.h300 {
	height:300px;
}

.h100 {
	height:100px;
}

.h350 {
	height:350px;
}

.h400 {
	height:400px;
}

.h450 {
	height:450px;
}

.h500 {
	height:500px;
}

.content-editor {
      overflow: visible;
      height: 100%;
      min-height:160px;
      /*overflow: scroll;*/
}

p strong, .strong-600 { font-weight: 600; }

.strong-400 { font-weight: 400; }

.strong { font-weight: bold !important; }

.pl2 {
	padding-left: 2px;
}

.pl3 {
	padding-left: 2px;
}

.pl8 {
	padding-left: 8px;
}

.pr8 {
	padding-right: 8px;
	}
	
.pl12 {
	padding-left: 12px;
}

.pr12 {
	padding-right: 12px;
	}
	
.lead {
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 0px #000000;
}

#label_upload_universe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.5em;
    font-weight: 700;
    left: 15px;
    margin: auto;
    position: absolute;
    color: #fff;
    padding: 100px;
}

#label_upload_cardcollection {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.5em;
    font-weight: 700;
    left: 15px;
    margin: auto;
    position: absolute;
    color: #fff;
    padding: 100px;
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.overflow-y-scroll {
	overflow-x: scroll;
}

.overflow-hidden {
	overflow: hidden;
}

#card-errors {
	color: red;
}

blockquote {
	    border-color: #f1f1f1 !important;
}

.no_click {
	pointer-events:none;
}

.w100-percent {
	width:100%;
}

.w95-percent {
	width:95%;
}

.status_chapter span, .blocker-inline {
	display: inline-block !important;
}

.top-nav-collapse-force-inverse .premium-icon {
    margin-top: 20px !important;
}


.w20-percent {
	width:20%;
}

.w75-percent {
	width:75%;
}

.w75 {
	width: 75px;
}
.w700 {
	width: 700px;
}

.w800 {
	width: 800px;
}

.w900 {
	width: 900px;
}

.ml-10 {
	margin-left: -10px !important;
}

.ml-15 {
	margin-left: -15px !important;
}

.ml-20 {
	margin-left: -20px !important;
}


.ml-50 {
	margin-left: -50px !important;
}

.ml-70 {
	margin-left: -70px !important;
}

.ml-80 {
	margin-left: -80px !important;
}

.ml-100 {
	margin-left: -100px !important;
}

.neverin{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000;
	width: 100%;
    border-radius: 15px;
    height: 500px;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -50%) scale(1.2);
	box-shadow: 10px 10px 15px rgba(0,0,0,0.06);
	transition: opacity 0.2s 0s ease-in-out,
	transform 0.2s 0s ease-in-out;
}
.neverin.show{
  opacity: 1;
  pointer-events: auto;
  transform:translate(-50%, -50%) scale(1);
}

.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
}

.color-navyblue {
	color: #364853;
}
.flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}


.bg-gold {
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}


.dropcap {
    float: left;
    width: 0.7em;
    font-size: 400%;
    font-family: algerian, courier;
    line-height: 80%;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    padding-left: 3px;
    margin-top: 5px;
    margin-right: 5px;
}

ul.notification-panel {
     margin-top: -20px !important;
    margin-left: -50px;
    padding: 20px  !important;
    z-index: 100000 !important;
        border-radius: 4px !important;
}


.chevron {
  position: relative;
  text-align: center;
  padding: 12px;
  margin-bottom: 6px;
}

.border-solid-5-white {
	border: 5px solid white;
}

.chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 51%;
  background: white;
  -webkit-transform: skew(0deg, 6deg);
  -moz-transform: skew(0deg, 6deg);
  -ms-transform: skew(0deg, 6deg);
  -o-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: white;
  -webkit-transform: skew(0deg, -6deg);
  -moz-transform: skew(0deg, -6deg);
  -ms-transform: skew(0deg, -6deg);
  -o-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}

.embed-container {
    min-height: 670px;
    max-height:720px;
    border-radius: 10px;
    background: white;
		width: 99%;
    -webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;
		 box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;
}

.embed-container-bookshelf {
	max-width: 800px;
	border-radius: 10px;
  background: white;
	width: 99%;
	-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;
	 -moz-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;
		box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px;
}

ul.menu-scrollable {
    overflow-y: scroll;
    position: relative;
    width: auto;
    height: 300px !important;
}

.textboxing {
	width: 100%;
    min-height: 150px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    text-align: justify;
}

ul#medium-editor-toolbar-actions1 li, ul.sidebar-menu li {
	padding:0px !important;
}

.content-editor p {
	color: #191919;
    font-size: 1.43em;
    line-height: 1.6em;
    letter-spacing: 0px;
    font-weight: 100;
    font-family: 'Caslon' !important;
    text-indent: 1.12em;
}

.h40 {
	height:40px;
}

.tooltip div {
	color:white !important;
}

.border-grey {
	border: 1px solid #e4e6f2;
}

.border-right-grey {
	border-right: 1px solid #f1f1f1;
}

.content-editor p a,
.content-editor blockquote a,
.content-editor h3 a,
.content-editor h4 a,
#chapter_block p a,
#chapter_block blockquote a,
#chapter_block h3 a,
#chapter_block h4 a,
#chapter_block ul li a,
#chapter_block_embed p a,
#chapter_block_embed blockquote a,
#chapter_block_embed h3 a,
#chapter_block_embed h4,
#chapter_block_embed ul li a
{
	/*color: #303131;
	text-decoration: underline;*/
	box-shadow: inset 0 -5px 0 #25e4b3 !important;
	color: inherit !important;
	text-decoration: none !important;
}

#chapter_block h3 {
	letter-spacing: -1px;
}

.chapter-block a, .chapter-block div {
	overflow:visible;
}

.embed-container .chapter-block a, .embed-container .chapter-block div {
	overflow: scroll !important;
}
.italic {
	font-style: italic;
}
.content-editor p a:hover, .content-editor h3 a:hover, .content-editor h4 a:hover, .content-editor blockquote a:hover, #chapter_block_embed p a:hover, #chapter_block_embed blockquote a:hover, #chapter_block_embed h3 a:hover , #chapter_block_embed h4 a:hover, #chapter_block p a:hover, #chapter_block blockquote a:hover, #chapter_block h3 a:hover , #chapter_block h4 a:hover  {
	color: #25e4b3;
}

a {
    color: #111;
    cursor: pointer !important;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
a:hover,
a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}

.ml2 {
    margin-left: 2px;
}

.no-underline {
	text-decoration: none !important;
}

.bg-dark-gavc {
	background: #1d2227 !important;
}

.nav-pills {
	color:transparent;
}
.select2-search-field {
	width:100%;
}
small {
    display: block;
    margin-top: 5px;
}
.animated { visibility:hidden; }
.visible { visibility:visible; }

.font-pacifico    { font-family: 'bariol', cursive !important; }
.font-open-sans   { font-family: 'Open Sans', sans-serif !important; }
.font-libre-baskerville   { font-family: 'libre-baskerville', sans-serif !important; }
.font-bariol   { font-family: 'bariol', sans-serif !important; }

.font-universes   { font-family: 'universes', sans-serif !important; }
.font-midnight   { font-family: 'midnight', sans-serif !important; }
.font-enchantedland   { font-family: 'enchantedland', sans-serif !important; }
.font-germaniaone   { font-family: 'germaniaone', sans-serif !important; }
.font-nightmare   { font-family: 'nightmare', sans-serif !important; }

.font-dante   { font-family: 'dante', sans-serif !important; }
.font-crimson-roman   { font-family: 'crimson-roman', sans-serif !important; }
.font-caslon { font-family: 'caslon', sans-serif !important; }

.light {
    font-weight: 100 !important;
}

/*.font-montserrat  { font-family: 'Montserrat', sans-serif !important; }
.font-source-sans-pro  { font-family: 'Source Sans Pro', sans-serif !important; }*/

.fs-75 { font-size: 75px !important; }
.fs-100 { font-size: 100px !important; }
.font-size-light { font-weight: 200 !important; }
.font-size-normal { font-weight: 300 !important; }
.font-size-bold { font-weight: 400 !important; }

.beta-reader-reviewers p {
    color: black !important;
}

.bg-pale-ale {
	background: #fafcfc !important;
}

.bg-pale-ale2 {
	background: #f1f1f1 !important;
}

#pageloader {
    background-color: #E74C3C;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#pageloader.bw {
    background-color: #000000;
}

.send_mail_massive p {
	color: black !important;
}

.send_mail_massive .editable {
	min-height: 250px !important;
	border:1px solid #c1c1c1;
	padding:10px;
}
.w250 {
	width:250px;
}
.img-sub-responsive {
	display: block;
    max-width: 200%;
    height: auto;
}

.btn-facebook i, .btn-twitter i {
	margin-left: 0px !important;
}

.mt130 {
  margin-top:130px;
}
.loader-item {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    height: 40px;
    width: 40px;
}

.beta-reader-reviewers p img {
    width: 100%,
}

.loader-item img {
    width: 80px;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
}

::selection {
    color: #fff;
    background: #FB3649;
}

.intro-direction {
    position: absolute;
    left: 50%;
    bottom: 5%;
}
.mouse-icon {
    border: 2px solid #fff;
    height: 40px;
    width: 24px;
    display: block;
    z-index: 10;
    opacity: 0.7;
    background-color: rgba(255,255,255,.5);
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}
.mouse-icon .wheel {
    -webkit-animation-name: mouse-anim-drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    -webkit-animation-name: mouse-anim-drop;
          animation-name: mouse-anim-drop;
    -webkit-animation-duration: 1s;
          animation-duration: 1s;
    -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
    -webkit-animation-delay: 0s;
          animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
          animation-play-state: running;
}


.timeline-heading {
	color: #364853 !important;
	letter-spacing: -1px;
}
.minh270 {
	min-height: 270px !important;
	max-height: 270px !important;
}

.minh240 {
	min-height: 240px !important;
	max-height: 240px !important;
}

.minh180 {
	min-height: 180px !important;
	max-height: 180px !important;
}

.w105 {
	width:105px;
}

.button-create-front {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 5px;
}

.mouse-icon .wheel {
    position: relative;
    width: 2px;
    height: 6px;
    top: 4px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
@-webkit-keyframes mouse-anim-drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes mouse-anim-drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}

.featuretable {
	-webkit-box-shadow: 10px 10px 37px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 37px -5px rgba(0,0,0,0.75);
box-shadow: 10px 10px 37px -5px rgba(0,0,0,0.75);
border-radius:8px;
}
.minibar ul li {
  padding:5px 0px !important;
}

.minibar  .navbar-pasific .navbar-brand img {
  margin-top:-6px;
}

.gallery .controls {
    bottom: -15px !important;
}

.icon-svg {
    max-height: 60px;
}

.clickable {
  text-decoration: underline;
  cursor: pointer;
}

.info {
  padding-bottom:15px; 
}

.biggerx {
  font-size:1.2em;
}

h2.textsection {
  text-align: center;
}

.featured_block_title2 {
  text-align: center !important;
    clear: both;
    padding-top: 10px;
    display: block;
}

.featured_block_title2  a {
      color: #3172B5 !important;
}

a.featured_block_author_name {
    display: block;
    text-align: center;
    font-size: 0.8em;
    margin-top: 10px;
    color: #00ccbf !important;
}

.tab-content section .col-xs-3 {
  min-height: 320px;
}

ul.getting_started li {
    margin-left: 20px;
}

.go-to-top {
    background-color: rgba(0,0,0,.1);
    color: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-align: center;
    padding-top: 5px;
    display: block;
    width: 30px;
    height: 30px;
    z-index: 99999;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;    
}


.color-gavc {
  border: 2px solid #ff4530 !important;
}

.color-gavc:hover {
  background: #ff4530 !important;
}

.color-lightgray {
    color: #cacbca !important;
}

.color-whiter {
  border: 2px solid #5cc9dc !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
  margin-top:5px;
}

img.mainer-logo {
	opacity:0.8;
}

img.mainer-logo:hover {
	opacity:1;
}

.color-whiter:hover {
  background: white !important;
}

.border-dotted-hover {
	border: 1px dotted #c1c1c1;
}

.border-dotted-hover:hover {
	opacity: 0.5;
}

.chapter_block ul li {
	padding: 4px 0px !important;
}

.pt140 {
	padding-top:140px;
}

.pt150 {
	padding-top:150px;
}

.pt200 {
	padding-top:200px;
}

.pt15 {
	padding-top:15px;
}

.paper-bg {
	background-image: linear-gradient(90deg, transparent 79px, #dcebee 79px, #dcebee 81px, transparent 81px), linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;
}

#editor_v2-container svg {
	width:21px;
	height:21px;
}

#editor_v2-container ._11sNvbjqB4U5lKhu7q5de_ button {
	width: 33px;
    height: 33px;
    padding-left: 0px;
    padding-right: 0px;
}

._11sNvbjqB4U5lKhu7q5de_ {
	z-index: 1000 !important;
}

.chapter-bg {
	height: 250px;
	overflow: hidden;
}


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider_switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider_switch:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider_switch {
    background-color: #5037ed;
  }
  
  input:focus + .slider_switch {
    box-shadow: 0 0 1px #5037ed;
  }
  
  input:checked + .slider_switch:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider_switch.round {
    border-radius: 34px;
  }
  
  .slider_switch.round:before {
    border-radius: 50%;
  }



/*  ----------------------------------------------------
3. LIST STYLES
-------------------------------------------------------- */
ul, ol {
    margin: 0;
    padding: 0;
}

ul li {
  padding:8px 0px !important;
}

ol li {
    line-height: 25px;
    padding: 0;
    margin-left: 20px;
}
ul.icon-list {
    text-align: left;
}
ul.icon-list li,
ul.icon-list-underline li {
    list-style: none;
    line-height: 25px;
}
ul.icon-list li i,
ul.icon-list-underline li i {
    margin-right: 10px;
}
ul.icon-list-underline li {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.erasing-editable-click {
	background: transparent !important;
	width: auto !important;
}
.clearfix {
  clear:both;
}

.avatar-right {
  position: relative;
    float: right;
    margin-top: -25px;
}


.title-discover {
      display: block;
    width: 80%;
    font-weight: bold;
    font-size: 0.8em;
}

.title-stories-new  {
    display: block;
    font-weight: bold;
}

.border3 {
    border: 3px solid white;
}

.currentCover {
  display: block;
    width: 180px;
}

.author-discover {
	display: block;
    font-size: 0.8em;
    font-style: italic;
}

.underline-solid li, .underline-solid {
    border-bottom: 1px solid #b9b9b9;
}
.underline-dotted li, .underline-dotted {
    border-bottom: 1px dotted #b9b9b9;
}
.underline-dashed li, .underline-dashed {
    border-bottom: 1px dashed #b9b9b9;
}
.underline-double li, .underline-double {
    border-bottom: 3px double #b9b9b9;
}
ul.no-icon-list {
    margin: 0;
    padding: 0;
}
ul.no-icon-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}


.public-DraftEditorPlaceholder-root {
	font-size: 0.8em;
    font-style: italic;
    color: #d1d1d1;
}

.public-DraftEditor-content {
	text-indent: 1.12em;
}


.w400 {
	width:400px;
}

#progressBar {
	width: 100%;
	/* margin: 10px auto; */
	height: 2px;
	margin-top: 10px;
	background-color: transparent;
	}
	
#progressBar div {
	height: 100%;
	text-align: right;
	line-height: 22px; /* same as #progressBar height if we want text middle aligned */
	width: 0;
	background-color: #40f1b9;
	box-sizing: border-box;
}
	  
.link-chapters {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

.separar {
	border-bottom:1px solid #f4f4f4 !important;
}

.separar-top {
	border-top:1px solid #f4f4f4  !important;
}

#chapter_block img {
    border-radius: 5px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}


.DraftEditor-editorContainer .align-undefined div {
	text-align: justify !important;
}

.notifications-tab li.active {
	background: black;
	opacity: 0.5;
	font-weight: bold;
}

.h-auto {
	height:auto;
}
/*  ----------------------------------------------------
4. HEADING STYLE
-------------------------------------------------------- */
.heading {
    height: 20px;
    display: block;
    margin-bottom: 20px;    
    font-size: 15px;
    opacity: 1 !important;
}

ul.new-dashboard li a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
}

.h100-percent {
	height:100%;
}
.heading-desc {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
}
.heading-solid,
.heading-dotted,
.heading-dashed,
.heading-double {
    width: 50%;
    border-bottom-width: 1px;
}

.heading-solid {
    border-bottom-style: solid;
}
.heading-dotted {
    border-bottom-style: dotted;
}
.heading-dashed {
    border-bottom-style: dashed;
}
.heading-double {
    border-bottom-style: double;
    
}

.heading-solid-icon,
.heading-dotted-icon,
.heading-dashed-icon,
.heading-double-icon {
    width: 120px;
    margin-top: 20px;
}
.heading-solid-icon span,
.heading-dotted-icon span,
.heading-dashed-icon span,
.heading-double-icon span {
    width: 40px;
    height: 2px;
    float: left;
}
.heading-solid-icon span span,
.heading-dotted-icon span span,
.heading-dashed-icon span span,
.heading-daouble-icon span span {
    width: 40px;
    height: 2px;
    float: right;
}
.heading-solid-icon span,
.heading-dotted-icon span,
.heading-dashed-icon span,
.heading-solid-icon span span,
.heading-dotted-icon span span,
.heading-dashed-icon span span {
    border-top-width: 2px;
    border-top-style: solid;
    display: block;
}
.heading-double-icon span,
.heading-double-icon span span {
    border-bottom-width: 3px;
    border-top-style: solid;
    display: block;
}
.heading-solid-icon i,
.heading-dotted-icon i,
.heading-dashed-icon i,
.heading-double-icon i {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -5px;
}

.heading-solid-icon div,
.heading-solid-icon div div {
    border-bottom-style: solid;
}
.heading-dotted-icon div,
.heading-dotted-icon div div {
    border-bottom-style: dotted;
}
.heading-dashed-icon div,
.heading-dashed-icon div div {
    border-bottom-style: dashed;
}
.heading-double-icon div,
.heading-double-icon div div {
    border-bottom-style: double;
}

ul li.has-sub:hover {
  border-bottom: 1px solid #fd3635;
}

#sidebar ul, #sidebar ul li {
  list-style-type:none;
  padding: 4px 0px !important;
}

.category_chosen {
  font-size: 2em;
    margin-top: 20px;
    display: block;
}

.item-active {
    border: 1px solid #fd3635;
    border-radius: 5px;
    padding-left: 10px !important;
}

.item-active a{
  color: #fd3635 !important;
  padding-left:10px;
}

.heading-icon,
.heading-icon-o {
    width: 60px;
    height: 60px;
    font-size: 20px;
    padding-top: 20px;

}

.border-down1 {
	border-bottom: 1px solid #293648;
}
.heading-icon {
    color: #fff;    
}
.heading-icon-o {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
}
.heading-icon-rounded {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.item-book-mini {
  height:275px;
}

.lh18 {
  line-height: 18px;
}
.heading-icon-circle {
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}

.border-boxer {
	border: 1px dashed #2abb9c;
}

.border-boxer2 {
	border: 1px dashed black;
}


/*  -----------------------------------------------------
5. MODAL DIALOG BOX
-------------------------------------------------------- */
.modal-dialog {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    max-width: 500px;
}

.w200fit {
	width:200px;
}

.w300fit {
	width:300px;
}

.pl13 {
    padding-left: 13px;
}

.pl6 {
    padding-left: 6px;
}

.pl7 {
    padding-left: 7px;
}

.pl8 {
    padding-left: 8px;
}
.horizontal-cover {
	width: 400px;
	height: 267px;
	
}
.modal-bigger {
  max-width: 700px !important;
}

.modal-mega-bigger {
  max-width: 900px !important;
}

.modal-header {
    -webkit-border-top-left-radius: 3px;
       -moz-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
       -moz-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
}
.modal-footer {
    text-align: center;
    -webkit-border-bottom-left-radius: 3px;
       -moz-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
       -moz-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
}
.modal-search-input {
    border: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    outline: none;
    font-size: 30px;
}



.slidecontainer {
    width: 100%;
  }
  
  .sliderValue {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  
  .sliderValue:hover {
    opacity: 1;
  }
  
  .sliderValue::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1abc9c;
    cursor: pointer;
  }
  
  .sliderValue::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1abc9c;
    cursor: pointer;
  }


/*  ----------------------------------------------------
6. PANEL
-------------------------------------------------------- */
.panel {}
.panel-square {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.panel-default {
    border: 1px solid #ffb7ac;
}
.panel-default .panel-heading {
    background-color: #fddad4;
    color: #b55241;
}

.panel-heading:hover {
	background: #f7f7f7 !important;
}
.panel-heading a {
    font-size: 14px;
    color: #333;
}

.modal-body ul li:hover {
  background: #f7f7f7;
}

.best-offer {
	border: 3px solid #1abc9c;
}
.panel-light {
    border: 1px solid #ebebeb;
}
.panel-light .panel-heading {
    background-color: #fff;
    color: #333;
}

.max-height-190 {
    max-height: 190px;
}

/* Hide bubbles when no comments */
.hidden-on-start {
    display: none;
  }
  
  /* Show on hover of wrapper (paragraph area) */
  .para-wrapper:hover .hidden-on-start {
    display: initial;
  }
  
  /* Always visible if comments exist */
  .always-visible {
    display: initial;
  }

blockquote.comment-paragraph p {
    font-size: 1.2em !important;
    line-height: 1.6em;
    color: black !important;
}

blockquote.comment-paragraph p img {
    width: 100% !important;
}

.mr-40 {
    margin-right:-40px;
}
  
.mr-45 {
    margin-right:-45px;
}

.mr-50 {
  margin-right:-50px;
}

.mr-55 {
    margin-right:-55px;
  }

.mr-60 {
    margin-right:-60px;
}

.mr-adjust-bubble {
    margin-right:-60px;
}

.mr-70 {
margin-right:-70px;
}

.mr-80 {
margin-right:-80px;
}
  

.mr150 {
	margin-right: 150px;
}

.mr200 {
	margin-right: 200px;
}

.mr250 {
	margin-right: 250px;
}

.fs18 {
  font-size: 1.8em;
}


.fs17 {
    font-size: 1.7em;
  }


.fs16 {
    font-size: 1.6em;
  }

.fs10 {
	font-size: 1.0em;
}

.fs11 {
	font-size: 1.1em;
}

.fs20 {
  font-size: 2em;
}
.panel-gray {
    border: 1px solid #e1e1e1;
}

#content_parent.fullscreen{
    z-index: 1000;
    overflow:scroll;
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
 }
 
.panel-gray .panel-heading {
    background-color: #e1e1e1;
    color: #333;
}
.panel-dark {
    border: 1px solid #111;
}
.panel-dark .panel-heading {
    background-color: #333;
    color: #fff;
}

.ml-80 {
  margin-left:-80px;
}

.reduce-avatar img {
  width:30px;
  height:30p;
  display:block;
}

.fixing {
  position: fixed;
  margin-left: -60px;
}

.h650 {
	min-height: 650px;
}
.fs60 {
	font-size: 6em;
}

.fs70 {
	font-size: 7em;
}

.fs80 {
	font-size: 8em;
}

.fs90 {
	font-size: 9em;
}

.report-iframing {
	width: 100%;
    height: 300px;
    border: 0px;
}

.contribute-iframing {
	width: 100%;
    height: 590px;
    border: 0px;
}

#pledge_box {
    border: 1px solid #ff8741;
    padding: 8px;
    display: inline;
    font-size: 1.6em;
    border-radius: 5px;
}

.panel-heading {
    padding: 10px 15px;
    font-size: 13px !important;
    cursor: pointer;
}
.panel-heading i {
    margin-right: 10px;
}
.panel-collapse.collapse.in {
    background-color: #fff !important;
}
.panel-collapse.collapsing {
    background-color: #fff !important;
}

.chapter_block p, .chapter_block_embed p, .chapter_block_embed div, .chapter_block div {
    letter-spacing: 0px;
    line-height: 1.6em;
    font-family: 'Caslon', sans-serif !important;
}

.chapter_block {
	font-size: 17px;
}

.chapter_block div, chapter_block_embed p {
	color: rgb(25, 25, 25);
}

/*
 *
 *PROGRESS BAR
 */

/*
progress,canvas
{display:inline-block}
progress{vertical-align:baseline}

progress {
  position: fixed;
  left: 0;
  top: 0;

  width: 100%;
  height: .25em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  color: red;
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

.flat::-webkit-progress-value {
  background-color: red;
}

.flat::-moz-progress-bar {
  background-color: red;
}

.single::-webkit-progress-value {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, transparent, red);
}

.single::-moz-progress-bar {
  background-color: transparent;
  background-image: -moz-linear-gradient(left, transparent, red);
}

.multiple::-webkit-progress-value {
  background-image: -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	                  -webkit-linear-gradient(left, green, red);
}

.multiple::-moz-progress-bar {
  background-image: -moz-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	                  -moz-linear-gradient(left, green, red);
}

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: .25em;
  display: block;
}

.progress-bar {
  background-color: red;
  width: 50%;
  display: block;
  height: inherit;
}*/

/*  ----------------------------------------------------
7. ACCORDIAN
-------------------------------------------------------- */
.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-left:after,
.accordian-toggle-plus-sign-right:after,
.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-right:after {
    font-family: "Glyphicons Halflings";
    margin-left: 15px;
    margin-top: 1px;
    font-size: 10px;
}

.accordian-toggle-chevron-left:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-sign-left:after,
.accordian-toggle-arrow-left:after {
    float: left;
    margin-top: 2px;
    margin-left: 0;
    margin-right: 10px;
}

.accordian-toggle-chevron-right:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-sign-right:after,
.accordian-toggle-arrow-right:after {
    float: right;
}

.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-right:after { content: "\e114"; }

.accordian-toggle-chevron-left.collapsed:after,
.accordian-toggle-chevron-right.collapsed:after { content: "\e080"; }

.accordian-toggle-plus-left:after,
.accordian-toggle-plus-right:after { content: "\2212"; }

.accordian-toggle-plus-left.collapsed:after,
.accordian-toggle-plus-right.collapsed:after { content: "\2b"; }

.accordian-toggle-plus-sign-left:after,
.accordian-toggle-plus-sign-left:after { content: "\e082"; }

.accordian-toggle-plus-sign-left.collapsed:after,
.accordian-toggle-plus-sign-right.collapsed:after { content: "\e081"; }

.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-right:after { content: "\e094"; }

.accordian-toggle-arrow-left.collapsed:after,
.accordian-toggle-arrow-right.collapsed:after { content: "\e092"; }

.accordian-toggle-chevron-left:after,
.accordian-toggle-chevron-left.collapsed:after,
.accordian-toggle-plus-left:after,
.accordian-toggle-plus-left.collapsed:after,
.accordian-toggle-plus-sign-left:after,
.accordian-toggle-plus-sign-left.collapsed:after,
.accordian-toggle-arrow-left:after,
.accordian-toggle-arrow-left.collapsed:after,
.accordian-toggle-chevron-right:after,
.accordian-toggle-chevron-right.collapsed:after,
.accordian-toggle-plus-right:after,
.accordian-toggle-plus-right.collapsed:after,
.accordian-toggle-plus-sign-right:after,
.accordian-toggle-plus-sign-lerightft.collapsed:after,
.accordian-toggle-arrow-right:after,
.accordian-toggle-arrow-right.collapsed:after {
    opacity: .5; font-size: 0.9em;
}

.panel-body {
    color: #747474;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 25px;
}

ul.group-tabs li {
	padding: 0px !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-weight: bolder !important;
}

.modal-body {
	border-radius: 20px;
}

.der-right {
	right: 0px;
}
.pocket_library_style .nav-tabs>li.active>a, .pocket_library_style .nav-tabs>li.active>a:focus, .pocket_library_style .nav-tabs>li.active>a:hover,
.communities_style .nav-tabs>li.active>a, .communities_style .nav-tabs>li.active>a:focus, .communities_style .nav-tabs>li.active>a:hover
{
		border-bottom: 2px solid #2361e0 !important;
		color: #2361e0;
		background: white !important
}

.discussion-row:hover {
	background: #f2f3fb;
	border-radius: 5px;
}

/*  ----------------------------------------------------
8. BUTTONS
-------------------------------------------------------- */
.button,
.button-3d,
.button-o {
	display: inline-block;
	padding: 8px 16px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
    text-shadow: none;
	font-weight: normal !important;
	letter-spacing: 1px;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.button,
.button:hover,
.button-3d,
.button-3d:hover {
	color: #fff !important;
}
.button-o {
	background: transparent !important;
	border-width: 1px;
	border-style: solid;
}
.button i,
.button-3d i,
.button-o i {
    margin-left: 10px;
    margin-right: 0;
    font-size: 10px;
}
.button small,
.button-3d small,
.button-o small {
    margin-top: 0px;
}

#chapter_block figure img {
	max-width: 100%;
}

.cc-message {
	font-weight: 100;
}
.button:focus {
    outline: none;
    color: #fff;
}
.button-xs { font-size: 9px; padding: 5px 12px; }
.button-sm { font-size: 10px; padding: 8px 20px;}
.button-md { font-size: 11px; padding: 12px 25px;}
.button-lg { font-size: 13px; padding: 15px 30px;}
.button-square {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.button-xs.button-rounded,
.button-rounded.button-xs { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.button-sm.button-rounded,
.button-rounded.button-sm { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.button-md.button-rounded,
.button-rounded.button-md { -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.button-lg.button-rounded,
.button-rounded.button-lg { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.navbar-header a.navbar-brand:hover {
	opacity: 0.7;
}

.bookcover img {
    border-radius: 10px;
}

.h190 {
	height:190px;
}

.h200 {
	height:200px;
	
}

.h250 {
	height:250px;
	
}

.h230 {
	height:230px;
	
}

.bottom-button {
	position: absolute;
	bottom: 0;
}

.h320 {
	max-height: 320px;
	min-height: 320px;
	overflow: hidden;
}

.redborder {
	border: 1px solid #fff0ea;
}

.prewrap {
	white-space: pre-wrap;
}

.h280 {
	max-height: 280px;
	min-height: 280px;
	overflow: hidden;
}

.h320 {
	max-height: 320px;
	min-height: 320px;
	overflow: hidden;
}

.fs30 {
	font-size: 3em;
}

.fs12 {
  font-size:1.2em;
}

.fs15 {
  font-size:1.5em;
}

.fs14 {
  font-size:1.4em;
}

.fs13 {
  font-size:1.3em;
}

.pt4 {
    padding-top: 4px;
}

.button-circle {
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
}

.sith {
  position: absolute;
}

.imgshadow {
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter: drop-shadow(5px 5px 4px #222);
}

.blocker {
  display:block;
  clear:both;
}

.z1000000 {
	z-index:1000000;
}

.imgrr {
margin: 0 auto;
    text-align: center;
    display: block !important;
}

.h555 {
	height:555px !important;
}
ul li.maxim {
	padding: 20px !important;
}


.no-listing {
	list-style-type: none;
}

.blog-three-attrib .icon-calendar {
	padding-right:10px;
}

.bg-darkpurple {
	background: #36063a;
}

.bg-neonpurple {
    background: #5037ed;
}

.color-neonpurple {
    color: #5037ed;
}

.mousecursor {
	cursor: pointer;
}

.published_date {
  color: #a6a6a6;
}

.pressblog .blog-three {
	min-height: 510px;
}

.button-block {
	display: block;
	width: 100%;
	margin-top: 5px;
}

.border-bottom-buy {
	border-bottom: 1px solid #e1e1e1;
}

.submenu-groups ul.grouplist li {
	float:left;
	width:50%;
}

.submenu-cat ul li {
	float:left;
	width:30%;
}

.submenu-cat ul li a, .submenu-groups ul.grouplist li a {
	padding:10px;
}

.submenu-cat ul li:hover, .submenu-groups ul.grouplist li:hover {
	padding:0px;
	margin:0px;
	border:0px;
}

.z10000 {
	z-index: 100000;
}

.z1 {
	z-index:1;
}
.rounded-corner2 {
	border-radius: 10px;
}
/* Main Colors */
.button.button-pasific {
	color: #fff;
}

.opacity09 {
	    opacity: 0.9;
}

.opacity05 {
	    opacity: 0.5;
}

.button-3d.button-pasific {
	color: #fff;
	-webkit-box-shadow: 0 5px 0 #ee3135;
	   -moz-box-shadow: 0 5px 0 #ee3135;
			box-shadow: 0 5px 0 #ee3135;
}
.button-3d:hover.button-pasific {
	-webkit-box-shadow: 0 3px 0 #ee3135;
	   -moz-box-shadow: 0 3px 0 #ee3135;
			box-shadow: 0 3px 0 #ee3135;
}
.button-o.button-pasific {
	background: transparent !important;
}
.button-o.button-pasific:hover {
    color: #fff !important;
}

.medium-editor-insert-plugin .medium-insert-buttons {
	left:0px !important;
}

.we-believe-pledge br {
	display: none;
}

ul.medium-insert-buttons-addons li {
	padding:0px !important;
}

.black-overlay-front {
	width: 100%;
	display: block;
	height: 220px;
	/* left: 0; */
	/* top: 0; */
	position: absolute;
	/* right: 0; */
	background: transparent !important;
	z-index: 2;
	opacity: 0.5;
}

.z1000 {
	z-index: 1000;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.firstchapteredit {
	z-index: 1000;
}
.medium-editor-toolbar li button {
	padding:0px !important;
}

.label_new {
	background: #31f2b8;
	color: #601865;
	text-shadow: none !important;
}

.pb2 {
	padding-bottom:2px;
}

.h225 {
	height:225px;
}

.h70 {
	height:70px;
}

.h75 {
	height:75px !important;
}

.replier {
	opacity:0;
}

.progress-advance canvas {
	margin: 0px auto;
}

.talkbubble {
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
}

.cornering-specialdeal:before {
	content: '';
	z-index: 10000;
	position: absolute;
	/*top: 10px;
	left: 15px;*/
	border-top: 40px solid #1abc9c;
	border-right: 40px solid transparent;
}

.cornering-popular:before {
	content: '';
	z-index: 10000;
	position: absolute;
	/*top: 10px;
	left: 15px;*/
	border-top: 40px solid #fe2683;
	border-right: 40px solid transparent;
}

.goreply:hover .replier, .replier:hover{
	opacity: 100;
}
ul.dropdown-menu {
  margin-top:-15px;
}
#general-content-1 img, #general-content-2 img, .rounded-avatar {
  border-radius: 50%;
}

#book-discover {
  min-height: 380px;
}

.h380 {
    height: 380px;
}

#book-discover-new {
  min-height: 450px;
}

.fs28em {
    font-size:2.8em;
}

ul.medium-editor-toolbar-actions li {
	padding:0px !important;
}

.radius10 {
	border-radius: 10px;
}
.mx400auto {
    max-width: 400px;
    margin: 0 auto;
}

.mx500auto {
    max-width: 500px;
    margin: 0 auto;
}

.blurred-bg-chapter {
    background: url(../../../neurassets/img/blurred.jpg) top center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.size15em {
  font-size: 1.5em;
}

.w10 {
	width:10px;
}

.w15 {
	width:15px;
}

.w20 {
	width:20px;
}

.w25 {
	width:25px;
}

.w30 {
	width:30px;
}

.w35 {
	width:35px;
}

.w40 {
	width:40px;
}

.w45 {
	width:45px;
}

.w50 {
	width:50px;
}

.w55 {
	width:55px;
}

.w60 {
	width:60px;
}

.w65 {
	width:65px;
}

.w70 {
	width:70px;
}

.w75 {
	width:75px;
}
.w100 {
	width:100px;
}
.w150 {
	width:150px;
}

.w300 {
  width:300px;
  max-height: 200px;
}

.w400 {
  width:400px;
}

.w600 {
  width:600px;
}

.w200 {
  width:200px;
  max-height: 200px;
}
.parallax-window-mini {
    min-height: 200px;
    background: transparent;
    position: relative;
}

.parallax-mirror img {
    object-fit: contain;     /* Fill area, cropping if needed */
    object-position: top center; /* Keep center in view */
}

.userProfileScreen .parallax-mirror img {
    top: 0px !important;
}

.paragraph:hover {
    background: #FAFAFA;
}

.comment-bubble::after {
    content: "";
    position: absolute;
    bottom: 0;        /* tail at the bottom */
    left: 30px;        /* centered horizontally */
    transform: translateX(-50%) translateY(50%);
    width: 0;
    height: 0;
    border-left: 0 solid transparent;      /* hidden side */
    border-right: 10px solid transparent;  /* half base visible on the right */
    border-top: 10px solid #e0e0e0;        /* pointing down */
    top: 16px;
}
  
.parallax-mirror {
   /*height: 100% !important;*/
}

.image-centering {
  text-align: center;
    margin: 0 auto;
    display: block;
}

.bg-whiter {
	background: white;
}

.scrolling-window {
	overflow:scroll;
	height:450px;
}

.editor-visualstories #upload_file input {
	height:50px;
}

.userInfo #upload_file input {
	height: 355px !important;	
}

.storyprofile-dashboard  #upload_file input {
	height: 400px !important;	
}

.web-editor-ui .zEWidget-launcher {
	display:none !important;
}

.multiselect-container .active label {
	color: white !important;
}

.black-overlay {
  width:100%;
  display: block;
  left: 0;
  top:0;
  bottom: 0px;
  position: absolute;
  right: 0;
  background: black;
  z-index: 2;
  opacity: 0.6;
}

.black-overlay-darker {
  width:100%;
  display: block;
  left: 0;
  top:0;
  bottom: 0px;
  position: absolute;
  right: 0;
  background: black;
  z-index: 2;
  opacity: 0.7;
}

.black-overlay-dashboard {
  width:100%;
  display: block;
  height: 400px;
  left: 0;
  top:0;
  bottom: 0px;
  position: absolute;
  right: 0;
  background: black;
  z-index: 2;
  opacity: 0.5;
}


/*body.modal-open > *:not(.modal) {
    -webkit-filter: blur(4px);
}
*/

#presetFilters a {
	height: 75px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 20px;
}
.z100 {
	z-index: 100;
}
.pasificfont {
	font-family: 'bariol', cursive !important;
}
.blurred-bg {
  background-size: 100%;
  display: block;
  height: 630px;
  left: 0;
  top:0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.banner-bg {
  background-size: contain;
  display: block;
  height: 630px;
  left: 0;
  top:0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.banner-bg-frontend {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    z-index: 1;
}

.blurred_container_frontend {
    width: 100% !important;
    height: 630px;
    overflow: hidden;
    position: absolute;
    top:0;
    left: 0;
}


.blurred_container {
    width: 100% !important;
    height: 330px;
    overflow: hidden;
    margin-left: -10px;
    position: absolute;
}

.blurred-bg-dashboard {
  background-size: 100%;
  display: block;
  left: 0;
  top:0;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  width: 100% !important;
}

.videoing {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 102%;
    min-height: 100%;
    width: auto;
    z-index: -100;
    background-size: cover;
}

.mainshadow {
text-shadow: 2px 3px 0 #b12626;
}


.verifiedstyle {
	height:15px; width:15px; float:none !important;
}

.zindex2 {
	z-index: 3;
}

.zindex4 {
	z-index:4;
}

.jedi {
	position:relative;
}

.border0 {
	border:0px !important;
}

.status1 {
  color:green;
  
}
.status2 {
  color:#FB3649;
}

.category-label {
    /*background-color: #ff6d00;
    border: 1px solid orange;*/
    border-bottom: 1px solid orange;
    color: orange;
    /* color: #fff; */
    font-weight: bold;
    font-size: 0.8em;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 10px; */
    font-family: sans-serif !important;
    -webkit-font-smoothing: antialiased;
    padding: 5px;
    display: inline-block;
}

.line-through {
	text-decoration: line-through;
}

#chapter_block p img {
    max-width: 100% !important;
}

.inkspired-slider2 .owl-buttons {
    top: 200px;
    width: 100%;
    position: absolute;
}

.inkspired-slider2 .owl-prev {
    margin-left: -40px !important;
    float: left !important;
}

#header_reading {
  height: 50px;
  display: block; 
  width: 100%;
  z-index:1000;
  background: white;
  visibility: hidden;
  -webkit-box-shadow: -2px 10px 24px -6px rgba(0,0,0,0.41);
  -moz-box-shadow: -2px 10px 24px -6px rgba(0,0,0,0.41);
  box-shadow: -2px 10px 24px -6px rgba(0,0,0,0.41);
}


#header_reading_dashboard {
  display: block;
  padding:10px;
  width: 100%;
  z-index:1000;
  background: white;
  -webkit-box-shadow: -2px 10px 24px -6px rgba(0,0,0,0.41);
  -moz-box-shadow: -2px 10px 24px -6px rgba(0,0,0,0.41);
  box-shadow: -2px 10px 24px -6px rgba(0,0,0,0.41);
}


.color-gavcred {
  color: #FB3649;
}

.bg-gavcred {
  background: #FB3649;
}

.content_chapter_title_reader a:hover {
color: #FB3649;
}
.mb200 {
  margin-bottom:200px;
}

.container_memberships {
    width: 100%;
    max-width: 600px;
    min-height: 350px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
  }

  .container_memberships::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px; /* Adjust this to control fade height */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f4f7f8 100%);
    pointer-events: none; /* Allow interaction with elements underneath */
  }
  
.content_memberships {
    padding: 20px;
    line-height: 1.6;
}

.show-more {
    cursor: pointer;
}

.blur-shadow {
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.4);	
}

.apple-download-icon:before {
	font-size: 2em;
}

.appstore-icon {
	padding: 12px 35px;
	background-color: #22233b;
	color: #ffffff;
	display: inline-block;
	border-radius: 100px;
	margin-right: 10px;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}

.appstore-icon:focus, .appstore-icon:hover {
    color: #ffffff;
    background-color: #1d5ce3;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.4);
}

.tight-3 {
	letter-spacing: -3px;
}

.tight-2 {
	letter-spacing: -2px;
}

.tight-1 {
	letter-spacing: -1px;
}


.content_chapter_title_reader {
  text-align:center;
  font-weight: bold;
	letter-spacing: -1px;
	font-size: 1.8em;
}

#master-chapter-list {
	-moz-user-select: none;  
-webkit-user-select: none;  
-ms-user-select: none;  
-o-user-select: none;  
user-select: none;
}


.writers-round {
	width:400px;
	border: 1px solid #f2f2f2;
}
.chapter_block p, .chapter_block_embed p {
  color: #232323;
  font-size: 1.43em !important;
  margin: 0px !important;
}

.new-field {
	background-color: #e9edef;
    border: none;
    box-shadow: none;
    color: #000;
    font-weight: normal;
    font-size: .9em;
    width: 100%;
    text-align: left;
}

.chapter_block {
  font-size: 1.1em;
  line-height: 2em;
  text-align: justify;
      text-indent: 1.12em;
}

.chapter_block_embed {
  font-size: 1em;
  line-height: 2em;
  text-align: justify;
  width:96%;
    overflow: scroll;
    margin: 0 auto;
    height: 540px;
}


.verification-modal {
    overflow: scroll;
    margin: 0 auto;
    max-height: 400px;
}

.storyInfoFooter{
	font-style: italic;
        color: #525252;
}
	    
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.wmax700, .wmax700-stories {
  max-width: 710px;
  margin:0 auto;
}

.fs08 {
  font-size: 0.8em;
}

.fs09 {
  font-size: 0.9em;
}

.fs095 {
  font-size: 0.95em;
}

.lowercase {
  text-transform: lowercase;
}
.navbar-notfixed {
  top:0px; display:block; width:100%; position: absolute;
}

.category-label:hover {
  background: #fd3635;
  border: 1px solid  #fd3635;
  color: white !important;
}
.small-avatar {
  width: 30px;
  height: 30px;
}

.medium-avatar {
  width: 50px;
  height: 50px;
}

.empty-avatar {
  width: 35px;
  height: 35px;
  background: #1d5ce3;
  text-align: center;
  font-size: 1em;
	font-weight: 400;
  text-transform: uppercase;
  padding-top: 7px;
  font-family: 'Open Sans', sans-serif;
  color: white;
}

.characters-avatar {
	background: #ffe7de !important;
	color: #ff0024 !important;
}

.places-avatar {
	background: #daf1e5 !important;
	color: #00a274 !important;
}

.events-avatar {
	background: #d6e9f1 !important;
	color: #00cadf !important;
}

.items-avatar {
	background: #ddd2f5 !important;
	color: #8e82af !important;
}

.history-avatar {
	background: #dbaa7d !important;
	color: #ffede0 !important;
}

.culture-avatar {
	background: #d7e9b5 !important;
	color: #7eb400 !important;
}

.society-avatar {
	background: #ff217d !important;
	color: #ffbeae !important;
}

.storylines-avatar {
	background: #660403 !important;
	color: #f1c1cd !important;
}

.creatures-avatar {
	background: #00ffc9 !important;
	color: #000 !important;
}

.organizations-avatar {
	background: #282828 !important;
	color: #c1c1c1 !important;
}

.art_and_resources-avatar {
	background: #5785bd !important;
	color: #002bff !important;
}

.cartography_and_geography-avatar {
	background: #ddd2f5 !important;
	color: #b7a0ea !important;
}

.weapons_and_gear-avatar {
	background: #cccccc !important;
	color: #ecf4ff !important;
}

.technology-avatar {
	background: #ffd8ff !important;
	color: #ff6eee !important;
}

.vehicles-avatar {
	background: #fff7e0 !important;
	color: #ffce00 !important;
}

.techniques_and_magic-avatar {
	background: #00e8fe !important;
	color: #c3fbfb !important;
}

.empty-w75-avatar {
   width: 75px;
    height: 75px;
    background: #1d5ce3;
    text-align: center;
    font-size: 2.5em;
    font-weight: 100;
    text-transform: uppercase;
    padding-top: 12px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin: 0 auto;
}

.empty-littlebig-avatar {
   width: 100px;
    height: 100px;
    background: #1d5ce3;
    text-align: center;
    font-size: 2.5em;
    font-weight: 100;
    text-transform: uppercase;
    padding-top: 25px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin: 0 auto;
}

.empty-medium-avatar {
   width: 50px;
    height: 50px;
    background: #1d5ce3;
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 12px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    float: left;
}

.content_styling::first-letter {
		/*float: left;
		font-family: Georgia;
		font-size: 65px;
		line-height: 30px;
		padding-top: 13px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-top: .1em;*/
        font-family: Georgia;
        font-size: 50px;
        background: #ddd;
        color: #fff;
        line-height: 30px;
        border-radius: 2px;
        padding: 5px 10px;
        margin-right: 5px;
        margin-top: .05em;
        clear: both;
}

.content_styling p:first-of-type {
		text-indent: 0 !important;
}

.empty-semi-avatar {
   width: 75px;
    height: 75px;
    background: #1d5ce3;
    text-align: center;
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 18px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    float: left;
}


ul.blog-listing, ul.blog-listing li {
	list-style-type: none;
}

.frontend_is_premium{
	border: 6px solid #1abc9c !important;
}

.frontend_is_ambassador {
    border: 6px solid #ed3a53 !important;
}

.h290 {
    min-height: 290px !important;
    max-height: 290px !important;
}

.empty-avatar-huge {
		font-size: 5em;
    width: 200px;
    color: white;
    height: 200px;
    font-weight: 100;
		background: #1d5ce3;
		text-align: center;
    padding-top: 48px;
    margin: 0 auto;
 }

 .user_border_white {
     border: 3px solid white;
 }
 
.empty-avatar-big {
	font-size: 2.7em;
    width: 120px;
    color: white;
    height: 120px;
    font-weight: 100;
    background: #1d5ce3;
	text-align: center;
    padding-top: 30px;
    margin: 0 auto;
 }
 
.neur-front-empty-avatar {
	margin-left: 10px;
	border: 1px solid #1d5ce3;
  margin-top: -7px;
  padding: 7px 6px;
  text-shadow: 0px 0px 0px !important;
}
    
    
.empty-avatar-big100 {
	width: 100px;
    height: 100px;
    background: #1d5ce3;
    text-align: center;
    font-weight: 100;
    font-size: 2em;
    padding-top: 30px;
    margin: 0 auto;
    color: white;
}

.empty-avatar-big75 {
    width: 75px !important;
    height: 75px !important;
    background: #1d5ce3;
    text-align: center;
    font-weight: 100;
    font-size: 1.8em;
    padding-top: 17px;
    margin: 0 auto;
    color: white;
}

.push-right-gavc {
    position: absolute;
    right: 0px;
    margin-top: -20px;
    float: right;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

.push-right-gavc img {
    padding-right: 0px !important;
    margin-right: 0px !important;
}
.boxer {
    background: white;
    padding: 20px;
}
/* Secondary Colors */
.button.button-red, .button-3d.button-red 		    { background-color: #fd3635; }
.button.button-pink, .button-3d.button-pink 		{ background-color: #fd40b3; }
.button.button-orange, .button-3d.button-orange 	{ background-color: #ff8b34; }
.button.button-purple, .button-3d.button-purple 	{ background-color: #a85ad4; }
.button.button-blue, .button-3d.button-blue 		{ background-color: #3dace1; }
.button.button-blueneur, .button-3d.button-blueneur 	{ background-color: #1d5ce3; }

.button.button-cyan, .button-3d.button-cyan 		{ background-color: #1abc9c; }
.button.button-green, .button-3d.button-green 	    { background-color: #b2cc71; }
.button.button-yellow, .button-3d.button-yellow 	{ background-color: #ffc501; }
.button.button-gray, .button-3d.button-gray 		{ background-color: #e0e0e0; color: #111 !important; }
.button.button-dark, .button-3d.button-dark 		{ background-color: #5f6467; }
.button.button-black, .button-3d.button-black 		{ background-color: #000000; }
.button.button-white, .button-3d.button-white 		{ background-color: #ffffff; color: #111 !important;}
.button.button-darkblue, .button-3d.button-darkblue 	{ background-color: #3b5998; }
.button.button-gavcred, .button-3d.button-gavcted 	{ background-color: #FB3649; }


.button-3d.button-red 		{ -webkit-box-shadow: 0 5px 0 #d92726; -moz-box-shadow: 0 5px 0 #d92726; box-shadow: 0 5px 0 #d92726; }
.button-3d.button-pink 	    { -webkit-box-shadow: 0 5px 0 #dc2193; -moz-box-shadow: 0 5px 0 #dc2193; box-shadow: 0 5px 0 #dc2193; }
.button-3d.button-orange 	{ -webkit-box-shadow: 0 5px 0 #e1660b; -moz-box-shadow: 0 5px 0 #e1660b; box-shadow: 0 5px 0 #e1660b; }
.button-3d.button-purple 	{ -webkit-box-shadow: 0 5px 0 #8632b5; -moz-box-shadow: 0 5px 0 #8632b5; box-shadow: 0 5px 0 #8632b5; }
.button-3d.button-blue 	    { -webkit-box-shadow: 0 5px 0 #1f8abe; -moz-box-shadow: 0 5px 0 #1f8abe; box-shadow: 0 5px 0 #1f8abe; }
.button-3d.button-blueneur 	    { -webkit-box-shadow: 0 5px 0 #1d5ce3; -moz-box-shadow: 0 5px 0 #1d5ce3; box-shadow: 0 5px 0 #1d5ce3; }
.button-3d.button-cyan 	    { -webkit-box-shadow: 0 5px 0 #148d75; -moz-box-shadow: 0 5px 0 #148d75; box-shadow: 0 5px 0 #148d75; }
.button-3d.button-green 	{ -webkit-box-shadow: 0 5px 0 #7d9345; -moz-box-shadow: 0 5px 0 #7d9345; box-shadow: 0 5px 0 #7d9345; }
.button-3d.button-yellow 	{ -webkit-box-shadow: 0 5px 0 #deac02; -moz-box-shadow: 0 5px 0 #deac02; box-shadow: 0 5px 0 #deac02; }
.button-3d.button-gray 	    { -webkit-box-shadow: 0 5px 0 #a7a7a7; -moz-box-shadow: 0 5px 0 #a7a7a7; box-shadow: 0 5px 0 #a7a7a7; }
.button-3d.button-dark 	    { -webkit-box-shadow: 0 5px 0 #404345; -moz-box-shadow: 0 5px 0 #404345; box-shadow: 0 5px 0 #404345; }
.button-3d.button-black 	{ -webkit-box-shadow: 0 5px 0 #555555; -moz-box-shadow: 0 5px 0 #555555; box-shadow: 0 5px 0 #555555; }
.button-3d.button-white 	{ -webkit-box-shadow: 0 5px 0 #f9f9f9; -moz-box-shadow: 0 5px 0 #f9f9f9; box-shadow: 0 5px 0 #f9f9f9; }

.button-3d:hover.button-red 	{ -webkit-box-shadow: 0 3px 0 #d92726; -moz-box-shadow: 0 3px 0 #d92726; box-shadow: 0 3px 0 #d92726; }
.button-3d:hover.button-pink 	{ -webkit-box-shadow: 0 3px 0 #dc2193; -moz-box-shadow: 0 3px 0 #dc2193; box-shadow: 0 3px 0 #dc2193; }
.button-3d:hover.button-orange  { -webkit-box-shadow: 0 3px 0 #e1660b; -moz-box-shadow: 0 3px 0 #e1660b; box-shadow: 0 3px 0 #e1660b; }
.button-3d:hover.button-purple  { -webkit-box-shadow: 0 3px 0 #8632b5; -moz-box-shadow: 0 3px 0 #8632b5; box-shadow: 0 3px 0 #8632b5; }
.button-3d:hover.button-blue 	{ -webkit-box-shadow: 0 3px 0 #1f8abe; -moz-box-shadow: 0 3px 0 #1f8abe; box-shadow: 0 3px 0 #1f8abe; }
.button-3d:hover.button-blueneur { -webkit-box-shadow: 0 3px 0 #1d5ce3; -moz-box-shadow: 0 3px 0 #1d5ce3; box-shadow: 0 3px 0 #1d5ce3; }
.button-3d:hover.button-cyan 	{ -webkit-box-shadow: 0 3px 0 #148d75; -moz-box-shadow: 0 3px 0 #148d75; box-shadow: 0 3px 0 #148d75; }
.button-3d:hover.button-green 	{ -webkit-box-shadow: 0 3px 0 #7d9345; -moz-box-shadow: 0 3px 0 #7d9345; box-shadow: 0 3px 0 #7d9345; }
.button-3d:hover.button-yellow  { -webkit-box-shadow: 0 3px 0 #deac02; -moz-box-shadow: 0 3px 0 #deac02; box-shadow: 0 3px 0 #deac02; }
.button-3d:hover.button-gray 	{ -webkit-box-shadow: 0 3px 0 #a7a7a7; -moz-box-shadow: 0 3px 0 #a7a7a7; box-shadow: 0 3px 0 #a7a7a7; }
.button-3d:hover.button-dark 	{ -webkit-box-shadow: 0 3px 0 #404345; -moz-box-shadow: 0 3px 0 #404345; box-shadow: 0 3px 0 #404345; }
.button-3d:hover.button-black 	{ -webkit-box-shadow: 0 3px 0 #555555; -moz-box-shadow: 0 3px 0 #555555; box-shadow: 0 3px 0 #555555; }
.button-3d:hover.button-white 	{ -webkit-box-shadow: 0 3px 0 #f9f9f9; -moz-box-shadow: 0 3px 0 #f9f9f9; box-shadow: 0 3px 0 #f9f9f9; }

.button-o.button-red		{ border-color: #fd3635; color: #fd3635; }
.button-o.button-pink 		{ border-color: #fd40b3; color: #fd40b3; }
.button-o.button-orange 	{ border-color: #ff8b34; color: #ff8b34; }
.button-o.button-purple	    { border-color: #a85ad4; color: #a85ad4; }
.button-o.button-blue 		{ border-color: #909a9e; color: #3dace1; }
.button-o.button-lightblue 		{ border-color: #3dace1; color: #3dace1; }
.button-o.button-gavcred 		{ border-color: #FB3649; color: #FB3649; }
.button-o.button-neonred 		{ border-color: #f91847; color: #f91847; }
.button-o.button-blueneur 	{ border-color: #1d5ce3; color: #1d5ce3; }
.button-o.button-cyan 		{ border-color: #1abc9c; color: #1abc9c; }
.button-o.button-green		{ border-color: #b2cc71; color: #b2cc71; }
.button-o.button-yellow	    { border-color: #edc951; color: #edc951; }
.button-o.button-gray 		{ border-color: #e0e0e0; color: #e0e0e0; }
.button-o.button-dark 		{ border-color: #323a45; color: #323a45; }
.button-o.button-black 		{ border-color: #000000; color: #000000; }
.button-o.button-white 		{ border-color: #ffffff; color: #ffffff; }
.button-o.button-darkblue 	{ border-color: #3b5998; color: #3b5998; }
.button-o.button-lightgray 	{ border-color: #f4f7f9; color: #f4f7f9; }


.border-red		{ border-color: #fd3635; color: #fd3635; }
.border-pink 		{ border-color: #fd40b3; color: #fd40b3; }
.border-orange 	{ border-color: #ff8b34; color: #ff8b34; }
.border-purple	    { border-color: #a85ad4; color: #a85ad4; }
.border-lightblue 		{ border-color: #3dace1; color: #3dace1; }
.border-gavcred 		{ border-color: #FB3649; color: #FB3649; }
.border-neonred 		{ border-color: #f91847; color: #f91847; }
.border-blue 	{ border-color: #1d5ce3; color: #1d5ce3; }
.border-cyan 		{ border-color: #1abc9c; color: #1abc9c; }
.border-brown 		{ border-color: #ac8979; color: #ac8979; }
.border-green		{ border-color: #b2cc71; color: #b2cc71; }
.border-yellow	    { border-color: #edc951; color: #edc951; }
.border-gray 		{ border-color: #e0e0e0; color: #e0e0e0; }
.border-dark 		{ border-color: #323a45; color: #323a45; }
.border-black 		{ border-color: #000000; color: #000000; }
.border-white 		{ border-color: #ffffff; color: #ffffff; }
.border-darkblue 	{ border-color: #3b5998; color: #3b5998; }
.border-lightgray 	{ border-color: #f4f7f9; color: #f4f7f9; }


.universe-borders { 
    border-left: 3px solid;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.bg-gradient-purple {
    background-image: linear-gradient(315deg, #b3cdd1 0%, #9fa4c4 74%);
}

.bg-gradient-lila {
    background-image: linear-gradient(315deg, #9e8fb2 0%, #a7acd9 74%);
}

.bg-gradient-dark {
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
}

.bg-gradient-pink {
    background-image: linear-gradient(315deg, #d8dede 0%, #e5bdf6 74%);
}

.bg-gradient-dark-green {
    background-image: linear-gradient(315deg, #5d4257 0%, #a5c7b7 74%);
}

.bg-gradient-dark-green2 {
    background-image: linear-gradient(315deg, #9dc5c3 0%, #5e5c5c 74%);
}

.bg-gradient-cool {
    background-image: linear-gradient(315deg, #e7eff9 0%, #cfd6e6 74%);
}

.bg-gradient-fairy {
    background-image: linear-gradient(315deg, #fde7f9 0%, #aacaef 74%);
}

.bg-gradient-tech {
    background-image: linear-gradient(315deg, #96c8fb 0%, #ddbdfc 74%);
}

.bg-gradient-black-ink {
    background-image: linear-gradient(315deg, #000000 0%, #414141 74%);
}

.bg-gradient-sand {
    background-image: linear-gradient(315deg, #ba9a8e 0%, #96705b 74%);
}

.bg-gradient-dawn {
    background-image: linear-gradient(315deg, #ffd3ea 0%, #403020 74%);
}

.bg-gradient-olive {
    background-image: linear-gradient(315deg, #d2d8d6 0%, #dce8e0 74%);
}

.bg-gradient-pale {
    background-image: linear-gradient(147deg, #c3cbdc 0%, #edf1f4 74%);
}

.bg-gradient-sober {
    background-image: linear-gradient(315deg, #c2b6b6 0%, #576574 74%);
}

.bg-gradient-navy {
    background-image: linear-gradient(315deg, #637081 0%, #7c98b3 74%);
}

.bg-gradient-mint {
    background-image: linear-gradient(315deg, #44b09e 0%, #e0d2c7 74%);
}

.button-o.button-white:hover{ color: #000000 !important;}
/* Bootstrap Colors */
.button.button-primary, .button-3d.button-primary { background-color: #286090; }
.button.button-success, .button-3d.button-success { background-color: #5cb85c; }
.button.button-info, .button-3d.button-info       { background-color: #5bc0de; }
.button.button-warning, .button-3d.button-warning { background-color: #ec971f; }
.button.button-danger, .button-3d.button-danger   { background-color: #c9302c; }

.button-3d.button-primary { -webkit-box-shadow: 0 5px 0 #1a456b; -moz-box-shadow: 0 5px 0 #1a456b; box-shadow: 0 5px 0 #1a456b; }
.button-3d.button-success { -webkit-box-shadow: 0 5px 0 #408940; -moz-box-shadow: 0 5px 0 #408940; box-shadow: 0 5px 0 #408940; }
.button-3d.button-info    { -webkit-box-shadow: 0 5px 0 #398ca5; -moz-box-shadow: 0 5px 0 #398ca5; box-shadow: 0 5px 0 #398ca5; }
.button-3d.button-warning { -webkit-box-shadow: 0 5px 0 #bb7614; -moz-box-shadow: 0 5px 0 #bb7614; box-shadow: 0 5px 0 #bb7614; }
.button-3d.button-danger  { -webkit-box-shadow: 0 5px 0 #9d201c; -moz-box-shadow: 0 5px 0 #9d201c; box-shadow: 0 5px 0 #9d201c; }

.button-3d:hover.button-primary { -webkit-box-shadow: 0 3px 0 #1a456b; -moz-box-shadow: 0 3px 0 #1a456b; box-shadow: 0 3px 0 #1a456b; }
.button-3d:hover.button-success { -webkit-box-shadow: 0 3px 0 #408940; -moz-box-shadow: 0 3px 0 #408940; box-shadow: 0 3px 0 #408940; }
.button-3d:hover.button-info    { -webkit-box-shadow: 0 3px 0 #398ca5; -moz-box-shadow: 0 3px 0 #398ca5; box-shadow: 0 3px 0 #398ca5; }
.button-3d:hover.button-warning { -webkit-box-shadow: 0 3px 0 #bb7614; -moz-box-shadow: 0 3px 0 #bb7614; box-shadow: 0 3px 0 #bb7614; }
.button-3d:hover.button-danger  { -webkit-box-shadow: 0 3px 0 #9d201c; -moz-box-shadow: 0 3px 0 #9d201c; box-shadow: 0 3px 0 #9d201c; }

.button-o.button-primary    { border-color: #286090; color: #286090; }
.button-o.button-success    { border-color: #5cb85c; color: #5cb85c; }
.button-o.button-info       { border-color: #5bc0de; color: #5bc0de; }
.button-o.button-warning    { border-color: #ec971f; color: #ec971f; }
.button-o.button-danger     { border-color: #c9302c; color: #c9302c; }

.preview-square {
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid black;
}

/* Gradient Colors */
.button-grad-violet {
    background: #5f2c82;
    background: -webkit-linear-gradient(-45deg, #4776E6, #8E54E9); 
    background: -o-linear-gradient(-45deg, #4776E6, #8E54E9); 
    background: -moz-linear-gradient(-45deg, #4776E6, #8E54E9); 
    background: linear-gradient(-45deg, #4776E6, #8E54E9);
}

.button-grad-cyan, .button-grad-cyan:hover {
    background: #20a2bd;
    background: -webkit-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: -o-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: -moz-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: linear-gradient(-45deg, #2abb9c, #20a2bd);
}

.button-grad-violet:hover {
    background: #5f2c82;
    background: -webkit-linear-gradient(45deg, #4776E6, #8E54E9); 
    background: -o-linear-gradient(45deg, #4776E6, #8E54E9); 
    background: -moz-linear-gradient(45deg, #4776E6, #8E54E9); 
    background: linear-gradient(45deg, #4776E6, #8E54E9);
}

.text-grad-gavcred {
	/*-webkit-background-clip: text;
	background-image: linear-gradient(to right, #f08175, #ee0b75);
	-webkit-text-fill-color: transparent;
	color: #f8394e;*/
	
	-webkit-background-clip: text;
	background-image: linear-gradient(to right, #F15A29 0%, #ec0055 50%);
	-webkit-text-fill-color: transparent;
}

.text-grad-colorful {
    -webkit-background-clip: text;
    background-image: linear-gradient(to right, #f4d078, #2bc18a, #1292b7);
    -webkit-text-fill-color: transparent;
    color: #f8394e, #fff;
}

.bg-striped-pale-ale {
    background-image: linear-gradient(137deg, #fafcfc, 47.62%, #ebeded 47.62%, #ebeded 50%, #fafcfc 50%, #fafcfc 97.62%, #ebeded 97.62%, #ebeded 100%);
    background-size: 21.00px 19.58px;
}


.button-grad-blood-mary {
    background: #FF512F;
    background: -webkit-linear-gradient(-45deg, #FF512F, #DD2476); 
    background: -o-linear-gradient(-45deg, #FF512F, #DD2476); 
    background: -moz-linear-gradient(-45deg, #FF512F, #DD2476); 
    background: linear-gradient(-45deg, #FF512F, #DD2476); 
}
.button-grad-blood-mary:hover {
    background: #FF512F;
    background: -webkit-linear-gradient(45deg, #FF512F, #DD2476); 
    background: -o-linear-gradient(45deg, #FF512F, #DD2476); 
    background: -moz-linear-gradient(45deg, #FF512F, #DD2476); 
    background: linear-gradient(45deg, #FF512F, #DD2476); 
}
.button-grad-bora {
    background: #2BC0E4;
    background: -webkit-linear-gradient(45deg, #2BC0E4, #EAECC6); 
    background: -o-linear-gradient(45deg, #2BC0E4, #EAECC6); 
    background: -moz-linear-gradient(45deg, #2BC0E4, #EAECC6); 
    background: linear-gradient(45deg, #2BC0E4, #EAECC6); 
}
.button-grad-bora:hover {
    background: #2BC0E4;
    background: -webkit-linear-gradient(-45deg, #2BC0E4, #EAECC6); 
    background: -o-linear-gradient(-45deg, #2BC0E4, #EAECC6); 
    background: -moz-linear-gradient(-45deg, #2BC0E4, #EAECC6); 
    background: linear-gradient(-45deg, #2BC0E4, #EAECC6); 
}
.button-grad-mojito {
    background: #68e9b6;
    background: -webkit-linear-gradient(45deg, #68e9b6, #4e75b9); 
    background: -o-linear-gradient(45deg, #68e9b6, #4e75b9); 
    background: -moz-linear-gradient(45deg, #68e9b6, #4e75b9); 
    background: linear-gradient(45deg, #68e9b6, #4e75b9); 
}
.button-grad-mojito:hover {
    background: #4e75b9;
    background: -webkit-linear-gradient(-45deg, #4e75b9, #68e9b6); 
    background: -o-linear-gradient(-45deg, #4e75b9, #68e9b6); 
    background: -moz-linear-gradient(-45deg, #4e75b9, #68e9b6); 
    background: linear-gradient(-45deg, #4e75b9, #68e9b6); 
}
.button-grad-orange {
    background: #FFB75E;
    background: -webkit-linear-gradient(-45deg, #FFB75E, #ED8F03); 
    background: -o-linear-gradient(-45deg, #FFB75E, #ED8F03); 
    background: -moz-linear-gradient(-45deg, #FFB75E, #ED8F03); 
    background: linear-gradient(-45deg, #FFB75E, #ED8F03); 
}
.button-grad-orange:hover {
    background: #FFB75E;
    background: -webkit-linear-gradient(45deg, #FFB75E, #ED8F03); 
    background: -o-linear-gradient(45deg, #FFB75E, #ED8F03); 
    background: -moz-linear-gradient(45deg, #FFB75E, #ED8F03); 
    background: linear-gradient(45deg, #FFB75E, #ED8F03); 
}
.button-grad-purple {
    background: #DA22FF;
    background: -webkit-linear-gradient(-45deg, #DA22FF, #9733EE); 
    background: -o-linear-gradient(-45deg, #DA22FF, #9733EE); 
    background: -moz-linear-gradient(-45deg, #DA22FF, #9733EE); 
    background: linear-gradient(-45deg, #DA22FF, #9733EE); 
}
.button-grad-purple:hover {
    background: #DA22FF;
    background: -webkit-linear-gradient(45deg, #DA22FF, #9733EE); 
    background: -o-linear-gradient(45deg, #DA22FF, #9733EE); 
    background: -moz-linear-gradient(45deg, #DA22FF, #9733EE); 
    background: linear-gradient(45deg, #DA22FF, #9733EE); 
}
.button-grad-stellar {
    background: #7474BF;
    background: -webkit-linear-gradient(-45deg, #7474BF, #348AC7); 
    background: -o-linear-gradient(-45deg, #7474BF, #348AC7); 
    background: -moz-linear-gradient(-45deg, #7474BF, #348AC7); 
    background: linear-gradient(-45deg, #7474BF, #348AC7); 
}
.btn-grad-stellar:hover {
    background: #7474BF;
    background: -webkit-linear-gradient(45deg, #7474BF, #348AC7); 
    background: -o-linear-gradient(45deg, #7474BF, #348AC7); 
    background: -moz-linear-gradient(45deg, #7474BF, #348AC7); 
    background: linear-gradient(45deg, #7474BF, #348AC7); 
}
.button-grad-day-tripper {
    background: #f857a6;
    background: -webkit-linear-gradient(-45deg, #f857a6, #ff5858); 
    background: -o-linear-gradient(-45deg, #f857a6, #ff5858); 
    background: -moz-linear-gradient(-45deg, #f857a6, #ff5858); 
    background: linear-gradient(-45deg, #f857a6, #ff5858); 
}
.button-grad-day-tripper:hover {
    background: #f857a6;
    background: -webkit-linear-gradient(45deg, #f857a6, #ff5858); 
    background: -o-linear-gradient(45deg, #f857a6, #ff5858); 
    background: -moz-linear-gradient(45deg, #f857a6, #ff5858); 
    background: linear-gradient(45deg, #f857a6, #ff5858); 
}

.button-grad-violet,
.button-grad-blood-mary,
.button-grad-bora,
.button-grad-mojito,
.button-grad-orange,
.button-grad-purple,
.button-grad-stellar,
.button-grad-tripper {
    border: 0 !important;
    color: #ffffff !important;
}


/*  ----------------------------------------------------
9. CONTENT BOX
-------------------------------------------------------- */
.content-box {
    display: block;
    float: left;
}
.content-box-o {
    border: 1px solid #ddd;
    padding: 25px 0 10px 0;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.content-box-o-no-border {
    border: 0;
    padding: 25px 0 10px 0;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
} 
.content-box.content-box-center {
    text-align: center;
}
.content-box.content-box-left {
    text-align: left;
}
.content-box.content-box-right {
    text-align: right;
}
.content-box.content-box-inverse h5 {
    color: #fff;
}
.content-box.content-box-inverse p {
    color: #ccc;
}
.content-box.content-box-center span,
.content-box.content-box-center i,
.content-box.content-box-left span,
.content-box.content-box-left i,
.content-box.content-box-right span,
.content-box.content-box-right i {
    margin: 0 auto;
    font-size: 40px;
}
.content-box.content-box-left span,
.content-box.content-box-left i {
    margin-left: 0;
}
.content-box.content-box-right span,
.content-box.content-box-right i {
    margin-right: 0;
}
.content-box.content-box-icon-o span,
.content-box.content-box-icon-o i,
.content-box.content-box-icon span,
.content-box.content-box-icon i {
    display: block;
    width: 75px;
    height: 75px;
    padding-top: 18px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    font-size: 35px;
}
.content-box.content-box-icon-o-circle span,
.content-box.content-box-icon-o-circle i,
.content-box.content-box-icon-circle span,
.content-box.content-box-icon-circle i {
    display: block;
    width: 80px;
    height: 80px;
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
}

.chapters-list th {
	vertical-align: middle !important;
	    font-weight: 200;
}
.mt3 {
	margin-top:3px !important;
}
.content-box-icon-circle,
.content-box-icon-o-circle {
    font-size: 35px;
}
.content-box.content-box-icon span,
.content-box.content-box-icon i,
.content-box.content-box-icon-circle span,
.content-box.content-box-icon-circle i {
    color: #fff;
}
.content-box.content-box-icon-o span,
.content-box.content-box-icon-o i,
.content-box.content-box-icon-o-circle span,
.content-box.content-box-icon-o-circle i {
    border-width: 1px;
    border-style: solid;
}

.w180 {
	width: 180px;
}

.h65 {
height: 60px;
}
.centralling {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.lh10 {
	line-height: 1.0em !important;
}

.lh13 {
	line-height: 1.3em !important;
}

.lh16 {
	line-height: 1.6em !important;
}

.lh20 {
	line-height: 2em !important;
}

.lh25 {
	line-height: 2.5em !important;
}


.chapter-end {
	z-index: 1000;
	border-top: 1px solid #f3f3f3;
}
/* Float Left Icon */
.content-box.content-box-left-icon span,
.content-box.content-box-left-icon i {
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px;
}
.content-box.content-box-left-icon h4,
.content-box.content-box-left-icon h5 {
    float: left;
}
.content-box.content-box-left-icon p {
    margin-top: 10px;
    float: left;
}

.content-box-left-icon.content-box-icon span, .content-box-left-icon.content-box-icon i, /* icon with rounded background */
.content-box-left-icon.content-box-icon-o span, .content-box-left-icon.content-box-icon-o i, /* icon with rounded transparent background */
.content-box-left-icon.content-box-icon-circle span, .content-box-left-icon.content-box-icon-circle i, /* icon with circle background */
.content-box-left-icon.content-box-icon-o-circle span, .content-box-left-icon.content-box-icon-o-circle i /* icon with circle transparent background */
{
    margin-bottom: 50px;
    position: absolute;
    top: 5px;
}
.content-box-left-icon.content-box-icon h5,
.content-box-left-icon.content-box-icon-o h5,
.content-box-left-icon.content-box-icon-circle h5,
.content-box-left-icon.content-box-icon-o-circle h5,
.content-box-left-icon.content-box-icon h4,
.content-box-left-icon.content-box-icon-o h4,
.content-box-left-icon.content-box-icon-circle h4,
.content-box-left-icon.content-box-icon-o-circle h4
{
    margin: 0 0 0 90px;
    float: left;
}
.content-box-left-icon.content-box-icon p,
.content-box-left-icon.content-box-icon-o p,
.content-box-left-icon.content-box-icon-circle p,
.content-box-left-icon.content-box-icon-o-circle p
{
    float: left;
    margin: 10px 0 0 90px;
}

/* Float Right Icon */
.content-box.content-box-right-icon {
    text-align: right;
}
.content-box.content-box-right-icon span,
.content-box.content-box-right-icon i {
    float: right;
    margin: 0 15px 0 0;
    font-size: 40px;
}
.content-box.content-box-right-icon h4,
.content-box.content-box-right-icon h5 {
    margin-right: 80px;
}
.content-box.content-box-right-icon p {
    margin-top: 10px;
    margin-right: 20px;
    float: right;
}

.content-box-right-icon.content-box-icon span, .content-box-right-icon.content-box-icon i, /* icon with rounded background */
.content-box-right-icon.content-box-icon-o span, .content-box-right-icon.content-box-icon-o i, /* icon with rounded transparent background */
.content-box-right-icon.content-box-icon-circle span, .content-box-right-icon.content-box-icon-circle i, /* icon with circle background */
.content-box-right-icon.content-box-icon-o-circle span, .content-box-right-icon.content-box-icon-o-circle i /* icon with circle transparent background */
{
    margin-bottom: 50px;
    position: absolute;
    top: 5px;
    right: 0;
}
.content-box-right-icon.content-box-icon h4,
.content-box-right-icon.content-box-icon-o h4,
.content-box-right-icon.content-box-icon-circle h4,
.content-box-right-icon.content-box-icon-o-circle h4,
.content-box-right-icon.content-box-icon h5,
.content-box-right-icon.content-box-icon-o h5,
.content-box-right-icon.content-box-icon-circle h5,
.content-box-right-icon.content-box-icon-o-circle h5 {
    margin: 0 100px 0 0;
    float: right;
}
.content-box-right-icon.content-box-icon p,
.content-box-right-icon.content-box-icon-o p,
.content-box-right-icon.content-box-icon-circle p,
.content-box-right-icon.content-box-icon-o-circle p {
    margin: 10px 100px 0 0;
}


/*  ----------------------------------------------------
10. BLOCKQUOTE
-------------------------------------------------------- */
blockquote,
blockquote.blockquote-pasific {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left-width: 5px;
    border-left-style: solid;
}
blockquote.blockquote-reverse,
blockquote.blockquote-pasific-reverse {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right-width: 5px;
    border-right-style: solid;
}
blockquote p {
    font-size: 14px;
    margin-bottom: 10px;
}
blockquote footer {
    font-size: 12px;
    color: #111;
    margin: 0;
    padding: 0;
}
blockquote footer cite {
    color: #ccc;
}
blockquote.blockquote-pasific,
blockquote.blockquote-pasific-reverse {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 20px;
    -webkit-box-shadow: 7px 7px 0 #f0f0f0;
       -moz-box-shadow: 7px 7px 0 #f0f0f0;
            box-shadow: 7px 7px 0 #f0f0f0;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

blockquote.blockquote-pasific-reverse {
    text-align: right;
}
blockquote.blockquote-pasific-has-photo,
blockquote.blockquote-pasific-has-photo-reverse {
    border: 0;
    padding: 0;
}
blockquote.blockquote-pasific-has-photo img {
    float: left;
    margin-right: 20px;
    width: 80px;
    height: 80px;
}
blockquote.blockquote-pasific-has-photo p {
    margin-left: 100px;
}
blockquote.blockquote-pasific-has-photo footer {
    margin-left: 100px;
}
blockquote.blockquote-pasific-has-photo-reverse img {
    float: right;
    margin-left: 20px;
    width: 80px;
    height: 80px;
}
blockquote.blockquote-pasific-has-photo-reverse p {
    margin-right: 100px;
    text-align: right;
}
blockquote.blockquote-pasific-has-photo-reverse footer {
    margin-right: 100px;
    text-align: right;
}


/*  ----------------------------------------------------
11. FORM
-------------------------------------------------------- */
label {
    font-weight: 400 !important;
    font-size: 13px;
    color: #747474;
}
::-webkit-input-placeholder { 
    font-family: 'Open Sans', sans-serif;
    text-transform:none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

:-moz-placeholder { 
    font-family: 'Open Sans', sans-serif;
    text-transform:none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

::-moz-placeholder { 
    font-family: 'Open Sans', sans-serif;
    text-transform:none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

:-ms-input-placeholder { 
    font-family: 'Open Sans', sans-serif;
    text-transform:none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

::-ms-input-placeholder { 
    font-family: 'Open Sans', sans-serif;
    text-transform:none;
    font-size-adjust: auto;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

.z1 {
	z-index: 1;
}
.input-square {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.input-rounded {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.input-circle {
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
}

.featured-section .story-85 {
  display: none;
}

.input-xs {
    height: 30px;
    padding: 4px 10px;
    font-size: 12px;
}
.input-sm {
    height: 35px;
    padding: 4px 10px;
    font-size: 13px;
}

#general-content-2 u {
  font-weight: 600;
}
.input-md {
    height: 40px;
    padding: 4px 10px;
    font-size: 14px;
}
.input-lg {
    height: 50px;
    padding: 4px 10px;
    font-size: 15px;
}
.help-block {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #aaa;
}

.megamenu ul.navbar-nav > li {
	padding: 0px !important;
}

/*  ----------------------------------------------------
12. PRICE
-------------------------------------------------------- */
#price [class*="col-md"],
#price [class*="col-sm"],
#price [class*="col-xs"] {
    padding: 1px;
}
.price {
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
  
}

.top-nav-collapse .navbar-brand img.retina, .top-nav-collapse-force .navbar-brand img.retina, .top-nav-collapse-force-inverse .navbar-brand img.retina{
  width:100px;
}

.formating-space {
	white-space: pre-line;
}

nav a:hover {
  cursor: pointer;
}

.price ul {
	margin: 0;
	padding: 0;
}

.min-h400 {
	min-height: 400px;
}

.min-h350 {
	min-height: 350px;
}

.min-h300 {
	min-height: 300px;
}

.min-h250 {
	min-height: 250px;
}

#section3 {
  max-width: 1000px;
  text-align: center;
  margin: 0px auto;
}

.path_finder path {
	fill: #f91847;
}

.path_finder_cyan path {
	fill: #1abc9c;
}

.own_pathfinder path {
	fill: white;
}

.bg-authorscup {
	background: #1b367a !important;
}

.bg-neonred {
	background: #f91847 !important;
}

.bg-authorsred {
	background: #fb3b69 !important;
}

.glossary-boxes {
	  height: 150px;
    vertical-align: middle;
    border-bottom: 1px dashed lightgrey;
    border-right: 1px dashed lightgrey;
}

#linking_new_story img  {
	opacity: 0.3;
}

#linking_new_story:hover img, #linking_new_story img:hover {
	opacity: 1;
	cursor: pointer;
}

#linking_new_story:hover {
	background: #f4f7f9 !important;
}

#linking_new_story:hover span.link-now {
	color: white !important;
}

#linking_new_story:hover span.link-now2 {
	background: white !important;
	color: black !important;
}

.color-neonred {
	color: #f91847 !important;
}

.color-authorsred {
	color: #fb3b69 !important;
}

.color-brown {
    color: #ac8979 !important;
}

.bg-brown {
    background-color: #ac8979 !important;
}

.bg-brush {
	background-image: url(../../../neurassets/img/index/brush-stroke-banner-7.svg);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}


.bg-brush-2 {
	-webkit-mask:  url(../../../neurassets/img/index/brush-stroke-banner-7.svg) no-repeat 50% 50%;
	 mask:  url(../../../neurassets/img/index/brush-stroke-banner-7.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
}

.carousel .carousel-inner .bg-authorscup-img-2 {
	background-image: url(../../../neurassets/img/authorscup/bg-authorscup-challenges.jpg);
	background-position: center top;
}

.carousel .carousel-inner .bg-authorscup-img {
	background-image: url(../../../neurassets/img/authorscup/bg-authorscup.jpg);
	background-position: center top;
}

.carousel .carousel-inner .bg-authorscup-img-3 {
	background-image: url(../../../neurassets/img/authorscup/2020authorscup.jpg?v=1);
	background-position: center top;
}

.bg-grad-authorscup {
	background: #1b367a;
	background: -webkit-linear-gradient(-45deg, #fb3b69, #1b367a, #1b367a, #1b367a);
	background: -o-linear-gradient(-45deg, #fb3b69, #1b367a, #1b367a, #1b367a);
	background: -moz-linear-gradient(-45deg, #fb3b69, #1b367a, #1b367a, #1b367a);
	background: linear-gradient(-45deg, #fb3b69, #1b367a, #1b367a, #1b367a) !important;
}

.margin-auto {
	margin:0px auto;
}
#section3 .col-xs-6 {
   min-height: 370px;
}

#section3 .col-sm-4 {
   min-height: 400px;
}
  
#section3 .col-md-2 {
  min-height: 340px;
}


.authors-bg-bar {
	background-image: url(../../../neurassets/img/authorscup/bg-box-authorscup.png);
	width: 100%;
	height: 100px;
	background-position: top center;
	display: block;
	background-repeat: repeat-x;
	background-size: contain;
	position: absolute;
	bottom: 0;
}

.bg-navy-blue {
	background: #1c3878 !important;
}

.color-navy-blue {
	color: #1c3878 !important;
}

.fs35 {
	font-size:3.5em !important;
}

.fs40 {
	font-size:4em !important;
}
 
.fs45 {
	font-size:4.5em !important;
}

.fs45-fs30xs {
	font-size:4.5em !important;
}

.fs50 {
	font-size:5em !important;
}

.price ul li {
	list-style: none;
	line-height: 25px;
}
sup {
    font-size: 30px;
}
.price-one,
.price-two {
    -webkit-box-shadow: 0 1px 1px #ddd;
       -moz-box-shadow: 0 1px 1px #ddd;
            box-shadow: 0 1px 1px #ddd; 
}
.price-one:hover,
.price-two:hover,
.price-one.active,
.price-two.active {
    -webkit-box-shadow: 0 0 40px #ddd;
	   -moz-box-shadow: 0 0 40px #ddd;
			box-shadow: 0 0 40px #ddd;
}
/* Price One */
.price-one {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;

}
.price-one:hover,
.price-one.active {
	background-color: #fff;
	border-width: 0;
	border-style: solid;
	-webkit-box-shadow: 0 0 40px #ddd;
	   -moz-box-shadow: 0 0 40px #ddd;
			box-shadow: 0 0 40px #ddd;
}
.price-one.active {
    padding: 30px 0;
    margin-top: 0;
}

.price-one h4 {
	line-height: 20px;
	margin:0;
	padding: 0;
}
.price-one span {
	display: block;
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100 !important;
}

.price-one .price-footer {
	margin-top: 10px;
}

/* Price Two */
.price-two {
	text-align: center;
    padding: 15px 0;
}

.price-two.active {
    padding: 10px 0 10px 0;
    margin-top: 0;
    background-color: #fff;
}
.price-two.active span {
    margin: 20px 0;
}
.price-two.active .price-header {
    background-color: #fff;
}

.price-two .price-header {
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	padding: 20px 0 10px 0;
	color: #fff;
}

.preset_filters_container::-webkit-scrollbar {
    -webkit-appearance: none;
}

.preset_filters_container::-webkit-scrollbar:vertical {
    width: 11px;
}

.preset_filters_container::-webkit-scrollbar:horizontal {
    height: 11px;
}

.preset_filters_container::-webkit-scrollbar-thumb, .border-thick-white {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.w300important {
	width: 300px !important;
}

.w250important {
	width: 250px !important;
}

.w400important {
	width: 400px !important;
}
.price-two .price-header {
    color: #555;
}
.price-two h4 {
	font-family: 'bariol', cursive;
}
.price-two span {
	display: block;
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100 !important;
}
.price-two sup {
    font-size: 30px;
}
.price-two .price-body {
	padding-top: 10px;
}
.price-two .price-footer {
	padding-bottom: 20px;
}

/* Price Three */
.price.price-three {
    text-align: center;
    background-color: #fff;
    padding: 30px 0;
}

.box-shadow:hover {
	-webkit-box-shadow: 2px 2px 38px -2px rgba(0,0,0,0.51);
	-moz-box-shadow: 2px 2px 38px -2px rgba(0,0,0,0.51);
	box-shadow: 2px 2px 38px -2px rgba(0,0,0,0.51);
}

.price-three.active {
    background-color: #fff;
    border: 0;
}

.border-premium {
	border: 2px solid #32b4a3;
}

.border-ambassador {
	border: 2px solid #ed3a53;
}

.price-three span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100 !important;
    line-height: 70px;
}
.price-three .price-body {
    padding: 20px 0;
}
.price-three .price-badge {
    margin: -30px auto 5px auto;
    width: 50%;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    -webkit-border-bottom-right-radius: 2px;
       -moz-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
       -moz-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
}

.premium-badge {
    margin: -30px auto 5px auto;
    width: 65%;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    -webkit-border-bottom-right-radius: 2px;
       -moz-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
       -moz-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
}


/* Price Four */
.price-four {
    float: left;
    padding: 10px 0;
    border-bottom: 4px solid #ccc;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.hidden {
	display:none !important;
}

.price-four h3 small {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    width: 120px;
    color: #fff;
    padding: 3px 2px;
    margin: 0 auto;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.price-four img {
    width: 200px;
    margin: 10px auto;
}
.price-four .price-header {
    display: block;
    text-align: center;
    width: 100%;
}

.price-four .price-header span {
    font-family: 'Open Sans', sans-serif;
    font-size: 80px;
    font-weight: 200;
    line-height: 1;
}
.price-four .price-body {
    display: block;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.price-four .price-body ul {
    margin: 20px 30px 10px 30px;
    background-color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ddd;
       -moz-box-shadow: 0 1px 1px #ddd;
            box-shadow: 0 1px 1px #ddd;
}

.big-shadow-bg {
	box-shadow: 50px 40px 115px rgba(0, 0, 0, 0.1);
}

.price-four .price-body ul li {
    padding: 10px 0 10px 20px;
    text-align: left;
    border-bottom: 1px dotted #ddd;
}
.price-four .price-body ul li:last-child {
    border-bottom: 0;
}
.price-four .price-body ul li i,
.price-four .price-body ul li span {
    margin-right: 10px;
}
.price-four .price-footer {
    float: left;
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
}

/* Price Five */
.price-five {
    float: left;
    width: 100%;
    padding: 0;
}
.price-five .price-header,
.price-five .price-body,
.price-five .price-footer {
    float: left;
    display: block;
}
.price-five .price-header {
    border-right: 1px solid #ddd;
    padding: 10px 20px;
    text-align: center;
}
.price-five ul li {
    display: inline-block;
}
.price-five .price-header span {
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 1;
}
.price-five .price-body {
    text-align: center;
}
.price-five .price-body ul li {
    display: inline-block;
    margin: 10px;
    height: 100px;
    border: 1px solid red;
}
.price-five .price-body ul li i,
.price-five .price-body ul li span {
    display: block;
    font-size: 20px;
}
/*  ----------------------------------------------------
13. TAB PILL
-------------------------------------------------------- */
.group-tabs.nav-tabs li a {
     /*background-color: white; #f1f2f3;*/

		color: #2361e0;
    /*  margin-right: 2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;*/
}
.nav-pills > li > a {  
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 10px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff !important;
  font-weight: bold;
}

/* Pill Verticak */
.nav-pills-vertical {
    margin-top: 25px;
}
.nav-pills-vertical {
  border-bottom: 0;
}

.nav-pills-vertical li {
  float: none;
  margin: 5px 0;
}

.nav-pills-vertical li a {
    margin-right: 0;
    border: 0;
    background-color: #f1f2f2;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.nav-pills-vertical li.active a { 
    color: #fff !important;
}
.nav-pills-vertical > li.active > a,
.nav-pills-vertical > li.active > a:hover,
.nav-pills-vertical > li.active > a:focus { border: 0; }

.tab-content .tab-pane {
    display: none;
    background-color: #fff;
    padding-top: 20px;
    overflow-y: auto;
}

.fs100 {
	font-size: 10em !important;
}

.tab-content .active { display: block; }

/* Tab Verticak */
.nav-tabs-vertical {
    margin-top: 25px;
    border-bottom: 0;
}
.nav-tabs-vertical ul {
    float: left;
}
.nav-tabs-vertical li {
    float: none;
    background-color: #fff;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;    
}

.nav-tabs-vertical li a {
    margin-right: 0;
    border: 0;
    background: #f1f2f2;
    padding-right: 50px;
    border-bottom: 1px solid #fff; 
    border-left: 3px solid #f1f2f2;
    border-right: 1px solid #f1f2f2;
}

.nav-tabs-vertical li a:hover { 
    background-color: white;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left-width: 3px;
    border-left-style: solid;
}
.nav-tabs-vertical li.active,
.nav-tabs-vertical li.active a { 
    background-color: #fff;
    font-weight:bold;
    border-right: 0;
    border-left-width: 3px;
    border-left-style: solid;
}
.nav-tabs-vertical > li.active > a,
.nav-tabs-vertical > li.active > a:hover,
.nav-tabs-vertical > li.active > a:focus { 
    border: 0;
}

.center-img {
	margin:0 auto;
}

/*  ----------------------------------------------------
14. TABLE
-------------------------------------------------------- */
table {
    font-family: 'Open Sans', sans-serif;
}
table th {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

table tr td {
    font-size: 13px;
    color: #747474;
}

input.modal-search-input::placeholder { color: #FB3649; }

table tr.success td,
table tr.info td,
table tr.warning td,
table tr.danger td {
    border-top: 1px solid #fff;
}
table th.bg-primary,
table th.bg-success,
table th.bg-info,
table th.bg-warning,
table th.bg-danger,
table th.bg-default,
table th.bg-pasific {
    color: #ffffff;
    font-size: 14px;
    border: 0;
}
.table.table-colored th {
    border-right: 1px solid #fff;
}
.table.table-colored th:last-child {
    border-right: 0;
}

.w500 {
	width:500px;
}

/*  ----------------------------------------------------
15. TESTIMONIAL
-------------------------------------------------------- */
.testimonial .testimonial-header {
    margin-bottom: 20px;
    font-size: 12px;
}
.testimonial .testimonial-header a {
    color: #aaa;
}
.testimonial .testimonial-header img {
    width: 60px;
    height: 60px;
}

.testimonial .testimonial-body p {
    line-height: 25px;
    margin-bottom: 15px;  
}
.testimonial .testimonial-footer {
    font-size: 12px;
}
.testimonial .testimonial-header i,
.testimonial .testimonial-footer i {
    margin-right: 5px;
}
.testimonial .testimonial-footer a {
    color: #aaa;
    margin-left: 5px;    
}
.testimonial-center {
    text-align: center;
    padding: 0 30px;
}
.testimonial-left {
    text-align: left;
    padding: 0 20px;
}
.testimonial-right {
    text-align: right;
    padding: 0 20px;
}
.testimonial-center .testimonial-header img {
    margin: 0 auto;
}
.testimonial-left .testimonial-header {
    float: left;
    margin-right: 20px;
}
.testimonial-right .testimonial-header {
    float: right;
    margin-left: 20px;
}

.testimonial-left .testimonial-footer {
    margin-left: 80px;
}

.testimonial-right .testimonial-footer {
    margin-right: 80px;
}

.bg-pale-gray {
	background: #f5f7f9;
}

/* Testimonial with Isoceles Icon */
.testimonial-triangle-isosceles .testimonial-body,
.testimonial-triangle-isosceles-has-bg .testimonial-body {
    position:relative;
    padding:20px 20px 10px 20px;
    margin: 20px;
    color:#000;
    background:#f5f7f9;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
   
}
.testimonial-triangle-isosceles .testimonial-body {
	 /*-webkit-box-shadow: 0 1px 0 #ddd;
    -moz-box-shadow: 0 1px 0 #ddd; */
    border-radius: 30px;
    /* box-shadow: 0 1px 0 #ddd; */
}
.testimonial-triangle-isosceles-has-bg .testimonial-body p {
    color: #fff;
    text-align: center;
}

.border-right-grey {
	border-right: 1px solid #f4f4f4;
}

/* Variant : for top positioned triangle
------------------------------------------ */
.testimonial-triangle-isosceles.top .testimonial-body {
    background:#f1f2f2;
}

/* creates triangle */
.testimonial-triangle-isosceles .testimonial-body:after {
    content:"";
    position:absolute;
    bottom:-15px;
    left:50px; 
    border-width:15px 15px 0;
    border-style:solid;
    border-color:#f1f2f2 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body:after {
    content:"";
    position:absolute;
    bottom:-15px; 
    left:48%;
    border-width:15px 15px 0;
    border-style:solid;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body:after { border-color:#f1f2f2 transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-pasific:after { border-color: transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-primary:after { border-color:#337ab7 transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-success:after { border-color:#5cb85c transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-info:after { border-color:#5bc0de transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-warning:after { border-color:#f0ad4e transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-danger:after { border-color:#d9534f transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-light:after { border-color:#ffffff transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-gray2:after { border-color:#8b949b transparent; }
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-dark:after { border-color:#5f6467 transparent; }

/* Variant : top
------------------------------------------ */
.testimonial-triangle-isosceles.top .testimonial-body:after {
    top:-15px;
    right:50px;
    bottom:auto;
    left:auto;
    border-width:0 15px 15px;
    border-color:#f1f2f2 transparent;
}

.testimonial-triangle-isosceles .testimonial-footer { padding: 10px 0 0 55px; }
.testimonial-triangle-isosceles .testimonial-footer img { float: left; margin: -10px 20px 0 0; }
.testimonial-triangle-isosceles .testimonial-footer a {
    display: block;
    margin-top: 0;
    margin-left: 0;
    height: 30px;
}


.alpha40-black {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha50-black {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha60-black {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha70-black {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha80-black {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha40-white {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha50-white {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha60-white {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha70-white {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha80-white {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.border-create-new {
    border-bottom: 5px black solid !important;
}

.border-link {
    border-bottom: 2px #FB3649 solid !important;
    padding-bottom: 2px;
    cursor:pointer;
}

.border-link:hover {
	border-bottom: 2px white solid !important;
	opacity:0.5;
}

.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer { 
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer img {
    margin: 0 auto 10px auto;
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer a {
    display: block;
    margin-top: 5px;
}
.testimonial-triangle-isosceles.top .testimonial-header {
    padding-top: 10px;
    padding-right: 55px;
    text-align: right;
}
.testimonial-triangle-isosceles.top .testimonial-header img {
    float: right;
    margin: -10px 0 0 20px;
}
.testimonial-triangle-isosceles.top .testimonial-header a {
    display: block;
    margin-top: 0;
    margin-left: 0;
    height: 30px;
}
.testimonial-triangle-isosceles.top .testimonial-header i {
    float: right;
    margin-left: 10px;
}

.w180-130 {
	width:180px;
}

/*  ----------------------------------------------------
16. HEADER CAROUSEL STYLE
-------------------------------------------------------- */
.carousel, .item, .active {
    height:100%;
}
.carousel-inner {
    height:100%;
}
.carousel {
   /* margin-bottom: 60px;*/
}
.carousel-control {
    z-index: 0;
}
.carousel-caption {
    z-index: 10;
}

.carousel .item {
    background-color: #777;
}
.carousel .carousel-inner .carousel-img {
    background-repeat:no-repeat;
    background-size:cover;
}

.carousel .carousel-inner .carousel-img0-nonhisp2 {
    background-image:url(../../../neurassets/img/brand/inkspired-wallpaper-official.jpg?v=2); /* bg/neu-portada.jpg);  reload */
    background-position: center top;
}

.official-bg {
	background: url(../../../neurassets/img/brand/inkspired-wallpaper-official.jpg?v=2) bottom left no-repeat;
    background-size: 100%;
}

.carousel .carousel-inner .carousel-img0-nonhisp {
    background-image:url(../../../neurassets/img/bg/newportada.jpg); /* patty writing bg */
    background-position: center top;
}
/*
.carousel .carousel-inner .carousel-img0 {
    background-image:url(../../../neurassets/img/bg/newbg.jpg);  deprecated old jacky 
    background-position: center top;
}*/

.carousel .carousel-inner .carousel-img0 {
    background-image:url(../../../neurassets/img/bg/new-cover-pic.jpg?v=2);
    background-position: center top;
}


.carousel .carousel-inner .carousel-img-reading, .new-entrance-main {
    background-image:url(../../../neurassets/img/bg/new-cover-reading.jpg?v=1);
		/*background-image:url(../../../neurassets/img/index/new-cover-reading.webp?v=1);*/
    background-position: center top;
}


.carousel .carousel-inner .carousel-img-writingcontest {
    background-image:url(../../../neurassets/img/bg/writing-contests.jpg?v=2);
    background-position: center top;
}

.carousel .carousel-inner .carousel-img-authorscup {
    background-image:url(../../../neurassets/img/bg/cover-authorscup-bg.jpg?v=2);
    background-position: center top;
}

.carousel .carousel-inner .carousel-img-writerapp {
    background-image:url(../../../neurassets/img/bg/inkspired-writerapp.jpg);
    background-position: center top;
}

.carousel .carousel-inner .carousel-img1 {
    background-image:url(../../../neurassets/img/bg/writerbg-front.jpg);
    background-position: center top;
}
.carousel .carousel-inner .carousel-img2 {
    background-image:url(../../../neurassets/img/bg/bg-parallax-10.jpg);
    background-position: center center;
}
.carousel .carousel-inner .carousel-img3 {
    background-image:url(../../../neurassets/img/bg/inktoberchallenge.jpg);
    background-position: center center;
}
/*.carousel .carousel-inner .carousel-img4 {
    background-image:url(../../../neurassets/img/bg/img-bg-20.jpg);
    background-position: center top;
}
.carousel .carousel-inner .carousel-img5 {
    background-image:url(../../../neurassets/img/bg/img-bg-18.jpg);
    background-position: center center;
}
.carousel .carousel-inner .carousel-img6 {
    background-image:url(../../../neurassets/img/bg/img-bg-19.jpg);
    background-position: center bottom;
}
.carousel .carousel-inner .carousel-img7 {
    background-image:url(../../../neurassets/img/bg/img-bg-23.jpg);
    background-position: center top;
}
.carousel .carousel-inner .carousel-img8 {
    background-image:url(../../../neurassets/img/bg/img-bg-12.jpg);
    background-position: center center;
}
.carousel .carousel-inner .carousel-img9 {
    background-image:url(../../../neurassets/img/bg/img-bg-16.jpg);
    background-position: center bottom;
}
.carousel .carousel-inner .carousel-img10 {
    background-image:url(../../../neurassets/img/bg/img-bg-24.jpg);
    background-position: center top;
}
.carousel .carousel-inner .carousel-img11 {
    background-image:url(../../../neurassets/img/bg/img-bg-13.jpg);
    background-position: center center;
}
.carousel .carousel-inner .carousel-img12 {
    background-image:url(../../../neurassets/img/bg/img-bg-25.jpg);
    background-position: center bottom;
}
.carousel .carousel-inner .carousel-img13 {
    background-image:url(../../../neurassets/img/bg/img-bg-6.jpg);
    background-position: center bottom;
}
.carousel .carousel-inner .carousel-img14 {
    background-image:url(../../../neurassets/img/bg/img-bg-7.jpg);
    background-position: center bottom;
}
.carousel .carousel-inner .carousel-img15 {
    background-image:url(../../../neurassets/img/bg/img-bg-8.jpg);
    background-position: center bottom;
}
.carousel .carousel-inner .carousel-img16 {
    background-image:url(../../../neurassets/img/bg/img-bg-35.jpg);
    background-position: center center;
}
.carousel .carousel-inner .carousel-img17 {
    background-image:url(../../../neurassets/img/bg/img-bg-36.jpg);
    background-position: center center;
}
.carousel .carousel-inner .carousel-img18 {
    background-image:url(../../../neurassets/img/bg/img-bg-39.jpg);
    background-position: center center;
}*/
.carousel-caption {
    position: absolute;
    top: 35%;
}

.total-rounded-avatar {
    width: 60px;
    height: 60px;
    border: 5px solid #E1E1E1;
}

.carousel-caption h1 {
    font-size: 50px;
    line-height: 60px;
}
.carousel-caption p {
    font-size: 18px;
}

.fs06 {
	font-size: 0.6em;
}

.fs05 {
	font-size: 0.5em;
}

.fs04 {
	font-size: 0.4em;
}

.top-nav-collapse .premium-icon {
    margin-top: 20px;
    margin-left: -55px;
}

.premium-icon {
    margin-top: 40px;
    margin-left: -60px;
}

.top-nav-collapse .premium-icon-mobile {
    margin-left: -55px;
}

ul.nav li {
	padding: 6px 0px !important;
}

.fs07 {
	font-size: 0.7em;
}

.modal-dialog-2 {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.overflow-auto {
	overflow: auto !important;
	height: auto !important;
	display: block !important;
}

.all100-percent-important {
	width:100% !important;
	height: auto !important;
}

.mt150 {
	margin-top:150px;
}

.mt200 {
	margin-top:200px;
}

.mt250 {
	margin-top:250px;
}

.mt300 {
	margin-top:300px;
}

.mt400 {
	margin-top:400px;
}

.mt500 {
	margin-top:500px;
}
.new_cover  {
    height: 220px;
    overflow: hidden;
    width: 100%;
    border-left: 5px solid #FB3649;
    display: block;
    float: left;
}

.mt-3 {
	margin-top: -3px;
}

.mt-60 {
	margin-top:-60px;
}
.mt-10 {
	margin-top:-10px;
}

.mt-110 {
    margin-top: -110px;
}

.hiding-oneliner {
	height: 20px;
	overflow: hidden;
}

.hiding-twoliner {
	height: 40px;
	overflow: hidden;
}

.pt100-xs {
	padding-top:100px;
}

.pt50-xs {
	padding-top:50px;
}

.pt25-xs {
	padding-top:25px;
}

@media (min-width: 768px) {
	.modal-dialog-2 {
		width:700px;
		margin: 30px auto;
	}
	
	
}

.modal.in .modal-dialog-2 {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog-2 {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;    
}

.modal-dialog-2 {
    position: relative;
    width: auto;
}

@media(min-width:900px) {
  .datepicker.dropdown-menu{
                margin-left: -275px !important;
            }
}

@media(max-width: 992px) {
    .banner-bg {
        background-size: cover;
      }

}

@media(max-width:960px) {
    .featured_block_cover img {
	    margin-top:10px !important;
    }
}

@media(max-width:768px) {

    .wmax700-stories {
        max-width: 390px !important;
        margin:0 auto;
      }

    .mr-adjust-bubble {
        margin-right:-30px;
        padding-right: 0px !important;
    }
    
	.submenu-cat ul li {
		float: none;
		width:100%;
	}

	.xs-only-pt40 {
		padding-top: 40px;
	}
    
    .auto-body-xs { height: auto !important; }

	.ml0-xs {
		margin-left: 0px !important;
	}
	
	.no-mt {
		margin-top:0px !important;
	}
	
	.fs08-xs {
		font-size: 0.8em !important;
	}
	
	.fs45-fs30xs {
		font-size:3em !important;
	}
		
	.text-center-xs {
		text-align: center;
	}
	
	.stories-front, .stories-front-individual {
	    border: 0px !important;
	}
    
	.stories-front .bookcover img {
	    border-radius: 5px !important;
	}
	
	.mt70-xs {
		margin-top: 70px !important;
    }

    .mt10-xs {
		margin-top: 10px !important;
    }

    .mt20-xs {
		margin-top: 20px !important;
    }
    
    .mt150-xs {
		margin-top: 150px !important;
	}
	
	.w180-130 {
	    width: 130px !important;
	}
	.blocker-xs {
	    display:block;
	    width:100%;
	}
	
	.pt100-xs, .pt50-xs, .pt25-xs {
		padding-top: 0px !important;
	}
	
	.official-bg {
		background-size: 200% !important;
	}
    
	.new_cover {
		    border-left:0px !important;
	    }
	    
	.zEWidget-launcher {
	    display:none !important;
	}
	
	.clearfix-xs {
	    clear:both;
	}
	
	.margin0auto-xs {   
		margin:0 auto !important;
	}
    
	.linebreaker-xs {
	    margin-bottom:10px !important;
	    padding-right:20px !important;
	}
	
	.mt-xs {
	    margin-top:15px;
	}
	
	video source {
	    display: none;
	}
	
	.hidden-xs {
	   display:none;    
	}
	
	iframe#drift-widget {
		display:none !important;
	}
	
	.show-xs {
	   display: block !important;  
	}
	
	.showing-xs {
		visibility: visible;
	}
	
	.blocker-xs {
		display:block;
		clear:both;
	      }
	
	span#chaptering {
		margin-top:10px !important;
    }
    
    span#chaptering a {
        display: inline !important;
        margin-right: 10px;
    }
	
	.parallax-readystory, .parallax-discover, .parallax-loginbg, .parallax-visualstories {
	    background-size: 300% !important;
	}
	
	#general-content-1 img.grande, #general-content-2 img.grande, #general-content-3 img.grande {
		max-width: 70% !important;
	}

	.carousel-caption h1 {
	font-size: 200%;
	line-height: 1.5;
    }
    .carousel-caption p {
	font-size: 100%;
    }  
}
.svg-container {
    position: absolute;
    width: 100%;
    bottom: -10%;
    height: 300px;
    z-index: 1;
}
.svg-container-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 300px;
    z-index: 1;
    font-family: 'Open Sans', sans-serif;
}
.svg-container-bottom {
    position: absolute;
    width: 100%;
    bottom: -20px;
    max-height: 300px;
    z-index: 1;
    font-family: 'Open Sans', sans-serif;
}
.svg-container3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 400px;
    z-index: 1;
    font-family: 'Open Sans', sans-serif;
}
.svg-container2 {
    width: 100%;
    height: 300px;
    z-index: 1;
}
@media(max-width: 1170px) {
    .svg-container3 {
        height: 500px;
    }
}
@media (max-width: 768px) {
    .svg-container {
        position: absolute;
        width: 100%;
        bottom: -8%;
        height: 300px;
        z-index: 1;
    }
}

/*  --------------------------------------------------------
17. NAVBAR
-------------------------------------------------------- */
.navbar-pasific {
    background-color: transparent;
    padding: 20px 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
       -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
            transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    margin-top: 20px;
}
.navbar-container ul.navbar-nav .dropdown-menu {
    margin-top: -10px;
}
.navbar-pasific .navbar-brand {
    color: #fff;
    font-family: 'bariol', cursive;
    font-size: 24px;
}
.navbar-pasific .navbar-brand img {
    float: left;
    margin-right: 10px;
    margin-top: -10px;
}
.navbar-pasific .container-fluid .navbar-brand img {
    margin-left: 8.33333333%;
}
.navbar-pasific .container .navbar-brand img {
    margin-left: 0;
}
.navbar-pasific .navbar-brand:hover,
.navbar-pasific .navbar-brand:focus {
    background-color: transparent;
}
.navbar-pasific .navbar-text {
    color: #777;
}
.navbar-pasific .navbar-nav > li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
   /* text-transform: uppercase;
    letter-spacing: 1px;*/
}
.navbar-pasific .navbar-nav > li > a {
    color: white;
    font-weight: bold;
}

#footer h6 {
	letter-spacing: 1px;
	font-size:13px;
}
.navbar-pasific .navbar-nav > li > a:hover {
    color: rgba(255,255,255,1);
}

.navbar-pasific.top-nav-collapse-force-inverse .navbar-nav > li > a:hover {
    color: black;
}


.navbar-pasific .navbar-nav > li > a:hover,
.navbar-pasific .navbar-nav > li > a:focus {
    background-color: transparent;
}
.navbar-pasific .navbar-nav > li a:hover,
.navbar-pasific .navbar-nav > .active > a,
.navbar-pasific .navbar-nav > .active > a:hover,
.navbar-pasific .navbar-nav > .active > a:focus {
    background: transparent !important;
}
.navbar-pasific .navbar-nav > .disabled > a,
.navbar-pasific .navbar-nav > .disabled > a:hover,
.navbar-pasific .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.top-nav-collapse, .top-nav-collapse-force {
    padding: 5px 0;
    background: #000; 
    /*background: -webkit-linear-gradient(-15deg,#323a45, #14171a); 
    background: -o-linear-gradient(-15deg, #323a45, #14171a); 
    background: -moz-linear-gradient(-15deg, #323a45, #14171a); 
    background: linear-gradient(-45deg, #323a45, #14171a) !important;*/
}
.top-nav-collapse-inverse {
    padding: 5px 0;
    background: #000 !important;
}

.top-nav-collapse-force-inverse {
    padding: 5px 0;
    background: transparent !important;
}

.top-nav-collapse-force-inverse-index {
    padding: 5px 0;
}

.top-nav-collapse .navbar-brand, .top-nav-collapse-force .navbar-brand {
    color: #555 !important;
}
.top-nav-collapse-inverse .navbar-brand, .top-nav-collapse-force .navbar-brand {
    color: #fff !important;
}

.top-nav-collapse-force-inverse .navbar-brand, .top-nav-collapse-force-inverse-index .navbar-brand {
    color: black !important;
}
.left-align {
    left: 0px !important;
}
.megamenu li.dropdown:hover {
	background: #14171a;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.navbar-pasific.navbar-center {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
/* navbar one-page */
@media (max-width: 1200px) {
    .navbar-pasific.navbar-op {
        background-color: #fff;
        border-color: #e7e7e7;
        padding: 0;
        margin: 0;
    }
    .navbar-pasific.top-nav-collapse-inverse {
        background-color: #000;
    }
    .navbar-op.top-nav-collapse,
    .navbar-op.top-nav-collapse-inverse, .navbar-op.top-nav-collapse-force {
        padding: 0;
        margin: 0;
    }
    .navbar-op .navbar-header {
        float: none;
    }
    .navbar-op .navbar-brand {
        color: #333;
    }
    .navbar-op .navbar-left {
        float: none !important;
    }
    .navbar-op .navbar-toggle {
        display: block;
    }
    .navbar-op .navbar-toggle:hover {
        background-color: #f8f8f8;
    }
    .navbar-op .navbar-collapse {
        border-top: 1px solid transparent;
    }
    .navbar-op.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-op .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-op .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-op .navbar-nav>li {
        float: none;
        font-size: 11px;
    }
    .navbar-op .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .navbar-op .navbar-collapse {
        background: transparent;
    }
    .navbar-op .collapse.in{
  		display:block !important;
       /* background-color: #222;*/
	}
    .navbar-op .collapsing, .in {
        /*background-color: #222;*/
    }
    .navbar-op.navbar-center {
        border: 1px solid #fff;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
    }
}
.navbar-op.top-nav-collapse,
.navbar-mp.top-nav-collapse {

}
.navbar-op.top-nav-collapse-inverse,
.navbar-mp.top-nav-collapse-inverse {
    border-bottom: 1px solid #333;
}
.navbar-op.top-nav-collapse .navbar-nav li a {
    color: #555 !important;
}
.navbar-op.top-nav-collapse-inverse .navbar-nav li a {
    color: #f5f5f5 !important;
}


.top-nav-collapse-force-inverse .navbar-toggle, .top-nav-collapse-force-inverse-index .navbar-toggle{
	color: black !important;
}

.navbar-mp.top-nav-collapse-force-inverse-index .navbar-nav > li > a:hover, .navbar-mp.top-nav-collapse-force-inverse-index .navbar-nav > li:hover > a {
	color: white !important;
}


/* navbar multipage */
@media(min-width:766px) {
	
	
	.bg-brush-2-lg {
		-webkit-mask:  url(../../../neurassets/img/index/brush-stroke-banner-7.svg) no-repeat 50% 50%;
		 mask:  url(../../../neurassets/img/index/brush-stroke-banner-7.svg) no-repeat 50% 50%;
		-webkit-mask-size: cover;
	}
	
	.carousel .carousel-inner .carousel-img-reading, .new-entrance-main {
		background-size: 100%;
	    }


	.navbar-mp .dropdown:hover > .dropdown-menu {
	    display: block;
	}
	
	.fs12-lg {
		font-size: 1.2em !important;
	}
	
  .main-entrance {
		transform: skew(20deg);
		overflow: hidden;
	}
	
	.jedi-lg {
		position:relative;
	}
		
	.unskew {
		transform: skew(-20deg);
	}
	
	.skew_banner {
		transform: skew(-20deg);
		overflow: hidden;
	}
	
	.unskew_banner {
		transform: skew(20deg);
	}
	.bg-none-anime {
		background-image: linear-gradient(-60deg, #f91847 50%, #fb3b69 50%);
		bottom:0;
		left:-50%;
		opacity:.08;
		position:fixed;
		right:-50%;
		top:0;
		z-index:-1;
    }
	.bg-anime {
		animation:slide 3s ease-in-out infinite alternate;
		background-image: linear-gradient(-60deg, #f91847 50%, #fb3b69 50%);
		bottom:0;
		left:-50%;
		opacity:.05;
		position:fixed;
		right:-50%;
		top:0;
		z-index:-1;
	}
	      
	.talkbubble:before {
		content:"";
		position: absolute;
		left: 100%;
		top: 26px;
		width: 0;
		height: 0;
		border-top: 13px solid transparent;
		border-left: 26px solid #f54a44;
		border-bottom: 13px solid transparent;
	     }
	      
	.bg2-anime {
	  animation-direction:alternate-reverse;
	  animation-duration:4s;
	}
	
	.bg3-anime {
	  animation-duration:5s;
	}

	  .navbar-mp .navbar-main-collapse {
	      float: right;
	  }
	  .navbar-mp.top-nav-collapse .navbar-nav li a {
	      color: white;
      /*        text-shadow:  0px 0px 0px !important;*/
	      
	  }
    
    .navbar-mp.top-nav-collapse .navbar-nav li a.minifier {
	font-size: 0.95em;
	font-weight:bold;
    }
    .navbar-mp.top-nav-collapse-inverse .navbar-nav li a {
        color: #fff !important;
    }
    .navbar-mp .navbar-nav > li > a {
        color: white !important;
        /* text-shadow: 1px 1px 0px #000000; */
	font-weight: bold;
    }
    
    .navbar-mp.top-nav-collapse-force-inverse .navbar-nav > li:hover > a {
        color: white !important;
        text-shadow: 0px 0px 0px #fff !important;
    }
    
    .navbar-mp.top-nav-collapse-force-inverse .navbar-nav > li > a, .navbar-mp.top-nav-collapse-force-inverse-index .navbar-nav > li > a {
        color: black !important;
        text-shadow: 0px 0px 0px #fff !important;
	font-weight: bold;
    }
    
    .navbar-mp.top-nav-collapse-force-inverse-index.top-nav-collapse .navbar-nav > li > a {
        color: white !important;
        text-shadow: 0px 0px 0px #fff !important;
    }
    
    
    .navbar-mp .navbar-nav > li > a:hover {
        color: rgba(255,255,255,1) !important;
	text-shadow: 0px 0px 0px #fff !important;
    }
    
    .navbar-mp.top-nav-collapse-force-inverse .navbar-nav > li > a:hover {
        color: #FB3649 !important;
	text-shadow: 0px 0px 0px #fff !important;
    }
    
    
    .top-nav-collapse-force-inverse-index.top-nav-collapse .black-logo {
	display: none;
    }
    
    .top-nav-collapse-force-inverse-index.top-nav-collapse .white-logo {
	display: block !important;
    }
    
    .white-logo {
	display: none;
     }
}


@media (max-width: 766px) {
	
	.black-logo {
	   display: none;
	}
     
	.carousel .carousel-inner .carousel-img-reading, .new-entrance-main {
		background-size: 250%;
	}
	    
  .fs10-xs {
		font-size: 1em !important;
	}
	
	.mt-20-xs {
		margin-top: -20px;
	}

    .ml-0-xs {
		margin-left: 0px !important;
	}

    .mt-2-xs {
        margin-Top: -2px;
    }

    .mt-3-xs {
        margin-Top: -2px;
    }

    .mt-4-xs {
        margin-Top: -2px;
    }

    .mt-5-xs {
        margin-Top: -2px;
    }

    .mt-6-xs {
        margin-Top: -2px;
    }
     
	.navbar-mp {
	    background: #14171a; 
	    background: -webkit-linear-gradient(-15deg,#323a45, #14171a); 
	    background: -o-linear-gradient(-15deg, #323a45, #14171a); 
	    background: -moz-linear-gradient(-15deg, #323a45, #14171a); 
	    background: linear-gradient(-45deg, #323a45, #14171a) !important;
	    padding: 0 !important;
	    margin: 0;
	    z-index:10000;
	}
	
	.navbar-mp.top-nav-collapse-force-inverse {
        /*background: transparent !important;*/
        padding: 0 !important;
        margin: 0;
	z-index:10000;
    }
    
    
	.navbar-brand img {
	  width:90px !important;
    }
    
    /*
	.navbar-mp.top-nav-collapse .navbar-nav li a {
	    color: #fff !important;
	}*/
	.navbar-mp.top-nav-collapse .navbar-brand,
	.navbar-mp .navbar-brand {
	    color: #555 !important;
	}
	.navbar-mp .dropdown-submenu > ul.dropdown-menu {
	    display: block;
	    overflow: hidden;
	    padding-left: 20px;
	}
	.navbar-mp .collapse.in{
		    display:block !important;
	    /*background-color: black;*/
	    }
	.navbar-mp .collapsing, .in {
	    display: block !important;
		/*background-color: black;*/
	}
	.navbar-mp .navbar-brand img {
	    margin-left: 0 !important;
		margin-top: -5px;
	}    
	.navbar-mp.navbar-center {
	    border: 1px solid #fff;
	    -webkit-border-radius: 4px;
	       -moz-border-radius: 4px;
		    border-radius: 4px;
	}
}

.pocketItem {
	min-height: 350px;
}

.pull-left img.img-circle {
	border: 2px solid white;
	margin-top: -10px;
	margin-left: 10px;
	width: 40px;
	height: 40px;
 }
 
/* megamenu */
.megamenu .dropdown .dropdown-menu li a {
	color: white;
}

.megamenu .dropdown-menu li a{
    text-transform: none;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0 !important;
}
.megamenu .dropdown-menu li i {
    margin-right: 10px;
    color: #fff;
}
.megamenu .dropdown-menu li:first-child {
    padding-top: 10px;
}

.StoryButton i {
	margin-left:0px !important;
}
.megamenu .dropdown-menu > li > a {
	padding:2px 15px;
}
.megamenu .navbar-nav > li > .dropdown-menu a {
	margin-top:1px;
}

.pt2 {
	padding-top:2px;
}

.w120 {
	width:120px;
}
.megamenu .dropdown-menu {
	box-shadow:none; 
	padding:0;
	margin-top: -6px !important;
	margin-left: -1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px !important;
}

.megamenu .dropdown-menu .withoutdesc{    
	margin-top:0;
	padding:15px 20px;
    display: block;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.megamenu a:hover {
	text-decoration:none
}
.megamenu .dropdown-menu .withoutdesc ul li {
	padding: 7px 10px 7px 0;    
}
.megamenu .dropdown-menu .withoutdesc ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0 !important;
    color: #999 !important;
}
.megamenu .dropdown-menu .withoutdesc ul li:hover,
.megamenu .dropdown-menu .withoutdesc ul li:focus{
	color:#262626;
	text-decoration:none;
	background-color:#181818 !important
}
.megamenu .dropdown-menu .withoutdesc li:last-child {
	border-bottom:0 solid #fff;
}
.megamenu .megamenu-content.withdesc a:after {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 0;
    margin: 10px 0 15px;
}

.megamenu .dropdown-submenu{
	position:relative;
}
.megamenu .dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:0;
	margin-left: 0;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.megamenu .dropdown-submenu:hover>.dropdown-menu{
	display:block;
}

.megamenu .dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}

.megamenu .dropdown-menu.has-submenu.pull-left {   
    position: absolute;
    text-align: right;
    position: absolute;
    right: 30px;
}
@media (min-width: 780px) {
	
	.self-pub-block {
		min-height: 570px !important;
	}

    .megamenu .dropdown-menu.has-submenu .dropdown-submenu .dropdown-menu {
        position: absolute;
        left: -160px;
    }
    .megamenu .dropdown-menu.has-submenu {
        margin-left: -100px;
    }
    .navbar-center .megamenu {
        background-color: #fff !important;
    }
}
.megamenu p {
    font-size: 13px;
	color:#747474;
}
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
	position: static;
}

.megamenu .container-fluid,
.megamenu .container {
	position: relative;
}
.megamenu .container-fluid .fullwidth {
    margin-left: auto !important;
    margin-right: auto !important;
}

.megamenu .container-fluid .fullwidth {
    width: 100%;
}

.totalwidth {
  width: 100%;
}
.megamenu .half {
    width: 50%;
	left: auto !important;
    right: auto !important;
}

.megamenu .dropdown-menu {
left: auto;
    padding-bottom: 10px;
    background-color: #14171a;
}
.megamenu .navbar-right .dropdown-menu {
    width: 250px;
}
.megamenu .megamenu-content {
	padding: 15px 25px;
	background:#222222;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
	left: 0;
	right: 0;
}
.megamenu .title {
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	border-bottom:1px solid #494949;
	padding-bottom:10px;
}
.megamenu ul {
	list-style:none;
	padding-left:0px;
}

.downloadimg {
  float:left;
  width: 180px;
}

.lower-shadow {
	  box-shadow: 0 8px 6px -6px #777;
    width: 97%;
}

/*  --------------------------------------------------------
18. INTRO STYLE
-------------------------------------------------------- */
.intro {
    display: table;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #fff;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    margin-bottom: 25px;
    box-sizing: border-box;
    color: #545454;
    font-size:3.5em;
    line-height: 1.3;
}
.intro .intro-body .intro-text {
    font-size: 16px;
    color:#545454;
    font-weight: 400;
    line-height: 25px;
}

@media(min-width:960px) {
  

  
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading-big{
        font-size: 60px;
        line-height: 1.3;
    }
    .intro .intro-body .brand-heading-big2{
        font-size: 80px;
        line-height: 1.3;
    }
    .intro .intro-body .intro-text {
        font-size: 15px;
    }
    .intro .intro-body .intro-text-big {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media(max-width:960px) {

    .intro {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        height: 100%;
        background-size: cover;
    }  
    .intro .intro-body .brand-heading {
        font-size: 250%;
    }

    .intro .intro-body .intro-text {
        font-size: 100%;
    }
    
  .push-right-gavc {
    position: relative !important;
  }
}

@media(max-width:768px) {
    .intro {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        height: 100%;
        background-size: cover;
    }
		
		.h-auto-100-lg-xs {
			height: auto !important;
		}
	
    .intro {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        height: 100%;
        background-size: cover;
    }    
}

@media only screen and (min-width:768px) and (max-width: 980px) {
  .parallax-readystory, .parallax-discover, .parallax-loginbg, .parallax-visualstories {
        background-size: 160%;
  }
}


@media only screen and (min-width:980px) and (max-width: 1200px) {
  .parallax-readystory, .parallax-discover, .parallax-loginbg, .parallax-visualstories {
        background-size: 130%;
  }
}

@media only screen and (min-width:1200px) and (max-width: 1350px) {
  .parallax-readystory, .parallax-discover, .parallax-loginbg, .parallax-visualstories {
        background-size: 115%;
  }
}




  
  
/* Particles */
canvas {
    display: block;
    vertical-align: bottom;
}
#particles-js1,
#particles-js2 {
    width: 100%;
    height: 100%;
}
#particles-js1 {
    position: absolute;
}
#particles-js2 {
    position: fixed;
}

/*  --------------------------------------------------------
19. TEAM
-------------------------------------------------------- */
/* Team One */
.team-one {
    background: #fff;
    padding: 20px 0;
    text-align: center;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ddd;
       -moz-box-shadow: 0 1px 1px #ddd;
            box-shadow: 0 1px 1px #ddd;
}

.team-one img {
    width: 150px;
    height: 150px;
    margin: 20px auto 30px auto;
    border: 8px solid #ddd;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}
.team-one .team-social {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 20px;
}
.team-one .team-social a {
    color: #747474;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    padding: 5px 7px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

/* Team Two */
.team-two,
.team-three {
    background: #fff;
    padding: 0 0 10px 0;
    text-align: center;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
    -webkit-box-shadow: 0 1px 1px #ddd;
       -moz-box-shadow: 0 1px 1px #ddd;
            box-shadow: 0 1px 1px #ddd;
}
.team-two:hover {
    -webkit-box-shadow: 0 0 40px #aaa;
       -moz-box-shadow: 0 0 40px #aaa;
            box-shadow: 0 0 40px #aaa;
}
.team-two img,
.team-three img {
    width: 100%;
    z-index: 0;
    -webkit-border-top-left-radius: 4px;
       -moz-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
       -moz-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
}
.team-two .team-social {
    text-align: center;
    margin-top: -35px;
    padding-bottom: 20px;
    left: 35%;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.team-two:hover > .team-social {
    opacity: 1;
}

.rounded-border3 {
	border-radius: 30px;
}
.team-two .team-social a {
    margin-right: 5px;
    padding: 5px 8px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.team-two .team-social a:last-child {
    margin-right: 0;
}
.team-two .team-social a:hover {
    background-color: #111;
}

/* Team Three */
.team-three {
    text-align: left;
}
.team-three h5 {
    margin-left: 20px;
    padding-top: 5px;
}
.team-three p {
    padding-left: 20px;
    padding-top: 10px;
}
.team-three .team-social {
    position: absolute;
    right: 20px;
    margin-top: 18px;
    font-size: 18px;
}
.team-three img {
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.team-three img:hover {
    -webkit-box-shadow: 2px 2px 0 #ccc;
       -moz-box-shadow: 2px 2px 0 #ccc;
            box-shadow: 2px 2px 0 #ccc;
}


/* Team Four */
.team-four {
    padding: 20px 0;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.team-four h5 {
    color: #fff;
}
.team-four img {
    width: 150px;
    height: 150px;
    margin: 20px auto 30px auto;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}
.team-four .team-social {
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 20px;
}
.team-four .team-social a {
    width: 30px;
    height: 30px;
    padding: 5px 7px;
    color: #fff;
    background-color: rgba(255,255,255,.3);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.team-four .team-social a:hover {
    opacity: .6;
    color: #fff !important;
}

.parallax-writer {
    background-image: url(../../img/writerbg.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
    min-height: 400px;
}


/* Team Five */
.team-five {
    -webkit-box-shadow: 0 1px 1px #ddd;
    padding: 1px;
}
.team-five img {
    float: left;
    margin-right: 30px;
}
.team-five h5 {
    margin-top: 20px;
}
.team-five .team-social {
    margin: 10px 0;
}
.team-five .team-social a {
    padding: 4px 6px;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 30px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.team-five a.button,
.team-five a.button-o, 
.team-five a.button-3d {
    position: absolute;
    margin-top: -32.5px;
    right: 30px;
}

/* Team Six */
.team-six {
    text-align: center;
    padding: 20px 0;
    margin-top: -100px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.pill-container {
    border: 1px solid #e1e1e1;
    border-radius: 30px;
}

.pill-container > li.active > a, .pill-container > li.active > a:hover, .pill-container > li.active > a:focus {
    border-radius: 30px;
}

.team-six img {
    margin: 20px auto;
    border: 8px solid #ddd;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}
.team-six p {
    padding: 0 10px;
}
.team-six .team-social a {
    padding: 4px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.team-six h5,
.team-six p,
.team-six .team-social,
.team-six a.button,
.team-six a.button-o,
.team-six a.button-3d {
    opacity: 0;
}
.team-six:hover,
.team-six.active {
    background-color: #fff;    
}
.team-six:hover {
    -webkit-box-shadow: 0 0 40px #ddd;
       -moz-box-shadow: 0 0 40px #ddd;
            box-shadow: 0 0 40px #ddd;
}
.team-six:hover > h5,
.team-six:hover > p,
.team-six:hover > .team-social,
.team-six:hover > a.button,
.team-six:hover > a.button-o,
.team-six:hover > a.button-3d,
.team-six.active h5,
.team-six.active p,
.team-six.active .team-social,
.team-six.active a.button,
.team-six.active a.button-o,
.team-six.active a.button-3d {
    opacity: 1;
}
.team-six:hover > img,
.team-six.active img {
            filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/* Team Seven */
.team-seven {
    width:170px;
    height:170px;
    float:left;
    position: relative;
}

.team-seven-content {
    display:block;
    width: 100%;
    height: 100%;
    background: #333;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.team-seven-content h5 {
    color: #fff;
    font-weight: 600;
}
.team-seven-content i {
    margin: 0 5px;
}
.team-seven-content a {
    color: #545454;
    -webkit-transition: color .5s ease-in-out;
       -moz-transition: color .5s ease-in-out;
            transition: color .5s ease-in-out;
}

	.h-auto-100-lg-xs {
		height: 100%;
	}
.team-seven-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:10;
}

/*  --------------------------------------------------------
20. PORTFOLIO
-------------------------------------------------------- */
/* filters */
#portfolioMasonry ul li a,
#portfolioGrid ul li a { 
    cursor: pointer; 
}
#portfolio ul li a:hover { 
    text-decoration: none; 
    color: coral; 
}
#portfolioMasonry ul li,
#portfolioGrid ul li { 
    list-style: none; 
    display: inline; 
    margin: 0 20px;
}
#portfolioMasonry ul li a,
#portfolioGrid ul li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #747474;
    font-weight: 600;
}

/* Portfolio Masonry */
#portfolioMasonry .portfolio-masonry-one,
#portfolioMasonry .portfolio-masonry-two {
    content: '';
    display: block;
    clear: both;
}
#portfolioMasonry .portfolio-masonry-one,
#portfolioMasonry .portfolio-masonry-two {
    max-width: 1170px;
}
#portfolioMasonry .portfolio-masonry-two {
    padding: 0 3%;
}
#portfolioMasonry .portfolio-masonry-one-fullwidth {
    max-width: 1900px;
}

#portfolioMasonry .portfolio-masonry-two-fullwidth {
    max-width: 1900px;
    margin: 0 1.2%;
}
#portfolioMasonry .portfolio-masonry-one-item,
#portfolioMasonry .portfolio-masonry-two-item {
    float: left;
    background-color:  #111;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
#portfolioMasonry .portfolio-masonry-one-item {
    width: 180px;
}
#portfolioMasonry .portfolio-masonry-two-item {
    width: 250px;
}
#portfolioMasonry .portfolio-masonry-one-item > img,
#portfolioMasonry .portfolio-masonry-two-item > img {
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
#portfolioMasonry .portfolio-masonry-one-item:hover > img,
#portfolioMasonry .portfolio-masonry-two-item:hover > img {
    opacity: .2;
}
#portfolioMasonry .portfolio-masonry-one-item.width2 { width: 370px; }
#portfolioMasonry .portfolio-masonry-one-item.width3 { width: 560px; }
#portfolioMasonry .portfolio-masonry-one-item.height2 { height: 340px; }

@media(min-width:768px) {
	
	.navbar-nav>li>a {
	    padding-left: 12px;
	    padding-right: 12px;
	}

	#portfolioMasonry .portfolio-masonry-two-item { height: 165px; }
	.showing-xs {
		    visibility: hidden;
	    }
    
	.overflow-hidden-lg {
		overflow: hidden;
	}
    
}

@media(max-width:480px) {
    #portfolioMasonry .portfolio-masonry-two-item { height: 134px; }
    #portfolioMasonry .portfolio-masonry-one-item.width2 { width: 300px; }
    #portfolioMasonry .portfolio-masonry-one-item.width3 { width: 300px; }
    #portfolioMasonry .portfolio-masonry-one-item.height2 { height: 276px; }
    
  .parallax-readystory, .parallax-discover, .parallax-loginbg, .parallax-visualstories {
        background-size: 400% !important;
  }
}

#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask,
#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask {
    background-color: rgba(1,1,1,.2);
    position: absolute;
    z-index: 9;    
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask h6,
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask p,
#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask h6,
#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask p {
    color: #fff;
    margin: 0;
    padding: 0;
}
#portfolioMasonry .portfolio-masonry-one-item:hover > .portfolio-mask,
#portfolioMasonry .portfolio-masonry-two-item:hover > .portfolio-mask { 
    opacity: 1;
}
#portfolioMasonry .portfolio-masonry-one-item:hover > img,
#portfolioMasonry .portfolio-masonry-two-item:hover > img {
    -webkit-filter: grayscale(100%); 
            filter: grayscale(100%);   
}

#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask { padding-top: 55px; }
#portfolioMasonry .portfolio-masonry-one-item.height2 .portfolio-mask { padding-top: 150px; }

#portfolioMasonry .portfolio-masonry-two-item.width200 { width: 250px; }
#portfolioMasonry .portfolio-masonry-two-item.width350 { width: 350px; }
#portfolioMasonry .portfolio-masonry-two-item.height150 { height: 150px; }
#portfolioMasonry .portfolio-masonry-two-item.height200 { height: 200px; }
#portfolioMasonry .portfolio-masonry-two-item.height250 { height: 250px; }
#portfolioMasonry .portfolio-masonry-two-item.height300 { height: 300px; }
#portfolioMasonry .portfolio-masonry-two-item.height350 { height: 350px; }
#portfolioMasonry .portfolio-masonry-two-item.height400 { height: 400px; }
#portfolioMasonry .portfolio-masonry-two-item.height450 { height: 450px; }
#portfolioMasonry .portfolio-masonry-two-item.height500 { height: 500px; }

#portfolioMasonry .portfolio-masonry-two-item.height150 .portfolio-mask { padding-top: 45px; }
#portfolioMasonry .portfolio-masonry-two-item.height200 .portfolio-mask { padding-top: 75px; }
#portfolioMasonry .portfolio-masonry-two-item.height250 .portfolio-mask { padding-top: 95px; }
#portfolioMasonry .portfolio-masonry-two-item.height300 .portfolio-mask { padding-top: 120px; }
#portfolioMasonry .portfolio-masonry-two-item.height350 .portfolio-mask { padding-top: 140px; }
#portfolioMasonry .portfolio-masonry-two-item.height400 .portfolio-mask { padding-top: 160px; }
#portfolioMasonry .portfolio-masonry-two-item.height450 .portfolio-mask { padding-top: 190px; }
#portfolioMasonry .portfolio-masonry-two-item.height500 .portfolio-mask { padding-top: 210px; }


/* Portfolio Grid No Gutter */
#portfolioGrid [class*="col-md"],
#portfolioGrid [class*="col-sm"],
#portfolioGrid [class*="col-xs"] {
    margin: 0;
    padding: 0;
}
#portfolioGrid .portfolio .portfolio-item img {
    width: 100%;
    height: 100%;
}

#portfolioGrid .portfolio .portfolio-item a {
    position: absolute;
    background-color: rgba(1,1,1,.7);
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    float: left;
    text-align: center;
    color: #fff;
    padding-top: 30%;
    opacity: 0;
    font-size: 25px;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

#portfolioGrid .portfolio .portfolio-item:hover > a {
    opacity: 1;
}
#portfolioGrid .portfolio .portfolio-item:hover > img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
            filter: grayscale(100%);
}
#portfolioGrid .portfolio .portfolio-item {
    display: block;
}

/*  --------------------------------------------------------
21. FUN FACT
-------------------------------------------------------- */
.fact, .factor {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
    font-weight: 200;
}
.fact-title {
    font-size: 11px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cut-corners {
 position: relative;
 background: blue;
 text-align: center;
 color: white;
 font-weight: bold;
 text-transform: uppercase;
 
}

.cut-corners:before,
.cut-corners:after {
 content: "";
 position: absolute;
 left: 0; right: 0;
 bottom: 100%;
 border-bottom: 15px solid blue;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
}

.cut-corners:after {
 cut-corners: auto;
 top: 100%;
 border-bottom: none;
 border-top: 15px solid blue;
}



.ribbonx {
  font-size:15px;
  position:relative;
  display:inline-block;
  text-align:center;
}
.textx {
  padding:0.5em 1em;
  min-width:20em;
  line-height:1.2em;
  background: #FFD72A;
  position:relative;
}

.ribbonx:after,.ribbonx:before,
.textx:before,.textx:after,
.boldx:before{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbonx:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}
.textx:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.textx:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}
.ribbonx:after, .boldx:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}
.boldx:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}


.tucked-corners { 
  background: #f6f6f6;
  height: 700px;
  margin: 50px auto;
  max-width: 600px;
  position: relative;
  width: 80%;
  box-shadow: 0 1px 7px hsla(0, 0%, 0%, 0.2);
}

/* Corner Effect */
.tucked-corners:after,
.tucked-corners:before {
  background: #e6e6e6;
  content: '';
  height: 50px;
  position: absolute;
  top: -25px;
  width: 100px;
  box-shadow: 0 5px 10px -7px hsla(0, 0% ,0%, 0.5);
}
.tucked-corners:after {
  left: -50px;
  transform: rotate(-45deg);
}
.tucked-corners:before {
  right: -50px;
  transform: rotate(45deg);
}

.bg-striped-blue-red {
	background-image: linear-gradient(137deg, #1d3a76 47.62%, #8c364a 47.62%, #8c364a 50%, #1d3a76 50%, #1d3a76 97.62%, #8c364a 97.62%, #8c364a 100%);
background-size: 21.00px 19.58px;
}

.bg-reading-inko {
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url('../../../neurassets/img/dayandnight/reading.jpg?v=1');
}

.bg-writing-inko {
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url('../../../neurassets/img/dayandnight/writing.jpg?v=1');
}

.bg-electric-blue {
	background: #183dd3 !important;
}

.bg-chill-blue {
	background: #61d5e8 !important;
}

.border-left-separar {
    border-left: 1px solid #e7e7e7;
}
.border-top-black {
    border-top: 3px solid #13171a;
}
/*  --------------------------------------------------------
22. CLIENTS
-------------------------------------------------------- */
#client img {
    margin-bottom: 30px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
            transition: all .2s ease; 
}
#client img:hover {                 
    -webkit-filter:  opacity(50%);
            filter:  opacity(50%);
}

/*  --------------------------------------------------------
23. BLOG
-------------------------------------------------------- */
#blog a,
#blog a i.fa {
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
#blog h1,
#blog h2,
#blog h3,
#blog h4,
#blog h5,
#blog h6 {
    font-family: 'Open Sans', sans-serif;
}
#blog nav ul {
    padding-left: 20px;
}
#blog nav ul li {
    margin-right: 20px;
}
#blog nav ul li a {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8b949b;
    font-family: 'Open Sans', sans-serif;
}
#blog nav ul li.active a {
    background: transparent !important;
}
#blog form.blog-form-search input[type="text"]  {
    height: 50px;
    border: 0;
    border-left: 1px solid #e7e7e7;
    width: 250px;
    padding: 0 20px;
    outline: none;
    -webkit-border-top-right-radius: 4px;
       -moz-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
}
#blog form.blog-form-search input::-webkit-input-placeholder { 
    text-transform: inherit;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

#blog form.blog-form-search button {
    border: 0;
    height: 30px;
    color: #fff;
    width: 30px;
    margin-right: 10px;
    outline: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}


/* Blog One */
.blog-one {
    background-color: #fff;
    display: block;
    padding: 0;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px #ddd;
       -moz-box-shadow: 0 1px 1px #ddd;
            box-shadow: 0 1px 1px #ddd;
}
.blog-one:hover {
    -webkit-box-shadow: 0 0 40px #ddd;
       -moz-box-shadow: 0 0 40px #ddd;
            box-shadow: 0 0 40px #ddd; 
}
.blog-one .blog-one-header img {
    -webkit-border-top-left-radius: 2px;
       -moz-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
       -moz-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
}

.blog-one-attrib {
    height: 55px;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #eee;
}



.inkspired-slider .owl-prev, .inkspired-slider .owl-next, .inkspired-slider2 .owl-prev, .inkspired-slider2 .owl-next, .cover-image-dashboard {
	background: transparent !important;
}

.inkspired-slider .owl-prev {
	margin-left: -40px !important;
	float: left !important;
	left: 0px !important;
	display: none !important;
}

.inkspired-slider .owl-next, .inkspired-slider2 .owl-next{
	float: right !important;
	right: 0px !important;
	margin-right: -40px !important;
}

.inkspired-slider .owl-buttons {
	margin-top:-250px;
	width: 20px;
        right: 0;
	position:absolute;
}

.stories-front {
    /*border: 1px solid rgba(0,0,0,.1);*/
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    min-height: 190px;
    border-radius:3px;
}

.stories-front-individual {
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius:3px;
}

.stories-front .bookcover img {
	max-width: 130px;
    border-radius: 0px;
}

.max1000 {
	max-width: 1000px!important;
}

.new-headline {
	font-weight: 600!important;
	border-bottom: 1px solid #d9d9d9;
	/* letter-spacing: -1px; */
	padding-bottom: 3px;
}
.blog-one .blog-one-attrib .blog-author-photo {
    width: 60px;
    height: 60px;
    float: left;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin-right: 10px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 1px 2px #ddd;
       -moz-box-shadow: 0 1px 2px #ddd;
            box-shadow: 0 1px 2px #ddd;
}
.blog-one .blog-one-attrib .blog-author-name {
    font-size: 12px;
    font-weight: 600;
    margin-right: 20px;
    display: block;
    float: left;
    margin-top: 5px;
}
.blog-one .blog-one-attrib .blog-date {
    color: #bbb;
    font-size: 11px;
    font-weight: 600;
    float: right;
    display: block;
    margin-top: 5px;
}
.blog-one .blog-one-attrib .blog-category {
    float: right;
    text-align: center;
    padding: 1px 5px 2px 5px;
    margin-top: 0;
    margin-left: 10px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.blog-one .blog-one-attrib .blog-category  a {
    font-size: 10px;
    font-weight: 600;
}
.blog-one .blog-one-attrib .blog-category a:hover > i {
    color: #fff;
}
@media(max-width:1200px) {
    .blog-one .blog-one-attrib .blog-date {
        visibility: hidden;
        overflow: hidden;
    }
    .blog-one-attrib {
        padding: 15px 10px;
    }
}
.blog-one .blog-one-body {
    padding: 30px 25px 0 25px;
    background: transparent;
    margin-top: -25px;
    float: left;
    width: 100%;
    padding-bottom: 0;
    -webkit-border-bottom-left-radius: 2px;
       -moz-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
       -moz-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px;
}
.blog-one .blog-one-body p {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.blog-one .blog-one-body .blog-title {
    font-size: 15px;
    color: #aaa;
}
.blog-one .blog-one-body .blog-title a {
    color: #555;
}
.blog-one .blog-one-footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #bbb;
    padding-left: 25px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.blog-one .blog-one-footer i {
    margin-right: 5px;
    margin-left: 20px;
}
.blog-one .blog-one-footer a {
    color: #bbb;
}

/* blog three */
#blog .blog-three {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 25px;
}
#blog ul.pagination li {
    font-size: 12px;
}
#blog ul.pagination li a {
    color: #333c4e;
}
#blog ul.pagination li.active {
    background: red !important;
    color: #fff;
}
.blog-title {
    text-transform: inherit !important;
    font-size: 18px;
    line-height: 1.45;    
}
.blog-title a {
    color: #5f6467; 
    font-weight: 600;
}
.blog-three-attrib {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #8b949b;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.blog-three-attrib i.fa {    
    padding-right: 5px;
    font-size: 13px;
}
.blog-three-attrib div {
    margin: 0 10px 0 0;
    display: inline-block;
}
.blog-three-attrib a {
    color: #8b949b;
}

/* breadcrumb */
ul.breadcrumb  {
    background: transparent !important;
    margin: 0;
    padding: 0;
}
 ul.breadcrumb li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    margin-right: 15px;
    color: #f1f5f9;
}
ul.breadcrumb li a {
    color: #fff;
    opacity: .9;
}
ul.breadcrumb li:before {
    margin-right: 10px;
}
ul.breadcrumb li a:hover {
    color: #fff !important;
    opacity: .5;
}

/* Blog Three Mini */
#blog div.blog-three-mini {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #ccc
}
#blog div.blog-three-mini p {
    font-size: 14px;
    line-height: 30px;
}
#blog div.blog-three-mini .blog-three-attrib {
    margin-top: 30px;
    margin-bottom: 40px;
}
#blog blockquote {
    background-color: #323a45;
    border: 0;
    color: #f1f1f1;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    padding: 40px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
#blog blockquote footer {
    color: #8b949b;
}
#blog blockquote footer:before {
    content: ' ';
}
.blog-post-read-tag {
    font-size: 12px;
}
.blog-post-read-tag a {
    color: #ccc;
}
.blog-post-author,
.blog-post-comment-container {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.blog-post-comment-container {
    font-size: 12px;
}
.blog-post-author-name,
.blog-post-comment-name {
    margin-right: 10px;
}
.blog-post-author img,
.blog-post-comment img {
    margin-right: 30px;
    float: left;
}
.blog-post-author p,
.blog-post-comment p {
    margin-left: 90px;
    margin-top: 10px;
}
.blog-post-comment {
    border: 1px solid #e7e7e7;
    margin: 15px 0;
    padding: 20px 20px 10px 20px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.blog-post-comment-reply {
    margin-left: 90px;
    border-top: 1px dashed #e7e7e7;
    padding-top: 20px;
}
.blog-post-comment a,
.blog-post-comment-reply a {
    color: #747474;
}
.blog-post-leave-comment {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 25px;
}
.blog-leave-comment-input {
    width: 32%;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    padding: 10px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.blog-leave-comment-textarea {
    width: 99%;
    height: 150px;
    margin: 10px 0;
    border: 1px solid #e7e7e7;
    padding: 10px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

/* Blog Sidebar */
#blog .blog-sidebar-form-search {
    border: 1px solid #e7e7e7;
    padding: 10px;
    height: 45px;
}
#blog .blog-sidebar-form-search input {
    border: 0;
    width: 160px;
    float: left;
    outline: none;
}
#blog .blog-sidebar-form-search button {
    border: 0;
    background: transparent;
    color: #e7e7e7;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    outline: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
#blog .blog-sidebar-popular-post-container{
    height: 80px;
}
#blog .blog-sidebar-popular-post-container a {
    color: #3b4455;
}
#blog .blog-sidebar-popular-post-container img {
    width: 100px;
    margin-right: 10px;
}
#blog .blog-sidebar-popular-post-container span {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.color-pale-gray {
	color: #bcbcbc;
}

.caret {
	    margin-left: 5px !important;
}

/*  --------------------------------------------------------
24. BANNER
-------------------------------------------------------- */
#banner img {
    background-size: cover;
}
#info h2 {
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
}

ul.sub-reader-comment-list li {
	border-left: 4px solid #f1f1f1;
	display: blocker;
	margin-bottom:10px;
}

.text-capitalize {
	text-transform: capitalize;
}

/*  --------------------------------------------------------
25. ONLINE SHOP
-------------------------------------------------------- */
#shop [class*="col-"] {
    position: relative;
}
#shop [class*="col-md-3"] a.add-to-cart,
#shop [class*="col-sm-3"] a.add-to-cart,
#shop [class*="col-xs-3"] a.add-to-cart {
    font-size: 10px;
}

.shop-item-container-out {
    margin-right: 30px;
}
.shop-item-container-in {
    background: #fff;
    padding: 25px 0;
    margin-top: 20px;
    border: 1px solid #eaeff3;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.shop-item-container-in:hover {
    -webkit-box-shadow: 0 0 40px #ddd;
}
.shop-item-title {
    font-size: 13px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
    color: #323a45;
}
.shop-item-price {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

/* Shop Item Detail */
#shop-item-details {
    font-size: 13px;
}
#shop-item-details h3 {
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
}
#shop-item-details form label {
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}
.shop-item-review {
    font-size: 13px;
    color: #aaa;
}
.shop-item-detail-price {
    font-family: 'Open Sans', sans-serif;
}
.shop-item-detail-price ins {
    font-size: 50px;
    color: #ff4530;
    text-decoration: none;
}
.shop-item-detail-price del {
    font-size: 20px;
    color: #aaa;
    margin-top: -20px;
}

.shop-item-detail-photo {
    background-color: #f8f8f8;
    max-width: 360px;
    padding-bottom: 25px;
}
.shop-item-detail-photo-active {
    margin-left: 12%;
    margin-top: 5%;
    margin-bottom: 30px;
    float: left;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

#shop-item-detail-photo-gallery {
    padding-left: 25px;
    margin-top: 40px;
}
.shop-item-detail-photo-thumbnail {
    border: 1px solid #e6e6e6;
    padding: 10px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.shop-item-sku,
.shop-item-available {
    font-size: 13px;
}
.shop-item-quantity {
    width: 50px !important;
    height: 40px;
}
.shop-item-size {
    width: 50px !Important;
    height: 40px;
}
.shop-item-color {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 8px;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
            transition: all .25s ease;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.shop-item-color.blue   { background-color: #2873ac;}
.shop-item-color.brown  { background-color: #bfa386;}
.shop-item-color.cyan   { background-color: #309873;}
.shop-item-color.green  { background-color: #6b9549;}
.shop-item-color.orange { background-color: #f87f09;}
.shop-item-color.purple { background-color: #3f4698;}
.shop-item-color.red    { background-color: #ff3366;}
.shop-item-color.yellow { background-color: #edbc48;}

.shop-item-color:hover,
.shop-item-color.active,
.shop-item-color.active:hover {
    border: 2px solid #fff;
}
.shop-item-color.blue:hover,
.shop-item-color.blue.active {
    -webkit-box-shadow: 0 0 20px #2873ac;
       -moz-box-shadow: 0 0 20px #2873ac;
            box-shadow: 0 0 20px #2873ac;
}
.shop-item-color.brown:hover,
.shop-item-color.brown.active {
    -webkit-box-shadow: 0 0 20px #bfa386;
       -moz-box-shadow: 0 0 20px #bfa386;
            box-shadow: 0 0 20px #bfa386;
}
.shop-item-color.cyan:hover,
.shop-item-color.cyan.active {
    -webkit-box-shadow: 0 0 20px #309873;
       -moz-box-shadow: 0 0 20px #309873;
            box-shadow: 0 0 20px #309873;
}
.shop-item-color.green:hover,
.shop-item-color.green.active {
    -webkit-box-shadow: 0 0 20px #6b9549;
       -moz-box-shadow: 0 0 20px #6b9549;
            box-shadow: 0 0 20px #6b9549;
}
.shop-item-color.orange:hover,
.shop-item-color.orange.active {
    -webkit-box-shadow: 0 0 20px #f87f09;
       -moz-box-shadow: 0 0 20px #f87f09;
            box-shadow: 0 0 20px #f87f09;
}
.shop-item-color.purple:hover,
.shop-item-color.purple.active {
    -webkit-box-shadow: 0 0 20px #3f4698;
       -moz-box-shadow: 0 0 20px #3f4698;
            box-shadow: 0 0 20px #3f4698;
}
.shop-item-color.red:hover,
.shop-item-color.red.active {
    -webkit-box-shadow: 0 0 20px #ff3366;
       -moz-box-shadow: 0 0 20px #ff3366;
            box-shadow: 0 0 20px #ff3366;
}
.shop-item-color.yellow:hover,
.shop-item-color.yellow.active {
    -webkit-box-shadow: 0 0 20px #edbc48;
       -moz-box-shadow: 0 0 20px #edbc48;
            box-shadow: 0 0 20px #edbc48;
}
.shop-item-img-list-view {
    height: 200px;
}

a.add-to-wishlist,
a.send-to-friend,
a.add-to-cart {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 10px 0;
    display: block;
    color: #323a45;
    transition: all .5s ease-in-out;
    border: 1px solid #eaeff3;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
a.add-to-cart {
    width: 100%;
    position: absolute;
    left: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12.5px;
}
a.add-to-wishlist:hover,
a.send-to-friend:hover {
    color: #fff !important;
    background: #323a45;
    border: 1px solid #323a45;
}
a.add-to-cart:hover {
    color: #fff !important;
    border-width: 1px;
    border-style: solid;
}

.shop-label {
    position: absolute;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px 7px;
    float: left;
    margin-left: 5px;
    top: 25px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.shop-label:nth-child(2) {
    margin-top: 25px;
}
.shop-label:nth-child(3) {
    margin-top: 50px;
}
.shop-control-prev,
.shop-control-next {
    background-color: #fff;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    padding-top: 7px;
    border: 1px solid #eaeff3;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

.shop-layout {
    padding: 5px 10px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    border: 1px solid #ccc;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
            transition: all .2s ease;
}
.shop-layout:hover {
    background-color: transparent;
}

/* pagination */
ul.pagination.pagination-pasific {
    margin-top: 0;
}
ul.pagination.pagination-pasific li a {
    background: transparent !important;
    border: 1px solid #ccc;
    padding: 7px 10px;
    color: #747474;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;

}
ul.pagination.pagination-pasific li:hover {
    background-color: #fff;
}
ul.pagination.pagination-pasific li.active a {
    border-color: #ccc;
    color: #ccc;
}

/* sidebar */
#sidebar h5 {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    text-transform: uppercase;
}
#sidebar form label {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .5px;
    font-weight: 400;
}
#sidebar .shop-layout ul li.active a {
    text-transform: uppercase;
}

#sidebar ul.shop-sidebar {
    margin: 0 0 0 0;
    padding: 0;
}
#sidebar ul.shop-sidebar li {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 25px;
    padding: 7px 0;
    border-bottom: 1px dotted #ccc;
}
#sidebar ul.shop-sidebar li a {
    color: #555;
}
#sidebar ul.shop-sidebar li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    float: left;
    margin-right: 15px;
    color: #8b949b;
}
#sidebar .badge {
    font-size: 11px;
    margin-top: 5px;
    padding: 2px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;        
}
#sidebar ul.tag li {
    display: inline-block;
    float: left;
    padding: 5px 7px;
    color: #747474;
    border: 1px solid #ccc;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
#sidebar ul.tag li a {
    color: #747474;
}
#sidebar ul.tag li:hover {
    border-width: 1px;
    border-style: solid;
}
#sidebar ul.tag li:hover a  {
    color: #fff !important;
}

#sidebar ul.shop-sidebar-checkbox {
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 25px;
    padding: 7px 0;
}
#sidebar ul.shop-sidebar-checkbox input[type="checkbox"] {
    margin-right: 10px;
}
#sidebar .shop-by-color {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
#sidebar .shop-by-color:hover {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 8px #ccc;
       -moz-box-shadow: 0 0 8px #ccc;
            box-shadow: 0 0 8px #ccc;
}

/* Shop Sidebar Checkbox Style */
.shop-sidebar-checkbox input[type=checkbox] {
    display: none;
}
.shop-sidebar-checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.shop-sidebar-checkbox label {
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    color: #555;
    font-weight: normal;
}

.shop-sidebar-checkbox input[type=checkbox]:checked + label:before {
    content: " ";
    font-size: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    border-width: 1px;
    border-style: solid;
}

#shop .shop-sidebar-cart .sidebar-cart-container {
    height: 90px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}
#shop .shop-sidebar-cart .sidebar-cart-container img {
    margin-right: 10px;
}
#shop .shop-sidebar-cart .sidebar-cart-container h6 {
    margin: 0;
}
#shop .shop-sidebar-cart .sidebar-cart-price {
    font-size: 12px;
}
#shop .shop-sidebar-cart .sidebar-cart-remove a {
    font-size: 12px;
    color: #555;
    display: block;
    margin-top: 10px;
}
.shop-sidebar-support h3,
.shop-sidebar-support h6 {
    margin: 0;
    padding: 0;

}

/*  --------------------------------------------------------
26. NEWSLETTER
-------------------------------------------------------- */
.input-newsletter {
    width: 80%;
    background: transparent;
    border: 0;
    outline: none;
    color: #fff;
    letter-spacing: 1px;
}
::-webkit-input-placeholder {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 2px;
}

.input-newsletter-container {
    border-bottom: 1px dotted #8b949b;
    width: 80%;
    float: left;
    margin-right: 20px;
    padding: 7px 0;
}
.btn-newsletter {
    background: transparent;
    border: 1px dotted #555;
    padding: 10px 25px;
    color: #8b949b;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
       -moz-transition: background .5s ease-in-out, color .5s ease-in-out;
         -o-transition: background .5s ease-in-out, color .5s ease-in-out;
            transition: background .5s ease-in-out, color .5s ease-in-out;
}
.btn-newsletter:hover {
    background: #fff;
    color: #111;
    border: 1px dotted transparent !important;
}


/*  --------------------------------------------------------
27. PROGRESS BAR
-------------------------------------------------------- */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress,
.progress-transparent {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.progress-transparent {
    background-color: rgba(255,255,255,.3);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-transparent.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress,
.progress-transparent {
  position: relative;
}
.progress .progress-bar,
.progress-transparent .progress-bar {
  position: absolute;
  overflow: hidden;
  line-height: 20px;
}
.progress .progressbar-back-text,
.progress-transparent .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress .progressbar-front-text,
.progress-transparent .progressbar-front-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress.right .progress-bar,
.progress-transparent.right .progress-bar {
  right: 0;
}
.progress.right .progressbar-front-text,
.progress-transparent.right .progressbar-front-text {
  position: absolute;
  right: 0;
}

.progress {
    background-color: #f1f1f1 !important;
    margin-top: -5px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.progress .bar {
    -webkit-transition: width 2s ease-in-out;
       -moz-transition: width 2s ease-in-out;
        -ms-transition: width 2s ease-in-out;
         -o-transition: width 2s ease-in-out;
            transition: width 2s ease-in-out;
}
.progress-bar {
    box-shadow: 0 !important;
    border: 0 !important;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.progress-xs { height: 5px; }
.progress-sm { height: 20px; }
.progress-md { height: 30px; }
.progress-lg { height: 40px; }

.progress-sm .progress-bar {
    font-size: 11px;
    padding-top: 0 !important;
}
.progress-md .progress-bar {
    padding-top: 5px;
}
.progress-lg .progress-bar {
    padding-top: 10px;
}
.progress-circle,
.progress-circle .progress-bar {
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}

.progress-striped .bg-pasific,
.progress-striped .bg-primary,
.progress-striped .bg-success,
.progress-striped .bg-info,
.progress-striped .bg-warning,
.progress-striped .bg-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}


.circle-progress {
    /*width: 100px;*/
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circle-progress canvas {
    vertical-align: top;
}

.circle-progress .circle-progress-value {
    position: absolute;
    top: 52.5px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: #aaa;
}

.circle-progress .circle-progress-value i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.circle-progress .circle-progress-title {
    display: block;
    color: #aaa;
    margin-top: 20px;
}

/*  --------------------------------------------------------
28. CONTACT US
-------------------------------------------------------- */
.contact.contact-us-one {
    display: block;
    float: left;
    background-color: rgba(255,255,255,.9);
    padding: 20px 20px 40px 20px;
    border-bottom: 10px solid #ddd;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.contact.contact-us-two {
    display: block;
    background-color: rgba(255,255,255,.9);
    padding: 20px 20px 40px 20px;
    border-bottom: 10px solid #ddd;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}


.statusMessage {
    opacity: 1;
    text-align: center;
    display: none;
    margin: auto;
    float: left;
    width: 400px;
    height: 80px;
    padding: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.statusMessage p {
    color: #fff !important;
}
.sending-message {
    background: #34495e;
}
.success-message {
    background: #2ecc71;
}
.failure-message {
    background: #e74c3c;
}

/*  --------------------------------------------------------
29. FOOTER
-------------------------------------------------------- */
.footer.footer-one .copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 0 auto 25px auto;
    text-align: center;
}

.navbar-brand-footer {
    background: url('../../img/logo/logo-gray.png') 0 0 no-repeat;
    display: block;
    width: 100px;
    height: 50px;
    font-family: 'bariol', cursive;
    font-size: 20px;
    color: #8b949b;
    padding-left: 40px;
}
#footer .copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #8b949b;
    display: block;
    width: 160px;
}
.copyright a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.footer-one ul {
    margin: 0 15px;
    padding: 0 0 25px 0;
}
.footer-one ul li {
    list-style: none;
    display: inline;

}
.footer-one ul li a {
    color: #8b949b;
    font-size: 12px;
    margin: 0 10px;
}

#footer .social-container {
    margin-top: 10px;
}
#footer .social-container ul.footer-social li a { 
    font-size: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0 5px 0;
    line-height: 30px;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.footer-two a {
    color: #747474;
}
.footer-two ul li {
    line-height: 25px;
}

/*  --------------------------------------------------------
30. SOCIAL MEDIA
-------------------------------------------------------- */
.social.social-one {
    text-align: center;
    margin-top: 20px;
}

.social.social-one a {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
    padding-top: 4px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
}
.social.social-two a {
    width: 30px;
    height: 30px;
    padding: 5px 8px;
    text-align: center;
    border: 1px solid #ddd;
    float: left;
    display: block;
    margin-right: 5px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.social.social-three a {
    width: 30px;
    height: 30px;
    padding: 5px 8px;
    text-align: center;
    background-color: rgba(255,255,255,.1);
    float: left;
    display: block;
    margin-right: 5px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.fs25 {
	font-size:2.5em;
}
/*  --------------------------------------------------------
31. PARALLAX
-------------------------------------------------------- */
.parallax-window {
    min-height: 400px;
    background: transparent;
}

.parallax-window-superbig {
    min-height: 550px;
    background: transparent;
}


.parallax-window-2 {
    min-height: 350px;
    background: transparent;
}
.parallax-window-3 {
    min-height: 250px;
    max-width: 1920px;
    background: transparent;
}
.parallax-window-4 {
    min-height: 92%;
    max-width: 1920px;
    background: transparent;
}
.parallax-window-5 {
    min-height: 600px;
    max-width: 1920px;
    background: transparent;
}




/*  --------------------------------------------------------
32. CONFETTI
-------------------------------------------------------- */

.confetti {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: absolute;
  top: -1rem;
  left: 0;
  z-index: 150;
}
.confetti .rotate {
  animation: driftyRotate 1s infinite both ease-in-out;
  perspective: 1000;
}
.confetti .askew {
  background: currentColor;
  transform: skewY(10deg);
  width: 1rem;
  height: 1rem;
  animation: drifty 1s infinite alternate both ease-in-out;
  perspective:1000;
}
  
.confetti:nth-of-type(5n) {
  color: #1d3a76;
}
.confetti:nth-of-type(5n+1) {
  color: #f63e6a;
}
.confetti:nth-of-type(5n+2) {
  color: #fd8b40;
}
.confetti:nth-of-type(5n+3) {
  color: #fac738;
}
.confetti:nth-of-type(5n+4) {
  color: #29bb9c;
}

.confetti:nth-of-type(7n) .askew {
  animation-delay: -.6s;
  animation-duration: 2.25s;
}
.confetti:nth-of-type(7n + 1) .askew {
  animation-delay: -.879s;
  animation-duration: 3.5s;
}
.confetti:nth-of-type(7n + 2) .askew {
  animation-delay: -.11s;
  animation-duration: 1.95s;
}
.confetti:nth-of-type(7n + 3) .askew {
  animation-delay: -.246s;
  animation-duration: .85s;
}
.confetti:nth-of-type(7n + 4) .askew {
  animation-delay: -.43s;
  animation-duration: 2.5s;
}
.confetti:nth-of-type(7n + 5) .askew {
  animation-delay: -.56s;
  animation-duration: 1.75s;
}
.confetti:nth-of-type(7n + 6) .askew {
  animation-delay: -.76s;
  animation-duration: 1.5s;
}
  
.confetti:nth-of-type(9n) .rotate {
  animation-duration: 2s;
}
.confetti:nth-of-type(9n + 1) .rotate {
  animation-duration: 2.3s;
}
.confetti:nth-of-type(9n + 2) .rotate {
  animation-duration: 1.1s;
}
.confetti:nth-of-type(9n + 3) .rotate {
  animation-duration: .75s;
}
.confetti:nth-of-type(9n + 4) .rotate {
  animation-duration: 4.3s;
}
.confetti:nth-of-type(9n + 5) .rotate {
  animation-duration: 3.05s;
}
.confetti:nth-of-type(9n + 6) .rotate {
  animation-duration: 2.76s;
}
.confetti:nth-of-type(9n + 7) .rotate {
  animation-duration: 7.6s;
}
.confetti:nth-of-type(9n + 8) .rotate {
  animation-duration: 1.78s;
}

@keyframes drifty {
  0% {
    transform: skewY(10deg) translate3d(-250%, 0, 0);
  }
  100% {
    transform: skewY(-12deg) translate3d(250%, 0, 0);
  }
}
@keyframes driftyRotate {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(359deg);
  }
}


/*  --------------------------------------------------------
33. BLINKING CURSOR
-------------------------------------------------------- */



.blinking-cursor {
  font-weight: 100;
  color: #2E3D48;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}


.main-card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}
.card-container {
    width: 100%;
    height: 100%;
    perspective: 1000px;
}
.card {
    width: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}
.card:hover {
    transform: rotateY(180deg);
}
.card.flipped {
    transform: rotateY(180deg);
}
.card-side {
    position: "absolute";
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-front {
}
.card-back {
    color: white;
    transform: rotateY(180deg);
    position: absolute;
}

.card-x {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  
}

  .tl, .tr, .bl, .br{
    width: 0; 
    height: 0;
    position: absolute;
    border-color: #fff;
    margin-left: 15px;
  }
  
  .tl{
    top: -1px;
    left: -1px;
    border-top: 30px solid #fff; 
    border-right: 30px solid transparent;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  }
  .tr{
    top: -1px;
    right: -1px;
    border-top: 30px solid #fff; 
    border-left: 30px solid transparent;
  }
  .bl{
    bottom: -1px; 
    left: -1px; 
    border-bottom: 30px solid #fff; 
    border-right: 30px solid transparent; 
  }
  .br{
    bottom: -1px;
    right: -1px;
    border-bottom: 30px solid #fff; 
    border-left: 30x solid transparent;
  }
  
  
  
  
.ribbon_container {
  width: 80%;
  max-width: 1000px;
  height: 80px;
  margin: 40px auto; 
  position: relative;
}

.ribbon_one > div {
  height: 50px;
}

.ribbon_main {
  background: #f83f6b; 
  position: relative;
  display: block;
  width: 90%;
  left: 50%;
  top: 0;
  padding: 5px;
  margin-left: -45%;
  z-index: 10;
}

.ribbon_main > div {
  border: 1px dashed #fff;
  border-color: rgba(255, 255, 255, 0.5);
  height: 40px;
}

.ribbon_bk {
 background: #c54663;
 position: absolute;
 width: 8%;
 top: 12px;
}

.ribbon_bk.l, .sith-left {
 left: 0;
}

.ribbon_bk.r, .sith-right {
 right: 0;
}

.h100-min {
	min-height: 100px;
}

.h75-min {
	min-height: 75px;
}

.h50-min {
	min-height: 50px;
}

.ribbon_skew {
  position: absolute;
  background: #94344a;
  width: 3%;
  top: 6px;
  z-index: 5;
}

.ribbon_skew.l {
  left: 5%;
  transform: skew(00deg,20deg);
}

.ribbon_skew.r {
  right: 5%;
  transform: skew(00deg,-20deg);
}

.ribbon_bk.l > div {
  left: -30px;
}

.ribbon_bk.r > div {
  right: -30px;
}

.ribbon_arrow {
  height: 25px !important;
  position: absolute;
  z-index: 2;
    width: 0; 
    height: 0; 
}

.ribbon_arrow.ribbon_top {
  top: 0px;
  border-top: 0px solid transparent;
    border-bottom: 25px solid transparent;  
    border-right: 30px solid #c54663; 
}

.ribbon_arrow.ribbon_bottom {
  top: 25px;
  border-top: 25px solid transparent;
    border-bottom:0px solid transparent;    
    border-right: 30px solid #c54663; 
}

.r .ribbon_bottom {
  border-top: 25px solid transparent;
    border-bottom: 0px solid transparent;   
    border-left: 30px solid #c54663; 
  border-right: none;
}

.r .ribbon_top {
  border-bottom: 25px solid transparent;
    border-top: 0px solid transparent;  
    border-left: 30px solid #c54663; 
  border-right: none;
}

@media all and (max-width: 1020px) {
  .ribbon_skew.l {
    left: 5%;
    transform: skew(00deg,25deg);
  }

  .ribbon_skew.r {
    right: 5%;
    transform: skew(00deg,-25deg);
  }
}

@media all and (max-width: 680px) {
  .ribbon_skew.l {
    left: 5%;
    transform: skew(00deg,30deg);
  }

  .ribbon_skew.r {
    right: 5%;
    transform: skew(00deg,-30deg);
  }
}

@media all and (max-width: 460px) {
  .ribbon_skew.l {
    left: 5%;
    transform: skew(00deg,40deg);
  }
  .sribbon_kew.r {
    right: 5%;
    transform: skew(00deg,-40deg);
  }
}




/* decision plotline */

.chart { height: 600px; width: 900px; margin: 5px; margin: 15px auto; border: 3px solid #DDD; border-radius: 10px; }

.evolution-tree {
    padding: 2px;
    width: 40px; height: 40px;
    border-radius: 3px;
    font-size: 10px;
}

.evolution-tree .node-name { text-align: center; position: absolute; width: 88px; left: -50%; line-height: 1.3em; }
.evolution-tree img {  margin-right:  10px; float: none !important; }

.evolution-tree.the-parent { border-radius: 50%; background-color: #000; width: 3px; height: 3px; }
.evolution-tree.the-parent .node-name { margin-top: -7px; text-indent: 12px; font-weight: bold; width: 400px; line-height: 1.3em; text-align: left; } /*width: auto; */

/* end decision plotline */

.p-color-red p {
	color: red !important;
}

.p-color-green p {
	color: green !important;
}

.color-darkgreen {
	color: green !important;
}

.color-darkyellow {
	color: #F0B400 !important;
}

.p-color-yellow p {
	color: #F0B400 !important;
}

.p-color-black p {
	color: black !important;
}

a.p-color-black p:hover, a.p-color-red p:hover, a.p-color-green p:hover, a.p-color-yellow p:hover {
	color: #1d5ce3 !important;
}

.node-contact {
    float: left;
    padding-top: 5px;
    padding-left: 7px;
    color: blue;
}

.node-title {
	float: left;
	width: 400px;
	padding-left: 7px;
	font-size: 0.8em;
	font-style: italic;
	color: black !important;
}


@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}


.neon_boxer {
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 10px;
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    min-height: 386px;
    overflow: hidden;
}



.slider_boxer_main {
    box-shadow: 0 10px 15px rgba(0,0,0,.15);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 30px;
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    max-height: 300px;
    overflow: hidden;
}

.border30 {
	border-radius: 30px;
}

.border20 {
	border-radius: 20px;
}

.light_shadow2 {
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
}

.neon_boxer {
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 10px;
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    min-height: 386px;
    overflow: hidden;
}


.neon_boxer_2 {
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 10px;
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    overflow: hidden;
}

.neon_boxer_3 {
    height: 100%;
    text-align: left;
    min-height: 230px;
    overflow: hidden;
}

.neon_boxer_4 {
    height: 100%;
    text-align: left;
    min-height: 180px;
    overflow: hidden;
}

.neon_image {
	height: 250px;
  overflow: hidden;
}

.color-nonink {
	color: #303030;
}

.tight-non {
	letter-spacing: normal !important;
}


/* Style the tab */
.main-tab {
  float: left;
}

/* Style the buttons inside the tab */
.main-tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
}

/* Change background color of buttons on hover */
.main-tab button:hover span {
 /* background: #20a2bd;
    background: -webkit-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: -o-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: -moz-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: linear-gradient(-45deg, #2abb9c, #20a2bd);*/
  color: #1d5ce3;
  border-bottom: 2px #FB3649 solid !important;
    padding-bottom: 2px;
}

/* Create an active/current "tab button" class */
.main-tab button.active span {
  /*background: #20a2bd;
    background: -webkit-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: -o-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: -moz-linear-gradient(-45deg, #2abb9c, #20a2bd); 
    background: linear-gradient(-45deg, #2abb9c, #20a2bd);*/
  color: #1d5ce3;
  border-bottom: 2px #FB3649 solid !important;
    padding-bottom: 2px;
}


/*.main-tab button.active:before {
   content: "";
    position: absolute;
    left: 357px;
    top: 60px;
    width: 0;
    height: 0;
    border-top: 34px solid transparent;
    border-left: 26px solid #29bb9c;
    border-bottom: 34px solid transparent;
}*/


/* Style the tab content */
.main-tabcontent {
  float: left;
  padding: 0px 12px;
  border-left: none;
  display: none;
}



.one_border, .two_border, .three_border, .four_border {
    border-bottom: 20px solid #1d5ce3;
    height: 250px;
    width: 250px;
    border-radius: 50% 0 50% 0;
    display: flex;
    margin: 10px;
    background-size: 100%;
}

.two_border {
  border-radius: 0% 50% 0% 50%;
}


.shaper-keyLine {
  height: 40px;
  background: blue;
  width: 860px;
  margin: auto;
}

.shaper-shape-container {
  display: flex;
  margin: auto;
}

.shaper-container {
  display: flex;
  flex-direction: column;
  margin: auto;
}


/* BLURRED BACKGROUND */

.blurred-box{
	position: relative;
	/*width: 250px;
	height: 350px;
	top: calc(50% - 175px);
	left: calc(50% - 125px);*/
	background: inherit;
	border-radius: 2px;
	overflow: hidden;
}

.blurred-box:after {
	content: '';
	width: 100%;
        height: 100%;
	background: inherit; 
	position: absolute;
	left: -25px;
	left position
	right: 0;
	top: -25px;  
	top position 
	bottom: 0;
	box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
	filter: blur(10px);
}

.lero {
	-webkit-font-smoothing: antialiased;
}

.topRightShadow {
  box-shadow: 15px -15px #1d5ce3;
  -moz-box-shadow: 15px -15px #1d5ce3;
  -webkit-box-shadow: 15px -15px #1d5ce3;
  -o-box-shadow: 15px -15px #1d5ce3;
}

.topRightShadow2 {
  box-shadow: 15px -15px #1abc9c;
  -moz-box-shadow: 15px -15px #1abc9c;
  -webkit-box-shadow: 15px -15px #1abc9c;
  -o-box-shadow: 15px -15px #1abc9c;
}

.hover-gray:hover {
	background: #f5f7f9 !important;
}

.hover-white:hover {
	background: white !important;
}

.border3-black {
	border-top: 3px solid #f0f0f0;
}



.border-left-inkspired {
    border-left: 5px solid black; */
    padding-left: 10px;
    border-image: linear-gradient( to bottom, #fda644, #f56c46, #34b9da ) 1 100%;
    /* max-width: 250px; */
    /* padding: 1rem; */
    color: white;
    border-width: 3px;
    border-left-style: solid;
}



/*
 *
 *INTERACTIVE ANIMATIONS
 *
 *
 */


.breathing-animation {
    -webkit-animation: breathing 3s ease-out infinite normal;
    animation: breathing 3s ease-out infinite normal;
    -webkit-font-smoothing: antialiased;
    }


@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
}


/*
 *
 *SCARED
 *
 */

.scared-animation {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite normal;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


/*
 *
 *LEAVES
 *
 */

#leaves {position:relative;top:-50px;width:100%;text-align: right;}

#leaves i {
    display: inline-block;
    width: 200px;
    height: 150px;
    background: linear-gradient(to bottom right, #309900, #005600);
    transform: skew(20deg);
    border-radius: 5% 40% 70%;
    box-shadow: inset 0px 0px 1px #222;
    border: 1px solid #333;
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
}

#leaves i:nth-of-type(2n) { -webkit-animation: falling2 5s 0s infinite; }
#leaves i:nth-of-type(3n) { -webkit-animation: falling3 5s 0s infinite; }

#leaves i:before {
  position: absolute;
  content: '';
  top: 117px;
  right: 9px;
  height: 27px;
  width: 32px;
  transform: rotate(49deg);
  border-radius: 0% 15% 15% 0%;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 0px solid #222;
  border-right: 1px solid #222;
  background: linear-gradient(to right, rgba(0,100,0,1), #005600);
  z-index: 1;
}

#leaves i:after {
  content: '';
  height: 125px;
  width: 10px;
  background: linear-gradient(to right, rgba(0,0,0,.15), rgba(0,0,0,0));
  display: block;
  transform: rotate(125deg);
  position: absolute;
  left: 85px;
  border-radius:50%;
}


#leaves i:nth-of-type(n)    { height:23px; width:30px; }
#leaves i:nth-of-type(n):before { width:7px; height:5px; top:17px; right:1px; }
#leaves i:nth-of-type(n):after { width:2px; height:17px; left: 12px; top:0px; }

#leaves i:nth-of-type(2n+1)    { height:11px; width:16px; }
#leaves i:nth-of-type(2n+1):before { width:4px; height:3px; top:7px; right:0px; }
#leaves i:nth-of-type(2n+1):after { width:2px; height:6px; left: 5px; top:1px; }

#leaves i:nth-of-type(3n+2)  { height:17px; width:23px; }
#leaves i:nth-of-type(3n+2):before  { height:4px; width:4px; top:12px; right:1px; }
#leaves i:nth-of-type(3n+2):after  { height:10px; width:2px; top:1px; left:8px; }

#leaves i:nth-of-type(n)   { -webkit-animation-delay: 1.9s;}
#leaves i:nth-of-type(2n)  { -webkit-animation-delay: 3.9s;}
#leaves i:nth-of-type(3n)  { -webkit-animation-delay: 2.3s;}
#leaves i:nth-of-type(4n)  { -webkit-animation-delay: 4.4s;}
#leaves i:nth-of-type(5n)  { -webkit-animation-delay: 5s;  }
#leaves i:nth-of-type(6n)  { -webkit-animation-delay: 3.5s;}
#leaves i:nth-of-type(7n)  { -webkit-animation-delay: 2.8s;}
#leaves i:nth-of-type(8n)  { -webkit-animation-delay: 1.5s;}
#leaves i:nth-of-type(9n)  { -webkit-animation-delay: 3.3s;}
#leaves i:nth-of-type(10n) { -webkit-animation-delay: 2.5s;}
#leaves i:nth-of-type(11n) { -webkit-animation-delay: 1.2s;}
#leaves i:nth-of-type(12n) { -webkit-animation-delay: 4.1s;}
#leaves i:nth-of-type(13n) { -webkit-animation-delay: 1s;  }
#leaves i:nth-of-type(14n) { -webkit-animation-delay: 4.7s;}
#leaves i:nth-of-type(15n) { -webkit-animation-delay: 3s;  }

#leaves i:nth-of-type(n)    { background: linear-gradient(to bottom right, #309900, #005600); }
#leaves i:nth-of-type(2n+2)  { background: linear-gradient(to bottom right, #5e9900, #2b5600); }
#leaves i:nth-of-type(4n+1)  { background: linear-gradient(to bottom right, #990, #564500); }

#leaves i:nth-of-type(n)    { opacity: .7;}
#leaves i:nth-of-type(3n+1)  { opacity: .5;}
#leaves i:nth-of-type(3n+2)  { opacity: .3;}

#leaves i:nth-of-type(n)    {transform: rotate(180deg);}


#leaves i:nth-of-type(n) { -webkit-animation-timing-function:ease-in-out;}

@-webkit-keyframes falling {
    
    0% {
        -webkit-transform:
            translate3d(300,0,0)
            rotate(0deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-350px,700px,0)
            rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling3 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(-20deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-230px,640px,0)
            rotate(-70deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling2 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(90deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-400px,680px,0)
            rotate(0deg);
        opacity: 0;
    }
}

/*
 *
 *TYPE WRITER ANIMATION
 *
 */

.typewriter p {
  font-family: monospace;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 1s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

.shorter-form {
    width: 400px !important;
}


/*
 *
 *
 *
 *RAIN
 *
 *
 */


.drop {
  background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(rgba(255,255,255,0.6))  );
  background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(255,255,255,.6) 100%);
	width:1px;
	height:89px;
	position: absolute;
	bottom:200px;
	-webkit-animation: fall .63s linear infinite;
  -moz-animation: fall .63s linear infinite;
  
}

/* animate the drops*/
@-webkit-keyframes fall {
	to {margin-top:900px;}
}
@-moz-keyframes fall {
	to {margin-top:900px;}
}


.dash-card-side {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dash-card-front {
    background-color: #f8f9fa;
    position: relative;
}
.dynamic-title {
    top: 0;
    left: 0;
    width: 100%;
}
.dynamic-category {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}
.dynamic-glossary {
    left: 40px;
    top: 50.50%;
    width: 100%;
}
.dynamic-description {
    left: 0;
    width: 100%;
    top: 56%;
}
.dynamic-flavor {
    left: 0;
    width: 100%;
    bottom: 0;
}
.dynamic-illustrator {
    left: 7%;
    width: 100%;
    bottom: 0%;
}