@charset "utf-8";
/* CSS Document */
body{ 
  width:100%;
  padding:0; 
  margin:0; 
  overflow-x:hidden;
  background:#fff; 
  color:#fff; 
  font-family: 'Poppins', sans-serif;
}

a{ 
  display:inline-block;
  text-decoration:none;
  padding:0; 
  margin:0; 
  transition:all 500ms ease-in-out;
}

a:focus, a:hover{ 
  outline:none; 
  text-decoration:none; 
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}

ul,li{ 
  padding:0; 
  margin:0; 
  list-style:none; 
}

button:focus{
  outline:none;
}

img{
  max-width:100%;
  height:auto;
}

/* ===== common css ====== */
.common_btn{
  font-size:16px;
  color:#fff;
  line-height:18px;
  background:#ff8d55;
  border-radius:30px;
  padding:15px 30px;
}

.common_btn:hover{
  background:#0050ff;
  color:#fff;
}

.common_btn2{
  font-size:16px;
  color:#fff;
  line-height:18px;
  background:#0050ff;
  border-radius:30px;
  padding:15px 30px;
}

.common_btn2:hover{
  background:#ff8d55;
  color:#fff;
}

.text-common{
  font-size:16px;
  color:#000;
  line-height:26px;
  padding-bottom:20px;
}

/* ===== Header Starts ====== */
.navbar-default{ 
  background:none; 
  border:none;
  padding:0;
  margin:0; 
  transition:all 600ms ease-in-out; 
}

.header-top{
  background:#5c676b;
  padding:12px 0;
  transition:all 600ms ease-in-out; 
}

.hd-contact li span{
  margin-right:8px;
}

.hd-contact li a{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
}

.hd-contact li a:hover{
  color:#fff602;
}

.header-bottom{
  padding:15px 0;
  transition:all 600ms ease-in-out; 
}

.hd-logo{
  width:122px;
  transition:all 600ms ease-in-out;
}

@media screen and (min-width:992px){
  .navbar-default.navbar-fixed .header-top{
    margin-top:-50px;
  }

  .navbar-default.navbar-fixed .header-bottom{
    box-shadow:0 4px 6px rgba(0,0,0,.1);
    padding:10px 0;
  }

  .navbar-default.navbar-fixed .hd-logo{
    width:90px;
  }

}

.home-banner{
  background:#5c676b;
  margin-top:200px;
  padding:40px 0 210px;
}

.home-banner:before{
  content:"";
  position:absolute;
  width:40%;
  height:100%;
  background:#4fc8fb;
  right:0;
  top:0;
}

.home-banner:after{
  content:"";
  position:absolute;
  width:100%;
  height:315px;
  background:url(../images/banner-btm-design.png) no-repeat left top;
  background-size:cover;
  left:0;
  bottom:0;
}

.banner-img{
  z-index:999;
}

.banner-img img{
  border-radius:50%;
}

.banner-img:after{
  content:"";
  position:absolute;
  width:285px;
  height:286px;
  background:url(../images/dot-img01.png) no-repeat left top;
  right:-100px;
  top:0;
  bottom:0;
  margin:auto 0;
  z-index:-1;
}

.banner-bg-title{
  font-size:54px;
  line-height:64px;
  padding-bottom:20px;
}

/* .banner-content a{
  font-size:20px;
  color:#fff;
  line-height:22px;
  font-weight:600;
  background:url(../images/right-arrow01.png) no-repeat left center;
  padding:3px 0 3px 35px;
}

.banner-content a:hover{
  color:#ff8d55;
} */

.about-panel,
.service-panel{
  padding:60px 0;
}

.about-img{
  z-index:999;
}

.about-img:before{
  content:"";
  position:absolute;
  width:285px;
  height:286px;
  background:url(../images/dot-img02.png) no-repeat left top;
  left:-20px;
  top:-20px;
  z-index:-1;
}

.about-img img,
.choose-img img{
  border-radius:50%;
}

.about-sm-title,
.testimonial-sm-title,
.service-sm-title{
  font-size:22px;
  color:#41b2fc;
  line-height:24px;
  font-weight:600;
  padding-bottom:10px;
}

.about-bg-title,
.testimonial-bg-title,
.choose-bg-title,
.h-form-title,
.service-bg-title{
  font-size:46px;
  color:#080708;
  line-height:54px;
  padding-bottom:25px;
}

.mission-title{
  font-size:30px;
  color:#0659ff;
  line-height:32px;
  font-weight:600;
  padding-bottom:20px;
}

.testimonial-panel{
  background:#4fc8fb;
  padding:160px 0;
}

.testimonial-panel:before{
  content:"";
  position:absolute;
  width:100%;
  height:213px;
  background:url(../images/testimonial-top-bg.png) no-repeat center bottom;
  background-size:cover;
  left:0;
  top:0;
}

.testimonial-panel:after{
  content:"";
  position:absolute;
  width:100%;
  height:213px;
  background:url(../images/testimonial-bottom-bg.png) no-repeat center top;
  background-size:cover;
  left:0;
  bottom:0;
}

.inner-sec .sp-testimonial-free{
	border:1px solid #0050ff !important;
	border-radius:15px !important;
	padding:30px !important;
}

.inner-sec .sp-testimonial-free p{
	padding:0 !important;
}

.testimonial-sm-title{
  color:#0617be;
}

.testimonial-box .sp-testimonial-free-section{
	margin:0 !important;
}

.testimonial-box .sp-testimonial-client-name{
	font-size:24px !important;
	color:#ff8d55 !important;
	line-height:26px !important;
	font-style:italic !important;
}

.service-box{
  transition:all 300ms ease-in-out;
}

.service-icon{
  width:90px;
  height:90px;
  line-height:80px;
  background:#4fc8fb;
  border-radius:50%;
  text-align:center;
  margin:0 auto;
  position:relative;
}

.service-box:hover .service-icon{
  background:#0050ff;
}

.service-icon:before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  border:5px solid #a7adaf;
  left:0;
  right:0;
  top:0;
  border-radius:50%;
}

.service-icon:after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  border:0 solid #4fc8fb;
  left:0;
  right:0;
  top:0;
  border-radius:50%;
  margin:0 auto;
  transition:all 300ms ease-in-out;
}

.service-box:hover .service-icon:after{
  border-width:5px;
}

.service-title{
  font-size:24px;
  color:#161516;
  line-height:30px;
  font-weight:600;
  padding:16px 0 12px;
}

.service-box a{
  font-size:16px;
  color:#1c1c1c !important;
  line-height:18px;
  font-weight:500;
  background:url(../images/right-arrow02.png) no-repeat 96% center;
  padding-right:30px;
}

.service-box a:hover{
  background-position:100% center;
}

.choose-panel{
  padding-bottom:60px;
}

.choose-bg-title{
  color:#0050ff;
}

.choose-content .block{
  margin-bottom:20px;
}

.choose-content .block:last-child{
  margin-bottom:0;
}

.choose-content .block .icon{
  display:inline-block;
}

.choose-content .block .text{
  display:inline-block;
  width:88%;
  vertical-align:top;
  padding-left:20px;
}

.choose-title{
  font-size:26px;
  color:#242424;
  line-height:32px;
  font-weight:600;
  padding-bottom:12px;
}

.choose-img{
  z-index:999;
}

.choose-img:after{
  content:"";
  position:absolute;
  width:285px;
  height:286px;
  background:url(../images/dot-img03.png) no-repeat right bottom;
  right:-10px;
  bottom:-30px;
  z-index:-1;
}

.home-form{
  background:#5c7f89;
  padding:220px 0 60px;
}

.home-form:before{
  content:"";
  position:absolute;
  width:100%;
  height:213px;
  background:url(../images/form-bg-design.png) no-repeat center bottom;
  background-size:cover;
  left:0;
  top:0;
}

.h-form-box{
  background:rgba(255,255,255,.22);
  padding:35px;
}

#footer{
  background:#0050ff;
  padding:50px 0 20px;
}

.footer-top{
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:20px;
  padding-bottom:35px;
}

.footer-title{
  font-size:24px;
  color:#fff;
  line-height:26px;
  font-weight:600;
  padding-bottom:22px;
}

.ft-link li{
  line-height:0;
  margin-bottom:10px;
}

.ft-link li:last-child,
.ft-contact li:last-child{
  margin-bottom:0;
}

.ft-link li a,
.ft-contact li{
  font-size:16px;
  color:#fff;
  line-height:18px;
}

.ft-link li a:hover,
.ft-contact li a:hover,
.footer-bottom .text-common a{
  color:#ff8d55;
}

.ft-contact li{
  margin-bottom:15px;
}

.ft-contact li span{
  display:inline-block;
  width:22px;
  margin-right:10px;
}

.ft-contact li a{
  color:#fff;
}

#back-button {
  display:inline-block;
  background-color:#ff8d55;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  position:fixed;
  bottom:25px;
  right:25px;
  opacity:0;
  visibility:hidden;
  z-index:1000;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}

#back-button.show {
  opacity:1;
  visibility:visible;
}

.page .entry-header,
.error404 .page-header{
  background:url(../images/inner-banner01.jpg) no-repeat center top;
  background-size:cover;
  margin-top:200px !important;
  padding:150px 0 120px !important;
}

.page .entry-header .entry-title,
.error404 .page-header .page-title{
  font-size:40px;
  color:#0050ff;
  line-height:42px;
  font-weight:700;
  text-align:left;
}

.thumb-conatct .section .icon{
  width:80px;
  height:80px;
  background:#ff8d55;
  line-height:80px;
  border-radius:50%;
  text-align:center;
}

.thumb-conatct .section .text{
  width:75%;
}

.contact-title{
  font-size:24px;
  color:#0659ff;
  line-height:26px;
  font-weight:600;
}

.contact-main{
  font-size:17px;
  color:#000;
  line-height:24px;
}

.contact-main a{
  color:#1c1c1c;
  font-weight:500;
}

.contact-main a:hover{
  color:#ff8d55;
}

.thumb-conatct .form-box{
  box-shadow:0 4px 15px rgba(0,0,0,.15);
  padding:35px 30px 35px 180px;
}

.thumb-conatct .form-box{
  background:#4fc8fb;
}

.contact-main-box .contact-box{
  box-shadow:0 4px 15px rgba(0,0,0,.15);
  padding:35px 30px 35px 180px;
}

.contact-main-box .form-box{
  position:absolute;
  background:#4fc8fb;
  width:55%;
  left:0;
  top:8%;
  padding:35px;
}

.contact-form .block{
  margin-bottom:15px;
}

.contact-form .block p{
  margin-bottom:0;
}

.contact-form .block label{
  font-size:16px;
  color:#323232;
  line-height:18px;
  font-weight:500;
  margin-bottom:10px;
}

.contact-form .block .form-control{
  height:46px;
  border-radius:0;
  border:none;
  background:#fff;
  font-size:16px;
  color:#494848;
  line-height:20px;
  font-weight:500;
  padding:10px 20px;
}

.contact-form .block .form-control::placeholder{
  color:#494848;
  opacity:1;
}

.contact-form .block .form-control::-ms-input-placeholder{
  color:#494848
}

.contact-form .block .form-control:focus,
.contact-form .block .btn:focus{
  box-shadow:none;
}

.contact-form .block textarea.form-control{
  height:105px;
  resize:none;
}

.contact-form .block select{
  background:url(../images/down-arrow02.png) no-repeat 95% center, #fff !important;
}

.contact-form .block select option{
  color:#000;
}

.contact-form .block .wpcf7-list-item{
  display:block;
  margin-left:0;
}

.contact-form .block .btn{
  font-size:18px;
  color:#fff;
  line-height:20px;
  font-weight:600;
  text-transform:inherit;
  background:#ff8d55;
  border-radius:30px;
  padding:13px 30px;
}

.contact-form .block .btn:hover{
  background:#0050ff;
  color:#fff;
}

.contact-form .block .wpcf7-spinner{
  display:none;
}

.contact-form .block .wpcf7-not-valid-tip{
  font-size:14px;
  margin-top:5px;
}

.contact-form .wpcf7-response-output{
  font-size:14px;
  color:#fff;
  border:none !important;
  margin:0 !important;
  padding:0 !important;
}

.inner-title{
  font-size:36px;
  color:#040105;
  line-height:44px;
  font-weight:700;
}

.inner-title strong,
.cta-title strong{
  color:#ff8d55;
}

.inner-sm-title{
  font-size:24px;
  color:#1c1c1c;
  line-height:28px;
  font-weight:600;
}

.bg-color{
  background:#f7f7f7;
}

[data-animate-in] {
    opacity: 0;
    transition: transform 1s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
    transform: translate3d(0, 24px, 0)
}

[data-animate-in="left"] {
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in="right"] {
    transform: translate3d(25%, 0, 0)
}

[data-animate-in="down"] {
    transform: translate3d(0, -24px, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.8s ease, opacity 0.6s ease
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease
}

.cta-title{
  font-size:30px;
  color:#1c1c1c;
  line-height:35px;
}

.cta-title:after{
  content:"";
  position:absolute;
  width:61px;
  height:2px;
  background:#0050ff;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
}

.cta-btn{
  left:0;
  bottom:0;
  z-index:999;
}

.cta-btn li a{
  display:block;
  font-size:15px;
  color:#fff;
  line-height:17px;
  text-transform:uppercase;
  background:#ff8d55;
  padding:15px 20px;
}

.cta-btn li:last-child a{
  background:#4fc8fb;
}

.text-black{ color: #000; }
.inner-list li{ color: #000; }
.card p{ margin: 0 !important; }
.card-header{ background: #02cc1a !important;   }
.card-header a{ color: #fff !important; }
.card-body{ background: #fff; color: #000; border-radius: 0 0 20px 20px !important;   }
.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a { margin-top: 5px; }
.demo-panel{ padding: 40px 0; }
.demo-panel p{ color: #000 !important; }
#owl-carousel2 li p{ color: #000 !important;  }
#service-slider .item{ color: #000; }
#service-slider .owl-dot{ background: #ccc; }
.owl-controls{ display: none; }
/* .primary-navigation ul ul { background: #02cc1a !important;}
.current-menu-item a{ color: #000 !important;  }
.primary-navigation ul ul a:hover{ color: #03420a !important;} */


/* .thank{ height: 200px !important; }
.r-div p{ color: #000; text-align: center;  }
.reviews-new{ padding: 40px 0; }
.reviews-new h3{ color: #000; }
.r-div{ border: 1px solid #02cc1a; padding: 40px; border-radius: 20px;   }
.r-div i{ color: #02cc1a;  }
.block .form-control{ height: 46px !important; border: none; border-radius: 0; } */





@media screen and (max-width:991px){
	.header-bottom{
    box-shadow:0 4px 6px rgba(0,0,0,.1);
    padding:10px 0;
  }

  .hd-logo{
    width:90px;
  }

  .home-banner{
    margin-top:110px;
  }

  .banner-img:after{
    right:-70px;
  }

  .choose-content .block .text{
    width:80%;
  }

  #footer{
    padding-bottom:70px;
  }
	
	#back-button{
		right:20px;
		bottom:35px;
	}
	
	.page .entry-header, 
	.error404 .page-header{
		margin-top:110px !important;
	}
	
	.contact-main-box .contact-box{
		padding:35px;
	}
	
	.contact-main-box .form-box{
		position:inherit;
		width:100%;
	}
	
	
	
	
}


@media screen and (max-width:767px){
	.home-banner{
    padding-bottom:60px;
  }

  .home-banner:before{
    width:50%;
  }

  .banner-img:after{
    right:-30px;
  }

  .banner-bg-title,
  .page .entry-header .entry-title, 
  .error404 .page-header .page-title{
    font-size:28px;
    line-height:36px;
    padding-bottom:15px;
  }

  .text-common{
    font-size:14px;
    line-height:22px;
  }

  .common_btn,
  .common_btn2,
  .contact-form .block .btn{
    font-size:14px;
    line-height:16px;
    padding:12px 20px;
  }

  .banner-content a{
    font-size:16px;
    line-height:18px;
    background-size:18px;
    padding-left:25px;
  }

  .about-sm-title, 
  .testimonial-sm-title, 
  .service-sm-title{
    font-size:18px;
    line-height:20px;
  }

  .about-bg-title, 
  .testimonial-bg-title, 
  .choose-bg-title, 
  .h-form-title, 
  .service-bg-title,
  .inner-title,
  .cta-title{
    font-size:26px;
    line-height:35px;
    padding-bottom:16px;
  }
	
	.inner-sm-title{
		font-size:18px;
		line-height:25px;
	}

  .about-panel, 
  .service-panel{
    padding:35px 0;
  }

  .about-img:before{
    left:-10px;
    top:-10px;
  }

  .mission-title{
    font-size:22px;
    line-height:24px;
    padding-bottom:12px;
  }

  .testimonial-panel{
    padding:70px 0;
  }
	
	.inner-sec .sp-testimonial-free{
		padding:20px !important;
	}
	
	.testimonial-box .sp-testimonial-free p{
		font-size:14px !important;
		line-height:22px !important
	}
	
	.testimonial-box .sp-testimonial-client-name{
		font-size:20px !important;
		line-height:22px !important
	}

  .testimonial-panel:before,
  .testimonial-panel:after,
  .home-form:before{
    height:80px;
  }

  .service-title{
    font-size:18px;
    line-height:24px;
  }

  .choose-panel{
    padding-bottom:35px;
  }

  .choose-img:after{
    bottom:-20px;
  }

  .choose-title{
    font-size:18px;
    line-height:24px;
  }

  .choose-bg-title{
    padding-bottom:25px;
  }

  .home-form{
    padding:100px 0 35px;
  }

  #footer{
    padding-top:35px;
  }

  .footer-title{
    font-size:20px;
    line-height:22px;
    padding-bottom:18px;
  }

  .ft-link li a, 
  .ft-contact li{
    font-size:14px;
    line-height:16px;
  }
	
	.contact-form .block .form-control{
		font-size:14px;
		height:42pxp;
	}
	
	.contact-form .block textarea.form-control{
		height:85px;
	}
	
	.page .entry-header, 
	.error404 .page-header{
		padding:80px 0 60px !important;
	}
	
	.page .entry-header .entry-title, 
	.error404 .page-header .page-title{
		padding-bottom:0;
	}
	
	.page .entry-header .entry-title, 
	.error404 .page-header .page-title{
		padding-bottom:0;
	}
	
	.thankyou-sec img,
	.error404 .page-content img{
		width:200px;
	}
	
	.contact-main-box .contact-box,
	.contact-main-box .form-box{
		padding:25px;
	}
	
	.thumb-conatct .section .icon{
		width:65px;
		height:65px;
		line-height:65px;
	}
	
	.contact-title{
		font-size:20px;
		line-height:22px;
	}
	
	.contact-main{
		font-size:14px;
		line-height:20px;
		word-break:break-all;
	}
	
}


@media screen and (max-width:575px){
	.banner-img:after{
    right:-20px;
  }

  .banner-img:after{
    right:-10px;
  }

  .about-img:before{
    left:0;
  }

  .choose-img:after{
    right:0;
  }

  .h-form-box{
    padding:25px;
  }
	
	
}