#scrollUp {
    border-radius: 2px;
    bottom: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 28px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 200;
    bottom: 15px;
}


@-webkit-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@-moz-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
#scrollUp:hover i {
  animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
  height: 100%;
  left: 0;
  margin-bottom: -25px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#scrollUp i {
  color: #fff;
}
 #scrollUp {
  background: #303f9f none repeat scroll 0 0;
}
 

/*---------------------------------------
  End Scroll To Top
----------------------------------------*/


/*---------------------------------------
  03. Support Area
----------------------------------------*/

.htc__support__area {
    padding-top: 90px;
}
.htc__support__inner h4 {
    font-family: "droid_serifregular";
    font-size: 30px;
    margin-bottom: 3px;
}
.htc__support__inner h2 {
    font-family: "droid_serifbold";
    font-size: 40px;
    margin-bottom: 17px;
    text-transform: capitalize;
}
.htc__support__inner h3 {
    color: #505050;
    font-family: "droid_serifregular";
    font-size: 26px;
    margin-bottom: 32px;
}
.htc__support__inner h3 span {
    font-weight: 'droid_serifbold';
}
.htc__support__inner h3 span {
    color: #505050;
    font-size: 26px;
    font-family: "droid_serifbold";
}
.htc__support__inner span.cholist {
    font-family: 'droid_serifregular';
    text-transform: lowercase;
    font-size: 16px;
    color: #505050;
}
.htc__spt__dai p {
    font-family: "droid_serifbold_italic";
    font-size: 24px;
}
.htc__spt__dai p a {
    color: #303f9f;
    padding-left: 6px;
}
.htc__spt__dai {
    margin-top: 30px;
}
.htc__support__details p + p {
    margin-top: 21px;
}


/*---------------------------------------
  04. Try Solve Area
----------------------------------------*/


.htc__try__solve__area {
    margin-left: -15px;
    margin-right: -15px;
}
.htc__try__details {
    border: 6px solid #c0c2d3;
    padding: 80px 58px 80px 54px;
    position: relative;
    z-index: 2;
}
.htc__try__solveleft {
    padding: 120px 150px;
}
.htc__try__details h2 {
    color: #fff;
    font-family: 'droid_serifbold';
    font-size: 40px;
    line-height: 50px;
}
.htc__try__details p {
    color: #ffffff;
    font-size: 16px;
    margin-top: 13px;
    text-align: center;
}
.htc__solve__items {
    margin-left: -15px;
    padding: 141px 0 141px 157px;
}
.htc__try__solveleft {
    margin-right: -15px;
}
.htc__solve__content {
    display: flex;
    border-radius: 5px;
}   
.htc__solve__items .htc__solve__content + .htc__solve__content {
    margin-top: 90px;
}
.ht__sin__solve h4 {
    color: #181717;
    font-size: 22px;
    margin-bottom: 13px;
    text-transform: capitalize;
    font-family: 'droid_serifregular';
    font-weight: bold;
}
.ht__sin__solve p {
    color: #606060;
    line-height: 25px;
    padding-right: 52%;
}
.htc__solve__content .ht__sin__solve + .ht__sin__solve p {
    padding-right: 51%;
}
.htc__solve__content .ht__sin__solve + .ht__sin__solve {
    margin-left: -196px;
}


/*---------------------------------------
  05. Gallery Area
----------------------------------------*/


.section__title h2 {
    font-size: 40px;
    margin-bottom: 25px;
}
.section__title p {
    padding: 0 24%;
}
.htc__gallery__wrap {
    margin-top: -30px;
}
.gallery {
    margin-top: 30px;
    position: relative;
}
.gallery__hover {
    bottom: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 2;
}
.gallery__hover::before {
    background: #4caf50 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.9;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.gallery__hover__info {
    bottom: 46px;
    left: 54px;
    padding: 16px;
    position: absolute;
    z-index: 3;
}
.gallery__hover__info a {
    color: #ffffff;
    font-family: 'droid_serifbold';
    font-size: 18px;
}

.gallery:hover .gallery__hover {
    opacity: 1;
}
.gallery__thumb {
    transition: all 0.5s ease 0s;
}
.gallery:hover .gallery__thumb {
    transform: scale(1.2);
}
.gallery {
    overflow: hidden;
}


/*--------------------------------
  Gallery Style 2
----------------------------------*/

.container-fluid .section__title p {
    padding: 0 33%;
}

.gallery__thumb a img {
    width: 100%;
    border-radius: 10px;
}
.gallery__thumb a {
    display: block;
}


/*--------------------------------
  Gallery Style 3
----------------------------------*/

.section__title.text--white p {
    color: #fff;
}
.section__title.text--white h2 {
    color: #ffffff;
}
.section__bg {
    padding: 70px 0;
}

.htc__gallery__wrap.gallery--3 {
    margin-top: 0;
}

.gallery--3 .gallery {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
}
.gallery__hover__info a {
    position: relative;
}
.gallery__hover__info a::before {
    background: #ffffff none repeat scroll 0 0;
    bottom: -44px;
    content: "";
    height: 170px;
    left: -19px;
    position: absolute;
    width: 2px;
}
.gallery__hover__info a::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: -23px;
    content: "";
    height: 2px;
    left: -45px;
    position: absolute;
    width: 270px;
}

/*-----------------------------
  Activation Style
-----------------------------*/


.activation__time--1.owl-theme [class*="col-"] {
    width: 100%;
}
.activation__time--1 .owl-nav div {
    height: 30px;
    left: -58px;
    line-height: 21px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}
.activation__time--1 .owl-nav div.owl-next {
    left: auto;
    right: -61px;
}
.activation__time--1.owl-theme .owl-nav [class*="owl-"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    color: #dedede;
    cursor: pointer;
    border-radius: 100%;
}
.activation__time--1.owl-theme .owl-nav [class*="owl-"] {
    font-size: 14px;
    transition: 0.4s;
}
.activation__time--1.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #303f9f none repeat scroll 0 0;
    border: 1px solid #303f9f;
    color: #fff;
}

.activation__time--1.owl-theme .owl-nav {
    margin-top: 0;
}


/*---------------------------------------
  06. Appoinment Area
----------------------------------------*/

.htc__appoinment__inner {
    text-align: center;
}
.htc__appoinment__inner h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
}
.htc__appoinment__inner p {
    color: #ffffff;
    margin-top: 22px;
    padding: 0 25%;
}
.htc__appoinment__form {
    bottom: 140px;
    padding: 85px 190px;
    position: relative;
}
.htc__app__box__inner {
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}
.htc__app__box {
    padding: 0 15px;
    width: 50%;
}
.htc__appoinment__form .htc__app__box__inner + .htc__app__box__inner {
    margin-top: 23px;
}
.htc__app__box__inner.message {
    margin: 0;
    width: 100%;
}
.htc__app__box.message {
    padding: 0;
    width: 100%;
}
.htc__app__box input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 35px;
    margin-top: 5px;
    padding: 0 10px;
}
.htc__app__box span {
    color: #606060;
    font-family: PT Sans;
    font-size: 16px;
}
.htc__app__box select {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 35px;
    margin-top: 10px;
}
.htc__app__box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    margin-top: 10px;
    min-height: 135px;
}
.ht__appoin__btn {
    margin-top: 25px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.htc__appoinment__wrap {
    padding: 0 100px;
}


/*---------------------------
  Appoinment 2
----------------------------*/


.htc__visit__inner h2 {
    font-size: 36px;
}
.htc__visit__inner {
    padding-right: 22%;
}
.htc__visit__inner h2 {
    line-height: 45px;
    margin-bottom: 13px;
    padding-right: 51%;
}
.htc__visit__time {
    padding: 77px 0;
}
.htc__visit__lst__wrap {
    display: flex;
    margin-top: 22px;
}
.htc__visit__list li {
    font-size: 16px;
}
.htc__visit__list li + li {
    padding-top: 8px;
}
.htc__visit__lst__wrap ul.htc__visit__list + .htc__visit__list {
    margin-left: 80px;
}

/*---------------------------
  Appoinment 3
----------------------------*/

.appoinment__style--3 .htc__appoinment__form {
    bottom: 140px;
    padding: 56px 65px;
}
.appoinment__style--3 .htc__app__box ,
.appoinment--4 .htc__app__box{
    width: 100%;
}
.appoinment__style--3 .htc__app__box__inner,
.appoinment--4 .htc__app__box__inner {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.appoinment__style--3 .htc__app__box,
.appoinment--4 .htc__app__box {
    padding: 0;
    width: 100%;
}
.appoinment__style--3 .htc__app__box__inner .htc__app__box + .htc__app__box,
.appoinment--4 .htc__app__box__inner .htc__app__box + .htc__app__box {
    margin-top: 30px;
}
.appoinment__style--3 .htc__app__box input,
.appoinment--4 .htc__app__box input  {
    height: 40px;
    margin-top: 0;
    color: #919191;
}
.appoinment__style--3 .htc__app__box.message textarea,
.appoinment--4 .htc__app__box.message textarea {
    margin-top: 0;
    min-height: 120px;
    color: #919191;
}
.appoinment__style--3 .htc__app__box.message textarea::-moz-placeholder,
.appoinment--4 .htc__app__box.message textarea::-moz-placeholder {
    color: #919191;
    opacity: 1 !important;
}

.appoinment__style--3 .htc__app__box input::-moz-placeholder ,
.appoinment--4 .htc__app__box input::-moz-placeholder {
    color: #919191 !important;
    opacity: 1;
}
.appoinment__style--3 .htc__appoinment__form h2 {
    font-family: PT Sans;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}
.appoinment__style--3 .htc__visit__inner {
    padding: 110px 22% 110px 10%;
}
/*---------------------------
  Appoinment 4
----------------------------*/

.appoinment--4 .htc__appoinment__form {
    background: #fff none repeat scroll 0 0;
    bottom: 0px;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    padding: 70px 92px;
}
.htc__visit__time.appoinment--4 {
    padding: 0;
}
.pos--relative {
    position: relative;
}
.appoinment--4 .htc__appoinment__form {
    bottom: 6%;
    height: auto;
    position: absolute;
    right: 19%;
    top: 6%;
    z-index: 3;
}
.appoinment--4 .htc__app__box input {
    width: 381px;
}
.appoinment--4 .htc__appoinment__form h2 {
    color: #606060;
    font-family: PT Sans;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 31px;
    text-align: center;
}

.htc__app__box.psy__calendar::before {
    content: "";
    font-family: "themify";
    position: absolute;
    right: 39px;
    top: 50%;
}
.htc__app__box.psy__calendar {
    position: relative;
}
.appoinment--4 .htc__app__box.psy__calendar::before {
    right: 27px;
    top: 19%;
}
.date__dropdown.hasDatepicker {
    padding-right: 39px;
}
.appoinment__style--3 .htc__app__box.psy__calendar::before {
    right: 26px;
    top: 21%;
}




/*---------------------------------------
  07. Therapy Provide Area
----------------------------------------*/

.htc__therapy__title h2 {
    font-size: 40px;
    line-height: 50px;
}
.htc__therapy__title p {
    margin-top: 23px;
}
.htc__therapy__title {
    padding-right: 11%;
}
.htc__therapy__provide {
    padding-bottom: 150px;
}
.ht__therapy {
    display: flex;
}
.ht__therapy__icon i {
    color: #303030;
    font-size: 25px;
}
.ht__therapy__icon {
    margin-right: 11px;
}
.ht__therapy__details h2 {
    color: #303030;
    font-family: 'droid_serifregular';
    font-size: 20px;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.psy__therapy__wrap {
    align-items: center;
    display: flex;
}
.ht__therapy__details p {
    line-height: 22px;
}
.single-therapy .col-lg-6 + .col-lg-6 {
    padding-left: 24px;
}
.single-therapy + .single-therapy {
    margin-top: 73px;
}



/*---------------------------------------
  08. Testimonial Area
----------------------------------------*/

.testimonial {
    position: relative;
    z-index: 2;
}
.ht__test__details p {
    color: #ffffff;
    font-size: 19px;
    font-style: italic;
    line-height: 30px;
    padding-right: 1%;
}
.ht__test__details {
    margin-top: 19px;
}
.htc__testimonial__content {
    align-items: flex-end;
    display: flex;
    height: 494px;
    padding-bottom: 90px;
}

.testimonial__clint {
    position: relative;
    top: 100px;
}
.clint__info h4 {
    font-size: 22px;
    font-family: 'droid_serifbold_italic';
    text-transform: capitalize;
}
.clint__info {
    bottom: 3px;
    left: -183px;
    position: absolute;
    text-align: right;
}
.clint__info h6 {
    color: #606060;
    font-family: "droid_serifitalic";
    font-size: 14px;
    margin-top: 5px;
    text-transform: capitalize;
}

/* -------------------------
  Testimonial Style 2
---------------------------*/

.testimonial--2 .testimonial__clint {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    top: auto;
}
.testimonial--2 .testimonial {
    align-items: center;
    display: flex;
}
.testimonial--2 .htc__testimonial__content {
    display: block;
    height: auto;
    padding-bottom: 0;
}
.testimonial--2 .clint__info h4 {
    color: #fff;
    transition: 0.3s;
}
.testimonial--2 .clint__info h4 a{
    transition: 0.3s;
}
.testimonial--2 .clint__info h4 a:hover {
    color: #fff;
}
.testimonial--2 .clint__info h6 {
    color: #ffffff;
    font-size: 14px;
    margin-top: 12px;
}
.testimonial--2 .clint__info {
    bottom: 63px;
    left: -40px;
}

/* -------------------------
  Testimonial Style 3
---------------------------*/
.testimonial--3 .ht__test__details p {
    padding-right: 19%;
}


.testimonial--3 .ht__test__details {
    margin-top: 32px;
}
.htc__testimonial__content--2 {
    padding-bottom: 80px;
    padding-top: 80px;
}
.clint__info--2 h4 a {
    color: #ffffff;
}
.clint__info--2 h4 {
    font-size: 22px;
    font-family: 'droid_serifbold_italic';
}
.clint__info--2 h6 {
    color: #ffffff;
    font-size: 14px;
    font-family: 'droid_serifitalic';
    margin-top: 7px;
}
.clint__info--2 {
    margin-top: 30px;
}

.testimonial--3 .testimonial {
    padding-left: 100px;
    position: relative;
    z-index: 2;
}

.testimonial--2 .testimonial__activation--1 .owl-dots {
    bottom: 139px;
    left: 9px;
    position: absolute;
}
.tes--bg::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.tes--bg > div{
    z-index: 3;
    position: relative;
}

.testimonial--1 .owl-stage-outer {
    padding-bottom: 100px;
}
.testimonial--1.testimonial__activation--1 .owl-dots {
    bottom: 135px;
}


/*---------------------------------------
  09. Blog Area
----------------------------------------*/

.blog {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    transition: 0.5s !important;
}
.htc__blog__inner {
    padding: 9px 25px 20px;
    text-align: center;
}
.ht__blog__sub h2 {
    color: #303030;
    font-size: 17px;
    font-family: "droid_serifbold";
    line-height: 28px;
}
.ht__blog__sub span.bl__date {
    color: #787878;
    display: block;
    font-family: "droid_serifbold";
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 20px;
}
.ht__blog__sub {
    position: relative;
}
.ht__blog__sub::before {
    background: rgba(0, 0, 0, 0) url("images/others/icon/line.png") no-repeat scroll 0 0 / cover ;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 71%;
}
.ht__blog__meta {
    display: flex;
    justify-content: space-between;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 20px;
}
.ht__blog__meta li,
.ht__blog__meta li a {
    color: #b3b3b3;
    font-family: 'droid_serifregular';
    font-size: 12px;
}
.ht__blog__meta li a{
    transition: 0.3s;
}
.ht__blog__meta li a:hover{
    color: #303f9f;
}
.blog--page {
    margin-top: -40px;
}
.blog--page .blog {
    margin-top: 40px;
}
.ht__blog__thumb a {
    display: block;
}
.ht__blog__thumb a img {
    transition: all 0.5s ease 0s;
}
.blog:hover .ht__blog__thumb a img {
    transform: scale(1.2);
}
.ht__blog__thumb {
    overflow: hidden;
}
.blog:hover {
  box-shadow: 3px 3px 40px rgba(0, 0, 0, 0.17);
}


/*---------------------------------------
  10. Subscribe Area
----------------------------------------*/



.htc__subscribe__wrap {
    padding: 44px 0;
    text-align: center;
}
.htc__subscribe__inner h2 {
    color: #303f9f;
    font-size: 30px;
    line-height: 24px;
    text-transform: capitalize;
}
.htc__subscribe__inner h4 {
    color: #606060;
    font-size: 16px;
    font-family: 'droid_serifregular';
    line-height: 39px;
    margin-bottom: 24px;
}

.news__input input::-moz-placeholder {
    color: #c2c2c2 !important;
    opacity: 1;
}
.htc__news__inner {
    position: relative;
}
.subscribe__btn {
    position: absolute;
    right: 27.5%;
    top: 0;
}
.subscribe__btn input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
}
.subscribe__btn input.bst__btn{
    position: relative;
}
.news__input input {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    color: #c2c2c2;
    outline: none;
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
    width: 45%;
    padding-right: 63px;
}
.subscribe--3  .news__input input {
    color: #aeaeae;
}
.subscribe--3 .news__input input::-moz-placeholder {
    color: #aeaeae !important;
}
.subscribe__btn input.bst__btn {
    background-image: url(images/icons/send.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    position: relative;
    text-indent: -999px;
    z-index: 5;
    outline: none;
}
.subscribe--2 .subscribe__btn input.bst__btn {
    background-image: url(images/icons/send-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 87% auto;
    position: relative;
    text-indent: -999px;
    z-index: 5;
    outline: none;
}
.subscribe__btn input {
    height: 40px;
    padding: 0 11px;
    position: relative;
    right: 25px;
}

.subscribe--3 .subscribe__btn {
    position: absolute;
    right: 18px;
}
.subscribe--3 .subscribe__btn input {
    right: auto;
}

.subscribe--translate {
    transform: translateY(50%);
}


/*----------------------------
  Subscribe Style 2
------------------------------*/

.subscribe--2 .htc__subscribe__inner h4 {
    color: #fff;
}
.subscribe--2 .htc__subscribe__inner h2 {
    color: #fff;
}
.subscribe--2 .news__input input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #424242;
    color: #545454;
}
.subscribe--2 .news__input input::-moz-placeholder {
    color: #545454 !important;
    opacity: 1;
}

/*----------------------------
  Subscribe Style 3
------------------------------*/

.subscribe--3 .news__input input {
    width: 523px;
}
.subscribe--3 .htc__subscribe__inner h2 {
    font-size: 26px;
    font-family: 'droid_serifregular';
    line-height: 36px;
}
.subscribe--3 .htc__subscribe__inner h4 {
    font-size: 14px;
    font-family: 'droid_serifregular';
    line-height: 20px;
    margin-bottom: 0;
}
.subscribe--3 .htc__subscribe__wrap {
    padding: 64px 0;
}

.subscribe--3 .htc__subscribe__inner {
    align-items: center;
    display: flex;
    padding: 0 150px;
}
.subscribe--3 .ht__subscribe__text {
    padding-right: 55px;
    position: relative;
}
.subscribe--3 .newsletter__form {
    margin-left: 22px;
}
.subscribe--3 .ht__subscribe__text::before {
    background: #e1e1e1 none repeat scroll 0 0;
    content: "";
    height: 90px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
}
.subscribe--3 .htc__subscribe__wrap {
    text-align: left;
}

/*---------------------------------------
  11. Bradcaump Area
----------------------------------------*/


.ht__bradcaump__wrap {
    padding: 130px 0;
    text-align: center;
}
.bradcaump__title h2 {
    color: #ffffff;
    font-size: 50px;
}
.bradcaump__title {
    position: relative;
    z-index: 1;
}
.phc__breadcrumb {
    align-items: center;
    display: flex;
    height: 100px;
}
.bradcaump__inner {
    text-align: right;
}
.bradcaump__inner a {
    color: #afafaf;
    font-family: 'droid_serifregular';
    font-size: 18px;
    transition: all 0.4s ease 0s;
}
.breadcrumb-item.active {
    color: #303f9f;
    font-family: "droid_serifregular";
    font-size: 18px;
}
.brd-separetor {
    padding: 0 6px;
}
.brd-separetor span {
    color: #afafaf;
    font-size: 13px;
}
.breadcrumb-item:hover {
    color: #303f9f;
}


/*---------------------------------------
  11. Pagenation Area
----------------------------------------*/


.htc__pagenation {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.23);
    display: inline-block;
    margin-top: 60px;
}
.htc__pagenation li {
    display: inline-block;
    padding: 0 18px;
}
.htc__pagenation li.page {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0 30px;
}
.htc__pagenation li a {
    display: block;
    height: 45px;
    line-height: 45px;
}
.htc__pagenation li.page a {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 16px;
}
.htc__pagenation li a span {
    color: #303030;
    font-size: 12px;
}


/*---------------------------------------
  12. Service Area
----------------------------------------*/
.htc__home2__service2__area {
    padding-top: 100px;
}
.htc__home2__service__area {
    padding-bottom: 20px;
}
.sction__title--2 h4 {
    font-size: 30px;
    font-family: 'droid_serifregular';
}
.sction__title--2 h4 span {
    font-size: 32px;
    font-family: 'droid_serifbold';
    text-transform: capitalize;
}
.sction__title--2 h2 {
    font-size: 36px;
    font-family: 'droid_serifbold';
    margin-top: 8px;
}
.htc__service__wrap {
    /* margin-top: 85px; */
}
.service {
    background: #4caf50 none repeat scroll 0 0;
    padding: 30px 20px;
    border-radius: 11px;
    text-align: center;
    margin: 0 0 20px 0;
}
.service__details h2 {
    color: #303030;
    font-size: 22px;
    font-family: 'droid_serifregular';
    margin-top: 25px;
}
.service__details p {
    line-height: 22px;
    margin-top: 14px;
    color: #fff;
}
.sction__title--2.text-left {
    text-align: left;
}
.feature--service .htc__service__wrap {
    margin-top: 150px;
}
.service__icon img {
    max-height: 72px;
}
/*-----------------------------
  Service Style 2
--------------------------------*/


.service--2 .service {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}
.service--2 .htc__service__list {
    display: flex;
}
.service--2 .htc__service__list + .htc__service__list {
    margin-top: 30px;
}
.service--2 .service .ser__list__num {
    color: #e0e2f1;
    font-family: 'droid_serifregular';
    font-size: 24px;
}
.service--2 .service h2 {
    color: #303030;
    font-size: 22px;
    font-family: 'droid_serifregular';
    margin-top: 10px;
    text-transform: capitalize;
}
.service--2 .service p {
    line-height: 22px;
    margin-top: 16px;
    padding-right: 18%;
}
.htc__service__wrap.service--2 {
    margin-top: 75px;
}

.video__wrap {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.video__inner {
    left: 50%;
    padding-left: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.video__image{
    position: relative;
}

/*Service 2*/
.section__title__left h2 {
    font-size: 36px;
}
.section__title__left p {
    margin-top: 14px;
    width: 53%;
}
/*-----------------------------
  Service Style 3
--------------------------------*/



.service--3 .service {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}
.service--3 .service__details h2 {
    margin-top: 28px;
}
.service--3 .ht__service__content {
    display: flex;
    justify-content: space-between;
}
.htc__service__wrap .ht__service__content + .ht__service__content {
    margin-top: 50px;
}
.service--3 {
    padding-bottom: 90px;
    position: relative;
}
.service--3 .service__details p {
    padding-right: 24%;
}
.htc__service__position--img {
    bottom: 0;
    left: 13%;
    position: absolute;
}


/*-----------------------------
  Service Style 4
--------------------------------*/


.service--4 .service p {
    padding-right: 0;
    margin-top: 20px;
}

.service--4 .service {
    border: 1px solid #f5f5f5;
    transition: all 0.3s ease 0s;
}
.service--4 .htc__service__list .service + .service {
    margin-left: 36px;
}
.service--4 .service {
    padding: 28px 21px;
}
.htc__service__wrap.service--4 {
    align-items: center;
    display: flex;
}
.service--4 .service:hover {
    border: 1px solid transparent;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
}

/*-----------------------
  Exclusive Service
------------------------*/

.exclusive__service .htc__service__wrap {
    margin-top: 0;
}
.htc__exclu__service h4 {
    font-size: 26px;
    font-family: 'droid_serifregular';
}
.htc__exclu__service h4 span {
    font-family: 'droid_serifbold';
}
.htc__exclu__service h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    margin-top: 12px;
}
.ht__exclu__details {
    margin-top: 24px;
}
.ht__exclu__details p + p {
    margin-top: 20px;
}
.exclusive__service--inner {
    align-items: center;
    display: flex;
}
.ht__exclu__details p {
    padding-right: 18%;
}

/*-----------------------
  Service Style 5
------------------------*/


.service__bg .section__title h2 {
    color: #ffffff;
    font-size: 36px;
}
.service__bg .section__title p {
    color: #ffffff;
    padding: 0 24%;
}
.service__bg {
    padding: 80px 0;
}
.htc__service__wrap.service--5 {
    margin-top: 0;
    padding: 100px 0;
}
.about__service .htc__service__wrap {
    margin-top: 0;
}
.about__service .service {
    background: #fafafa none repeat scroll 0 0;
    padding: 69px 0 66px;
}
.ht__therapy__wrap {
    align-items: center;
    display: flex;
}
.about__service .service__details p {
    padding-right: 20%;
}
.service.service__align--center {
    left: 45px;
    position: relative;
}
.service.service__align--right {
    position: relative;
    right: -83px;
}



/*---------------------------------------
  13. Our Team Area
----------------------------------------*/

.team {
    margin-top: 40px;
    position: relative;
}
.htc__team__thumb a {
    display: block;
    position: relative;
}
.htc__team__thumb a img {
    width: 100%;
}
.htc__team__thumb > a::before {
    background: #303f9f none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 1;
}
.team:hover .htc__team__thumb a::before {
    opacity: 0.92;
}
.htc__team__thumb {
    position: relative;
}
.team__hover__action {
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 3;
}
.team__hover__action h2 a {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
}
.team__hover__action h6 {
    color: #fff;
    font-family: PT Sans;
    font-size: 16px;
    margin-top: 5px;
    text-transform: capitalize;
}
.team:hover .team__hover__action {
    opacity: 1; 
}
.team__social__service {
    background: #efefef none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 31px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.htc__team__info {
    background: #efefef none repeat scroll 0 0;
    padding: 24px 0;
    text-align: center;
    transition: all 0.4s ease 0s;
}
.htc__team__info h2 {
    color: #303030;
    font-size: 18px;
    font-family: 'droid_serifregular';
    text-transform: capitalize;
}
.htc__team__info h6 {
    color: #606060;
    font-family: PT Sans;
    font-size: 16px;
    margin-top: 7px;
    text-transform: capitalize;
}
.htc__team__details {
    position: relative;
}
.tm__social__icon {
    display: flex;
    justify-content: center;
}
.tm__social__icon li {
    margin: 0 10px;
}
.tm__social__icon li a {
    border: 1px solid #cfcfcf;
    border-radius: 100%;
    color: #bcbcbc;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    transition: all 0.4s ease 0s;
    width: 32px;
}
.tm__social__icon li a:hover {
    background: #303f9f none repeat scroll 0 0;
    border: 1px solid #303f9f;
    color: #fff;
}
.team:hover .team__social__service {
    opacity: 1;
}
.team:hover .htc__team__info {
    opacity: 0;
}

/*----------------------------
  Team Style 2
-----------------------------*/

.team--2 .team:hover .htc__team__info {
    opacity: 1;
}
.team--2 .team__hover__action {
    padding: 10px 24px 10px 58px;
    width: 100%;
}
.team--2 .tm__social__icon li {
    margin: 0 8px;
}
.team--2 .tm__social__icon li a:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffffff;
}
.team--2 .team__hover__action p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: left;
}
.team--2 .team__hover__action::before {
    background: #f5f5f5 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 14%;
    position: absolute;
    top: 0;
    width: 1px;
}
.team--2 .tm__social__icon li a:hover span {
    color: #3e4ca5;
}
.team--2 .tm__social__icon li a span {
    transition: all 0.3s ease 0s;
}
.team--2 .tm__social__icon li:first-child {
    margin-left: 0;
}

/*---------------------------------------
  14. Our Success Area
----------------------------------------*/

.ht__success__inner {
    margin-left: -15px;
    padding-left: 60px;
    padding-right: 16.5%;
    margin-right: -15px;
}
.ht__success__thumb {
    margin-right: -15px;
}
.ht__single__success {
    align-items: center;
    display: flex;
}
.ht__success__thumb {
    margin-left: -15px;
}
.ht__success__content h2 {
    color: #303f9f;
    font-size: 24px;
    margin-bottom: 24px;
}
.ht__success__content p {
    color: #606060;
    font-size: 19px;
    font-style: italic;
    line-height: 30px;
}

.htc__success__activation,
.testimonial__activation--1{
    position: relative;
}
.testimonial--2 .testimonial__activation--1 {
    margin-top: -38px;
}
.htc__success__activation .owl-dots {
    bottom: 55px;
    left: 46.2%;
    position: absolute;
}
.htc__success__activation.owl-theme .owl-dots .owl-dot span,
.testimonial__activation--1.owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #b7b7b7 none repeat scroll 0 0;
    border-radius: 5px;
    display: block;
    height: 5px;
    margin: 0 6px;
    transition: opacity 0.2s ease 0s;
    width: 20px;
}
.htc__success__activation.owl-theme .owl-dots .owl-dot.active span{
    background: #6e6e6e none repeat scroll 0 0;
    width: 35px;
}
.testimonial__activation--1.owl-theme .owl-dots .owl-dot.active span {
    background: #fff none repeat scroll 0 0;
    width: 35px;
}
.htc__success__activation.owl-theme .owl-dots .owl-dot:hover span {
    background: #6e6e6e none repeat scroll 0 0;
}
.testimonial__activation--1.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff none repeat scroll 0 0;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
}
.testimonial__activation--1 .owl-dots {
    bottom: 34px;
    left: 0;
    position: absolute;
}
.testimonial--1.testimonial__activation--1 .owl-dots {
    left: 10px;
}
.testimonial--3 .testimonial__activation--1 .owl-dots {
    display: none;
}

/*---------------------------------------
  15. Blog Details Area
----------------------------------------*/


.psy__bl__dtl blockquote {
    background: #fafafa none repeat scroll 0 0;
    border-left: 5px solid transparent;
    color: #909090;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    margin: 50px 0 50px 65px;
    padding: 43px 70px 43px 68px;
    position: relative;
    z-index: 2;
}

.psy__bl__dtl blockquote::before {
    background-image: url(images/icons/quote-2.png);
    background-position: center center;
    background-size: cover;
    color: #eeeeee;
    content: "";
    font-size: 24px;
    height: 35px;
    left: 56px;
    position: absolute;
    top: 27px;
    width: 43px;
    z-index: -1;
}
.psy__blog__details h2 {
    color: #303030;
    font-size: 24px;
    margin-bottom: 12px;
    margin-top: 30px;
}
.psy__blog__details span {
    color: #787878;
    display: block;
    font-family: "droid_serifbold";
    font-size: 16px;
}
.psy__bl__dtl {
    margin-top: 20px;
}
.psy__bl__dtl p {
    color: #909090;
    font-size: 16px;
    line-height: 24px;
    padding-right: 17px;
}
.psy__bl__dtl p + p {
    margin-top: 30px;
}
.psy__blog__meta {
    border-top: 1px solid #e1e1e1;
    display: flex;
    margin-top: 43px;
    padding-top: 20px;
}
.psy__blog__meta li a {
    color: #b3b3b3;
    font-family: 'droid_serifregular';
    font-size: 15px;
}
.psy__blog__meta li + li {
    margin-left: 100px;
}
h2.psy__blog__title {
    color: #303030;
    font-size: 20px;
    margin: 0 0 47px;
    text-transform: capitalize;
}
.psy__blog__comment__wrapper {
    margin-top: 71px;
}
.comment {
    align-items: center;
    background: #fafafa none repeat scroll 0 0;
    display: flex;
}
.comment__thumb {
    min-width: 134px;
}
.comment__thumb img {
    width: 100%;
}
.comment.reply {
    margin-bottom: 40px;
    margin-left: 100px;
    margin-top: 40px;
}
.comment__inner {
    padding-left: 40px;
    padding-right: 13px;
}
.comment__info {
    display: flex;
    margin-bottom: 7px;
}
.comment__info span {
    color: #909090;
    font-size: 14px;
    font-family: 'droid_serifitalic';
}
.comment__info span + span {
    padding-left: 14px;
}
.comment__details p {
    color: #606060;
    font-size: 15px;
    line-height: 22px;
}
.cmnt__reply {
    display: flex;
    margin-top: 4px;
}
.cmnt__reply span a {
    color: #909090;
    font-family: 'droid_serifitalic';
    font-size: 13px;
}
.cmnt__reply span + span {
    padding-left: 27px;
}
.comment__info span a {
    color: #909090;
    font-size: 14px;
    font-family: 'droid_serifitalic';
}
.comment__form {
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}
.comment__box {
    margin: 0 15px;
    width: 50%;
}
.comment__box input {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 35px;
    padding: 0 20px;
}
.comment__box span {
    color: #606060;
    display: block;
    font-family: PT Sans;
    font-weight: 400;
    margin-bottom: 10px;
}
.psy__comment__form__inner .comment__form + .comment__form {
    margin-top: 23px;
}
.comment__send__btn {
    margin-top: 30px;
}
.comment__send__btn a.htc__btn {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
}

/*-----------------------
  Side Bar
-------------------------*/

.title__line--2 {
    align-items: center;
    background: #fafafa none repeat scroll 0 0;
    display: flex;
    font-size: 22px;
    height: 60px;
    margin-bottom: 50px;
    padding: 0 40px;
    text-transform: capitalize;
}
.psy__cat__list li {
    color: #909090;
    font-family: "droid_serifregular";
    font-size: 16px;
}
.psy__cat__list li + li {
    margin-top: 22px;
}
.psy__search__field {
    margin-top: 57px;
}
.psy__search__field {
    position: relative;
}
.psy__search__field input {
    border: 1px solid #e1e1e1;
    color: #afafaf;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
}
.psy__search__field input::-moz-placeholder {
    color: #afafaf !important;
}
.psy__search__field a {
    position: absolute;
    right: 25px;
    top: 56%;
    transform: translateY(-50%);
}
.psy__search__field a span {
    color: #afafaf;
    font-size: 18px;
}
.psy__visit__time {
    margin-top: 46px;
}
.psy__visit__time p {
    color: #909090;
    font-family: "droid_serifregular";
    font-size: 16px;
    padding-left: 38px;
    padding-right: 57px;
}
.psy__visit__time p + p {
    margin-top: 27px;
}
.psy__bl__shape {
    margin-top: 54px;
}
.psy__tag__area {
    margin-top: 57px;
}
.psy__tag__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.psy__tag__list li a {
    border: 1px solid #e1e1e1;
    color: #909090;
    display: flex;
    font-family: "droid_serifregular";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    transition: all 0.4s ease 0s;
}
.psy__tag__list li {
    margin: 0 5px 15px;
}
.psy__tag__list li a:hover {
    background: #303f9f none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
}
.psy__comment__form {
    margin-top: 75px;
}
.comment__form.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}
.comment__form.message .comment__box {
    width: 100%;
}
.comment__form.message textarea {
    min-height: 155px;
}

/*--------------------------
  Blog One Column
---------------------------*/

.bl__details h2 {
    color: #303030;
    font-size: 24px;
    margin-bottom: 16px;
}
.bl__details {
    padding: 35px 83px 35px 34px;
}
.single__md__blog {
    background: #fafafa none repeat scroll 0 0;
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease 0s;
}
.bl__details .ht__blog__meta {
    justify-content: inherit;
}
.bl__details .ht__blog__meta li + li {
    margin-left: 83px;
}
.bl__details .ht__blog__meta {
    border-top: 1px solid #e1e1e1;
    margin-top: 25px;
    padding-left: 0;
    padding-right: 0;
}
.single__md__blog:hover {
    box-shadow: 7px 10px 13px rgba(0, 0, 0, 0.23);
}
.blog-one-column--2 .bl__details p {
    color: #909090;
    margin-top: 20px;
}
.blog-one-column--2 .bl__details {
    padding: 35px 30px 35px 34px;
}
.psy__cat__list {
    padding-left: 40px;
}
.bl__details span {
    color: #787878;
    font-size: 16px;
    font-family: 'droid_serifbold';
}

/*-----------------------
  Blog Right Sidebar
-------------------------*/

.blog-right-sidebar .ht__blog__meta {
    padding-left: 0;
}
.blog-right-sidebar .ht__blog__sub {
    text-align: left;
}
.blog-right-sidebar .ht__blog__sub::before {
    left: 0;
    transform: translateX(0);
}
.blog-right-sidebar .ht__blog__meta {
    justify-content: inherit;
    padding-top: 16px;
}
.blog-right-sidebar .ht__blog__meta li + li {
    margin-left: 35px;
}

/*---------------------------------------
  16. Contact Area
----------------------------------------*/

#googleMap iframe {
    width: 100%;
    height: 770px;
    border: none;
}

.address {
    background: #303f9f none repeat scroll 0 0;
    padding: 30px 12px;
    text-align: center;
}
.address__icon i {
    border: 1px solid #ffffff;
    border-radius: 100%;
    color: #ffffff;
    font-size: 30px;
    height: 46px;
    line-height: 46px;
    transition: all 0.4s ease 0s;
    width: 46px;
}
.address__details {
    margin-top: 23px;
}

.address__details p {
    color: #fff;
}

.address__details p a {
    color: #fff;
}
.address:hover .address__icon i {
    background: #303f9f none repeat scroll 0 0;
    border: 1px solid #303f9f;
    color: #fff;
}
.contact__addres__wrapper {
    position: relative;
    transform: translateY(67px);
    z-index: 4;
}
.htc__contact__form__wrap {
    /* padding: 0 100px; */
}
.contact-form-wrap {
    background: #fafafa none repeat scroll 0 0;
    /* padding: 75px 190px; */
}
.contact-box.name_email {
    display: flex;
}

.contact-box span {
    color: #606060;
    display: block;
    font-family: pt sans;
    font-size: 16px;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.contact-box input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    height: 35px;
    padding: 0 20px;
    width: 100%;
    outline: none;
}
.contact-box.name_email .contact-box {
    margin: 0 13px;
    width: 50%;
}
.contact-box.name_email {
    justify-content: space-between;
    margin-left: -13px;
    margin-right: -13px;
}
.single-contact-form + .single-contact-form {
    margin-top: 26px;
}
.contact-box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    min-height: 133px;
}
.contact-btn {
    margin-top: 25px;
    text-align: center;
}
.contact-btn .htc__btn {
    border: 0 none;
    font-family: PT Sans;
    height: 42px;
    line-height: 42px;
}
.htc__contact__form__wrap {
    position: relative;
    transform: translateY(-70px);
    z-index: 2;
}
.contact-btn .htc__btn {
    text-transform: uppercase;
}
.ct__title{
    text-align: center;
    color: #303f9f;
    font-size: 24px;
    margin-bottom: 64px;
}

/*Contact Style 2 */

.contact--2 .htc__contact__form__wrap {
    transform: translateY(0px);
}
.contact--2 .contact__addres__wrapper {
    transform: translateY(0px);
}

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

.testimonial__activation--1 .htc__testimonial__content,
.testimonial__activation--1 .animation__from--left {
    animation-delay: 0.4s;
    animation-duration: 1s;
}
.testimonial__activation--1 .testimonial__clint,
.testimonial__activation--1 .animation__from--right {
    animation-delay: 1s;
    animation-duration: 1s;
}
.testimonial__activation--1 .htc__testimonial__content,
.testimonial__activation--1 .testimonial__clint,
.testimonial__activation--1 .animation__from--left,
.testimonial__activation--1 .animation__from--right{
    animation-fill-mode: both;
    animation-name: fadeOut;
}
.testimonial__activation--1 .owl-item.active .htc__testimonial__content,
.testimonial__activation--1 .owl-item.active .animation__from--left{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
.testimonial__activation--1 .owl-item.active .testimonial__clint,
.testimonial__activation--1 .owl-item.active .animation__from--right{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
.testimonial__activation--1.owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.owl-carousel {
    display: block;
}

/*----------------------
  Others Css
------------------------*/

.ht__blog__thumb a img {
    transition: all 0.5s ease 0s;
    width: 100%;
}
.htc__service__wrap.service--3 {
    align-items: center;
    display: flex;
}
.blog__sidebar--list{
    margin-top: -30px;
}

.htc__try__solve__area {
  position: relative;
  margin: 20px 0 0 0;
}

.home--try {
    height: 100%;
    left: 0;
    /* position: absolute; */
    top: 0;
    /* width: 41.5%; */
}

/*---------------------------------------
  17. Single Service Area
----------------------------------------*/


.psy__single__service {
    display: flex;
}
.psy__ser__thumb img {
    margin-right: 40px;
    min-width: 370px;
}
.psy__ser__inner h2 {
    color: #303f9f;
    font-size: 30px;
    line-height: 22px;
    margin-bottom: 29px;
    text-transform: capitalize;
}
.psy__ser__details p {
    color: #606060;
    font-size: 16px;
    line-height: 24px;
    padding-right: 8%;
}
.psy__ser__details p + p {
    margin-top: 10px;
}
.psy__service__list {
    margin-top: 14px;
}
.psy__service__list li a {
    color: #606060;
    font-size: 16px;
    line-height: 24px;
    padding-right: 22%;
}
.psy__service__list li i {
    color: #303030;
    font-size: 16px;
    line-height: 29px;
    padding-right: 7px;
}
.psy__service__list li + li {
    margin-top: 15px;
}
.psy__single__service + .psy__single__service {
    margin-top: 70px;
}
.psy__single__service.service--left .psy__ser__thumb {
    padding-right: 0;
}
.psy__single__service.service--left .psy__ser__inner {
    padding-right: 40px;
}
.psy__single__service.service--left .psy__ser__details p {
    padding-right: 10%;
}
.form-output p {
    font-size: 16px;
    line-height: 24px;
}
.form-output {
    text-align: center;
}
.psy__service__list li {
    display: flex;
}


/*Pagination*/


.psy__nextpre--btn {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.psy__nextpre--btn li a {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    color: #969696;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.psy__nextpre--btn li a i {
    color: #969696;
    font-size: 18px;
    padding-right: 10px;
    transition: all 0.3s ease 0s;
}
.psy__nextpre--btn li.next a i {
    padding-right: 0px;
    padding-left: 10px;
}
.psy__nextpre--btn li a:hover {
    background: #303f9f none repeat scroll 0 0;
    border: 1px solid #303f9f;
    color: #fff;
}
.psy__nextpre--btn li a:hover i {
    color: #fff;
}
.service--left .psy__ser__thumb img {
  margin-right: 0;
}

/*--------------------------------
  Calender Style
--------------------------------*/


.ui-widget.ui-widget-content {
    border: 1px solid #d0d4d9;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d0d4d9;
    color: #4d5155;
    font-family: PT Sans;
    font-size: 14px;
    font-weight: 700;
}
.ui-widget-header {
    background: #303f9f none repeat scroll 0 0;
    border: 1px solid #303f9f;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.ui-datepicker {
    padding: 0;
    width: 282px;
}
.ui-datepicker .ui-datepicker-header {
    padding: 5px 0;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 8px;
    text-align: center;
}
.ui-datepicker table .ui-datepicker-today a {
  border: 1px solid #303f9f;
  color: #303f9f;
}
.ui-datepicker table {
  margin: 0;
}
/*New Code*/

.exclusive__service .htc__service__wrap {
    padding-left: 31px;
}
.psy__single__service__container {
    padding-right: 38px;
}
.blog__thumb a img {
    width: 100%;
}

.blog__separator--right {
    margin-right: -30px;
}
.blog__separator--left {
    margin-left: 70px;
}
.team--page .team {
  margin-top: 60px;
  position: relative;
}
.team--page .htc__team__wrap{
    margin-top: -60px;
}

/*------------------------------
    Team Details
--------------------------------*/




.fs-skill-container .single-skill + .single-skill {
    margin-top: 3px;
}
.single-skill p {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 14px;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.single-skill {
    overflow: hidden;
}
.progress {
    background-color: #dddddd;
    border-radius: 0;
    box-shadow: none;
    height: 12px;
    margin-bottom: 18px;
    overflow: visible;
}
.progress-bar {
    background-color: #303f9f;
    border-radius: 0;
    box-shadow: none;
    line-height: 10px;
    position: relative;
}
.pen-lable {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 14px;
    position: absolute;
    right: -11px;
    top: -23px;
}
.row.team__align__center {
    align-items: center;
    display: flex;
}
.team__details__inner h2 {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 32px;
    text-transform: capitalize;
}
.team__details__inner span {
    color: #606060;
    display: block;
    font-size: 18px;
    margin-bottom: 23px;
    margin-top: 4px;
    text-transform: capitalize;
}
.team__details__inner p {
    color: #606060;
}
.team__details__inner p + p {
    margin-top: 20px;
}
.team__social__net {
    display: flex;
    margin-top: 40px;
}
.team__social__net li + li {
    margin-left: 16px;
}
.team__social__net li a {
    background: #3b5998 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 50px;
}
.team__social__net li.bg--twit a {
    background: #00aced none repeat scroll 0 0;
}
.team__social__net li.bg--googl a {
    background: #007bb6 none repeat scroll 0 0;
}
.team__social__net li.bg--link a {
    background: #d34836 none repeat scroll 0 0;
}
.team__details__content {
    margin-left: -29px;
}
.team__history {
    padding-left: 26px;
}
.team__contact__info {
    margin-top: 35px;
}
.team__contact__info p + p {
    margin-top: 12px;
}
.team__contact__info p {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 18px;
}
.team__contact__info p a {
    color: #656565;
    font-family: PT Sans;
    font-size: 18px;
    font-weight: 400;
}
.team__social__net li a:hover {
    background: #000 none repeat scroll 0 0;
}
.team__title {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 24px;
    margin-bottom: 18px;
    text-transform: capitalize;
}
.team__expre__details p {
    padding-right: 31px;
}
.team__expre__details p + p {
    margin-top: 21px;
}
.team__progress__bar {
    margin-top: 41px;
    padding-right: 34%;
}
.his__dtl p {
    padding-right: 6px;
}
.his__dtl {
    margin-bottom: 29px;
}
.single__his h6 {
    color: #303030;
    font-family: "droid_serifregular";
    font-size: 16px;
    margin-bottom: 9px;
}
.single__his h6 span {
    color: #303030;
    font-family: "droid_serifbold";
    font-size: 18px;
    padding-right: 3px;
}
.single__his p {
    padding-right: 28%;
}
.history__inner .single__his + .single__his {
    margin-top: 25px;
}
.add-new-about-sec { padding: 30px 0 50px 0;}
.add-new-about-sec h1{font-size: 20px; line-height: 24px; margin: 0 0 6px 0;}
.add-new-about-sec p{ font-size: 16px; margin: 0px 0 12px 0;}
.add-new-about-sec img{border-radius: 11px;filter: drop-shadow(0px 1px 1px black);margin: 12px 0 -50px 0;}
.add-vision-mission-head {font-size: 27px; font-weight: bold; color: #ffffff;}
.service-section {}
.text-box{
    background: #99999924;
    padding: 39px 10px 39px 10px;
    border-radius: 5px;
    /* margin: 5px 0 0 0; */
    clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
    }

.service-section img{
    border-radius: 4px;
    filter: drop-shadow(0px 2px 3px black);
    margin: 0 0 -19px 0;
    clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}

.service-section button{padding: 0 10px 0 10px !important;    
margin: 11px 0 0 0;    
line-height: 19px;
}
.sec-head {
    font-size: 21px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
.head-service {
    font-size: 21px;
    font-weight: bold;
    color: #282525;
    margin: 2px 0 4px 0;
    text-align: center;
}
.service-section p{
    text-align: center;
    font-size: 16px;
    color: #000;
}

.add-why-choose-head {text-align: center;
    font-size: 36px;
    color: #fff;}
	
.add-home-sec-head-all {font-size: 27px;margin-bottom: 25px;color: #303f9f; text-align: center;font-weight: bold;}
.add-footer-companyname { font-size: 35px; font-weight: bold; color: #fff;}
.footer ul {color:#fff;font-size:16px;text-align: left;line-height: 33px;padding: 9px 0 0 0;}
.footer ul li a{color:#fff;font-size:16px;text-align: left;line-height: 33px;padding: 9px 0 0 0;}
.form-group {margin-bottom:10px;}
.add-new-head-footer-top {text-align: left;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0px 0;}
	
.footer form {margin: 14px 0 0 0;}
.add-form-submit-button {background: #349c0e; color: #fff;}
.footer iframe {margin: 14px 0 0 0;}
/*-----------------------------------------------------------------------------------
  Template Name: Psychocare || Multi Concept Psychological HTML Template.
  Template URI: #
  Description: Psychocare is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
-------------------------------------------------------------------------------------*/
/*
    font-family: 'Source Sans Pro', sans-serif;

    font-family: 'PT Sans', sans-serif;

    font-family: droid_serifbold Serif;
    
    font-family: 'Playfair Display', serif;

*/

/*----------------------------------------
  Menu basic style
------------------------------------------*/
.header{
    z-index: 10;
    position: relative;
}
.main__menu {
    display: flex;
    justify-content: flex-end;
}
.main__menu > li > a {
    align-items: center;
    color: #303030;
    display: flex;
    font-family: "PT Sans",sans-serif;
    font-size: 15px;
    font-weight: 500;
    /* height: 120px; */
    line-height: 70px;
    padding: 0 11px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.main__menu li {
  position: relative;
}

.logo a{
  display: block;
}
.main__menu li a:hover {
  color: #303f9f;
}
.htc__header__top {
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    height: 39px;
    background: #2d9905;
}
.ht__header__top__left p,
.ht__header__top__right p  {
    color: #ffffff;
    font-family: "droid_serifregular";
    font-size: 14px;
}
.ht__header__top__right {
    color: #8a8a8a;
    float: right;
    font-family: "droid_serifregular";
    font-size: 14px;
}

.ht__header__top__right a{
    color: #fff;
    float: right;
    font-family: "droid_serifregular";
    font-size: 14px;
}

.ht__header__top__right a:hover{
    color: #fff;
    float: right;
    font-family: "droid_serifregular";
    font-size: 14px;
}


.logo {
    align-items: center;
    display: flex;
    height: 81px;
}
.main__menu__nav {
    display: flex;
    justify-content: flex-end;
}
.buy__now__btn {
    align-items: center;
    display: flex;
    /* height: 120px; */
    margin-left: 20px;
}



/*-------------------------------
  Button style
--------------------------------*/
.htc__btn {
  background: #303f9f none repeat scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-family: "Source Sans Pro",sans-serif;
  font-size: 16px;
  height: 50px;
  letter-spacing: 2px;
  line-height: 50px;
  outline: medium none;
  padding: 0 30px;
  position: relative;
  transition: all 0.4s ease 0s;
  z-index: 2;
}
.htc__btn::after {
  border-radius: 5px;
  content: "";
  position: absolute;
  transition: all 0.3s ease 0s;
  z-index: -1;
}

.htc__btn::after {
  background: #212121  none repeat scroll 0 0;
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.htc__btn:hover::after,
.htc__btn:active::after {
  height: 100%;
}


.htc__btn:hover,
.htc__btn:active {
  color: #fff;
}




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

.sticky__header.scroll-header {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4);
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
.sticky__header.scroll-header .buy__now__btn {
  height: 90px;
}
.sticky__header.scroll-header .main__menu > li > a {
  height: 90px;
  line-height: 90px;
}
.sticky__header.scroll-header .logo {
  height: 90px;
}

.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;
}

/*-----------------------------
  Dropdown Menu
--------------------------------*/
.main__menu li.drop{
    position: relative;
}
.main__menu li.drop ul.dropdown {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 120%;
  transition: all 0.2s ease-in-out 0s;
  visibility: hidden;
  width: 270px;
  z-index: 999;
}
.scroll-header .main__menu li.drop ul.dropdown {
  top: 120%;
}
.scroll-header .main__menu li.drop:hover ul.dropdown {
  top: 100%;
}
.main__menu li.drop:hover ul.dropdown {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.main__menu ul.dropdown li {
    border-bottom: 1px solid #f4f4f4;
    display: block;
}
.main__menu ul.dropdown li a {
    background: #ffffff none repeat scroll 0 0;
    color: #303030;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.2s ease-in-out 0s;
    padding: 10px 12px;
    transition: 0.3s;
}
.main__menu li.drop ul.dropdown li:hover > a {
    background: #fafafa none repeat scroll 0 0;
    color: #222222;
}

/*-----------------------------------------------------------------------------------
  Template Name: Psychocare || Multi Concept Psychological HTML Template.
  Template URI: #
  Description: Psychocare is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
-----------------------------------------------------------------------------------*/


 
/*======================================

[  Table of contents  ]


  01. Reset
  02. Helper Classes
  03. Typography
` 04. Transtion
  05. Images
  06. Bg-Color
  07. Social Icon Text Color
  08. Social Icon Bg Color
  09. Text Color
  10. Bg Images
  11. Background overlay
  12. Background Black Overlay
  13. Input
  14. Basic margin padding
  15. Margin top
  16. Margin bottom
  17. Padding top
  18. Padding bottom
  19. Page section padding
  20. Page section margin
  21. Custom cloumn
  22. Moz Placeholder

[ End table content ]
======================================*/

/*
    font-family: 'Source Sans Pro', sans-serif;

    font-family: 'PT Sans', sans-serif;

    font-family: droid_serifbold Serif;
    
    font-family: 'Playfair Display', serif;

*/

/*------------------
  01. Reset
--------------------*/
*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

/*----------------------
  02. Helper Classes
------------------------*/
.fix {
    overflow: hidden
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*-----------------------
  03. Typography
------------------------*/
html {
    font-size: 100%;
}
@media all and (max-width: 768px) {
    html {
        font-size: 87.5%;
    }
}
body {
    font-family: 'PT Sans', sans-serif;
    color: #606060;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p{
    font-family: 'PT Sans', sans-serif;
    color: #606060;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'droid_serifbold';
    color: #606060;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0;
}
h1, .h1 {
    font-size: 40px;
}
h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 14px;
    font-weight: 400;
}
h4, .h4 {
    font-size: 14px;
    font-weight: 400;
}
h5, .h5 {
    font-size: 18px;
    font-weight: 400;
}
h6, .h6 {
    font-size: 16px;
    font-weight: 300;
}
@media all and (max-width: 767px) {
    h1, .h1 {
        font-size: 30px;
        font-weight: 400;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h4, .h4 {
        font-size: 16px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    h6, .h6 {
        font-size: 16px;
    }
}
ul,
ol {
    list-style: none;
}

ol {
    list-style-type: upper-roman;
    list-style-position: inside;
}
strong {
    font-weight: 600;
}
hr {
    margin: 1.625em 0;
    border-color: #e6e6e6;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
a {
    text-decoration: none;
    color: #606060;
}
a:hover,
a:focus,
a:active {
    color: #303f9f;
}
p a:hover,
p a:focus,
p a:active {
    color: #303f9f;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

body {
  overflow-x: hidden;
}

.wrapper {
    overflow: hidden;
}
/*---------------------
` 04. Transtion
-----------------------*/
a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
input,

select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

/*---------------------
  05. Images
----------------------*/
img, .img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
p + img,
img:last-child {
  margin-bottom: 0;
}
body {
  background: #fff;
}
.mark, mark {
    background: #303f9f none repeat scroll 0 0;
    color: #ffffff;
}
/*-------------------------------
  06. Bg-Color
-------------------------------------*/
.bg__theme {
    background: #303f9f;
}
.bg__white {
  background: #fff;
}
.bg__gray {
    background: #fafafa;
}
.bg__dark {
    background: #151515;
}
.bg__cat--1{
    background-color: #f9f9f9;
}
.bg__cat--2{
    background-color: #2c2c2c;
}

.bg__cat--3{
    background-color: #080808;
}
.bg__cat--4{
    background-color: #032d6d;
}












/*-----------------------------
  09. Text Color
--------------------------------*/
.text--theme { 
  color: #303f9f;
 }
.text--blue { 
  color: #303f9f;
 }
.text--white { 
  color: #fff ;
}
.text--black { 
  color: #363636; 
}
.text--white { 
  color: #fff;
 }

/*--------------------------
  10. Bg Images
----------------------------*/

 .bg--1 {
  background: rgba(0, 0, 0, 0) url("../../images/bg/1.jpg") no-repeat fixed 0 0 / cover ;
}





/*----------------------------
  11. Background overlay 
---------------------------------*/
[data__overlay] {
    position: relative;
}
[data__overlay]:before {
    position: absolute;
    content: '';
    background: #3f51b5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data__overlay] *:not(.background-image-holder):not(.instafeed--background) {
    z-index: 2;
}
[data__overlay].image--light:before {
    background: #fff;
}
[data__overlay].bg--primary:before {
    background: #425cbb;
}
[data__overlay="1"]:before {
    opacity: 0.1;
}
[data__overlay="2"]:before {
    opacity: 0.2;
}
[data__overlay="3"]:before {
    opacity: 0.3;
}
[data__overlay="4"]:before {
    opacity: 0.4;
}
[data__overlay="5"]:before {
    opacity: 0.5;
}
[data__overlay="6"]:before {
    opacity: 0.6;
}
[data__overlay="7"]:before {
    opacity: 0.7;
}
[data__overlay="8"]:before {
    opacity: 0.8;
}
[data__overlay="9"]:before {
    opacity: 0.9;
}
[data__overlay="10"]:before {
    opacity: 1;
}


/*---------------------------------
  12. Background Black Overlay 
---------------------------------*/

[data--black__overlay] {
    position: relative;
}

[data--black__overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--black__overlay="1"]:before {
    opacity: 0.1;
}
[data--black__overlay="2"]:before {
    opacity: 0.2;
}
[data--black__overlay="3"]:before {
    opacity: 0.3;
}
[data--black__overlay="4"]:before {
    opacity: 0.4;
}
[data--black__overlay="5"]:before {
    opacity: 0.5;
}
[data--black__overlay="6"]:before {
    opacity: 0.6;
}
[data--black__overlay="7"]:before {
    opacity: 0.7;
}
[data--black__overlay="8"]:before {
    opacity: 0.8;
}
[data--black__overlay="9"]:before {
    opacity: 0.9;
}
[data--black__overlay="10"]:before {
    opacity: 1;
}
[data--black__overlay="0"]:before {
    opacity: 0;
}

[data--black__overlay="0"] > div{
  z-index: 5;
  color: #fff;
}

/*---------------------------------
  12. Background Theme Overlay 
---------------------------------*/

[data--theme__overlay] {
    position: relative;
}

[data--theme__overlay]:before {
    position: absolute;
    content: '';
    background: #b53502;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data--theme__overlay="1"]:before {
    opacity: 0.1;
}
[data--theme__overlay="88"]:before {
    opacity: 0.88;
}
/*-------------------------
  13. Input
--------------------------*/
input[type=text],
input[type=email],
input[type=password]{
    width: 100%;
}
select {
    width: 100%;
    
}
input:focus {
    background: transparent;
    border: 1px solid #303f9f;
}
textarea {
    resize: none;
    background: #303f9f;
    border: 1px solid #303f9f;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 1px solid #303f9f;
    outline: none;
}
/*----------------------------
  14. Basic margin padding
-----------------------------*/
.m--0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p--0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*---------------------------
  15. Margin top
--------------------------*/
.mt--0 { margin-top: 0 }
.mt--10 { margin-top: 10px }
.mt--15 { margin-top: 15px }
.mt--20 { margin-top: 20px }
.mt--30 { margin-top: 30px }
.mt--40 { margin-top: 40px }
.mt--50 { margin-top: 50px }
.mt--60 { margin-top: 60px }
.mt--70 { margin-top: 70px }
.mt--80 { margin-top: 80px }
.mt--90 { margin-top: 90px }
.mt--100 { margin-top: 100px }
.mt--110 { margin-top: 110px }
.mt--120 { margin-top: 120px }
.mt--130 { margin-top: 130px }
.mt--140 { margin-top: 140px }
.mt--150 { margin-top: 150px }

/*-----------------------------
  16. Margin bottom
-------------------------------*/
.mb--0 { margin-bottom: 0 }
.mb--10 { margin-bottom: 10px }
.mb--15 { margin-bottom: 15px }
.mb--20 { margin-bottom: 20px }
.mb--30 { margin-bottom: 30px }
.mb--40 { margin-bottom: 40px }
.mb--50 { margin-bottom: 50px }
.mb--60 { margin-bottom: 60px }
.mb--70 { margin-bottom: 70px }
.mb--80 { margin-bottom: 80px }
.mb--90 { margin-bottom: 90px }
.mb--100 { margin-bottom: 100px }
.mb--110 { margin-bottom: 110px }
.mb--120 { margin-bottom: 120px }
.mb--130 { margin-bottom: 130px }
.mb--140 { margin-bottom: 140px }
.mb--150 { margin-bottom: 150px }

/*--------------------------
  17. Padding top
---------------------------*/
.pt--0 { padding-top: 0 }
.pt--10 { padding-top: 10px }
.pt--15 { padding-top: 15px }
.pt--20 { padding-top: 20px }
.pt--30 { padding-top: 30px }
.pt--40 { padding-top: 40px }
.pt--50 { padding-top: 50px }
.pt--60 { padding-top: 60px }
.pt--70 { padding-top: 70px }
.pt--80 { padding-top: 80px }
.pt--90 { padding-top: 90px }
.pt--100 { padding-top: 100px }
.pt--110 { padding-top: 110px }
.pt--120 { padding-top: 120px }
.pt--130 { padding-top: 130px }
.pt--140 { padding-top: 140px }
.pt--150 { padding-top: 150px }

/*------------------------
  18. Padding bottom
---------------------------*/
.pb--0 { padding-bottom: 0 }
.pb--10 { padding-bottom: 10px }
.pb--15 { padding-bottom: 15px }
.pb--20 { padding-bottom: 20px }
.pb--30 { padding-bottom: 30px }
.pb--40 { padding-bottom: 40px }
.pb--50 { padding-bottom: 50px }
.pb--60 { padding-bottom: 60px }
.pb--70 { padding-bottom: 70px }
.pb--80 { padding-bottom: 80px }
.pb--90 { padding-bottom: 90px }
.pb--100 { padding-bottom: 100px }
.pb--110 { padding-bottom: 110px }
.pb--120 { padding-bottom: 120px }
.pb--130 { padding-bottom: 130px }
.pb--140 { padding-bottom: 140px }
.pb--150 { padding-bottom: 150px }
.pb--190 { padding-bottom: 190px }


/*------------------------------
  19. Page section padding 
-------------------------------*/
.ptb--0 { padding: 0 }
.ptb--10 { padding: 10px 0 }
.ptb--20 { padding: 20px 0 }
.ptb--30 { padding: 30px 0 }
.ptb--40 { padding: 40px 0 }
.ptb--50 { padding: 50px 0 }
.ptb--60 { padding: 60px 0 }
.ptb--70 { padding: 70px 0 }
.ptb--80 { padding: 80px 0 }
.ptb--90 { padding: 90px 0 }
.ptb--100 { padding: 100px 0 }
.ptb--110 { padding: 110px 0 }
.ptb--120 { padding: 120px 0 }
.ptb--130 { padding: 130px 0 }
.ptb--140 { padding: 140px 0 }
.ptb--150 { padding: 150px 0 }

/*---------------------------
  20. Page section margin 
-----------------------------*/
.mtb--0 { margin: 0 }
.mtb--10 { margin: 10px 0 }
.mtb--15 { margin: 15px 0 }
.mtb--20 { margin: 20px 0 }
.mtb--30 { margin: 30px 0 }
.mtb--40 { margin: 40px 0 }
.mtb--50 { margin: 50px 0 }
.mtb--60 { margin: 60px 0 }
.mtb--70 { margin: 70px 0 }
.mtb--80 { margin: 80px 0 }
.mtb--90 { margin: 90px 0 }
.mtb--100 { margin: 100px 0 }
.mtb--110 { margin: 110px 0 }
.mtb--120 { margin: 120px 0 }
.mtb--130 { margin: 130px 0 }
.mtb--140 { margin: 140px 0 }
.mtb--150 { margin: 150px 0; }

/*------------------------
 Others
-------------------------*/
p.form-messege{
  margin-top:15px;font-size:14px
}
p.success {
  color: green;
}
p.error {
  color: red;
}

/*-----------------------------------------
  22. Moz Placeholder
------------------------------------------*/

*::-moz-selection {
    background: #303f9f;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #303f9f;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #303f9f;
    color: #fff;
    text-shadow: none;
}

input::-moz-placeholder {
    color: #333;
    font-size: 14px;
}

.single__option select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background: rgba(0, 0, 0, 0) url("../../images/icons/select-option.png") no-repeat scroll 90% 21px / 10px 6px;
}

input [type="text"]:focus, 
input [type="text"]:focus::-moz-placeholder,
input [type="email"]:focus, 
input [type="email"]:focus::-moz-placeholder{
  color: #333333;
}

input::-moz-placeholder {
  color: #444 !important;
  opacity: 1;
}
input::-webkit-input-placeholder { / Chrome/Opera/Safari /
  color: #444 !important;
  opacity: 1;
}
input::-moz-placeholder { / Firefox 19+ /
  color: #444 !important;
  opacity: 1;
}
input:-ms-input-placeholder { / IE 10+ /
  color: #444 !important;
  opacity: 1;
}
input:-moz-placeholder { / Firefox 18- /
  color: #444 !important;
  opacity: 1;
}


/*! #######################################################################

  MeanMenu 2.0.7
  --------

  To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  background: rgba(0, 0, 0, 0) none repeat scroll center bottom;
  float: left;
  min-height: 42px;
  padding: 4px 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  border: 2px solid #444;
  color: #444;
  cursor: pointer;
  overflow: hidden;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  margin-top: -33px;
  padding: 5px 6px;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-indent: -9999em;
  top: 0;
  width: 22px;
}

.mean-container a.meanmenu-reveal span {
  background: #444 none repeat scroll 0 0;
  display: block;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  background: #303f9f none repeat scroll 0 0;
  float: left;
  margin-top: 10px;
  width: 100%;
  position: absolute;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255,255,255,0.5);
  text-decoration: none;
  text-transform: capitalize;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 5px 7%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255,255,255,0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  -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: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.4) !important;
  border-image: none !important;
  border-style: none none solid solid !important;
  border-width: medium medium 1px 1px !important;
  font-weight: 700;
  height: 32px;
  margin-top: 1px;
  padding: 10px 12px 9px !important;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 26px;
  z-index: 2;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


.mean-remove {
  display: none !important;
}


.footer__container {
    padding: 70px 0;
}
.ft__logo {
    margin-bottom: 20px;
    text-align: center;
}
.footer {
    text-align: center;
}
.ft__address h6 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    text-align: left;
}
.ft__address span,
.ft__address span a {
    color: #ffffff;
    display: block;
    font-family: PT Sans;
    font-weight: 400;
    margin-top: 9px;
    font-size: 16px;
}
.copyright {
    align-items: center;
    display: flex;
    height: 46px;
}
.social__icon {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
}
.copyright__content {
    display: flex;
    justify-content: space-between;
}
.copyright__inner p {
      color: #ffffff;
      font-size: 16px;
}
.copyright__inner p a {
      color: #959595;
}
.copyright__inner p a:hover {
      color: #fff;
}
.copyright__inner p i {
    color: #db1a48;
    margin: 0 4px;
    font-size: 13px;
}
.social__icon li a span {
    color: #959595;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.social__icon li {
    padding: 0 16px;
}
.social__icon li a:hover span {
    color: #fff;
}

.footer--1 .footer__container {
    padding: 43px 0 43px;
}



/*-------------------------
    Footer Style 2
---------------------------*/


.footer--2 .footer,
.footer--3 .footer {
  text-align: left;
}
.ft__title {
    color: #e0e0e0;
    font-family: "Playfair Display",serif;
    font-size: 20px;
    margin-bottom: 29px;
    text-transform: capitalize;
}
.ft__link__inner {
    display: flex;
    justify-content: space-between;
}
.ft__link__list li a {
    color: #9d9d9d;
    font-size: 16px;
    text-transform: capitalize;
}
.ft__link__list li a span {
    color: #9d9d9d;
    font-size: 10px;
    padding-right: 10px;
}
.ft__link__list li + li {
    padding-top: 13px;
}
.ht__twit {
    display: flex;
}
.ht__twit__icon {
    padding-right: 12px;
}
.ht__twit__icon span {
    color: #5b5b5b;
    font-size: 20px;
}
.twit__details p {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 22px;
    padding-right: 21%;
}
.twit__details p a {
    color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
}
.twit__details span {
    color: #9d9d9d;
    display: block;
    margin-top: 2px;
}
.ht__twitter__feed .ht__twit + .ht__twit {
    margin-top: 26px;
}
.ft__contact p {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 22px;
}
.ft__contact p a {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 22px;
}
.ft__contact__inner .ft__contact + .ft__contact {
    margin-top: 16px;
}
.footer--2 .footer.twitter {
    left: 50px;
    position: relative;
}


/*-------------------------
    Footer Style 3
---------------------------*/


.footer--3 .footer__container {
  padding: 100px 0 55px;
}
.footer--2 .footer__wedgit {
  padding-top: 34px;
}
.footer--3 .ft__link__inner .ft__link__list + .ft__link__list {
    margin-left: 48px;
}
.footer--3 .ft__link__inner {
    justify-content: baseline;
}
.footer--3 .footer.footer__titte__wrrap {
    position: relative;
    left: -19px;
}

.pop {
   position: fixed;
   margin-left: -1px;
   left: 0;
   margin-bottom: -12px;
   bottom: 8px;
   z-index: 99;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-name: example;
   width: 17%;
}

@keyframes example {
0% {
 bottom: 28px;
 right: 0;
}
50% {
 bottom: 48px;
 right: 0;
}
100% {
 bottom: 28px;
 right: 0;
}
}

.add-contact-page-sec {margin: 30px 0 30px 0; padding: 20px 0 30px 0;}
.add-inner-service-page {font-size: 18px !important;color: #000;margin: 10px 0 2px 0 !important;}
.add-ul-service-page-inner {font-size: 16px;color: #000;line-height: 28px;font-weight: bold;margin: 0 0 10px 0;}
.add-more-head-inner {font-size: 25px;line-height: 24px;margin: 0 0 16px 0;}
iframe {margin: 30px 0 0 0;}



/* mycass */
.required-css h1, .required-css h2,.required-css h3, .required-css h4,.required-css h5, .required-css h6,.required-css h1 strong, .required-css h2 strong, .required-css h3 strong, .required-css h4 strong, .required-css h5 strong, .required-css h6 strong{
    color: #303f9f;
    font-weight: 600;
    margin: 0px 0 12px 0;
}
.required-css h1, .required-css h2{
    font-size: 22px;
}
.required-css h3, .required-css h4{
    font-size: 19px;
}
.required-css h5, .required-css h6{
    font-size: 17px;
}
.required-css p{
    margin: 0px 0 12px 0;
}
.required-css p, .required-css ul, .required-css ol{
    font-size: 16px;
}
.required-css p strong, .required-css ul strong, .required-css ol strong{
    font-weight: 600;
}
.required-css ul,.required-css ol{
    padding-left: 30px;
    margin: 0px 0 12px 0;
}
.required-css ul li{
    list-style: disc;
}
.required-css ol li{
    list-style: decimal;
}
.required-css iframe{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}