.feedback-slides .owl-next
{
	position: absolute;
    top: 5px;
    right: 0;
}
.feedback-slides .owl-prev
{
	position: absolute;
    top: 5px;
    left: 0;
}

.feedback-slides .owl-prev i
{
	background: #fe235b;
	color: white;
	font-size: 22px;
	padding: 5px;
}
.feedback-slides .owl-next i
{
	background: #fe235b;
	color: white;
	font-size: 22px;
	padding: 5px;
}
.whats-float {

    position: fixed;

    transform:translate(108px,0px);

    bottom:10%;

    right:0;

    width:150px;

    overflow: hidden;

    background-color: #25d366;

    color: #FFF;

    border-radius: 4px 0 0 4px;

    z-index: 10;

    transition: all 0.5s ease-in-out;

    vertical-align: middle

}

.whats-float a span {

    color: white;

    font-size: 15px;

    padding-top: 8px;

    padding-bottom: 10px;

    position: absolute;

    line-height: 16px;

    font-weight: bolder;

}



.whats-float i {

    font-size: 30px;

    color: white;

    line-height: 30px;

    padding: 10px;

    transform:rotate(0deg);

    transition: all 0.5s ease-in-out;

    text-align:center;



}



.whats-float:hover {

    color: #FFFFFF;

    transform:translate(0px,0px);

}



.whats-float:hover i  {

    transform:rotate(360deg);

}

/* Floating Social Media Bar Style Ends Here */

.pt5

{

	padding-top: 5px

}

.highlight

{

	background: #f4833b;

	padding-right: 5px;

}

.highlight:hover

{

	background: #130947;

	padding-right: 5px;

}





/* Pop Up

========================================== */

.Click-here {

  cursor: pointer;

  

  color: #fff;

  width: 180px;

  text-align: center;



  padding: 18px 0;

  margin: 0 auto;

  transition:background-image 3s ease-in-out;

}

.Click-here:hover{

  transition:background-image 3s ease-in-out;

  

}

.custom-model-main {

  text-align: center;

  overflow: hidden;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0; /* z-index: 1050; */

  -webkit-overflow-scrolling: touch;

  outline: 0;

  opacity: 0;

  -webkit-transition: opacity 0.15s linear, z-index 0.15;

  -o-transition: opacity 0.15s linear, z-index 0.15;

  transition: opacity 0.15s linear, z-index 0.15;

  z-index: -1;

  overflow-x: hidden;

  overflow-y: auto;

}



.model-open {

  z-index: 99999;

  opacity: 1;

  overflow: hidden;

}

.custom-model-inner {

  -webkit-transform: translate(0, -25%);

  -ms-transform: translate(0, -25%);

  transform: translate(0, -25%);

  -webkit-transition: -webkit-transform 0.3s ease-out;

  -o-transition: -o-transform 0.3s ease-out;

  transition: -webkit-transform 0.3s ease-out;

  -o-transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

  display: inline-block;

  vertical-align: middle;

  width: 600px;

  margin: 30px auto;

  max-width: 97%;

}

.custom-model-wrap {

  display: block;

  width: 100%;

  position: relative;

  background-color: #fff;

  border: 1px solid #999;

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 6px;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  background-clip: padding-box;

  outline: 0;

  text-align: left;

  

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  max-height: calc(100vh - 70px);

	overflow-y: auto;

}

.model-open .custom-model-inner {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);

  position: relative;

  z-index: 999;

}

.model-open .bg-overlay {

  background: rgba(0, 0, 0, 0.6);

  z-index: 99;

}

.bg-overlay {

  background: rgba(0, 0, 0, 0);

  height: 100vh;

  width: 100%;

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 0;

  -webkit-transition: background 0.15s linear;

  -o-transition: background 0.15s linear;

  transition: background 0.15s linear;

}

.close-btn {

  position: absolute;

  right: 0;

  top: -30px;

  cursor: pointer;

  z-index: 99;

  font-size: 30px;

  color: #fff;

}



@media screen and (min-width:800px){

	.custom-model-main:before {

	  content: "";

	  display: inline-block;

	  height: auto;

	  vertical-align: middle;

	  margin-right: -0px;

	  height: 100%;

	}

}

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

  .custom-model-inner{margin-top: 45px;}

}





/* auto popu up*/

