@import url('reset.css');
@import url('static.css');
@import url('elements.css');
@import url('preloader.css');
@import url('fonts.css');


#fb5{
   font-family: Roboto,sans-serif;
   font-size:14px;
   position:relative;
   overflow:hidden;
   margin:0 auto;
   display:block;
   width:100%;
   height:300px;
   opacity:0;
}

#fb5.fullScreen,#fb5-ajax[data-template="true"] #fb5{
   margin-bottom:0;
}


#fb5 #fb5-container-book {
	position: absolute;
	z-index: 5;
	display: none;
	width: 1100px; height: 715px;
}


#fb5 fieldset{


}


#fb5 #fb5-deeplinking{
  display:none;
}


#fb5 .fb5-bcg-book{
    background: none no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
    width:100%;
	height:100%;
}

#test{
   margin:0 auto;
   width:100%;
}

#fb5 #page.mobile {
		width: 550px; height: 358px;
		margin: -210px 0 0 -275px;
	}

#fb5 #page .padding { /*padding: 0 34px;*/ }



#fb5 .cursor-grab {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}


#fb5 .fb5-overlay {
	position: absolute; left: -10000px; top: 0; z-index: 20;

	/*background: url(../images/bg-overlay.png);/*/
	background:rgba(0,0,0,0);

	width: 100%;
  height: 100%;
}

#fb5 .fb5-overlay.active { left: 0; display:block; }


/* = Back button
-------------------------------------------------------------- */
   #fb5 #fb5-button-back{
	color:#FFFFFF;
	position:absolute;
	left:-5px;
	top:45px;
	background-color:#64C8D3;
	border-radius: 4px 4px 4px 4px;
	padding:5px;
	padding-left:15px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	margin-top:-45px;
  }
  #fb5 #fb5-button-back:hover{
	color:#64C8D3;
	background-color:#FFFFFF
  }


/* = About
-------------------------------------------------------------- */

	#fb5 #fb5-about {
		position: absolute; z-index: 5;
		/*width: 45%;*/
    display: none;
		/*padding-top: 6%;/*/
    width: 50% !important;
    top: 0 !important;
    transform: scale(1) !important;
	}

  #fb5-about > a > img {
    max-width: 100%;
  }

	#fb5 #fb5-about h1,
	#fb5 #fb5-about h2,
	#fb5 #fb5-about h3,
	#fb5 #fb5-about h4,
	#fb5 #fb5-about h5,
	#fb5 #fb5-about h6 {
		margin: 0 0 .5em 0;
		padding:0px;
		font-size: 1.375em;
		color: #64c8d3;
		-webkit-font-smoothing: antialiased;
		text-transform:none;
	}

	#fb5 #fb5-about h3{
		background: url(../images/arrow-right.png) no-repeat 0 50%;
		padding: 0 0 0 25px;
	}

	#fb5 #fb5-about ul,#fb5-about ol {
		list-style:disc;
		margin: 0;
		padding-left:10px;
		padding-top:0%;
		padding-bottom:2%;
	}

	#fb5 #fb5-about li {
		color: #cfeaee;
		margin-bottom:4px;
	}


	#fb5 #fb5-about p {
		/*font-size: 0.688em;/*/
		color: #cfeaee;
		margin-bottom:4%;
	}

	#fb5 #fb5-about a {
		color:#ffffff;
		text-decoration:underline;
	}

	#fb5 #fb5-about a:hover {
		/*color:#ffffff;/*/
		text-decoration:none;
	}



/* = Book
-------------------------------------------------------------- */

#fb5 #fb5-book {
	position: relative; z-index: 10;
	width: 100%; height:100%;
}

#fb5 #fb5-book .turn-page {
	background-color:#FFF;
	background-size: 100% 100%;
}

#fb5 .fb5-double {
	background-size: 200% 100% !important;
}

#fb5 .fb5-double.fb5-first {
	background-position: 0% 0%;
}

#fb5 .fb5-double.fb5-second {
	background-position: -100% 0%;
}







	/* = Nav Arrows
	---------------------------------------- */

	#fb5 .fb5-nav-arrow {
		position: absolute; top: 50%; z-index: 15;
		background: url(../images/arrow-navpage.png);
		width: 34px; height: 136px;
		margin-top: -68px;
	}

	#fb5 .fb5-nav-arrow.next			{ right: -34px; background-position: 0 0; }
	#fb5 .fb5-nav-arrow.next:hover	{ background-position: 0 -186px; }

	#fb5 .fb5-nav-arrow.prev			{ left: -34px; background-position: 0 -372px; display: none; }
	#fb5 .fb5-nav-arrow.prev:hover	{ background-position: 0 -558px; }

	#fb5 .fb5-nav-arrow.next{
		transform-origin:0 center;
		-ms-transform-origin:0 center;
		-webkit-transform-origin:0 center;
    }

	#fb5 .fb5-nav-arrow.prev{
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;
    }

		/*#page.mobile .fb5-nav-arrow.next { right: -24px; }*/



	/* = Cover
	---------------------------------------- */

	#fb5 #fb5-logo-cover {
		position: absolute; right: 10px; bottom: 10px; z-index: 5;
	}

	#fb5 #fb5-cover ul {
		position:absolute;
		top:50%;
		-webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
        transform: translate(0,-50%);
		clear: both;
		width: 100%;
		list-style: none;
		padding: 20px 0;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
	}

  a.main-mage-full-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

	#fb5 #fb5-cover ul:after { clear: both; content: ''; display: block; }

	#fb5 #fb5-cover li {
		float: left;
		width: 28.3%;
		margin: 0 2.5%;
		list-style:none;
	}

	#fb5 #fb5-cover li,
	#fb5 #fb5-cover img {
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		box-shadow:none;
	}

	#fb5 #fb5-cover li:last-child {
		margin-right: 0;
	}

	#fb5 #fb5-cover li img {
		float: left;
		width: 100%;
	}

	#fb5 #fb5-cover li a:hover img {
		/*opacity: .8;/*/
	}



	/* = End
	---------------------------------------- */

	#fb5 #end { text-align: center; }

	#fb5 #end p { padding-top: 60%; }



	/* = Meta data
	---------------------------------------- */

	#fb5 #fb5-book .fb5-meta {
		position: absolute; bottom: 1%;
	}

	#fb5 .fb5-meta .fb5-num {
			font-weight: bold;
			font-size: 12px;
			color: #666;
	}

	#fb5 .fb5-meta .fb5-description {
			font-size: 11px;
			color: #666;
	        font-family: Roboto,sans-serif;
	}

	#fb5 .fb5-meta.fb5-left {
			left:3%;
	}

	#fb5 .fb5-meta.fb5-left .fb5-num {
		    padding-right: 5px;
	}

	#fb5 .fb5-meta.fb5-right {
			right:3%;
			text-align: right;
	}

	#fb5 .fb5-meta.fb5-right .fb5-num {
				padding-left: 5px;
	}




	/*= Video in lightbox
	----------------------------*/

	#v5_lightbox {
		width:100%;
		height:100%;
		z-index:555789;
		position:fixed;
		display:block;
		top:0px;
	}

	#v5_lightbox .bcg{
		width:100%;
		height:100%;
		background-color:#000;
		opacity:.7;
		position:absolute;
		cursor:pointer;
	}


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

	.fb5-cont-page-book{
		position:absolute;
	}

	#fb5 .fb5-page-book {

    padding: 10px 0 0 15px;
    box-sizing: border-box;

		position:absolute;
	    -webkit-hyphens:none;
        -moz-hyphens:none;
        -ms-hyphens:none;
        hyphens:none;
		overflow:hidden;
	}


	#fb5 .fb5-page-book .center {
		/*text-align:center;
		padding-top:65%;/*/
	}

	#fb5 .fb5-page-book img {
		border:none;
		padding:0;
	}

	#fb5 .fb5-page-book p {
		-webkit-text-size-adjust:none;
		margin-bottom:20px;
		line-height:1.5;
	}
  #fb5 .fb5-page-book .date {
    opacity: .6;
    font-weight: 300;
  }

	#fb5 .fb5-page-book a {
		color: #006f96;
		border-bottom: 1px solid;
    transition: all .2s ease;
	}

	#fb5 .fb5-page-book p a:hover {
		text-decoration:none;
    border-bottom-color: transparent;
	}

  #fb5 .fb5-page-book .style-italic {
    font-style: italic;
  }

	#fb5 .fb5-page-book h1,
	#fb5 .fb5-page-book h2,
	#fb5 .fb5-page-book h3,
	#fb5 .fb5-page-book h4,
	#fb5 .fb5-page-book h5,
	#fb5 .fb5-page-book h6 {
	   font-family: Roboto,sans-serif;
	   text-transform:none;
	   margin:0px;

	}

	#fb5 .fb5-page-book h1 {
	   	-webkit-text-size-adjust:none;

	}

	#fb5 .fb5-page-book h2 {
	   -webkit-text-size-adjust:none;

	}

	#fb5 .fb5-page-book h3 {
	   	-webkit-text-size-adjust:none;

	}

	#fb5 .fb5-page-book h4 {
	   	-webkit-text-size-adjust:none;

	}

	#fb5 .fb5-page-book h5 {
	   	-webkit-text-size-adjust:none;

	}

	#fb5 .fb5-page-book h6 {
	   	-webkit-text-size-adjust:none;

	}

	#fb5 .fb5-page-book ul,.fb5-page-book ol {
	    list-style: disc inside;
		margin-bottom:3% !important;
	}

	#fb5 .fb5-page-book ul li {
	   margin-bottom:2px;
	   list-style: disc inside;
	}

	#fb5 .fb5-page-book ul li a {
	   color:#77797F;
	   font-weight:normal;
	   text-decoration:none;
	}

	#fb5 .fb5-page-book ul li a:hover {
	   text-decoration:underline;
	}

	#fb5 .fb5-page-book a:hover img {
       opacity:0.8;
	}




	/* =WordPress Core
-------------------------------------------------------------- */
#fb5 .fb5-page-book .alignnone,.#fb5-about .alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book.aligncenter,.fb5-page-book div.aligncenter,#fb5-about.aligncenter,#fb5-about div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb5 .fb5-page-book .alignright,#fb5-about .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

#fb5 .fb5-page-book .alignleft,#fb5-about .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .aligncenter,#fb5-about .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb5 .fb5-page-book a img.alignright,#fb5-about a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#fb5 #fb5 .fb5-page-book a img.alignnone,#fb5-about a img.alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book a img.alignleft,#fb5-about a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book a img.aligncenter,#fb5-about a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#fb5 .fb5-page-book .wp-caption,#fb5-about .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

#fb5 .fb5-page-book .wp-caption.alignnone,#fb5-about .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .wp-caption.alignleft,#fb5-about .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .wp-caption.alignright,#fb5-about .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.fb5-page-book .wp-caption img,#fb5-about .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

#fb5 .fb5-page-book .wp-caption p.wp-caption-text,#fb5-about .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}



/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {
      /*
    .fb5-nav-arrow.next{
		transform-origin:0 center;
		-ms-transform-origin:0 center;
		-webkit-transform-origin:0 center;
    }

	 .fb5-nav-arrow.prev{
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;
    }

	.fb5-nav-arrow{
		transform:scale(2);
		ms-transform:scale(2);
		-webkit-transform:scale(2);
	}
	/*/
}




  /* tools bar*/
	    #fb5 .fb5-bcg-book{
			background-image:url(../images/bg.jpg);
		}

		#fb5 .fb5-tooltip{
			 background:#64C8D3 !important;
			 color:#FFFFFF;
		}
		#fb5 .fb5-tooltip b { border-top: 10px solid #64C8D3 }
		#fb5 #fb5-footer .bcg {
		  background-color: #000000;
		  opacity: 0.55;
		}
		#fb5 nav li.fb5-goto #fb5-label-page-number {
    		color: #5F6F7B;
		}
		#fb5 nav li.fb5-goto button {
   		    color: #5F6F7B;
			background: linear-gradient(to bottom, #2B3E4D 0px, #1F303D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   		}
		#fb5 nav li.fb5-goto input[type="text"] {
   			 background: none repeat scroll 0 0 #141F28 ;
			 border: 1px solid #1E2F3C;
		}

		/* book /*/

		#fb5 #fb5-book .turn-page {
	       background-color:#FFFFFF;
        }
		#fb5 .fb5-meta .fb5-num {
		    color: #666666;
		}
		#fb5 .fb5-meta .fb5-description {
    		color: #666666;
		}

		/* list thumbs /*/
		#fb5 #fb5-all-pages .fb5-container-pages {
		    background: none repeat scroll 0 0 #000000;
						box-shadow: 0 0 40px rgba(100,200, 211, 0.8);
		}

		/* form /*/
		#fb5 #fb5-contact form {
   			 background: none repeat scroll 0 0 #161616;
			 			 box-shadow: 0 0 200px 50px rgba(100,200,211, 0.3);
		}
		#fb5 #fb5-contact form h3 {
		    color: #FFFFFF;
		}
		#fb5 #fb5-contact button {
      background: none repeat scroll 0 0 #64C8D3;
      color: #000;
		}
		#fb5 #fb5-contact form input, #fb5-contact form textarea {
           color: #737373;
		}
		#fb5 #fb5-contact .fb5-close {
		  color: #000000;
          background: none repeat scroll 0 0 #64C8D3;
		}

		#fb5 #fb5-contact .fb5-thanks p{
		  color:#444444
		}
		#fb5 #fb5-contact .fb5-thanks h1{
		  color:#FFFFFF
		}

		/* preloader /*/
		#fb5 .fb5-preloader .wBall .wInnerBall{
            background:#64C8D3;
		}

		/* arrow gif /*/
		#fb5 .fb5-nav-arrow {
   			 background: url("../images/arrow-navpage.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		}

		/* formatt page for flipbook  /*/
		#fb5 .fb5-page-book p {
		   font-family: Roboto;
		   font-size: 14px;
	    }
    #fb5 .fb5-page-book b {
      font-weight: 600;
    }
    #fb5 .fb5-page-book i {
      font-style: italic;
    }
		#fb5 .fb5-page-book h1 {
      color: rgba(0,0,0,0.7);
      font-family: Roboto condensed;
      text-align: center;
      font-weight: 600;
		   font-size:28px;
	    }
		#fb5 .fb5-page-book h2 {
      color: rgba(0,0,0,0.7);
      font-family: Roboto condensed;
      text-align: center;
      font-weight: 600;
		   font-size:26px;
	    }
		#fb5 .fb5-page-book h3 {
      color: rgba(0,0,0,0.7);
      font-family: Roboto condensed;
      text-align: center;
      font-weight: 600;
		   font-size:24px;
	    }
		#fb5 .fb5-page-book h4 {
      color: rgba(0,0,0,0.7);
      font-family: Roboto condensed;
      text-align: center;
      font-weight: 600;
		   font-size:22px;
	    }
		#fb5 .fb5-page-book h5 {
      color: rgba(0,0,0,0.7);
      font-family: Roboto condensed;
      text-align: center;
      font-weight: 600;
      font-size: 20px;
	    }
		#fb5 .fb5-page-book h6 {
      color: rgba(0,0,0,0.7);
      font-family: Roboto condensed;
      text-align: center;
      font-weight: 600;
      font-size: 18px;
	    }
		#fb5 .fb5-page-book li {
		   font-family: Roboto;
		   font-size: 14px;
		}
		#fb5 .fb5-page-book ul li a {
	        color:#77797F;
		}


		/*  about style  /*/
		#fb5 #fb5-about p,
    #fb5 #fb5-about li {
		   color: #CFEAEE;
		   font-family: Roboto;
		   font-size:11px;
	    }
		#fb5 #fb5-about a {
		  color:#FFFFFF
		}
		#fb5 #fb5-about h1 {
		   color: #64C8D3;
		   font-family: Roboto;
		   font-size:26px;
	    }
		#fb5 #fb5-about h2 {
		   color: #64C8D3;
		   font-family: Roboto;
		   font-size:24px;
	    }
		#fb5-about h3 {
		   color: #64C8D3;
		   font-family: Roboto;
		   font-size:22px;
	    }
		#fb5 #fb5-about h4 {
		   color: #64C8D3;
		   font-family: Roboto;
	    }
		#fb5 #fb5-about h5 {
		   color: #64C8D3;
		   font-family: Roboto;
		   font-size:18px;
	    }
		#fb5 #fb5-about h6 {
		   color: #64C8D3;
		   font-family: Roboto;
		   font-size:16px;
	    }
		/* back  button  /*/
		#fb5 #fb5-button-back {
    		background-color: #64C8D3;
   			color: #FFFFFF;
		}
		#fb5 #fb5-button-back:hover{
			color:#64C8D3;
			background-color:#FFFFFF 		}

		/*  Other style   /*/
		#fb5 .fb5-overlay {
			background:rgba(0,0,0,0.8);
        }


#fb5 .fb5-page-book.style-type-1 {

}
#fb5 .fb5-page-book.style-type-1 p {

}
#fb5 .fb5-page-book h5 {
  font-family: 'HeliosCondcBold';
  font-size: 25px;
  color: #AD0C2D;
}
#fb5 .fb5-page-book h5.small {
  font-size: 20px;
}
#fb5 .letter {
  position: relative;
  float: left;
  width: 95px;
  height: 140px;
  margin-right: 18px;
  background: url(../images/letter.png) left top no-repeat;
}
#fb5 .letter-title {
  font-family: Garamond;
  font-size: 43px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  top: 17px;
  right: 12px;
  width: 45px;
  text-align: center;
  text-transform: uppercase;
  color: #0a1d09;
}
#fb5 .content-wrap-pattern {
  padding: 20px 0 0;
  text-align: center;
}

.content-wrap-pattern.small {
  padding-top: 10px !important;
}

.content-wrap-pattern.small img {
  width: 130px;
}

.portrait-cover-2 {
  margin-left: -20px !important;
}

.portrait-cover ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.portrait-cover ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box !important;
}

.portrait-cover ul li a {
  height: 100%;
  width: 100%;
  text-decoration: none !important;
  border: none !important;
}

#fb5 .portrait-cover ul li a[class*='man-'] {
  opacity: 1;
  transition: opacity .2s;
}

#fb5 .portrait-cover ul li a[class*='man-']:hover {
  opacity: .6;
}

#fb5 .portrait-cover ul li a.man-1 {
  height: 239px;
  background: url(../images/man-1.png) top 7px left -53px no-repeat;
}

#fb5 .portrait-cover ul li a.man-2 {
  background: url(../images/man-2.png) top 9px left -27px no-repeat;
}

#fb5 .portrait-cover ul li a.man-3 {
  background: url(../images/man-3.png) top 19px left -45px no-repeat;
}

#fb5 .portrait-cover ul li a.man-4 {
  background: url(../images/man-4.png) top 7px left -53px no-repeat;
}

#fb5 .portrait-cover ul li a.man-5 {
  background: url(../images/man-5.png) top 19px left -37px no-repeat;
}

#fb5 .portrait-cover ul li a.man-6 {
  height: 180px;
  background: url(../images/man-6.png) top 2px left -2px no-repeat;
}

#fb5 .portrait-cover ul li a.man-7 {
  background: url(../images/man-7.png) top 6px left -56px no-repeat;
}

#fb5 .portrait-cover ul li a.man-8 {
  background: url(../images/man-8.png) top 16px left -40px no-repeat;
}

#fb5 .portrait-cover ul li a.man-9 {
  background: url(../images/man-9.png) top -2px left -75px no-repeat;
}

#fb5 .portrait-cover ul li a.man-10 {
  background: url(../images/man-10.png) top 23px left -56px no-repeat;
}

#fb5 .portrait-cover ul li a.man-11 {
  height: 223px;
  background: url(../images/man-11.png) top 5px left -52px no-repeat;
}

#fb5 .portrait-cover ul li a.man-12 {
  background: url(../images/man-12.png) top 27px left -22px no-repeat;
}

#fb5 .portrait-cover ul li a.man-13 {
  background: url(../images/man-13.png) top 17px left -57px no-repeat;
  height: 251px;
}

#fb5 .portrait-cover ul li a.man-14 {
  background: url(../images/man-14.png) top 25px left -72px no-repeat;
}

#fb5 .portrait-cover ul li a.man-15 {
  background: url(../images/man-15.png) top 17px left -53px no-repeat;
}

#fb5 .portrait-cover ul li .animated-portrait {
  transition: all .5s ease !important;
}

#fb5 .portrait-cover ul li .animated-portrait.js-portrait-hide {
  opacity: .4;
}

.portrait-cover ul li {
  width: 33.33%;
  height: 170px;
  /*margin-bottom: 20px !important;*/
}

.portrait-cover ul.row-1 li {
  margin-bottom: 10px !important;
}

.portrait-cover ul.row-2 li {
  height: 200px;
  margin-bottom: 27px !important;
}

.portrait-cover ul.row-3 {
  width: 106%;
}

.portrait-cover ul.row-3.v2 {
  width: 100%;
}

.portrait-cover-2 ul.row-3 {
  width: 101%;
}

.portrait-cover ul.row-3 li {
  width: 25%;
}

#fb5 .fb5-page-book a.black-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #000;
  border: none;
}

#fb5 .fb5-page-book a.black-link i {
  position: relative;
  width: 100%;
  margin: 0 5px;
  overflow: hidden;
}

#fb5 .fb5-page-book a.black-link i:after {
  position: absolute;
  content: '...............................................................................................................................................................';
}

#fb5 .fb5-page-book a.black-link:hover {
  opacity: .6;
}

#fb5 .fb5-page-book a.black-link span {
  white-space: nowrap;
}


#fb5 .contents-table .fb5-page-book {
  padding-right: 15px;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

/*#fb5 .modal {
  position: absolute;
  top: 25px;
  left: calc(50% + 25px);
  right: 25px;
  bottom: 60px;
  background-color: #ffec6e;
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
  border-radius: 2px;
  box-sizing: border-box;
  z-index: 100;
}*/

#fb5 .modal-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  padding: 25px 25px 60px;
  z-index: 100;
  box-sizing: border-box;
}

#fb5 .modal {
  /*left: calc(50% + 25px);*/
  /*right: 25px;*/
  /*bottom: 60px;*/
  /*height: 630px !important;*/
  /*width: 500px !important;*/
  height: 100%;
  background-color: #F4E2CA;
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.3);
  border-radius: 2px;
  box-sizing: border-box;
}

#fb5 .close-btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  background: url('../images/close.svg') center center no-repeat !important;
}

#fb5 .modal-top {
  position: absolute;
  right: 25px;
  top: 25px;
  padding: 20px;
}

#fb5 .modal-body {
  padding: 20px 40px;
}

#fb5 .modal-body h5 {
  font-family: 'HeliosCondcBold';
  font-size: 25px;
  color: #AD0C2D;
  margin-bottom: 20px;
  text-align: center;
}

#fb5 .modal-body p {
  font-size: 15px;
  margin-bottom: 20px;
}

/*#fb5 .modal-body p:not(.text-center) {
  text-indent: 20px;
}*/

#fb5 .modal-body b {
  font-weight: 700;
  font-size: 18px;
}

#fb5 .message-flow {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 330px;
  left: 30px;
  padding: 0;
  z-index: 100;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  padding: 0 0;
  border-radius: 3px;
  box-shadow: 0 0 0 rgba(0,0,0,.0);
  text-align: center;
  box-sizing: border-box;
  transition: all 4s ease-in;
  text-shadow: 0 2px 4px rgba(0,0,0,1);
}


#fb5 .message-flow.flow-1 {  }
#fb5 .message-flow.flow-2 { left: 240px; top: 300px; }
#fb5 .message-flow.flow-3 { left: 350px; top: 380px; }
#fb5 .message-flow.flow-4 { left: 450px; top: 480px; }
#fb5 .message-flow.flow-5 { left: 654px; top: 490px; }
#fb5 .message-flow.flow-6 { left: 770px; top: 600px; }
#fb5 .message-flow.flow-7 { left: 950px; top: 510px; }

#fb5 .message-flow.js-animate-1 {
  visibility: visible;
  opacity: 1;
  top: 200px;
}

#fb5 .message-flow.js-animate-2 {
  transition: all 2s ease-out;
  visibility: hidden;
  opacity: 0;
  top: 100px;
}

#fb5 .message-flow.flow-2.js-animate-1 { top: 180px; }
#fb5 .message-flow.flow-2.js-animate-2 { top: 70px; transition-duration: 0.9s; }

#fb5 .message-flow.flow-3.js-animate-1 { top: 280px; }
#fb5 .message-flow.flow-3.js-animate-2 { top: 210px; }

#fb5 .message-flow.flow-4.js-animate-1 { top: 440px; }
#fb5 .message-flow.flow-4.js-animate-2 { top: 400px; transition-duration: 1.5s; }

#fb5 .message-flow.flow-5.js-animate-1 { top: 420px; }
#fb5 .message-flow.flow-5.js-animate-2 { top: 300px; transition-duration: 2s; }

#fb5 .message-flow.flow-6.js-animate-1 { top: 400px; }
#fb5 .message-flow.flow-6.js-animate-2 { top: 350px; }

#fb5 .message-flow.flow-7.js-animate-1 { top: 410px; }
#fb5 .message-flow.flow-7.js-animate-2 { top: 250px; transition-duration: 2.5s; }

.fb5-page-book .recourse p,
.fb5-page-book .recourse .text-center{
  font-size: 16px !important;
  margin-bottom: 20px !important;
}

.fb5-page-book .recourse h5 {
  font-family: 'HeliosCondcBold' !important;
  font-size: 25px !important;
  color: #AD0C2D !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

#fb5 .over-link {
  position: absolute;
  left: 0;
  top: -70px;
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto;
  font-size: 15px;
  transition: all .2s ease;
  opacity: 1;
  visibility: visible;
  background-color: rgba(0,0,0,.5);
  padding: 5px 20px 7px;
  border-radius: 3px;
}

#fb5 .over-link.bottom-link {
  left: 0;
}

#fb5 .over-link.top-link {
  text-transform: none;
  top: auto;
  bottom: -50px;
}

#fb5 .over-link.custom-link-3 {
  left: 50%;
  width: 110px;
  text-align: center;
  margin-left: -55px;
}

#fb5 .over-link.custom-link-4 {
  left: auto;
  right: 0;
}

#fb5 .over-link:hover {
  opacity: .6;
}

#fb5 .over-link.hide {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 1440px) {
  #fb5 .over-link {
    top: -50px;
  }
}


#fb5 .flower-link {
  opacity: 0;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  border: none !important;
  height: 130px;
  width: 100px;
  transition: opacity .5s ease !important;
}

#fb5 .flower-link.js-flower-show {
  opacity: 1;
}

#fb5 .flower-link .choose-me {
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -53px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  transition: all .9s ease;
  text-shadow: 0 2px 4px rgba(0,0,0,1);
  white-space: nowrap;
  opacity: 1;
  visibility: visible;
}

#fb5 .to-left-pos .flower-link:nth-child(1) .choose-me { left: 100px; }
#fb5 .to-left-pos .flower-link:nth-child(2) .choose-me { left: 150px; }
#fb5 .to-left-pos .flower-link:nth-child(3) .choose-me { left: 220px; }
#fb5 .to-left-pos .flower-link:nth-child(4) .choose-me { left: 130px; }
#fb5 .to-left-pos .flower-link:nth-child(5) .choose-me { left: 95px; }
#fb5 .to-left-pos .flower-link:nth-child(6) .choose-me { left: 53px; }
#fb5 .to-left-pos .flower-link:nth-child(7) .choose-me { left: 85px; }

#fb5 .to-right-pos .flower-link:nth-child(1) .choose-me { left: 100px; }
#fb5 .to-right-pos .flower-link:nth-child(4) .choose-me { left: 60px; }
#fb5 .to-right-pos .flower-link:nth-child(5) .choose-me { left: 100px; }

#fb5 .flower-link.js-flower-show .choose-me {
  top: -30px;
}

#fb5 .flower-link.js-flower-show .choose-me.js-ms-hide {
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
}

#fb5 .flower-link.animated-1 {
  opacity: .5;
  transition: opacity 1s ease !important;
}

#fb5 .flower-link.animated-2 {
  opacity: 0;
  transition: opacity 2s ease !important;
}

#fb5 .flower-link:hover {
  opacity: .7 !important;
  transition: opacity .5s ease !important;
}

#fb5 .flower-link.fl-1 {
  height: 339px;
  width: 162px;
  bottom: 68px; left: -8px;
  background-image: url(../images/fl-1.png);
  z-index: 2;
}
#fb5 .flower-link.fl-2 {
  bottom: 17px;
  left: -8px;
  width: 261px;
  height: 298px;
  background-image: url(../images/fl-2.png);
  z-index: 3;
}
#fb5 .flower-link.fl-3 {
  bottom: 25px;
  left: 56px;
  width: 333px;
  height: 437px;
  background-image: url(../images/fl-3.png);
}
#fb5 .flower-link.fl-4 {
  left: 232px;
  bottom: 3px;
  width: 218px;
  height: 232px;
  background-image: url(../images/fl-4.png);
  z-index: 4;
}
#fb5 .flower-link.fl-5 {
  left: 290px;
  bottom: 25px;
  width: 155px;
  height: 340px;
  background-image: url(../images/fl-5.png);
  z-index: 3;
}
#fb5 .flower-link.fl-6 {
  left: 445px;
  bottom: 170px;
  width: 56px;
  height: 308px;
  background-image: url(../images/fl-6.png);
}
#fb5 .flower-link.fl-7 {
  left: 406px;
  bottom: 22px;
  width: 138px;
  height: 202px;
  background-image: url(../images/fl-7.png);
}
#fb5 .flower-link.fl-8 {
  left: -47px;
  bottom: 4px;
  width: 189px;
  height: 443px;
  background-image: url(../images/fl-8.png);
}
#fb5 .flower-link.fl-9 {
  bottom: 28px;
  right: 328px;
  width: 165px;
  height: 252px;
  background-image: url(../images/fl-9.png);
  z-index: 2;
}
#fb5 .flower-link.fl-10 {
  bottom: 20px;
  right: 287px;
  width: 148px;
  height: 483px;
  background-image: url(../images/fl-10.png);
}
#fb5 .flower-link.fl-11 {
  bottom: 17px;
  left: 183px;
  width: 102px;
  height: 426px;
  background-image: url(../images/fl-11.png);
  z-index: 2;
}
#fb5 .flower-link.fl-12 {
  bottom: 151px;
  right: 92px;
  width: 248px;
  height: 478px;
  background-image: url(../images/fl-12.png);
}
#fb5 .flower-link.fl-13 {
  right: 32px;
  bottom: 4px;
  width: 125px;
  height: 250px;
  background-image: url(../images/fl-13.png);
  z-index: 3;
}
#fb5 .flower-link.fl-14 {
  right: -7px;
  bottom: 0px;
  width: 123px;
  height: 481px;
  background-image: url(../images/fl-14.png);
}

.fb5-cont-page-book.colored {
  background-color: #E0D0B9 !important;
}

.fb5-page-book.to-right-pos {
  left: 29px !important;
}

.fb5-page-book.to-left-pos {
  left: 15px !important;
}

#fb5 .flower-bg-text {
  opacity: .1;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  transition: all .5s ease;
}

#fb5 .flower-bg-text.js-show {
  opacity: 1;
}

#fb5 .flower-bg-text.flower-bg-text-1 {
  left: 145px;
  top: 53px;
  width: 405px;
  height: 68px;
  background: url(../images/fl-text-1.png) center center no-repeat;
}

#fb5 .flower-bg-text.flower-bg-text-2 {
  top: 125px;
  left: 30px;
  width: 220px;
  height: 77px;
  background: url(../images/fl-text-2.png) center center no-repeat;
}