@charset "UTF-8";
/*----------------------------------------------------------------------

	MASTER STYLESHEET

	Project:        Metronic "Acidus" Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4
	Version:        1.0
	Author:         KeenThemes
	Primary use:    Corporate, Business Themes.
	Email:			support@keenthemes.com
	Follow: 		http://www.twitter.com/keenthemes
	Like: 			http://www.facebook.com/keenthemes
	Website:		http://www.keenthemes.com
	Premium:		Premium Metronic Admin Theme: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

-----------------------------------------------------------------------*/
/* eg: @include user-select(none); */
/* eg: @include rotate(45deg); */
/* eg: @include translate3d(0,0,0); */
/* eg: @include border-radius(3px); */
/* eg: @include visibility-backface(hidden); */
/*------------------------------------------------------------------
  	[The "base.scss" contains basic default element styles
  		(colors, typography, margins & padding).]
------------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body{
  font-family: 'Comfortaa', sans-serif!important;
}
h1, h2, h3, h4, h5 {
  font-family: 'Pattaya', sans-serif!important;
}
h2{
  font-size: 3rem!important;
}

.custom_logo{
  width: 100%;
}

.navbar-fixed-top{
  position: fixed!important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0,0,0,.4);
  background-color: #FFDBDE!important;
}
figure {
  margin: 0!important;
}
#primary-menu{
  margin: 0;
  padding: 0;
  display: flex;
}
#primary-menu li{
  padding: 0 2%;
  list-style-type: none;
}
#primary-menu li a{
  color: #697880;
  font-weight: 400;
  font-size: 1.1rem;
}

.header{
  width: 100%;
  position: absolute;
}

.header_location p, .header_location a{
  margin: 0;
  color: #696D7C;
}

.home_bg{
  justify-content: center;
  align-items: center;
  display: flex;
  background-size: 100vw 100vh;
  height: 100vh;
  background-repeat: no-repeat;
}
.home-text h1{
  color: #FFFFFF;
  font-size: 3rem;
  margin-bottom: 15%;
}
.home-text p{
  color: #697880;
  padding: 0 13% 0 0%;
}
.home-text button{
  background: #E57EA6;
  border-radius: 88px;
  padding: 15px;
  color: #ffffff;
  outline: 0;
  border: none;
  margin-top: 1%;
}
.home-text button:focus{
  outline: 0;
  border: none;
}
.home-text button:hover{
  background: #c16d8e;
}
/* .home-img img{
  width: 100%;
} */


/* Why we */
.why_we{
  padding: 5% 0%;
}
.why_we h2{
  color: #3D474C;
  text-align: center;
  padding-bottom: 10%;
}
.why_we_parent{
  height: 154px;
  padding: 14px 24px;
  background-color: #FFDBDE;
  border-radius: 30px;
}
.why_we_parent .circle_icon{
  position: absolute;
  left: 40%;
  top: -25px;
  width: 81px;
  height: 70px;
  background: #FFFFFF;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.why_we_parent img{
  width: 60%;
}
.why_we_child{
  height: 126px;
  border: 3px solid #FFFFFF;
  background-color: #FFDBDE;
  border-radius: 30px;
}
.why_we_child p{
  margin: 0px;
}
/* End Why we */


/* Portfolio */
.portfolio{
  padding: 5% 0%;
}
.products__content{
  padding: 20px 24px;
  border-radius: 35px;
  background: #FFF3F4;
  position: absolute;
  width: 100%;
  top: 63%;
  word-break: keep-all;
}
.portfolio h2{
  color: #3D474C;
  text-align: center;
  padding-bottom: 5%;
}
.products__wrap{
  padding: 20% 0;
  word-break: break-word;
}
.slick-slide {
  word-break: break-all;
  margin: 0 20px;
  transform: scale(0.80);
}
.slick-slide:focus{
  outline: none!important;
}
.slick-slide img {
  margin-bottom: 40%;
  border-radius: 35px 35px 0px 0px;
}
.slick-list.draggable{
  padding: 3% 60px!important;
}
.slick-slide.slick-active{
  transition: all 300ms ease;
}
.slick-slide.slick-active.slick-center{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  filter: drop-shadow(0px 3px 19px rgba(0, 0, 0, 0.15));
  transition: all 300ms ease;
}
.slick-arrow{
  position: absolute;
  top: 50%;
  outline: none;
  border: none;
}
.slick-next.slick-arrow{
  right: -5%;
}
.slick-prev.slick-arrow{
  left: -7%;
}
/* End Portfolio */


/* Abous Us */
.about_us{
  background-position: center;
  background-size: 100% 100%;
  padding: 5% 0%;
}
.about_us img{
  width: 100%;
}
.about_us_text h2{
  color: #3D474C;
  padding-bottom: 3%;
}
.about_us_text p{
  color: #3D474C;
}
.about_us_text b{
  color: #696D7C;
}
/* End Abous Us */

/* Good news */
.good_news{
  padding-top: 2%;
}
.good_news img{
  width: 100%;
}
.good_news h2{
  color: #E2999E;
  padding-bottom: 3%;
}
.good_news p{
  color: #697880;
  padding-bottom: 3%;
}
/* End Good news */

/* Contacts */
.contacts{
  padding: 2% 0%;
  background-size: cover;
}
.contacts p{
  color: #434E74;
  margin-bottom: 5px;
}
.contacts h2{
  margin-top: 3%;
  color: #434E74;
  font-size: 2.5rem;
}
input[type=text].wpcf7-form-control,
input[type=tel].wpcf7-form-control {
  outline: none;
  border: none;
  padding: 15px 30px;
  border-radius: 25px;
}
textarea.wpcf7-form-control {
  outline: none;
  border: none;
  padding: 30px;
  border-radius: 35px;
  width: 90%;
}
input[type=submit].wpcf7-form-control{
  background: #E57EA6;
  border-radius: 88px;
  padding: 15px;
  color: #ffffff;
  outline: 0;
  border: none;
  margin-top: 1%;
}
input[type=submit].wpcf7-form-control:focus{
  outline: 0;
  border: none;
}
input[type=submit].wpcf7-form-control:hover{
  background: #c16d8e;
}
input[type=text].wpcf7-form-control,
input[type=tel].wpcf7-form-control{
   width: 100%;
}
/* End Contacts */


/* Maps */
.maps-wrap{
  width: 56%;
}
.maps-wrap iframe {
  border:0;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}
.maps-address h2{
  color: #434E74;
}
.maps-address p a,
.maps-address p{
  color: #434E74;
  margin-bottom: 10px;
}
.maps-address div{
  text-align: end;
}
.maps-address div p:first-child{
  text-transform: capitalize;
}
/* End maps */

.footer{
  background-color: #697880;
  padding: 2% 0%;
}
.footer .left_block{
  color: #fff9f1;
}
.footer .left_block .copyright{
  margin-bottom: 5px;
  color: #FFFFFF;
}
.footer .left_block .created_by,
.footer .left_block .created_by a{
  color: #FFFFFF;
} 
.footer .left_block p{
  margin-bottom: 0px;
}
.footer .footer-menu ul{
  margin: 0px;
  padding: 0px;
}
.footer .footer-menu ul li{
  list-style-type: none;
}
.footer .footer-menu ul li a{
  color: #C0CED1;
}
.footer .address p a,
.footer .address p{
  color: #FFFFFF;
  margin-bottom: 5px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 319px) and (max-width: 767.98px) { 
  .home-text h1{
    font-size: 2rem;
	margin-bottom: 0%;
  }
  .home-text p {
    font-size: 1rem;
    margin: 8% 0%;
  }
  .slick-slide.slick-active.slick-center{
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
  }
	.home-img img{
	  width: 100%;
	}
  .maps-wrap {
    width: 100%;
  }
	.header-mob-menu.visible-menu {
		display: block!important;
		background: #ffdbde;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .header-menu ul li a{
    margin: 0 5px;
  }
  .portfolio_item,
  .service-item {
    width: 50%;
    margin-bottom: 5%;
  }
  .maps-wrap {
    width: 100%;
  }
  textarea.wpcf7-form-control{
    width: 98%;
  }
  .portfolio_text_main {
    top: 40%;
    right: 20%;
    width: 35%;
  }
  .portfolio_text {
    top: 35%;
    right: 10%;
    width: 52%;
  }
	.home-img img{
	  width: 100%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}