@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas-Regular.eot');
    src: url('../fonts/Bebas-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bebas-Regular.woff2') format('woff2'),
        url('../fonts/Bebas-Regular.woff') format('woff'),
        url('../fonts/Bebas-Regular.ttf') format('truetype'),
        url('../fonts/Bebas-Regular.svg#Bebas-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas-Regular_1.eot');
    src: url('../fonts/Bebas-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bebas-Regular_1.woff2') format('woff2'),
        url('../fonts/Bebas-Regular_1.woff') format('woff'),
        url('../fonts/Bebas-Regular_1.ttf') format('truetype'),
        url('../fonts/Bebas-Regular_1.svg#Bebas-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins.eot');
    src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins.woff2') format('woff2'),
        url('../fonts/Poppins.woff') format('woff'),
        url('../fonts/Poppins.ttf') format('truetype'),
        url('../fonts/oppins.svg#Poppins') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

body{
  margin:0px;
  padding:0px;
  font-size:14px;
    font-family: 'Poppins';
  font-weight: normal;
  font-style: normal;
  line-height:normal;
  overflow-x: hidden;
  max-width: 1600px;
  margin: 0 auto;
}
 
 
 
 .bg {
          /* The image used */
          background-image: url('../images/background.jpg');
          /* Full height */
          height: 100%;
          width: 100%;

          /* Center and scale the image nicely */
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
.social-icons {
    padding: 40px !important;
    float: right;
}
        .logo{
          padding-top: 20px;
          text-align: center;
        }
        .social-icons{
          padding: 40px;
          float: right;
        }
        .center-images{
          padding-top: 50px;
        }
        .bottom-contacts{
          padding-top: 30px;
          margin-left: -20px
        }
        .bottom-images{
          padding: 10px 0px 0px 0px;
          margin-left: -50px;
        }
.hovereffect {
width:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
/*social links top*/
.search-and-social-list{
  padding: 19px 0px;
  float: right;
  position: relative;
}
.search-and-social-list ul{
  padding: 0px;
  margin: 0px;
}
.search-and-social-list ul li{
  display: inline-block;
  border-radius: 50px;
  text-align: center;
}
.search-and-social-list ul li:hover{

}
.search-and-social-list ul li a{
  color: #000;
  display: block;
}
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform 1.1s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.3);
}



.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
     -webkit-animation-fill-mode: none; 
     animation-fill-mode: none; 
}
.hovereffect .overlay {
width:87%;
height:85%;
position:absolute;
overflow:hidden;
top:20px;
left:20px;
bottom:20px;
right:20px;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
border-radius: 15px;


}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
border: 1px solid #000;
border-radius: 15px;
}



.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:7px 14px;
width: 100%;
height: 100%;
font-size: 30px;
font-weight: bold;
padding-top: 50px;
border-radius: 15px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}












@media screen and (max-width: 768px) {
    .search-and-social-list {
    padding: 20px 0px !important;
    float: none;
    position: none;
    margin: 0px auto;
    width: 38%;
}
.center-images{
    padding:0px;
}
.img-hover-zoom {
    padding-bottom:20px;
}
}