.container-cat-img{

  position: relative;

  width: 100%;

  max-width: 25%;

  padding:5px;

}

.top-container{

  margin-top: 93px;

}

.custom-title{

  font-size: 36px;

  font-weight: 700;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  text-align: center!important;

  font-weight:300;

}

.custom-title-cat {

  font-size: 36px;

  font-weight: 700;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  text-align: center!important;

  font-weight:300;

}

.custom-title-cat {

  border-bottom: 1px solid #b4b4b4; 

   line-height: 0.1em;

   margin: 10px 0 20px; 

}



.custom-title-cat .cat-hr-line{ 

    background:#fff; 

    padding:0 10px; 

}



.img-cat-btn{

  position: absolute;

  top: 20%;

  right: 15%;

  background-color: #FAC34E;

  cursor: pointer;

  border: none;	

  border-radius: .5rem;

  color: white;

  font-size: 20px;

  padding: .25rem .5rem;

}

.custom-btn-outline{

  font-size: 14px;

  padding: 5px 20px;

  font-weight: 400;

  background: transparent; 

  color: #FAC34E !important;

  background-image: none;

  border-color: #FAC34E;

  border-radius: 30px;

  cursor: pointer;

}



.custom-btn-outline:hover{

  background: #FAC34E; 

  color: #ffffff !important;

  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);

}



.custom-btn-submit{

  font-size: 14px;

  padding: 5px 25px;

  font-weight: 400;

  background: #FAC34E !important; 

  color: #ffffff !important;

  border-radius: 30px;

  cursor: pointer;

}



.img-cat-icon{

  position: absolute;

  top: 40%;

  left: 23%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  z-index:1;

  font-size: 50px;

  color: white;

}

.email{

  border-radius: 30px;

  background-color: #FAC34E;

  margin-left: 30px;

  padding: 10px 30px;

}

.tel {

  border-radius: 30px;

  background-color: #FAC34E !important;

  margin-left: 20px;

  padding: 10px 30px;

}

.custom-img-btn{

  position: absolute;

  top: 80%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  background: #FAC34E !important;

  color: #fff !important;

  border-radius: 0px;

  text-transform: uppercase;

  font-size: 20px;

  padding: 10px 30px;

}

.img-cat-btn:hover{

  color: #000 !important;

  box-shadow: 0 6px 22px rgba(198, 198, 198, 0.3);

}

.custom-img-btn:hover{

  color: #000 !important;

   box-shadow: 0 6px 22px rgba(198, 198, 198, 0.3);

}



.custom-2img-container{

  position: relative;

  width: 100%;

  max-width: 50%;

  padding:5px;

}



.custom-3img-container{

  position: relative;

  width: 100%;

  max-width: 33.33%;

  padding-bottom:5px;

}



.custom-img-container{

  position: relative;

  width: 100%;

}



.custom-img-text{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  text-transform: uppercase;

  color: #fff;

  font-size: 35px;

  font-weight: 300;

  line-height: normal;

}



.img-cat{

  width:450px;

  height:auto;	



}

.nav-signin-btn {

  color: #ffffff;

  font-size: 14px;

  padding: 3px 15px 3px;

  margin-left: 10px;

  position: relative;

  background-color: #FAC34E;

  text-align: center;

  display: inline-block;

  text-transform: uppercase;

  top: 28%;

}



.nav-signin-btn:hover {

  color: #000000 !important;

  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);

}



.nav-signin-btn i {

  margin-right: 3px;

}



.nav-i-position {

  padding: 3px 10px 3px;

  margin-left: 15px;

  position: relative;

  text-align: center;

  display: inline-block;

  top: 23%;

}



.vl {

  border-left: thin solid black;

  height: 35px;

}



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

.top-container{

  	margin-top: 80px;

  }

.container-cat-img{

  	position: relative;

	width: 100%;

  	max-width: 50%;

  } 

.img-cat-btn {

    position: absolute;

    top: 13%;

    right: 13%;

    background-color: #FAC34E;

    cursor: pointer;

    border: none;

    color: white;

    font-size: inherit;

  }

.custom-img-text{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  text-transform: uppercase;

  color: #fff;

  font-size: 16px;

  font-weight: light;

  }

.img-cat-icon {

	font-size: 30px;

	left: 20%;

  }

.container-cat-2img{

	position: relative;

	width: 100%;

	max-width: 50%;

  }

.custom-3img-container{

  position: relative;

  width: 100%;

  max-width: 33.33%;

  padding:5px;

  }



.custom-img-btn{

  position: absolute;

  top: 78%;

  left: 50%;

  background: #FAC34E;

  color: #fff;

  border-radius: 0px;

  text-transform: uppercase;

  font-size: 13px;

  padding: 5px 15px;

  }

.email{

  border-radius: 30px;

  background-color: #FAC34E;

  margin: 30px;

  padding: 10px 30px;

  white-space: nowrap;

}



.tel {

  border-radius: 30px;

  background-color: #FAC34E;

  margin: 30px;

  padding: 10px 30px;

  white-space: nowrap;

  }

}



/* only small tablets */

@media (min-width: 768px) and (max-width: 991px) {

.top-container{

  	margin-top: 75px;

  }

.container-cat-img{

  	position: relative;

	width: 100%;

  	max-width: 50%;

  } 

.img-cat-btn {

    position: absolute;

    top: 18%;

    right: 16%;

    font-size: 30px;



  }

.custom-img-text{ 

  font-size: 30px;

  line-height: normal;

  }

.img-cat-icon {

	font-size: 55px;

	left: 20%;

  }

.container-cat-2img{

	position: relative;

	width: 100%;

	max-width: 50%;

  }

.custom-3img-container{

  position: relative;

  width: 100%;

  max-width: 33.33%;

  padding:5px;

  }



.custom-img-btn{

    font-size: 25px;

    top: 83%;

  }

}





@media (min-width: 992px) and (max-width: 1199px) {

.top-container{

  	margin-top: 93px;

  }

.container-cat-img{

  	position: relative;

	width: 100%;

  	max-width: 50%;

  } 



.img-cat-btn {

    position: absolute;

    top: 15%;

    right: 10%;

    font-size: 30px;



  }

.custom-img-text{ 

  font-size: 35px;

  line-height: normal;

  }

.img-cat-icon {

	font-size: 55px;

	left: 20%;

  }

.container-cat-2img{

	position: relative;

	width: 100%;

	max-width: 50%;

  }

.custom-3img-container{

  position: relative;

  width: 100%;

  max-width: 33.33%;

  padding:5px;

  }



.custom-img-btn{

    font-size: 28px;

    top: 83%;

  }

}