@charset "utf-8";
html{ /*background-color: #F5F5F5;*/  }
body{font-family: 'Poppins', sans-serif;font-size:16px;font-style:normal;line-height:24px;font-weight:normal;color:#212121;text-decoration:none;text-rendering:geometricPrecision;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;overflow-x:hidden}
*{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box;}
*{box-sizing:border-box;margin:0;padding:0;}
::selection{background:#CCA277;color:#fff;}
::-moz-selection{background:#CCA277;color:#fff;}
a{color:#3E3E3E;text-decoration:none;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
a:hover{color:#CCA277;}
p{margin:0 0 30px 0;clear:left;padding:0;}
h1, h2, h3, h4{margin:0 0 20px 0;padding:0;font-weight:normal; line-height:1;}
.bold, strong{font-weight: 700;font-weight:bold;}
img{border:0;}
a img{border:0;}
.list{margin:0 0 25px 0;padding:0;list-style:none;width:100%;float:left;}
.list li{margin: 0 0 4px;padding: 0 0 0 24px;background-image:url(../images/bullet.png);background-repeat:no-repeat;background-position: left 4px;background-size:15px;list-style-position:inherit;line-height:24px;font-size: 15px;}
.loader-wrp-cnt {position: relative;z-index: 3;text-align: center;margin-bottom: 50px;}
.loader-wrp-cnt h2{font-weight: 700;font-size: 42px;color: #E1B281;margin-bottom: 25px;}
.loader-wrp-cnt h3{font-size: 16px;color: #000000;margin-bottom: 10px; font-weight: 400; line-height: normal;}
.loader-wrp-cnt ul{ padding:0px; margin: 0px; }
.loader-wrp-cnt ul li{ list-style: none; display: block; }
.loader-wrp-cnt ul li span{display: inline-block;background-color: #f1d6ba;border: none;margin-bottom: 5px;padding: 3px 10px;
font-size: 15px;border-radius: 4px;}
.loader-logo{ margin-bottom: 10px; }
.loader-gif img{ width: 250px; }



/*********************************/
.loadingpage{
	width:100vw;
	height:100vh;
	background:#161616;
	font-weight: 700;
	position:fixed;
	z-index:1;
	overflow:hidden;
}
.loadingpage::before{
	content:'';
	width:100%;
	height:51%;
	// background:yellow;
	background:#fff;
	position:absolute;
	z-index:2;
	left:0%;
	top:0%;
}
.loadingpage::after{
	content:'';
	width:100%;
	height:51%;
	// background:blue;
	background:#fff;
	position:absolute;
	z-index:2;
	    bottom: 0%;
    left: 0%;
}
.loadingpage .counter{
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:3;
}
.loadingpage h1{
	margin:0;
	padding:0;
	color:#000;
	text-align: center;
	font-size:38px;
	font-weight: 700;
}
/******** when page is loaded **********/
.pageisloaded{
	visibility:hidden;
	//opacity:0;
	pointer-events:none;
	transform:translateY(-100%);
	transition:transform 1s 1.3s ease-out;
}
.pageisloaded::before{
	content:'';
	transform:translateY(-100%);
	transition:all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pageisloaded::after{
	content:'';
	transform:translateY(100%);
	transition:all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pageisloaded .counter{
	opacity:0;
	transition:all 0.3s ease-out;
}

.loadingpage .counter hr {
  background: #dd2e1f;
  border: none;
  height: 1px;
}
.loadingpage .counter .color {
  width: 0px;
  overflow: hidden;
  color: #dd2e1f;
}



@media only screen and (max-width:575px){
.loader-logo img{ width: 100px; }
.loader-gif img{ width: 130px; }
.loader-wrp-cnt h3{ font-size: 12px; margin-bottom: 5px; }
.loadingpage h1 { font-size: 28px;}
}

