/*
Theme Name: Aggica Child
Theme URI: https://babystreet.althemist.com/
Description: <strong>Babystreet theme by theAlThemist</strong> - <br/> Modern E-commerce WordPress / WooCommerce theme<br/> <a href='http://www.althemist.com'>Other themes by us.</a>
Version: 1.0.0
Template: babystreet
Author: theAlThemist
Author URI: https://www.althemist.com
License: Envato / Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: babystreet
*/

body{ font-family: "Poppins", sans-serif; letter-spacing: 0.7px; font-weight: 300;}

#header #logo img{ position: fixed; max-height: 150px;}
.babystreet-sticky-header #header{ box-shadow: 0px 0px 10px #00000015;}
#header.babystreet-sticksy #logo img{max-height: 80px;}

#banner{ padding:0px 0px 0px 0px;}

#about{ padding:90px 0px 50px 0px;}
.pg-img{ }
.pg-img img{ border-radius: 150px 0px 150px 0px; transition: all 0.5s ease;}
.pg-img img:hover{ border-radius: 0px 150px 0px 150px;}
.pg-hd{ text-align:left;}
.pg-hd h2{ text-transform: uppercase;}
.hm-about-txt{ width:100%; line-height: 1.8em;}
.hm-about-txt h5{ color: #373435; padding: 15px 0px 0px 0px; font-size: 19px;}

#services{ padding:90px 0px 50px 0px; background-color: #ebf7fa;}
.service-hd{ background: #00b9d5; border-radius: 15px; padding: 150px 30px 30px 30px; min-height: 536px;}
.service-hd p{ color: #FFF;}
.service-hd h2{ text-transform: uppercase; color: #FFF;}
.service-bx{ background: #fff; border-radius: 15px;}
.service-img{}
.service-img img{border-radius: 15px 15px 0px 0px;}
.service-txt{ text-align: left; padding: 15px 30px 30px 30px; min-height: 290px;}
.service-txt h5{ text-transform: uppercase; padding-bottom: 10px;}
.service-txt ul{ list-style: none; margin: 0 !important; padding: 0;}
.service-txt li{ list-style: none; margin: 0 !important; padding: 0px 0px 10px 30px; background: url("images/list-icon.png") no-repeat;
 background-position: left 0px top 1px; background-size: 20px;}

#team{ padding:80px 0px 50px 0px;}
.team-hd{}
.team-hd h4{ text-align: left; text-transform: uppercase; color: #000;}
.team-txt{ text-align: left;}
.team-txt h6{ text-transform: uppercase; padding-top: 15px;}
.team-txt p{ margin-top:10px;}

#contact{ padding:80px 0px 50px 0px; background: url("images/contact.jpg") top center no-repeat; background-size: cover;}
.pg-hd2{ text-align: center;}
.pg-hd2 h2{ text-transform: uppercase; color: #FFF;}
.contact-txt{ text-align: left;  color: #FFF;}
.contact-txt p{ text-align: left;  color: #FFF;}
.contact-txt h6{ text-transform: uppercase; color: #FFF; padding: 15px 0px;}
.contact-txt ul{ list-style:none; margin:0; padding:0;}
.contact-txt li{ list-style:none; margin:0px !important; padding:0px 0px 20px 35px; display:block; position:relative; font-size:15px; line-height:26px; color:#FFF;}
.contact-txt li img{ position:absolute; left:0; top:1px; width: 24px;}

textarea.wpcf7-form-control.wpcf7-textarea.fld2{ height: 120px;}


.grecaptcha-badge{ right: -300px !important;}
#footer{ border-top:0px !important;}
#footer > .inner{ padding-top:60px; padding-bottom:0px; display: none;}

#powered{ position:relative;}
#powered .author_credits{ float:left; text-align:left; padding:10px 0px; font-size:13px;}
#powered .author_company{ float:right; text-align:right;}
#powered .author_company a{ display:inline-block; padding-top:4px;}
#powered .author_company a img{ width:30px;}
#powered .inner{ padding-top:12px; padding-bottom:7px; border-top:0px solid #404860;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent;}
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }


@media screen and (min-width: 300px) and (max-width: 399px){
#about{ padding: 60px 0px 30px 0px;}
.pg-img img{ border-radius: 90px 0px 90px 0px;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
#team{ padding: 60px 0px 30px 0px;}
#contact{ padding: 60px 0px 30px 0px;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 400px) and (max-width: 499px){
#about{ padding: 60px 0px 30px 0px;}
.pg-img img{ border-radius: 90px 0px 90px 0px;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
#team{ padding: 60px 0px 30px 0px;}
#contact{ padding: 60px 0px 30px 0px;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 500px) and (max-width: 599px){
#about{ padding: 60px 0px 30px 0px;}
.pg-img img{ border-radius: 90px 0px 90px 0px;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
#team{ padding: 60px 0px 30px 0px;}
#contact{ padding: 60px 0px 30px 0px;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 600px) and (max-width: 699px){
#about{ padding: 60px 0px 30px 0px;}
.pg-img img{ border-radius: 90px 0px 90px 0px;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
#team{ padding: 60px 0px 30px 0px;}
#contact{ padding: 60px 0px 30px 0px;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 700px) and (max-width: 767px){
#about{ padding: 60px 0px 30px 0px;}
.pg-img img{ border-radius: 90px 0px 90px 0px;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
#team{ padding: 60px 0px 30px 0px;}
#contact{ padding: 60px 0px 30px 0px;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 768px) and (max-width: 799px){
#about{ padding: 60px 0px 30px 0px;}
#about .vc_col-sm-5{ width: 100%;}
#about .vc_col-sm-7{ width: 100%;}
#services{ padding: 60px 0px 30px 0px;}
#services .vc_col-sm-4{ width: 100%;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
.service-img img{ width: 100%;}
#team{ padding: 60px 0px 30px 0px;}
#team .vc_col-sm-5{ width: 100%;}
#team .vc_col-sm-7{ width: 100%;}
#contact{ padding: 60px 0px 30px 0px;}
#contact .vc_col-sm-3{ width: 50%;}
#contact .vc_col-sm-6{ width: 100%;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 800px) and (max-width: 899px){
#about{ padding: 60px 0px 30px 0px;}
#about .vc_col-sm-5{ width: 100%;}
#about .vc_col-sm-7{ width: 100%;}
#services{ padding: 60px 0px 30px 0px;}
#services .vc_col-sm-4{ width: 100%;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
.service-img img{ width: 100%;}
#team{ padding: 60px 0px 30px 0px;}
#team .vc_col-sm-5{ width: 100%;}
#team .vc_col-sm-7{ width: 100%;}
#contact{ padding: 60px 0px 30px 0px;}
#contact .vc_col-sm-3{ width: 50%;}
#contact .vc_col-sm-6{ width: 100%;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 900px) and (max-width: 999px){
#about{ padding: 60px 0px 30px 0px;}
#about .vc_col-sm-5{ width: 100%;}
#about .vc_col-sm-7{ width: 100%;}
#services{ padding: 60px 0px 30px 0px;}
#services .vc_col-sm-4{ width: 100%;}
.service-hd{ padding: 30px; min-height: auto;}
.service-txt{min-height: auto;}
.service-img img{ width: 100%;}
#team{ padding: 60px 0px 30px 0px;}
#team .vc_col-sm-5{ width: 100%;}
#team .vc_col-sm-7{ width: 100%;}
#contact{ padding: 60px 0px 30px 0px;}
#contact .vc_col-sm-3{ width: 50%;}
#contact .vc_col-sm-6{ width: 100%;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 1000px) and (max-width: 1099px){
#about{ padding: 60px 0px 30px 0px;}
#about .vc_col-sm-5{ width: 100%;}
#about .vc_col-sm-7{ width: 100%;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: 483px;}
.service-txt{min-height: 330px;}
.service-img img{ width: 100%;}
#team{ padding: 60px 0px 30px 0px;}
#team .vc_col-sm-5{ width: 100%;}
#team .vc_col-sm-7{ width: 100%;}
#contact{ padding: 60px 0px 30px 0px;}
#contact .vc_col-sm-3{ width: 50%;}
#contact .vc_col-sm-6{ width: 100%;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 1100px) and (max-width: 1199px){
#about{ padding: 60px 0px 30px 0px;}
#about .vc_col-sm-5{ width: 100%;}
#about .vc_col-sm-7{ width: 100%;}
#services{ padding: 60px 0px 30px 0px;}
.service-hd{ padding: 30px; min-height: 476px;}
.service-txt{min-height: 300px;}
.service-img img{ width: 100%;}
#team{ padding: 60px 0px 30px 0px;}
#team .vc_col-sm-5{ width: 100%;}
#team .vc_col-sm-7{ width: 100%;}
#contact{ padding: 60px 0px 30px 0px;}
#contact .vc_col-sm-3{ width: 50%;}
#contact .vc_col-sm-6{ width: 100%;}
.pg-hd2{ text-align: left;}

}

@media screen and (min-width: 1200px) and (max-width: 1299px){
.service-hd{ padding: 30px; min-height: 476px;}

}

@media screen and (min-width: 1300px) and (max-width: 1399px){
.service-hd{ padding: 120px 30px 30px 30px; min-height: 495px;}

}

@media screen and (min-width: 1400px) and (max-width: 1499px){
.service-hd{ padding: 120px 30px 30px 30px; min-height: 509px;}

}

@media screen and (min-width: 1500px) and (max-width: 1599px){
.service-hd{ padding: 120px 30px 30px 30px; min-height: 524px;}
	
}




