.bg-web01{
  background: #021C3D;
}
.single-feature{background: url("../images/Maskgroup03.png") repeat;}
.tp-revslider-mainul{background: url("../images/Maskgroup03.png") repeat;}
.font-32{font-size: 32px;}
.font-40{font-size: 40px;}
.font-25{font-size: 25px;}
.txtborderbottom{
  border-bottom: 1px solid #e0d8d8;
  padding-bottom: 9px;
}
/* the slides */
.slick-slide {
  margin-left:27px;
}
#section3{background: url(../images/60238.png) no-repeat #e7e7e7 center right;}
#section4{background: url(../images/602382.png) no-repeat #e3e4e5;background-size: contain;}
#section5{background: url(../images/60238.png) no-repeat #e9e9e9 center right;background-size: 100%;}
.fn-70{font-size: 70%}
/* the parent */
.slick-list {
  margin-left:-27px;
}
.your-class .slick-dots{bottom: -47px;}
.your-class .slick-prev{background: url("../images/next1.png") no-repeat;width: 19px;height: 17px;background-size: contain;left: -45px;}
.your-class .slick-next{background: url("../images/next11.png?v=1001") no-repeat;width: 19px;height: 17px;background-size: contain;right: -58px;}
.your-class .slick-prev:before,.your-class .slick-next:before{content:"";}
.your-class .slick-prev:hover{background: url("../images/next1.png") no-repeat;width: 19px;height: 17px;background-size: contain;}
.your-class .slick-next:hover{background: url("../images/next11.png?v=1001") no-repeat;width: 19px;height: 17px;background-size: contain;right: -58px;}

.slickdiv .slick-prev:before,.slickdiv .slick-next:before{content:"";}
.slickdiv .slick-next{background: url("../images/next11.png?v=1001") no-repeat;width: 20px;height: 20px;background-size: contain;right: 21px;bottom: 0;top: unset;z-index: 3}
.slickdiv .slick-prev{background: url("../images/next1.png") no-repeat;width: 20px;height: 20px;background-size: contain;left: 21px;bottom: 0;top: unset;z-index: 3}

.sv3 .slickdiv .slick-next,.sv5 .slickdiv .slick-next{background: url("../images/next11.png?v=1001") no-repeat;width: 20px;height: 20px;background-size: contain;    top: 45%;z-index: 3}
.sv3 .slickdiv .slick-prev,.sv5 .slickdiv .slick-prev{background: url("../images/next1.png") no-repeat;width: 20px;height: 20px;background-size: contain;    top: 45%;z-index: 3}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover {
  transform: scale(1.1);
}

.squreleft{width: 56px;height: 56px;opacity: 1;position: absolute;top: 62px;z-index: 1}
.squreright{width: 56px;height: 56px;opacity: 1;position: absolute;bottom: 0px; right: 0;z-index: 1}

.squreleftbottom{width: 36px;height: 36px;opacity: 1;position: absolute;bottom:22px;left:22px;z-index: 1}
.squrerighttop{width: 36px;height: 36px;opacity: 1;position: absolute;top: 22px; right: 22px;z-index: 1}
.squreleftbottom_txt{width: 100%;opacity: 1;position: absolute;bottom:23px;right:24px;z-index: 1;text-align: right;color: #AAAAAA;font-size: 70%;}

.squreleftcombottom{width: 36px;height: 36px;opacity: 1;position: absolute;bottom:-22px;left:-22px;z-index: 1}
.squrerightcomtop{width: 36px;height: 36px;opacity: 1;position: absolute;top: -78px; right: -37px;z-index: 1}

.squreleftcombottom_m{width: 36px;height: 36px;opacity: 1;position: absolute;bottom:25px;left:0;z-index: 1}
.squrerightcomtop_m{width: 36px;height: 36px;opacity: 1;position: absolute;top: 0; right: 0;z-index: 1}




@media (max-width: 575.98px) {
  .draplive{width: 100% !important;left: 0 !important;}
  .fn-70{font-size: 100%;}
  #fullPage-nav{display: none;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .draplive{width: 100% !important;left: 0 !important;}
}


@media (min-width: 768px) and (max-width: 991.98px) {
}


@media (min-width: 992px) and (max-width: 1199.98px) {

}


@media (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 1199px) {
  .fullm{display: none;}
  .fulll{display: none;}
}
@media (min-width: 1200px) and (max-width: 1490px) {
  .fullm{display: block;}
  .fulll{display: none;}
}
@media (min-width: 1491.01px) {
  .fullm{display: none;}
  .fulll{display: block;}
}

/* FULLPAGE ================================================================================================================ */
/* FULLPAGE ================================================================================================================ */
/* FULLPAGE ================================================================================================================ */

#superContainer {
    height:100%;
    position:relative;
}
.section{
    position: relative;
    color: #212529;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
    padding-left: 1px;
}
.slides {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table{
  background: url(../images/Maskgroup03.png) repeat;
  margin: 0;
	display:table;
	width:100%;
}
.tableCell{
	display:table-cell;
	vertical-align: middle;
	width:100%;
	height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow{
    position:absolute;
    /* top:50%; */
    cursor:pointer;
	width: 0px;
	height: 0px;
	border-style: solid;
	margin-top: -38px;
}

.controlArrow.prev{
	left:15px;
	width: 0px;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}
.controlArrow.next{
	right:15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}
.scrollable{
	overflow:scroll;
}
.easing{
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav{
	position: absolute;
	z-index: 100;
	margin-top: -22px;
	top: 52%;
	opacity: 1;
}
#fullPage-nav ul{
	margin:0;
	padding:0;
}
#fullPage-nav li{
	display: block;
	width: 17px;
	height: 13px;
	margin: 7px;
}
#fullPage-nav li a{
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fullPage-nav li .active span{
	background: #89909c;
}
#fullPage-nav span{
	top: 2px;
	left: 2px;
	width: 9px;
	height: 9px;
	border: 1px solid #FFF;
	background: rgba(0, 0, 0, 0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
.header {
	width:100%;
	height:auto;
	position: absolute;
	top:5%;
	left:50%;
	margin-left: -50%;
	font-family: 'Amatic SC', Helvetica, cursive;
	font-size: 76px;
	color:#222;
	font-style: normal;
	font-weight: 700;
	text-align: center;
}

/* .ss1{background-color: unset !important;} */
.ss1 .prev{bottom: -60px;background: url('../images/arrow-prev.png') no-repeat;border-style: unset;width: 20px;height: 20px;background-size: contain;}
.ss1 .next{bottom: -60px;background: url('../images/arrow-right.png') no-repeat;border-style: unset;width: 20px;height: 20px;background-size: contain;}
.boxolf{width: 420px;height: auto;background: #FFFFFF;position: absolute;top: 190px;box-shadow: 0px 4px 8px #00000029;}
.boxolri{width: 420px;height: auto;background: #FFFFFF;position: absolute;top: 100px;box-shadow: 0px 4px 8px #00000029;right: 0;}

.fp-controlArrow.fp-prev{bottom: 27%;top: unset;background: url('../images/arrow-prev.png') no-repeat;width: 20px;height: 20px;background-size: contain;border: none;}
.fp-controlArrow.fp-next{bottom: 27%;top: unset;background: url('../images/arrow-right.png') no-repeat;width: 20px;height: 20px;background-size: contain;border: none;}


.ss3{background-color: #e3e4e5 !important;}
.ss3 .prev{bottom: -60px;background: url('../images/arrow-prev.png') no-repeat;border-style: unset;width: 20px;height: 20px;background-size: contain;}
.ss3 .next{bottom: -60px;background: url('../images/arrow-right.png') no-repeat;border-style: unset;width: 20px;height: 20px;background-size: contain;}



.pinmaps{
  width: 100px;
  position: absolute;
  right: -95%;
  height: 86px;top: 100px;
}

/*  */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 410px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:hover .overbfr {
  display: none;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  /* background-color: #bbb; */
  color: black;
}

.flip-card-back {
  /* background-color: #2980b9; */
  color: white;
  transform: rotateY(180deg);
}



#fp-nav ul li a span, .fp-slidesNav ul li a span{
  background: #092956;
}


/* cookie */
.Pdpa.jsx-2017572572{font-size: 0.78125rem;;background-color:#051c3d;padding:15px 50px 30px;position:fixed;bottom:0;width:100%;color:#cbcbcb;z-index:9999;opacity: 0.9}
.Pdpa.jsx-2017572572 strong.jsx-2017572572{font-size: 1.1em;;display:block;margin-bottom:10px;}
.Pdpa.jsx-2017572572 p.jsx-2017572572 a.jsx-2017572572{color:#e2e2e2;-webkit-text-decoration:underline;text-decoration:underline;}.isDesktop .Pdpa.jsx-2017572572 a.jsx-2017572572:hover{-webkit-text-decoration:none;text-decoration:none;}
.Pdpa.jsx-2017572572 .row{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Pdpa.jsx-2017572572 .buttonWrapper{text-align:right;}.isMobile .Pdpa.jsx-2017572572{padding:15px;}.isMobile .Pdpa.jsx-2017572572 .buttonWrapper
{margin-top:20px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.isMobile .Pdpa.jsx-2017572572 .button.jsx-2017572572{width:calc(50% - 5px);padding:5px 15px;height:40px;margin:0;}
.button.jsx-2017572572{display:inline-block;border:1px solid #cbcbcb;border-radius:20px;background:transparent;color:#cbcbcb;height:30px;min-width:100px;padding:0 15px;margin:0 5px;cursor:pointer;font-weight:bold;line-height:28px;-webkit-appearance:none;}
.button.jsx-2017572572:focus{background:transparent;outline:0;}
.btn-accept.jsx-2017572572{color:#FFF;background:#002453;}
.isDesktop .button.jsx-2017572572:hover{border:1px solid #fff;color:#fff;}
.isDesktop .button.btn-accept.jsx-2017572572:hover{background:#fff;color:#222;}

.closefilp{position: absolute;
    border: 0;
    bottom: 0;
    left: 50%;
  }