.custom-font-style-1{
	font-family: Futura-Md-BT-Medium!important;
}
.custom-font-style-2{
	font-family: Continuum-Bold!important;
}
.custom-main-div{
	margin-left:300px;
	/*margin-top: 78px;*/
}
.custom-tile{
	cursor: pointer;
}
.leftRs {
    position: absolute;
    margin: auto;
    top: -46px;
    bottom: 0;
    width: 40px;
    height: 40px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 999px;
    left: 0;
    outline: 0;
}

.rightRs {
    position: absolute;
    margin: auto;
    top: -46px;
    bottom: 0;
    width: 40px;
    height: 40px;
    box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 999px;
    right: 0;
    outline: 0;
}
.custom-img{
    /*height: 160px;*/
    height: 180px;
    width: 100%;
}
@media only screen and (max-width: 600px) {
    .custom-img{
        height: 120px;
        width: 100%;
    }
}
.custom-p{
    margin: 0px!important;
}
.errorMsg{
    color: red;
    font-size: 14px;
    font-family: Futura-Md-BT-Medium !important;
}
.custom-top-margin{
    margin-top: 120px!important;
}
.shoof-logo{
    width: 160px;
    cursor: pointer;
    outline: 0;
}

.header-btn{
  background-color: #FFB000!important;
  border:#000000!important;
  color:#ffffff!important;
  margin-right: 10px!important;
  cursor: pointer!important;
  padding: 10px!important;
  border-radius: 4px!important;
}
.header-btn:hover{
  background-color: #f7ce74!important;
  border:#000000!important;
  color:#ffffff!important;
  margin-right: 10px!important;
  cursor: pointer!important;
  padding: 10px!important;
  border-radius: 4px!important;
}
.header-btn-text{
  font-size: 16px!important;
}
.custom-title{
  font-size: 38px;
}
@media only screen and (max-width: 600px) {
    .custom-title{
        font-size: 22px;
    }
}
.fav-img{
  width: 100%;
  height: 220px;
}
@media only screen and (max-width: 1600px) {
 .fav-img{
    width: 100%;
    height: 180px;
  } 
}
@media only screen and (max-width: 1600px) {
  .fav-img{
    width: 100%;
    height: 160px;
  } 
}
@media only screen and (max-width: 1024px) {
  .fav-img{
    width: 100%;
    height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .fav-img{
    width: 100%;
    height: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .fav-img{
    width: 100%;
    height: 240px;
  }
}
.custom-w3-card{
  cursor: pointer;
 /* width: 20%!important;*/
}
/*@media only screen and (max-width: 767px) {
 .custom-w3-card{
    cursor: pointer;
    width: 50%!important;
  }  
}*/