/*-----------------------------------------------------------------------------------
  CSS INDEX
  ===================

  01. Google fonts
  03. About Area
  04. Service Area
  05. Feature Area
  06. Testimonial Area
  07. Counterup Area
  08. Blog Area
  09. Subscribe Area
  10. Callto Action Area
  11. Banner Area
  12. Pricing Table Area
  13. Team Area
  14. Our Mission Area
  15. our Bradcaump Area
  16. our Pagenation Area
  17. Single Portfolio Area
  18. Contact Area
  19. Blog Details Area

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/

.header__top {
    height: 155px;
}
.header__right {
    align-items: center;
    display: flex;
    height: 114px;
    justify-content: flex-end;
}
.htc__header__address {
    display: flex;
}
.logo {
    align-items: center;
    display: flex;
    height: 114px;
    margin-left: -15px;
}
.mainmenu__wrap {
    left: 0;
    position: absolute;
    right: 0;
    top: 114px;
    z-index: 9;
}
.ht__address__icon i {
    border: 1px solid #6cc47f;
    border-radius: 100%;
    color: #6cc47f;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 44px;
}
.ht__address__icon {
    margin-right: 20px;
}
.ht__address__icon i:hover {
    background: #6cc47f none repeat scroll 0 0;
    border: 1px solid #6cc47f;
    color: #fff;
}
.ht___address__details span {
    color: #6cc47f;
    font-size: 18px;
    font-weight: 700;
	font-family: lora;
}
.ht___address__details p {
    color: #606060;
    font-size: 15px;
	margin-bottom:0;
	font-family: lora;
}
.header__right .htc__header__address + .htc__header__address {
    margin-left: 54px;
}
.header--one .main__menu ul.dropdown li {
  padding: 0;
}

/*---------------------------------------
  03. About Area
----------------------------------------*/
.htc__about__wrap {
    padding: 0 18px 0 45px;
}
.htc__about__inner {
    position: relative;
}
.htc__about__details {
    position: absolute;
    left: 185px;
    top: 100px;
    background-color: #6cc47f;
    padding: 50px 40px;
    border-right: 5px solid #28395e;
    background-repeat: no-repeat;
    background-position: 96% 145px;
    z-index: 1;
	width:75%!important;
}
.htc__about__details p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}
.htc__about__details h4 {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 10px;
    position: relative;
}
.htc__about__details h4:before {
    content: "";
    width: 90px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.about__thumb {
    display: inline-block;
}
.about__title h4 {
    color: #494949;
    font-size: 24px;
    font-weight: 700;
}
.about__title h2 {
    color: #494949;
    font-size: 34px;
    font-weight: 800;
    margin-top: 9px;
}
.about__title p {
    color: #8b8b8b;
    font-size: 22px;
    line-height: 32px;
    margin: 25px auto auto;
    width: 76%;
}
.about__title {
    margin-bottom: 50px;
}
.htc__about__wrap {
    margin-top: 40px;
}
.htc__about__area {
    padding-bottom: 221px;
}

.about {
    text-align: center;
    margin-top: 0px;
}
.about__icon {
    background: #eff2f5 none repeat scroll 0 0;
    display: inline-block;
    margin-bottom: 30px;
    padding: 4px;
    text-align: center;
    width: 80px;
}
.ab__icon__innner span {
    color: #6cc47f;
    font-size: 34px;
}
.ab__icon__innner {
    border: 2px solid #fff;
    height: 74px;
    line-height: 70px;
}
.about__btl h2 {
  color: #555555;
  font-family: Lora;
  font-size: 18px;
  margin-bottom: 13px;
  margin-top: 0;
}
.about__btl p {
  color: #8d8d8d;
  line-height: 25px;
  width: 95%;
  margin: 0;
}
.single-about{position: relative;display:inline-block;}
.single-about::before{
  background: #28395e none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  opacity: 0.4;
}
.about_probe .kc_wrapper.kc-col-inner-container {
  display: inline-block;
}

/*---------------------------------------
  04. Service Area
----------------------------------------*/

.service {
    display: flex;
    margin-top: 63px;
}
.service__details h4 {
    color: #555555;
    font-family: Lora;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 16px;
    padding-bottom: 19px;
    position: relative;
	margin-top:0;
}
.service__icon {
    margin-right: 20px;
}
.service__icon span {
    border: 1px solid #d6d6d7;
    border-radius: 100%;
    color: #6cc47f;
    display: inline-block;
    font-size: 26px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 60px;
}
.service:hover .service__icon span {
    background: #6cc47f none repeat scroll 0 0;
    border: 1px solid #6cc47f;
    color: #ffffff;
}
.service__details h4::before {
    background: #6cc47f none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 46px;
    transition: 0.3s;
}
.service:hover .service__details h4::before{
    width: 60px;
}
.service__details p {
    color: #878787;
    line-height: 24px;
	margin-bottom: 0;
}
.title__line {
    color: #484848;
    font-size: 34px;
}
.service--list{
    margin-top: -63px;
}

.prizing--list .pricing:hover, .prizing--list .pricing.active {
    background: #e1e7ed none repeat scroll 0 0;
}
.prizing--list .pricing {
    background: #eff2f5;
}

/*---------------------------------------
  05. Feature Area
----------------------------------------*/

.single__pro{
    padding-left: 0px;
    padding-right: 0px;
}
.portfolio__thumb a {
    display: block;
    position: relative;
    z-index: 3;
}
.portfolio__thumb a img {
    width: 100%;
}
.portfolio__thumb a::before {
    background: #6cc47f none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.portflio:hover .portfolio__thumb a::before {
    opacity: 0.9;
}
.portflio {
    position: relative;
}
.portfolio__hover {
    bottom: 30px;
    left: 60px;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
    z-index: 6;
}
.portfolio__hover h2 {
    color: #fff;
    font-family: Lora;
    font-size: 20px;
    font-weight: 400;
    margin:0;
}
.portfolio__hover h2 a{color: #fff;}
.portfolio__hover h4 {
    color: #fff;
    font-family: Lora;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
}
.portfolio__hover h2 a:hover {
    color: #28395e;
}
.sin__port__bog__img {
  text-align: center;
}
.portfolio__hover h2 a {
    transition: all 0.4s ease 0s;
}
.portflio:hover .portfolio__hover {
    opacity: 1;
    bottom: 45px;
}
.feature__container {
    margin-top: 90px;
}
.portfolio--page .feature__container {
    margin-top: 0;
}


/*---------------------------------------
  06. Testimonial Area
----------------------------------------*/

.testimonial{
    margin-top: 35px;
}
.single__testimonial__wrap {
    padding: 0 10px;
    padding-bottom: 30px;
}
.single__testimonial {
    padding: 45px 40px 32px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: right 18px bottom 0%;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

.test__shape{
    position: absolute;
    right: 40px;
    bottom: -30px;
    transition: 0.3s;
    opacity: 0;
}
.tes__info p {
    color: #a1a1a1;
    line-height: 25px;
}
.tes__thumb {
    margin-bottom: 36px;
}

.tes__info h4 {
    color: #656565;
    font-family: Lora;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 22px;
    margin-top: 23px;
}
.htc__testimonial__activation {
    margin-top: 56px;
}

/*--------------------------
    Testimonial Animation
---------------------------*/

.htc__testimonial__activation .slick-slide img {
    display: inline-block;
}
.slick-slide.slick-current.slick-active.slick-center .single__testimonial{
    box-shadow: 0px 0px 25px 0 rgba(40, 57, 93, 0.1 );
}
.slick-slide.slick-current.slick-active.slick-center .test__shape{
    bottom: 0;
    opacity: 1;
    right: 18px;
}
.htc__testimonial__activation .slick-prev::before, 
.htc__testimonial__activation .slick-next::before {
    display: none;
}
.htc__testimonial__activation .slick-slide{
    outline: none;
}

/*---------------------------------------
  07. Counterup Area
----------------------------------------*/

.funfact__wrap {
    align-items: center;
    display: flex;
    height: 400px;
    justify-content: space-between;
}
.fact__details {
    text-align: center;
}
.fact__icon span {
    color: #ffffff;
    font-size: 36px;
}
.fact__count span.count {
    color: #ffffff;
    display: inline-block;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 18px;
}
.fact__title h2 {
    color: #dedede;
    font-family: Lora;
    font-size: 15px;
    line-height: 19px;
    margin-top: 9px;
}

/*---------------------------------------
  08. Blog Area
----------------------------------------*/
.home-blog {
    box-shadow: 0px 0px 25px 0 rgba(40, 57, 93, 0.1);
}
.blog__inner {
    padding: 40px 30px;
}
.blog__meta {
    align-items: center;
    display: flex;
}
.bl__smalll__img {
    margin-right: 20px;
    min-width: 52px;
}
.bl__smalll__img img {
  border-radius: 100%;
  height: 50px;
  width: 50px;
  border: 1px solid #ebeef1;
}
.bl__info > a {
  color: #484848;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  width: 100%;
  font-family: "Montserrat",sans-serif;
  text-transform: capitalize;
}
.bl__info span {
  color: #c0c0c0;
  display: block;
  font-size: 12px;
  overflow: hidden;
  font-family: lora;
}
.bl__info h4 {
    color: #484848;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
	margin:0;
}
.bl__info span {
    color: #c0c0c0;
    font-size: 12px;
}
.blog__details h2 {
  color: #484848;
  font-size: 20px;
  font-family: montserrat;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 15px;
  margin-top: 16px;
}
.blog__details p {
  color: #929292;
  font-family: lora;
  line-height: 24px;
  margin: 0;
}
.blog--list {
    margin-top: -30px;
}
.blog__thumb a img {
    width: 100%;
}
.blog__thumb a{
    display: block;
}
.blog__thumb a img {
    transition: all 0.5s ease 0s;
}
.single-blog:hover a img,.home-blog:hover a img{
    transform: scale(1.2);
}
.blog__thumb {
    overflow: hidden;
}

/*---------------------------------------
  09. Subscribe Area
----------------------------------------*/

.newsletter__wrap {
    align-items: center;
    border-radius: 10px;
    display: flex;
    height: 140px;
    justify-content: space-between;
    padding-left: 77px;
    padding-right: 77px;
    transform: translateY(50%);
}
.newsletter__wrap h2 {
    color: #ffffff;
    font-family: Lora;
    font-size: 30px;
}
.subscribe__btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.home-one-full .subcribe-form {
    position: relative;
    width: 450px!important;
	padding:0;
}
.subcribe-form {
  padding-left: 100px;
  position: relative;
}
.subcribe-form input[type="email"]  {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff!important;
    border-radius: 10px!important;
    height: 46px!important;
    padding-left: 23px!important;
    color: #fff!important;
    outline: none!important;
	width: 100%;
	font-family: lora;
}
.news__input input::-webkit-input-placeholder { / Chrome/Opera/Safari /
    color: #fff !important;
}
.news__input input:-ms-input-placeholder { / IE 10+ /
    color: #fff !important;
}
.subscribe__btn input {
    -moz-border-bottom-colors: none!important;
    -moz-border-left-colors: none!important;
    -moz-border-right-colors: none!important;
    -moz-border-top-colors: none!important;
    background: transparent none repeat scroll 0 0!important;
    border-color: currentcolor currentcolor currentcolor #fff!important;
    border-image: none!important;
    border-style: none none none solid!important;
    border-width: 0 0 0 1px!important;
    color: #fff!important;
    font-size: 12px!important;
    font-weight: 700!important;
    height: 47px!important;
    padding: 0 25px!important;
    text-transform: uppercase!important;
    transition: all 0.4s ease 0s!important;
	font-family: lora;
}
.subscribe__btn input:hover {
      background: #fff none repeat scroll 0 0!important;
      border-radius: 10px!important;
      color: #28395e!important;
}
.news__input input::-moz-placeholder {
  color: #f2f2f2!important;
}
.newsletter--2 .newsletter__wrap {
  border-radius: 0!important;
  height: 130px!important;
  padding-left: 0!important;
  padding-right: 0!important;
  transform: translateY(0px)!important;
}
.mc4wp-form-fields > p,.kc_text_block > p,.input__box > p,.htc__news__inner > p,#mc_embed_signup > p {
  margin: 0;
}

/*---------------------------------------
  10. Callto Action Area
----------------------------------------*/
.callto__action__wrap {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: space-between;
}
.callto__action__wrap h2 {
    color: #ffffff;
    font-family: Lora;
    font-size: 34px;
    font-weight: 700;
}
.ht__call__btn a.htc__btn {
    font-weight: 500;
    height: 46px;
    line-height: 44px;
}

/*---------------------------------------
  11. Banner Area
----------------------------------------*/
.banner__thumb {
    margin-left: -15px;
}
.htc__banner__area .row {
    align-items: center;
    display: flex;
}
.banner__inner {
    padding-left: 20px;
    width: 70%;
}
.banner__details h4 {
    color: #555555;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 700;
}
.banner__details h2 {
    color: #555555;
    font-size: 44px;
    font-weight: 800;
    margin-bottom: 14px;
    margin-top: 4px;
}
.banner__details p {
    color: #7f7f7f;
    font-size: 16px;
    line-height: 26px;
    width: 85%;
}
.banner__details {
    margin-bottom: 23px;
}
.fs-skill-container .single-skill + .single-skill {
    margin-top: 3px;
}
.single-skill p {
    color: #7d7d7d;
    font-size: 16px;
    margin-bottom: 6px;
}
.single-skill {
    overflow: hidden;
}
.progress {
    background-color: #dae0e6;
    border-radius: 3px;
    box-shadow: none;
    height: 5px;
    margin-bottom: 22px;
    overflow: visible;
}
.progress-bar {
    background-color: #6cc47f;
    border-radius: 3px;
    box-shadow: none;
    color: #444;
    line-height: 10px;
    position: relative;
}
.pen-lable {
    color: #7d7d7d;
    font-size: 16px;
    position: absolute;
    right: -11px;
    top: -23px;
}

/*---------------------------------------
  12. Pricing Table Area
----------------------------------------*/

.pricing {
    background: #fff none repeat scroll 0 0;
    padding: 30px 31px;
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
}
.pricing__inner h2 {
    color: #6cc47f;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
	margin-bottom: 0;
	font-family: montserrat;
}
.prize__btn {
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
}
.pack__btn {
  line-height: 35px;
}
.pricing__inner > p {
    color: #888888;
    margin-top: 17px;
	margin-bottom: 0;
	line-height: 25px;
}
.pack__prize p {
    color: #6cc47f;
    font-size: 26px;
    font-weight: 700;
	margin-bottom: 0;
}
.pack__prize p span {
    font-size: 18px;
}
.pack__btn a {
    color: #6cc47f!important;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.4s ease 0s;
}
.pack__btn a i {
    font-size: 16px;
    padding-left: 7px;
}
.pack__btn a:hover {
    color: #28395e!important;
}
.pricing:hover,
.pricing.active {
    background: #eff2f5 none repeat scroll 0 0;
}
.pricing:hover {
    background: #eff2f5 none repeat scroll 0 0!important;
}


/*---------------------------------------
  13. Team Area
----------------------------------------*/
.title__line--2 {
    color: #555555;
    font-size: 36px;
    font-weight: 800;
}
.team {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 68px;
    padding-top: 64px;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s;
    margin-bottom: 25px;
}
.team:hover, .team.active {
    box-shadow: 0px 0px 25px 0 rgba(40, 57, 93, 0.1 );
}
.soaial__link {
    display: flex;
    justify-content: center;
    list-style: none;
}
.htc__team__wrap {
    margin-top: 40px;
}
.team__details h4 {
    color: #626262;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    font-family: montserrat;
}
.team__details {
    margin-top: 28px;
}
.team__details h6 {
    color: #878787;
    font-weight: 300;
    margin-bottom: 25px;
    margin-top: 7px;
    font-family: montserrat;
}
.soaial__link li {
    padding: 0 12px;
}
.soaial__link li a i {
    color: #676767;
    font-size: 15px;
    transition: all 0.3s ease 0s;
}
.soaial__link li a i:hover {
    color: #6cc47f;
}
.htc__team--page .htc__team__wrap {
    margin-top: -40px;
}


/*---------------------------------------
  14. Our Mission Area
----------------------------------------*/

.section_title--3 {
    text-align: center;
}
.video__inner {
    padding: 230px 0;
    position: relative;
    text-align: center;
    z-index: 2;
}
.section_title--3 h4 {
    color: #494949;
    font-size: 24px;
    font-weight: 700;
}
.section_title--3 h2 {
    color: #494949;
    font-size: 34px;
    font-weight: 800;
    margin-top: 11px;
}
.video {
    transform: translateY(160px);
	z-index: 99;
}
.video {
  margin-top: -160px;
}
.video {
  position: relative;
}
.video::before {
  background: #28395e none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.video::before {
  opacity: 0.7;
}
.video-pop {
  padding-left: 115px!important;
  padding-right: 115px!important;
}
/*---------------------------------------
  15. our Bradcaump Area
----------------------------------------*/
.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 600px;
    position: relative;
    z-index: 1;
}
.bradcaump__inner {
    padding-top: 90px;
}
.bradcaump-title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
}
.bradcaump-inner {
    color: #fff;
    margin-top: 8px;
}
.breadcrumb-item {
    color: #fff;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
}
.brd-separetor {
    font-size: 14px;
    padding: 0 10px;
}
.bradcaump-inner a.breadcrumb-item:hover {
    color: #28395e;
}

/*---------------------------------------
  16. our Pagenation Area
----------------------------------------*/
.htc__pagination {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.htc__pagination li a {
    border: 1px solid #b1b1b1;
    border-radius: 100%;
    color: #808080;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    height: 30px;
    line-height: 28px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}
.htc__pagination li {
    margin: 0 4px;
}
.htc__pagination li a:hover,
.htc__pagination li.active a {
    background: #6cc47f none repeat scroll 0 0;
    border: 1px solid #6cc47f;
    color: #fff;
}
.htc__pagination li a i {
    color: #808080;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.4s ease 0s;
}
.htc__pagination li a:hover i {
    color: #fff;
}

/*---------------------------------------
  17. Single Portfolio Area
----------------------------------------*/
.ht__portfolio__details {
    margin-top: 80px;
}
.port__info {
    background: #eff2f5 none repeat scroll 0 0;
    padding: 50px 32px 91px 44px;
}
.port__info__list {
    display: flex;
}

.post__share {
    display: flex;
}
.port__share__link {
    display: flex;
    margin-top: 10px;
}
.port__share__link span {
    color: #737373;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
    min-width: 99px;
}
.port__info h4 {
  color: #5b5b5b;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 35px;
  margin-top: 0;
}
.port__info__left li {
    color: #737373;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
}
.port__info__right li {
    color: #8a8a8a;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
}
.port__info__left li + li {
    margin-top: 7px;
}
.port__info__right li + li {
    margin-top: 7px;
}
.post__share li + li {
    margin-left: 20px;
}
.post__share li a i{
    font-size: 15px;
}
.port__info__right {
    margin-left: 17px;
}
.port__inner h2 {
  color: #5b5b5b;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}.port__details p {
    color: #989898;
}
.port__details p + p {
    margin-top: 24px;
}
.port__details {
    margin-top: 22px;
}
.port__info__left {
    min-width: 83px;
}


/*---------------------------------------
  18. Contact Area
----------------------------------------*/
#googleMap {
    height: 630px;
    width: 100%;
}
.htc__contact__wrapper {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    padding: 80px 90px!important;
    position: relative;
    transform: translateY(120px);
    z-index: 3;
}
.htc__contact__address {
    min-width: 50%;
    padding-right: 10px;
}
.htc__contact__info {
    border-left: 1px solid #e0e0e0;
    padding-left: 40px;
}
.contact-box textarea:focus {
  color: #a5a5a5;
}
.ct__title {
    color: #777777;
    font-family: Lora;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
}
.contact-box input {
    border: 1px solid #e9e9e9!important;
    color: #a5a5a5!important;
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px!important;
    outline: none;
	width:100%;
	font-family: lora;
}
.contact-box input::-moz-placeholder {
    color: #a5a5a5;
    font-size: 13px;
}
.contact-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    color: #a5a5a5;
    font-size: 13px;
    height: 100px;
    padding-left: 20px;
}
.single-contact-form + .single-contact-form {
    margin-top: 8px;
}
.contact-box.name_email span input {
  margin-top: 8px;
}
.contact-btn .htc__btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    color: #9f9f9f;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 300;
    height: 38px;
    letter-spacing: 5px;
    line-height: 37px;
    padding: 0 46px;
    transition: all 0.3s ease 0s;
}
.contact-box textarea::-moz-placeholder {
    color: #a5a5a5 !important;
    font-size: 13px !important;
    opacity: 1 !important;
}
.contact-btn {
    margin-top: 10px;
}
h6.contact-adrees span {
  margin-left: 10px;
}
.htc__contact__inner > p {
    color: #939393;
    margin-bottom: 20px;
}
.ct__address p {
    color: #8d8d8d;
}
.ct__address p span {
    color: #676767;
    font-size: 14px;
    padding-right: 12px;
}
.ct__address + .ct__address {
    margin-top: 8px;
}
.ht__contact__link {
    display: flex;
    margin-top: 20px;
}
.ht__contact__link li a i {
    color: #a2a2a2;
    font-size: 15px;
    transition: all 0.4s ease 0s;
}
.ht__contact__link li a:hover i {
    color: #6cc47f;
}
.ht__contact__link li + li {
    margin-left: 24px;
}
.contact-btn .htc__btn:hover {
    background: #6cc47f none repeat scroll 0 0;
    border: 1px solid #6cc47f;
    color: #fff;
}
.ct__address p a {
    color: #8d8d8d;
}

/*-----------------------------
	Footer Default
------------------------------*/
.ft__title {
    color: #ffffff;
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
}
.footer__wrapper {
    padding: 152px 0 70px;
}
.ft__sin__post {
    display: flex;
}
.ft__post__img {
    margin-right: 15px;
    min-width: 72px;
}
.ft__post__details h2 {
    color: #e0e0e0;
    font-size: 14px;
    line-height: 20px;
}
.ft__rec__post__inner .ft__sin__post + .ft__sin__post {
    border-top: 1px solid #69758f;
    margin-top: 18px;
    padding-top: 18px;
}
.ft__post__details span {
    color: #c8c8c8;
    display: inline-block;
    font-family: Montserrat;
    font-weight: 400;
    margin-top: 10px;
}
.ft__details p {
    color: #d9d9d9;
    margin-top: 26px;
    width: 92%;
}
.ft__address span {
    color: #ffffff;
    font-size: 16px;
}
.ft__address p a {
    color: #c9c9c9;
    font-size: 13px;
}
.ft__address p {
    color: #c9c9c9;
    font-size: 13px;
}
.ft__footer__address .ft__address + .ft__address {
    margin-top: 6px;
}
.ft__link li a {
    color: #e8e8e8;
    font-size: 13px;
    transition: all 0.4s ease 0s;
}
.ft__link li a:hover {
    color: #6cc47f;
    padding-left: 4px;
}
.ft__link li + li {
    padding-top: 3px;
}
.copyright__inner {
    align-items: center;
    border-top: 1px solid #485776;
    display: flex;
    height: 50px;
    justify-content: center;
}
.copyright__inner p {
  color: #839bcb;
  font-family: lora;
  font-size: 12px;
  margin: 0;
}
.copyright__inner p a {
    color: #6cc47f;
    font-size: 12px;
}

/*--------------------------
    Footer 2
-----------------------------*/
.footer--2 .ft__address p {
    color: #d8d8d8;
    display: inline-block;
	
}
.footer--2 .ft__address span {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding-right: 10px;
}
.ft__post__details h2 {
    padding-right: 17px;
}

.ft__social__icon {
    display: flex;
    margin-top: 24px;
}
.ft__social__icon li + li {
    margin-left: 25px;
}
.ft__social__icon li a i {
    color: #ffffff;
    font-size: 16px;
    transition: all 0.4s ease 0s;
}
.ft__social__icon li a:hover i {
    color: #6cc47f;
}

/*------------------------
    Others Code
--------------------------*/
.htc__callto__action{
  margin-top: -1px;
}
.news__input input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    opacity: 1;
}
.news__input input[type="email"]::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.news__input input[type="email"]:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    opacity: 1;
}
.news__input input[type="email"]:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    opacity: 1;
}

.call_action .kc-cta-button a {
  letter-spacing: 2px;
}

/*----------------------------------------
  Menu basic style
------------------------------------------*/

.ht__header__search a i {
    border: 1px solid #6cc47f;
    border-radius: 100%;
    color: #6cc47f;
    display: inline-block;
    font-size: 16px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 34px;
}
.header-style-2 .ht__header__search {
  align-items: center!important;
  display: flex!important;
  height: 80px!important;
  justify-content: flex-end!important;
  margin-right: 25px!important;
  right: 0!important;
}
.menumenu__container {
    border-radius: 10px;
    padding-left: 57px;
    padding-right: 15px;
}
.ht__header__search a i:hover {
    background: #6cc47f none repeat scroll 0 0;
    border: 1px solid #6cc47f;
    color: #fff;
}

.header__top {
    height: 155px;
}
.header__right {
    align-items: center;
    display: flex;
    height: 114px;
    justify-content: flex-end;
}
.htc__header__address {
    display: flex;
}
.logo {
    align-items: center;
    display: flex;
    height: 114px;
    margin-left: -15px;
}
.mainmenu__wrap {
    left: 0;
    position: absolute;
    right: 0;
    top: 114px;
    z-index: 9;
}
.ht__address__icon i {
    border: 1px solid #6cc47f;
    border-radius: 100%;
    color: #6cc47f;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 44px;
}
.ht__address__icon {
    margin-right: 20px;
}
.ht__address__icon i:hover {
    background: #6cc47f none repeat scroll 0 0;
    border: 1px solid #6cc47f;
    color: #fff;
}
.ht___address__details span {
    color: #6cc47f;
    font-size: 18px;
    font-weight: 700;
}
.ht___address__details p a {
    color: #606060;
    font-size: 15px;
}
.ht___address__details p {
    color: #606060;
    font-size: 15px;
}
.header__right .htc__header__address + .htc__header__address {
    margin-left: 54px;
}
.header--one .main__menu ul.dropdown li {
  padding: 0;
}

/*-----------------------------------------
  Sticky  For  Header
-------------------------------------------*/

.sticky__header.scroll-header {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(40, 57, 94, 0.8) none repeat scroll 0 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0 !important;
    width: 100%;
    z-index: 99;
}

.header--2.scroll-header .logo {
    height: 70px;
    line-height: 70px;
}
.header--2.scroll-header .main__menu > li > a {
    height: 70px;
    line-height: 70px;
}
.header--2.scroll-header .menumenu__container {
    padding-left: 67px;
    padding-right: 48px;
}

.header--2.scroll-header  .logo a img {
    max-width: 127px;
}
.fluid-container.mobile-menu-container {
    position: relative;
}
.mobile-logo {
    align-items: center;
    display: flex;
    height: 52px;
    left: 0;
    padding-left: 15px;
    position: absolute;
    top: 0;
    z-index: 2147483647;
}
.mobile-logo img {
    max-height: 25px;
}

/*--------------------------
    Header 2
---------------------------*/
.header--2 .logo {
    height: 50px;
    margin-left: 0;
}
.header--2 .menumenu__container {
    border-radius: 0;
    padding-left: 100px;
    padding-right: 100px;
}
.mainmenu__wrap.header--2 {
    top: 50px;
}
.main__menu li.search a::before {
    display: none;
}
.main__menu li.toggle__menu a::before {
    display: none;
}
.htc__headeer .scroll-header .bg__cat--1 {
  background-color: transparent;
}


/*-----------------------------------
  Header Search area
---------------------------------------*/
.search__area .search__inner form button::before {
    color: #333;
    content: "";
    display: block;
    font-family: Material-Design-Iconic-Font;
    font-size: 29px;
    transition: color 300ms ease 0s;
}
.search__area {
    background: #28395e none repeat scroll 0 0;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-200%);
    transition: all 300ms ease 0s;
    z-index: 2147483647;
}
.search__area .search__inner{
    position: relative;
}
.search__area .search__inner form {
    margin: 4em 0;
    padding: 0 40px 0 0;
    position: relative;
    text-align: center;
}
.search__area .search__inner form input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font-size: 25px;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    padding: 0 70px 0 20px;
    text-align: left;
}
.search__area .search__inner form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
    font-size: 25px;
    font-weight: 300;
}
.search__area .search__inner form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    color: #333;
    font-size: 25px;
    font-weight: 300;
}
.search__area .search__inner form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    color: #333;
    font-size: 25px;
    font-weight: 300;
}
.search__area .search__inner form input[type="text"]:-moz-placeholder { /* Firefox 18- */
    color: #333;
    font-size: 25px;
    font-weight: 300;
}
.search__area .search__inner form button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 40px;
    top: 0;
    width: 60px;
    transition: 0.3s;
}
.search__area .search__inner form button:hover {
    background: #0b47c8 none repeat scroll 0 0;
}
.search__area .search__inner form button:hover::before {
    color: #fff;
}
.search__area .search__inner .search__close__btn {
    display: block;
    line-height: 58px;
    position: absolute;
    right: 0;
    top: 0;
}
.search__area .search__inner .search__close__btn {
    color: #fff;
    cursor: pointer;
    font-size: 21px;
    line-height: 58px;
}
.search__close__btn .search__close__btn_icon i {
    transition: all 0.5s ease 0s;
    transform: scale(1) rotate(0deg);
}
.search__close__btn .search__close__btn_icon:hover i {
    transform: scale(2) rotate(180deg);
    color: #6cc47f;
}
.search__box__show__hide .search__area {
    transform: translateY(0px);
    transition: all 300ms ease 0s;
}


/*-----------------------------
  Toggle menu
--------------------------------*/

.body__overlay {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: url("../../images/icons/close-20.png") 25 25, pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
}
.body__overlay.is-visible {
    opacity: 1;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s;
    visibility: visible;
}
.offsetmenu {
    background: #28395e none repeat scroll 0 0;
    display: block;
    height: 100vh;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    right: -100%;
    top: 0;
    transition: all 0.25s ease 0s;
    width: 450px;
    z-index: 99999;
}
.logged-in .offsetmenu{top: 30px;}
.offsetmenu.offsetmenu__on {
    opacity: 1;
    padding-bottom: 50px;
    right: calc(0px - 16px);
}
.offsetmenu__inner {
    height: 100%;
    padding: 60px 50px 100px;
}
.offsetmenu__close__btn {
    padding: 29px 50px 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.offsetmenu__close__btn a i {
    color: #fff;
    font-size: 36px;
    transition: all 0.3s ease 0s;
}
.offsetmenu__close__btn a:hover i{
    color: #ff4136;
}
.off__contact p {
    color: #d1d1d1;
    font-size: 13px;
    line-height: 22px;
    margin-top: 25px;
}
.offset__widget h4 {
    color: #ffffff;
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 33px;
	margin-top: 0;
}
.offset__widget {
    margin-top: 67px;
}
.single__off__address span {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
.single__off__address p {
    color: #d8d8d8;
    font-size: 13px;
}
.single__off__address {
    margin-top: 12px;
}
.off__contact__address {
    margin-top: -12px;
}
.offset__subs h4 {
    color: #ffffff;
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 32px;
	margin-top: 0;
}
.offset__subs {
    margin-top: 72px;
}
.offset__input input {
    background: transparent none repeat scroll 0 0!important;
    color: #5a6a8d!important;
    font-size: 12px!important;
    padding-bottom: 11px!important;
    padding-right: 17px!important;
	border: medium none!important;
	font-family: lora;
	font-weight: 400!important;
	width: 100%;
}
.offset__input .subscribe__btn input.bst__btn {
  border: medium none!important;
  color: #fff!important;
  padding: 0!important;
}
.offset__input .subscribe__btn input.bst__btn:hover{background:transparent!important;color:#ddd!important;}
.offset__input input::-moz-placeholder {
  color: #fff !important;
}

.offset__input {
  border-bottom: 1px solid #46577b;
  position: relative;
}
.offset__input a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.offset__input a i {
    color: #ffffff;
    font-size: 14px;
}
.off__soaial__link {
    display: flex;
}
.off__soaial__link li + li {
    margin-left: 26px;
}
.off__soaial__link li a i {
    color: #ffffff;
    font-size: 15px;
    transition: all 0.3s ease 0s;
}
.off__soaial__link li a:hover i {
    color: #6cc47f;
}
.offset__sosial__share {
    margin-top: 23px;
}
.off__soaial__link > li {
  list-style: outside none none;
}

/* --------------------------------
    Search Bar two 
-----------------------------------*/

.menu-wrapper {
    position: relative;
}
.scroll-header .menu-wrapper{
    position: static;
}
.menu__search__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    border-radius: 10px;
    background-color: #28395e;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.search__box__show__hide .menu__search__wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu__search__wrapper form {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
}
.menu__search__wrapper form input[type=text] {
    border: none;
    background: transparent;
    height: 100%;
    padding: 10px 80px 10px 45px;
    color: #adadad;
    font-size: 15px;
    border-radius: 10px;
	width: 100%;
}
.style-two.menu__search__wrapper {
    position: absolute;
    width: 100%;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid #adadad;
}
.search__box__show__hide .primary-nav-wrap,.search__box__show__hide .search.search__open.two i,.search__box__show__hide .toggle__menu{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.primary-nav-wrap{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.menu__search__wrapper.style-two form input[type=text] {
    padding: 10px 0px 10px 0px;
    border-radius: 0px;
}
.scroll-header .menu-wrapper{
    position: static;
}

.scroll-header .style-two.menu__search__wrapper {
    border-bottom: 1px solid transparent;
}
.style-two .search__close__btn.on__menu{
    width: auto;
}
.menu__search__wrapper form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #adadad;
    opacity: 1;
}
.menu__search__wrapper form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    color: #adadad;
    opacity: 1;
}
.menu__search__wrapper form input[type="text"]:-moz-placeholder { /* Firefox 18- */
    color: #adadad;
    opacity: 1;
}
.menu__search__wrapper form input[type=text]:focus{
    outline: none;
}
.search__close__btn.on__menu,.search.search__open,.toggle__menu {
    position: absolute;
    right: 0px;
    top: 0;
    width: 80px;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search.search__open{right: 95px;}
.search.search__open.two,.toggle__menu{width:auto;}
.toggle__menu{width:auto;right: 20px;}
.on__menu span.search__close__btn_icon i {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.on__menu span.search__close__btn_icon {
    line-height: 1;
}
.search__close__btn.on__menu .search__close__btn_icon:hover i {
    transform: scale(1) rotate(180deg);
    color: #6cc47f;
}
.bg__cat--1 {
  background-color: #28395e;
  border-radius: 10px;
  display: block;
  position: relative;
}
.sticky .bg__cat--1 {
  background-color: transparent;
}
.header-area.sticky {
  background: rgba(40, 57, 94, 0.8) none repeat scroll 0 0!important;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom {
  background: rgba(40, 57, 94, 0.8) none repeat scroll 0 0!important;
}
.menu__text {
  height: 70px;
  line-height: 70px;
}
.menu__text span {
  color: #fff;
  font-size: 30px;
  font-family:lora;
  color:#fff!important;
}
.single-portfolio-img {
  width: 100%;
}
.search.search__open.two i,.toggle__menu a i {
  color: #fff;
  font-size: 26px;
  cursor:pointer;
}

/*----------------------
  Down Btn
------------------------*/
.slider__container {
    overflow: hidden;
    position: relative;
}
.slide-down-btn {
    bottom: -45px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    z-index: 9;
}
.logged-in .slide-down-btn {
    bottom: -25px;
}
.home-one-full .slide-down-btn{bottom: -48px;}
@keyframes zoomfeecet {
  0%{
    line-height: 20px;
  }
  50% {
    line-height: 25px;
  }
  100% {
    line-height: 20px;
  }
}
.slide-down-btn a {
    display: block;
    height: 100%;
    width: 100%;
}
.slide-down-btn a img {
    animation: 2s ease 0s normal none infinite running zoomfeecet;
    color: #fff;
    display: block;
    font-size: 36px;
    width: 100%;
}