.user_stories_page {
	background:white!important;
	 color:white;
	 font-family:Avenir, sans-serif;
     font-size:14px;
}

.tell-story-btn-close{
   background:#6189C2!important;
   color:white!important;
   border:none!important;
}

.user_stories_page .container{
	background:white!important;
    padding-top: 30px;
}

.user_stories_page .container p{
	line-height:26px;
    margin-bottom:40px;
    margin-top: 0;

}

.light {
	color: white;!important;
    text-align: center;
    font-family: "Aviral", sans-serif;
}
.uppercase {
	text-transform:uppercase;
}

.bold{
font-weight:500;
}

.divisor{
	width:120px;
	height:1px;
	background:#6189C2;
	margin:25px auto;
}


.user_stories_page .container .title {
  font-family:Trajan, sans-serif;
  font-size:40px;
  letter-spacing:8px;
  text-transform:uppercase;
  color:#030B22;
}

.accordion-container {
    color: white;
}

.user_stories_page input[type="submit"] {
  color:white;
}

.user_stories_page form label {
  color:#030B22;
  font-family:Trajan, sans-serif;

}
.user_stories_page input[type="email"], input[type="password"], input[type="text"], input[type="url"], label input[type="checkbox"], option, select, textarea  {
  background-color: #061936 !important;
  border:1px solid #6189C2!important;
  color: white;

}

.user_stories_page .eberhard-btn {
background:white;
color:#6189C2;
border:1px solid #6189C2;
margin:25px 0;
}

.user_stories_page .form-group{
	margin-bottom:20px;
}

.form-story-wrapper{
	background: radial-gradient(ellipse at center, #030b22 0%, #082649 50%, #030b22 100%);
	padding:30px 20px;
}
.form-story{
	position: relative;
	margin: 0 auto;
	max-width: 900px;
}

.form-story .wpcf7-form label{
	color: #c8d8ee;
}

.wpcf7-form-control-wrap.img{
	color: #c8d8ee;
	font-size: 10px;
}

.form-story .wpcf7-form-control{
	background: #041e43;
}
/*  */

.eb-color-text-blue{
	color: #001F45;
}

.user_stories_page input[type="file"] {
  border:1px solid #6189C2 !important;
  display:block;
  height:50px;
  width:100%;
}

#book_title {
    display: table;
    margin: -50px auto;
    text-align: center;
    color: #001f45;
}

#book_title_h1 {
    font-family: "Trajan", sans-serif;
    font-size: 30px;
    padding-top: 30px;
}

#book_title_h5 {
    font-family: "Avenir", sans-serif;
}

.image-story{
	float:left;
	margin-right:30px!important;
	  margin-bottom:10px !important;
}
.story-text{
	padding:16px;
}
#share-title-h1 {
    font-family: Trajan, sans-serif !important;
    font-size: 30px !important;
}

.font_1_input {
    font-family: 'Handlee', cursive;
    font-size: 18px;
}

.font_2_input {
  font-family: 'Caveat', cursive;
    font-size: 20px;
}

.font_3_input {
  font-family: 'Just Me Again Down Here', cursive;
    font-size: 22px;

}
.font_1 {
    font-family: 'Handlee', cursive;
}

.font_2 {
    font-family: 'Caveat', cursive;
}

.font_3 {
    font-family: 'Just Me Again Down Here', cursive;
}

.before_prezi{
  position:relative;
  background:#dadde2
}
.before_prezi p{
  padding:40px 20px;
}
/* Turn */

/* Basic sample */

.flipbook-window {
  height:650px;
  position:relative;
  background-color: white !important;
}

.flipbook-window .inside-page{
	padding:0;overflow:scroll
}

.flipbook .hard .navbar-logo {
  display:block;
  margin:35% auto;
}

.flipbook .hard{
    border-radius:4px;
	background:linear-gradient(to right, #030B22 0%, #0c173a 50%, #030B22 100%)!important
}

.flipbook-mobile .hard .navbar-logo {
  display:block;
  margin:35% auto;
}

.flipbook-mobile .hard{
    border-radius:4px;
	background:linear-gradient(to right, #030B22 0%, #0c173a 50%, #030B22 100%)!important
}

.flipbook-img-container{
	overflow:hidden;
}
.flipbook h3{
  margin-top:35px;
  font-family:Trajan, sans-serif;
  font-size:20px;
  text-transform:uppercase;
  color:#030B22;
  text-align:left;
}

.flipbook p{
  color:#030B22;
  margin:20px;
}

.flipbook-mobile h3{
  margin-top:35px;
  font-family:Trajan, sans-serif;
  font-size:20px;
  text-transform:uppercase;
  color:#030B22;
  text-align:left;
}

.flipbook-mobile p{
  color:#030B22;
  margin:20px;
}

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

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

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

.flipbook-viewport .flipbook-mobile{
	width:100%;
	left:0;
	height:600px;
	top:-300px;
}

.flipbook-viewport .flipbook-mobile .page{


}

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

}

.flipbook-viewport .page{
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;

}
.flipbook .odd{
    background:-webkit-gradient(linear, right top, left top, color-stop(0.85, #FFF), color-stop(1, #DADADA));
    background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    -webkit-box-shadow:inset 0 0 5px #666;
    -moz-box-shadow:inset 0 0 5px #666;
    -o-box-shadow:inset 0 0 5px #666;
    -ms-box-shadow:inset 0 0 5px #666;
    box-shadow:inset 0 0 5px #666;

}

.flipbook .even{
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:linear-gradient(left, #fff 95%, #dadada 100%);
    -webkit-box-shadow:inset 0 0 5px #666;
    -moz-box-shadow:inset 0 0 5px #666;
    -o-box-shadow:inset 0 0 5px #666;
    -ms-box-shadow:inset 0 0 5px #666;
    box-shadow:inset 0 0 5px #666;
}

.flipbook-mobile .odd{
    background:-webkit-gradient(linear, right top, left top, color-stop(0.85, #FFF), color-stop(1, #DADADA));
    background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    -webkit-box-shadow:inset 0 0 5px #666;
    -moz-box-shadow:inset 0 0 5px #666;
    -o-box-shadow:inset 0 0 5px #666;
    -ms-box-shadow:inset 0 0 5px #666;
    box-shadow:inset 0 0 5px #666;

}

.flipbook-mobile .even{
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image:linear-gradient(left, #fff 95%, #dadada 100%);
    -webkit-box-shadow:inset 0 0 5px #666;
    -moz-box-shadow:inset 0 0 5px #666;
    -o-box-shadow:inset 0 0 5px #666;
    -ms-box-shadow:inset 0 0 5px #666;
    box-shadow:inset 0 0 5px #666;
}
/*.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;
}*/

#social-media-links-share {
    text-align: center;
}
#share_title_h1 {
    font-family: "Trajan", sans-serif;
    font-size: 27px;
    text-transform: uppercase;
    color: #001f45;
}
@media screen and (max-width: 767px ) {
    #book_title_h1 {
        font-size: 20px;
        padding-top: 0;
    }
    #book_title_h5 {
        font-size: 13px;
    }
    #share_title_h1 {
        font-size: 20px;
    }
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    color: white;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    color: white;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {
    color: white;
}
.userstories-form-table p {
    text-transform: uppercase;
    font-family: "Trajan", sans-serif;
    font-size: 10px;
    color: #c8d8ee;
    letter-spacing: 2px;
    line-height: 16px;
}
.userstories-form-table td {
    vertical-align: inherit;
}
.acceptance {
    height: 30px;
}
#check-acceptance {
    float: left;
    margin-right: 5px;
}
input[type=checkbox]:before {
    display: none;
    margin-top: -5px;
}
#text-acceptance {
    float: left;
    text-transform: uppercase;
    font-family: "Trajan", sans-serif;
    font-size: 10px;
    color: #c8d8ee;
    letter-spacing: 2px;
    line-height: 16px;
}
@media screen and (max-width: 468px) {
    #check-acceptance {
        float: unset;
        position: absolute;
        display: block;
        left: 50%;
        margin-left: -11px;
        top: 5px;
    }
    #text-acceptance {
        float: unset;
        width: 100%;
        text-align: center;
        position: relative;
        bottom: 30px;
        margin-top: 10px;
    }
    .acceptance {
        position: relative;
    }
}
.video-iframe video {
    border: 1px solid #001f45;
}