.loading {
  overflow: hidden;
  height: 100vh;
}
.preloder-logo{
	width:300px;
	height:70px;
	margin:10px auto 50px auto;
	font-size:50px;
	text-align:center;
	
}
/*=================================================
				Preloader
=================================================*/
#preloader h3 {
   text-align:center;top:25%;position:relative;color:#ee4c41;font-weight:bold;font-size:34px
}
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 101vh;
    background-color: #fff;
    z-index: 1000;
}

#spinner {
	position: relative;
	width: auto;
	height: 50px;
	top: 43%;
	left: 45.5%;
	margin-left: -25px;
	margin-top: -25px;
	-webkit-animation: spinner 5s infinite linear;
	-moz-animation: spinner 5s infinite linear;
	-ms-animation: spinner 5s infinite linear;
	animation: spinner 5s infinite linear;
}
.preloader-img {
	position: absolute;
	width: auto;	
	top: 32%;
	left: 37.5%;	
}
#spinner img{
	width:auto;
}
#spinner li{
	display:inline-block;
}
.pre-social {
    margin-left: -170px;
    /* margin-right: auto; */
    padding: 20px 10px;
    border: solid 3px #ee4c41;
	width: fit-content;
	color:#ee4c41;
	font-weight:bold;
	font-size:24px;
}
.icon-bar {
  position: fixed;
  top: 66%;
  right: 1%;  
  /*border:solid 3px #ee4c41;*/
  color:#ee4c41;
  z-index: 999;
}


.icon-bar p{
  padding: 10px 10px;
  font-weight:bold;
  font-size:18px;
}
#spinner .social-content-list li{
    padding: 10px 20px;
}
#spinner .social-content-list{
    margin-left:-50px;
}
#spinner .social-content-list .fa{
    font-size:40px;
}
/*#spinner span{
	width: 25px;
	height: 25px;
	position: absolute;
	background: #6ED0E6;
	display: block;
	-webkit-animation: spinner_span 1s infinite linear;
	-moz-animation: spinner_span 1s infinite linear;
	-ms-animation: spinner_span 1s infinite linear;
	animation: spinner_span 1s infinite linear;
}

#spinner span:nth-child(1) {
	background: #6ED0E6;
}

#spinner span:nth-child(2) {
	left: 25px;
	background: #6ED0E6;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	animation-delay: .2s;
}

#spinner span:nth-child(3) {
	top: 25px;
	background: #6ED0E6;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	animation-delay: .4s;
}

#spinner span:nth-child(4){
	top: 25px;
	left: 25px;
	background: #6ED0E6;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	animation-delay: .6s;
}

@-webkit-keyframes spinner {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-webkit-keyframes spinner_span {
   0% { -webkit-transform:scale(1); }
   50% { -webkit-transform:scale(0.5); }
   100% { -webkit-transform:scale(1); }
}

@-moz-keyframes spinner {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-moz-keyframes spinner_span {
   0% { -moz-transform:scale(1); }
   50% { -moz-transform:scale(0.5); }
   100% { -moz-transform:scale(1); }
}

@-ms-keyframes spinner {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}

@-ms-keyframes spinner_span {
   0% { -ms-transform:scale(1); }
   50% { -ms-transform:scale(0.5); }
   100% { -ms-transform:scale(1); }
}

@-ms-keyframes spinner {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}

@keyframes spinner_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}*/

/* Loaded */
.loaded #preloader .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #preloader .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #spinner {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #preloader {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #preloader {
  display: none;
}
@media (max-width: 1600px) {
.preloader-img {
    position: absolute;
    width: auto;
    top: 32%;
    left: 34%;
}
}

@media (max-width: 1366px) {
.preloader-img {
    position: absolute;
    width: auto;
    top: 28%;
    left: 33%;
}
#preloader h3 {
   top:20%;
}
.icon-bar {  
  top: 52%;  
  right: 1.5%;
}
}

@media (max-width: 1280px){
.preloader-img {
    position: absolute;
    width: auto;
    top: 32%;
    left: 31%;
}
.icon-bar {  
  top: 55%;  
}
}

@media (max-width: 1040px){
.preloader-img {
    position: absolute;
    width: auto;
    top: 30%;
    left: 28%;
}
.icon-bar {  
  top: 57%;  
}
}

@media (max-width: 768px){
.preloader-img {
    position: absolute;
    width: auto;
    top: 33%;
    left: 22%;
}
#preloader h3 {
   top:26%;
}
.icon-bar {  
  top: 67%;
  right: 2.1%;  
}
}

@media (max-width: 640px){
.preloader-img {
    position: absolute;
    width: 70%;
    top: 33%;
    left: 15%;
}
#spinner img{
	width:auto;
	margin-left:-50px;
}
.pre-social {  
	font-size:14px;
	margin-left:-110px;
}
.icon-bar p{  
  font-size:14px;
}
#spinner .social-content-list {
    margin-left: -15%;
}
.icon-bar {  
  top: 67%;
  right: 2.5%;  
}
}

@media (max-width: 480px){
.preloader-img {
    position: absolute;
    width: 60%;
    top: 35%;
    left: 18%;
}
#spinner img{
	width:auto;
	margin-left:-50px;
}
#preloader h3 {
   top:28%;
   font-size:28px;
}
.pre-social {  
	font-size:14px;
}
.icon-bar {  
  top: 60%; 
  right: 3%;
}
#spinner .social-content-list {
    margin-left: -18%;
}
#spinner .social-content-list .fa{
    font-size:28px;
}
}
@media (max-width: 460px){
.preloader-img {
    position: absolute;
    width: 60%;
    top: 33%;
    left: 18%;
}
#spinner img{
	width:100px%;
}
.pre-social {  
	font-size:14px;
}
.icon-bar {  
  top: 50%;  
}
}
@media (max-width: 440px){
	.icon-bar {  
	top: 50%; 
	right:3%;  
}
.icon-bar p{  
  font-size:12px;
}
}
@media (max-width: 319px){
.preloader-img {
    position: absolute;
    width: 60%;
    top: 0%;
    left: 18%;
}
#spinner img{
	width:150%;
}
.icon-bar {  
  top: 0%;  
}
}
@media (max-width: 318px){
.preloader-img {
    position: absolute;
    width: 60%;
    top: 0%;
    left: 18%;
}
#spinner img{
	width:150%;
}
.icon-bar {  
  top: 50%;  
}
}