/* 
    Created on : 18-Feb-2022, 17:22:09
    Author     : Kodly
*/

html, body{
    height: 100%;
    margin: 0 !important;
}

::-webkit-scrollbar {
  width: 0px;
}

header{
    height: 100vh;
    min-height: 400px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8)0%,rgba(0,0,0,0.8) 100%), url('../img/front2022.jpeg') no-repeat;
    background-size: cover;   
    background-attachment: fixed;
}

.bg-love{
    background-color: maroon;
}

.bg-sea{
    background-color: #165E81;
}

.bg-sun{
    background-color: rgba(208,207,31,1);
}

.text-love{
    color: maroon;
}

.nav-tabs .nav-item .active{
    color: #165E81 !important;
}

.nav-tabs .nav-item .nav-link{
    color: black;
}

.btn-secondary{
    background-color: black !important;
}

.h-20{
    height: 20px;
}

.bg-image-1{
    background: linear-gradient(to bottom, rgba(0,0,0,0.8)0%,rgba(0,0,0,0.8) 100%), url('../img/front2022.jpeg') no-repeat;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
    
}

a:hover.bg-sea{
    background-color: #083f59 !important;
}

.box {
    display: none;
}

.img-coursel{
    display: none;
}


/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  overflow: hidden;
  margin: auto;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

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

.flipbook-viewport .cont{
	position:relative;
	top:50%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:845px;
	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);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-user-select: none;
	user-select: none;
	margin:0;
}

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

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

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

    .flipbook-viewport .flipbook{
	    width:461px !important;
	    height:600px !important;
	    left:-150px !important;
    }
    .flipbook-viewport .page{
	width: 281.5px !important;
	height: 400px !important;
    }
}