.loader {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.99);
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 999;
	display: block;
}
@keyframes ldio-v6g4je6oqv {
 0% {
 top: 70.5px;
 left: 70.5px;
 width: 0;
 height: 0;
 opacity: 1;
}
 100% {
 top: 17.25px;
 left: 17.25px;
 width: 106.5px;
 height: 106.5px;
 opacity: 0;
}
}
.ldio-v6g4je6oqv div {
	position: absolute;
	border-width: 4.5px;
	border-style: solid;
	opacity: 1;
	border-radius: 50%;
	animation: ldio-v6g4je6oqv 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.ldio-v6g4je6oqv div:nth-child(1) {
	border-color: #d64900
}
.ldio-v6g4je6oqv div:nth-child(2) {
	border-color: #0fa298;
	animation-delay: -0.5s;
}
.loadingio-spinner-ripple-rf50obiksdm {
	width: 150px;
	height: 150px;
	display: inline-block;
	overflow: hidden;
	background: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	position: fixed;
	transform: translate(-50%, -50%);
}
.ldio-v6g4je6oqv {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0; /* see note above */
}
.ldio-v6g4je6oqv div {
	box-sizing: content-box;
}
/* all */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
/*background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);*/

:root {
	--main-bgcolor1: #fee1c7;
	  --main-bgcolor2:#1cefff;
}

body {
	width:100%; padding:0; margin:0;
  min-height: 100vh;
  background:url(../images/bg.jpg) repeat-y top center; background-size:100%;}
.mobile{display:none;}
.web{display:block;}
/* container and form */
.container {
  width: 100%;
  height:100vh;
position:relative;
overflow:hidden; text-align:center;
}

.block1{width:100%; height:15vh;-webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.5);box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.5); position:relative;}
.block1 img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:950px;}
.block2{width:100%; height:70vh; background:url(../images/pack.png) no-repeat bottom center; background-size:contain;}

.tab1{width:100%; height:5vh; background:url(../images/tab1.gif) no-repeat center #f47821; background-size:auto 100%;}
.tab1.active{background-image:url(../images/tab1-active.gif);}
.tab2{width:100%; height:5vh; background:url(../images/tab2.gif) no-repeat center #a85124; background-size:auto 100%;}
.tab2.active{background-image:url(../images/tab2-active.gif);}
.tab3{width:100%; height:5vh; background:url(../images/tab3.gif) no-repeat center #07b8ac; background-size:auto 100%;}
.tab3.active{background-image:url(../images/tab3-active.gif);}

.content{width:100%; height:70vh; background-color:#000; overflow:hidden;}
.btn img{height:100%;}
.open.first{display:block;}

.owl-carousel{width:100%; height:70vh;  max-width:900px; margin:0 auto;}
.owl-carousel .owl-stage-outer{height:66vh; padding:2vh 0 0 0;}
.owl-carousel .item{height:60vh; padding:0px 0 0 0; max-width:800px; margin:0 auto;}
.owl-carousel .item .scroll{overflow:hidden; overflow-y:auto; height:100%; width:100%; }
.bt-div{width:100%; height:30px;}
.owl-carousel .owl-item img.bt-download{display:inline; width:30px; float:right; padding-bottom:10px; cursor:pointer;}
.owl-dots{margin-top:5px;}
.owl-dot{background-color:#666; height:16px; width:16px; border:2px solid #000 !important; margin:2px; border-radius:50%;}
.owl-dot.active{height:20px; width:20px; border:0px solid #666 !important;}
.owl-nav{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.owl-nav .owl-prev{float:left; width:40px; height:40px; background:url(../images/prev.png) no-repeat left center; background-size:contain;}
.owl-nav .owl-next{float:right; width:40px; height:40px; background:url(../images/next.png) no-repeat right center; background-size:contain;}
.owl-nav .owl-prev span,.owl-nav .owl-next span{opacity:0;}
@media all and (max-width:480px) and (orientation:portrait) {
.mobile{display:block;}
.web{display:none;}
body{background-image:url(../images/bg-mobile.jpg); background-size:150%;}
.block1{height:35vh; box-shadow:none;}
.block1 img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80%; max-width:280px;}
.block2{height:50vh; background-size:170%;}

.tab1{background:url(../images/m-tab1.gif) no-repeat center #f47821; background-size:auto 100%;}
.tab1.active{background-image:url(../images/m-tab1-active.gif);}
.tab2{background:url(../images/m-tab2.gif) no-repeat center #a85124; background-size:auto 100%;}
.tab2.active{background-image:url(../images/m-tab2-active.gif);}
.tab3{background:url(../images/m-tab3.gif) no-repeat center #07b8ac; background-size:auto 100%;}
.tab3.active{background-image:url(../images/m-tab3-active.gif);}

.content{height:50vh;}

.bt-div{width:98%; height:25px;}
.owl-carousel{height:50vh;}
.owl-carousel .owl-stage-outer{height:46vh; padding-top:1vh;}
.owl-carousel .item{height:46vh;}
.owl-carousel .item .scroll{height:84%;}
.owl-carousel .owl-item img.bt-download{width:25px; padding-bottom:5px; margin-top:10px}
.owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{width:30px; height:30px;}
.owl-dots{margin-top:0;}
.owl-dot{background-color:#666; height:12px; width:12px; border:2px solid #000 !important; margin:2px; border-radius:50%;}
.owl-dot.active{height:16px; width:16px; border:0px solid #666 !important;}
}
@media all and (max-width: 1024px) and (orientation:portrait) {
.block2{background-size:160%;}
}


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

}