html, body {font-family: 'Poppins', sans-serif;}
.top-bar__logo img {height: 75px; transition: all ease .3s;}
.home_banner {background: url(../img/home_img/img_1.jpg) 0 -150px no-repeat; background-size: cover; min-height: 600px;position: relative; padding: 200px 0}
.home_banner .ovrlay {position: absolute;background: url(../img/home_img/overlays/05.png) 0 0  repeat; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; opacity: .9}
.__title {font-size: 5rem}
._subtitle {font-size: 2rem; color: #fff}
.top-bar {position: fixed; z-index: 99; left: 0; top: 0; transition: all ease .3s;}
.top-bar .fixed{display: none;}
.top-bar.sticky {background: #fff; height: 70px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);}
.top-bar.sticky  .no-fixed{display: none;}
.top-bar.sticky  .fixed{display: block;}
.top-bar__inner {margin-top: 25px}
.top-bar__logo {margin-top: 0px}
.top-bar--style-1.sticky .top-bar__navigation a:not(.custom-btn) {color: #333}
.top-bar--style-1.sticky .custom-btn.custom-btn--style-4 {color: #333!important}
.top-bar--style-1.sticky .top-bar__logo img {height: 75px; margin-top: -10px}
.top-bar--style-1.sticky .top-bar__inner {margin-top: 10px}
.navigation li a:not(.custom-btn) img{width: 22px; filter: invert(100%);  }
.navigation li a:not(.custom-btn) img.radio{width: 22px; filter: invert(0); margin-top: -10px  }
.top-bar--style-1.sticky .navigation li a:not(.custom-btn) img {filter: invert(0);}
.top-bar--style-1.sticky .navigation li a:not(.custom-btn) img.radio {filter: invert(100%);}
#bg-img-1
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.section.medium {padding: 100px 0}
.sec-small {padding: 75px 0 100px}
.big-txt {font-size: 15px; line-height: 24px; color: #000; font-weight: 500}

.custom-btn {border-color: #999}
.custom-btn:hover {background:  #999!important; color: #fff}

.start-screen--style-4 .start-screen__content__item {height: 100vh}
.start-screen--style-4 .slick-dots {bottom: 15px;}
.start-screen--style-4  .slick-dots li button {background: rgba(255,255,255,.5);}
.start-screen--style-4 .slick-dots li.slick-active button { background:#fff }
.start-screen--style-4 .start-screen__content__item p{font-weight: 600}
.services {background: #069546; position: relative; padding: 80px 0 50px}
/*.services:before {content: "SERVICES"; font-weight: 700; font-size: 220px; color: #fff; opacity: .1; position: absolute; left: 8%;}*/
.services h2{text-transform: none;}
.services p {font-size: 16px}
.services .section-heading {margin-top:  0px;}
.services .right  img {max-width: 100px; margin-bottom: 10px; margin-top: -60px;}
.services .right p {font-size: 13px; color: #fff; margin: 10px 0 0; text-align: left; line-height: 18px; }
.services .right p.bold {font-weight: 600; font-size: 16px; text-align: center;}
.services .right .box { margin-bottom: 70px; border:solid 1px #2bc470; padding: 15px; min-height: 240px  }
.section-heading .__title {font-size: 4rem; text-transform: none; color: #666}
.section-heading .__title span {font-size: 2.5rem; display: block; color: #666; margin-bottom: 15px; font-weight: 500 }
 
.section--primary-bg {background: #fcdb5a}
.sec-3 {position: relative; padding: 100px 0}
.sec-3 img.img{margin-top: -170px }
.sec-3 p {color: #000;  line-height: 22px; font-size: 16px}
.sec-3 .box {padding-left: 80px; margin-bottom: 50px}
.sec-3 .box img{position: absolute; left: 0; top: -10px; max-width: 70px;}
.sec-3 .box div h4 {text-transform: none; margin: 0 0 10px}
.sec-3 .box div  p{font-size: 14px; margin: 0}
.radio-sec { background: rgb(57 232 133 / 15%); padding:50px 0 }
.radio-sec h4{font-size: 50px; margin-top: 30px}
.radio-sec h4 span {font-weight: 500}
.radio-sec  img {max-width: 120px;}
.radio-sec  img.icon {max-width: 70px}

.goat-sec {background:url('../img/home/Baby.png') 0 115% #eee no-repeat; background-size: 50%;padding: 100px 0; min-height: 500px; } 
.goat-sec .section-heading .__title {font-size: 5rem}
.goat-sec .section-heading .__title span {font-size: 5rem;}
.product-preview .__item .__title {font-size: 3rem}
.product-preview .__item:hover .__image +.__content {
    background-color: rgb(50 50 50 / 80%);
}
.product-preview .__item .__content h3{opacity: 0; transition: all ease .5s;}
.product-preview .__item:hover .__content h3{opacity: 1}
.product-preview h2 span {font-weight: 400}


.video-sec {background: url(../img/intro_img/3.jpg) 0 0; padding: 100px 0}
.video-sec  .play-btn span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-animation: 1.5s infinite play-btnPulse;
    animation: 1.5s infinite play-btnPulse;
}
 .start-screen .play-btn span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #333;
}
.book-now {  background: #555; padding: 75px 0}
.book-now  .section-heading .__title, .book-now  .section-heading .__title span { font-size: 4rem}
.book-now  .section-heading p{font-size: 14px}
.book-now .container{padding: 50px 15px}
form .textfield {border-color: #eee; color: #fff}
form .textfield::placeholder{color: #ccc}
.book-now  .custom-btn {background: #333!important; font-size: 16px}
.book-now  .custom-btn:hover{background: transparent!important; color: #fff}
#footer .footer__item img {max-width: 150px}
.whatsapp {display: none;}
.partners {background: #13a758; padding: 75px 0}
.partners  .section-heading .__title {margin-bottom: 75px}
.partners  .section-heading .__title, .partners  .section-heading .__title span { font-size: 4rem}
.partners img{max-width: 80%}
.footer--style-1 ul  li {margin: 10px 0}
.footer--style-1 ul  li a {color: #333; }
.footer--style-1 address p i{ color: #84AB40; padding-right: 5px; font-size: 16px }
.pageloader {position: fixed; width: 100%; height: 100%; background: #fff; z-index: 9999}
.pageloader img{max-width: 120px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

@media (min-width: 1600px){
	.services:before {left: 18%; font-size: 250px}
	.container {max-width: 1440px}
	.goat-sec {background-size: 42%; background-position: 10% 100%}
}

@media (max-width: 768px){
	.top-bar__logo{margin: 0px 5px}
	.top-bar__logo img{max-height: 50px}
	.top-bar__navigation-toggler {top: 8px}
	.navigation li {line-height: 2}
	 
	.top-bar.sticky .top-bar__navigation-toggler--light span, .top-bar.sticky 
	.top-bar__navigation-toggler--light span:after, .top-bar.sticky 
	.top-bar__navigation-toggler--light span:before {background-color: #333}
	 .top-bar{transition: all ease .1s;}
	.top-bar.sticky {height: 55px}
	.section-heading .__title {font-size: 3rem}
	.top-bar--style-1.sticky .top-bar__logo img {margin-top: 0}
	.top-bar--style-1.sticky .navigation li a:not(.custom-btn) img {
	    filter: invert(100%);
	}
	 
	.sec-3 .section-heading .__title { margin-top: 30px}
	.slick-dots li button {background: #ddd}
	 
	.book-now{margin-top: 0}
	#footer .social-btns a {font-size: 1.8rem;}
	.top-bar.is-expanded .top-bar__inner:before, .top-bar.is-expanded .top-bar__inner>div:first-child{vertical-align: top;}
	.sec-3 p {font-size: 15px; font-weight: 500}
	.top-bar.is-expanded .no-fixed{display: block;}
	.top-bar.is-expanded .fixed{display: none;}
	.top-bar--style-1.is-expanded .top-bar__navigation a:not(.custom-btn) {color: #fff}
	.top-bar.is-expanded .top-bar__navigation-toggler--light span, .top-bar.is-expanded 
	.top-bar__navigation-toggler--light span:after, .top-bar.is-expanded 
	.top-bar__navigation-toggler--light span:before {background-color: #fff}
	.whatsapp {display: block; position: fixed; bottom: 20px; left: 15px;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.40);-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.40);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); width: 50px; height: 50px; border-radius: 50px}
	.whatsapp img{max-height: 50px}
	.services {padding: 75px 0}
	.services .section-heading {margin-top: 0}
	.services .right img {max-width: 120px}
	.sec-3 .box img {position: relative;}
	.sec-3 .box {padding-left: 15px}
	.radio-sec img {margin-top: 25px}
	.goat-sec .section-heading .__title, .goat-sec .section-heading .__title span {font-size: 4rem}
	.goat-sec {background-size: 100%; padding: 50px 0; background-position: 50px 115%}
	.product-preview--style-1 .__item {
	    height: 200px;
	}
	.product-sec {padding-top: 125px}
	.book-now .container {
	    padding: 0px 15px;
	}
	.partners img {
	    max-width: 100%;
	    margin-bottom: 30px;
	}
}