/*-----------------------------------------------------------------------------------
  Template Name: Simply Construction HTML Template.
  Template URI: #
  Description: Simply Construction 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: DevItems
  Version: 1.0


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. About Area
  04. Service Area
  05. Offer Area
  06. Project Area
  07. Call to Action Area
  08. Team Area
  09. Testimonial Area
  10. Blog Area
  11. Brand Area
  12. Newsletter Area
  13. Counterup Area
  14. Google Map Area
  15. Bradcaump Area
  16. Our Mission Area
  17. Project Area
  18. Blog Details Area
  19. Single Service Area
  20. Single Project Area
  21. Contact Area
  22. Log In Register Area

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


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

/*

    font-family: 'Raleway', sans-serif;

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

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


*/


/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/



 #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;
}
#scrollUp:hover {
}

@-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: #e7a149 none repeat scroll 0 0;
}
 

/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*---------------------------------------
  03. About Area
----------------------------------------*/ 

.about {
    margin-left: -15px;
    margin-right: -15px;
    transition: all 0.5s ease 0s;
}
.about__inner h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}
.about__inner h2:hover a{
    color: #000;
}
.about__inner p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}
.about__btn a {
    font-family: Raleway;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
.about__btn a:hover{
    color: #000;
}
.about__icon {
    position: relative;
    text-align: right;
    top: -11px;
}
.about__btn {
    margin-top: 15px;
    /* background: #8d401f; */
    width: 35%;
    padding: 7px;
    border: 1px dashed #000;
}
.about {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
}
.about__inner.about__hober__info {
    background: #f19c1f none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
}
.about__inner.about__hober__info.active {
    transform: scaleY(1);
}

.about__inner {
  background: #1f2d30 none repeat scroll 0 0;
  padding: 60px 26px 22px;
}
.about:hover .about__inner.vision {
    transform: scaleY(1);
    background-color:#f2a122;
}
.about__inner.about__hober__info h2 {
    padding-top: 20px;
}
.about__inner.about__hober__info .about__icon {
    top: 31px;
}
.about__icon img {
    max-height: 39px;
}

/*-----------------------
About 2
--------------------------*/

.about--2 .about__inner {
    background: #fafafa none repeat scroll 0 0;
    -webkit-box-shadow: 2px 18px 17px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 18px 17px -13px rgba(0,0,0,0.75);
    box-shadow: 2px 18px 17px -13px rgba(0,0,0,0.75);
}
.about--2 .about__inner h2 {
    color: #1f2d30;
}
.about--2 .about__inner p {
    color: #606060;
}
.about--2 .about__btn a {
    color: #1f2d30;
}
.about--2 .about__inner.about__hober__info {
    background: #1c4f73 none repeat scroll 0 0;
}
.about--2 .about__inner.about__hober__info h2 {
    color: #fff;
}
.about--2 .about__inner.about__hober__info p {
    color: #fff;
}
.about--2 .about__inner.about__hober__info .about__btn a {
    color: #fff;
}

.text__pos {
    position: relative;
}
.text__shape {
    left: 128px;
    position: absolute;
    top: 50%;
}
.text__shape h2 {
    color: #f7f7f7;
    font-family: Josefin Sans;
    font-size: 120px;
    font-weight: 700;
    letter-spacing: 15px;
    writing-mode: vertical-rl;
    transform: rotate(180deg) translateY(50%)  translateX(0);
}

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

.section__title h2.title__line {
    color: #8d401f;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.section__title p {
    color: #606060;
    margin: 21px auto auto;
    width: 57%;
}
.service__thumb a img {
    width: 100%;
}
.service__thumb {
    position: relative;
    -webkit-box-shadow: -2px 10px 17px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 10px 17px -13px rgba(0,0,0,0.75);
    box-shadow: -2px 10px 17px -13px rgba(0,0,0,0.75);
}
.service__section__wrap .service__thumb {
  margin-left: -15px;
}
.service__hover {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 2;
}
.service__hover::before {
    background: #e7a149 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.85;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.service__action {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.service__action a {
    color: #fefefe;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.4s ease 0s;
}
.service__action a:hover {
    color: #000;
}
.service__details h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-top: 18px;
    text-align: center;
    /* text-transform: uppercase; */
}
.service:hover .service__hover {
    opacity: 1;
}

.container-fluid .section__title p {
    width: 34%;
}
/*Service Page*/

.service__page .service {
    margin-top: 70px;
}
.service__page .service__section__wrap{
    margin-top: -10px;
}

.service--2 .container-fluid .section__title p {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: 21px;
    text-align: left;
    width: 72%;
}

/*---------------------------------------
  05. Offer Area
----------------------------------------*/ 

.offer {
    /* display: flex; */
    padding: 15px;
    border-left: 4px solid #801d20;
    box-shadow: 1px 2px 3px 4px #ccc;
}
.offer__icon img {
    max-width: 47px;
}
.offer__icon {
    margin-bottom: 10px;
    text-align: center;
}
.offer__details p {
  color: #606060;
  font-size: 14px;
  line-height: 24px;
  /* padding-right: 29px; */
  text-align: center;
}
.offer__details h2 {
    color: #1f2d30;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
}

.offer.separator {
    position: relative;
}
.offer.separator::before {
    background: rgba(0, 0, 0, 0) url("images/icons/line.png") no-repeat scroll 100% 100% / cover ;
    content: "";
    height: 100%;
    left: -43px;
    position: absolute;
    top: 0;
    width: 1px;
    }

 /*Offer Style 2*/
.htc__offer__area{
    position: relative;
}

.htc__offer__2 .htc__offer__thumb {
    position: absolute;
    right: 0;
    top: 0;
    width: 44%;
}
.htc__offer__2 .htc__offer__container .offer + .offer {
    margin-top: 50px;
}
.htc__offer__2 .htc__offer__container {
    padding: 69px 0;
}
.htc__offer__2 .offer__details h2 {
    font-size: 20px;
    margin-bottom: 3px;
}

.htc__offer__area.htc__offer--2 {
    padding-top: 130px;
}
.htc__offer--2 .h1__offer__image {
  position: absolute;
  right: 3%;
  top: -40%;
  width: 21%;
  z-index: 3;
}


/*---------------------------------------
  06. Project Area
----------------------------------------*/

.project{
    margin-left: -15px;
    margin-right: -15px;
}

.project__thumb {
    position: relative;
    z-index: 4;
}
.project__hover__info {
    background: rgba(252, 194, 54, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}
.project__action {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 5;
}
.project__action h2 {
    color: #fefefe;
    font-size: 20px;
    font-weight: 700;
}
.project__hover__info::before {
    border: 1px solid #fff;
    bottom: 50px;
    content: "";
    height: auto;
    left: 45px;
    position: absolute;
    right: 45px;
    top: 50px;
    width: auto;
    z-index: 2;
}

.project__action h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 17px;
}
.project__action > h2:hover a {
    color: #000;
}
.project__action h2 a {
    transition: all 0.4s ease 0s;
}
.project:hover .project__hover__info,
.project__itm:hover .project__hover__info {
    opacity: 1;
}

.project__thumb a {
    display: block;
}
.project__thumb a img {
    width: 100%;
}
.project__itm{
    margin-top: 30px;
}

/*---------------------------------------
  07. Call to Action Area
----------------------------------------*/

.callto__action__wrap {
    align-items: center;
    display: flex;
    height: 175px;
    justify-content: space-between;
}
.callto__action__wrap h2 {
    color: #fffffe;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.htc__btn--transparent {
    border: 1px solid #fff;
    display: inline-block;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    height: 45px;
    line-height: 44px;
    padding: 0 36px;
    transition: all 0.5s ease 0s;
}
.htc__btn--transparent:hover {
    background: #e7a149 none repeat scroll 0 0;
    border: 1px solid #e7a149;
    color: #fff;
}
.callto__action__wrap{
    position: relative;
    z-index: 1;
}


/*---------------------------------------
  08. Team Area
----------------------------------------*/

.team__inner {
    position: relative;
}
.team__hover__info {
    background: rgba(252, 194, 54, 0.85) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 25px 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: center bottom 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team__social__link {
    display: flex;
    justify-content: center;
}
.team__social__link li a {
    color: #000;
}
.team__social__link li {
    margin: 0 13px;
}
.team__social__link li a i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #e7a149;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}
.team__social__link li a:hover i {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.team__details {
    background: #1f2d30 none repeat scroll 0 0;
    border-top: 1px solid #ffffff;
    padding: 23px 0;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.team__details h2 a{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.5s;
}
.team__details h2 {
  line-height: 14px;
}
.team__details h2 a:hover{
    color: #000;
}
.team__details h4 {
    color: #ffffff;
    font-family: Open Sans;
    font-weight: 300;
    margin-top: 10px;
    text-transform: capitalize;
}
.team:hover .team__details {
    background: #e7a149 none repeat scroll 0 0;
}
.team:hover .team__hover__info {
    transform: scaleY(1);
}
.htc__team__container{
    position: relative;
    z-index: 2;
}
.team {
    margin-top: 30px;
}
/*-------------------
    Team 2
--------------------*/


.h1__team--one .team__social__link {
    display: block;
    margin-top: -15px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.h1__team--one .team__social__link li {
    margin: 15px 0;
}
.h1__team--one .team__hover__info {
    bottom: auto;
    height: 100%;
    left: 0;
    padding: 0;
    top: 0;
    transform: scaleX(0);
    width: 85px;
}
.h1__team--one .team:hover .team__hover__info {
    transform: scaleX(1);
}

/*---------------------------------------
  09. Testimonial Area
----------------------------------------*/


.reguest__quote,
.htc__testimonial__wrap{
    position: relative;
    z-index: 2;
}
.htc__testimonial__area .section__title p {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.htc__testimonial__area .section__title{
    margin-bottom: 47px;
}
.section__title.text-left {
    margin-bottom: 47px;
}
.testimonial {
    align-items: center;
    display: flex !important;
    position: relative;
}
.testimonial__thumb img {
    width: 100%;
}
.testimonial__thumb {
    margin-right: 40px;
    min-width: 48%;
}
.testimonial__activation--2 .testimonial__thumb {
      margin-right: 25px;
      min-width: 37%;
}
.testimonial__activation--2 .testimonial__details p {
      font-style: italic;
      padding-right: 19px;
}
.testimonial__details h2 {
    color: #303030;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    text-transform: capitalize;
}
.testimonial__details h4 {
    color: #606060;
    font-family: open sans;
    font-size: 14px;
    margin-top: 7px;
}
.single__cl__form {
    display: flex;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.single__cl__form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #8d401f;
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    padding: 0 20px;
    width: 50%;
    color: #606060;
}
.single__cl__form input::-moz-placeholder {
    color: #606060 !important;
}
.single__cl__message textarea::-moz-placeholder {
    color: #606060 !important;
    opacity: 1;
}
.clint__submit__btn a {
    padding: 0 17px;
}
.single__cl__message textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #791c20;
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    padding: 0 20px;
    width: 100%;
    color: #606060;
}
.htc__testimonial__wrap .slick-dots {
    bottom: 1px;
    right: -57px;
}
.htc__testimonial__wrap .slick-dots li.slick-active button::before,
.htc__testimonial__wrap .slick-dots li button:hover::before {
    background: #e7a149 none repeat scroll 0 0;
    opacity: 1;
}

.htc__testimonial__wrap .slick-dots li button::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 10px;
    opacity: 1;
    width: 10px;
    transition: 0.4s;
}
.htc__testimonial__wrap .slick-dots li {
    height: 10px;
    margin: 0;
    padding: 0;
    width: 10px;
}
.htc__testimonial__wrap .slick-dots li + li {
    margin-left: 10px;
}
.tes__icon i {
    color: #c7c0c0;
    font-size: 18px;
    margin-bottom: 18px;
}
/*----------------------------
    Testimonial 2
-----------------------------*/

.htc__testimonial__area.testimonial__2 .section__title p {
    margin: 0;
}
.htc__testimonial__left h2.title__line {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.htc__testimonial__left p + p {
    margin-top: 15px;
}
.testimonial__2 .htc__testimonial__wrap .slick-dots {
    bottom: -40px;
    left: -99%;
    right: auto;
}
.testimonial__2 .htc__testimonial__left p {
  padding-right: 14px;
}
.testimonial__2 .testimonial__details h2 {
  margin-top: 17px;
}




/*---------------------------------------
  10. Blog Area
----------------------------------------*/

.blog__thumb a {
    display: block;
}
.blog__thumb a img {
    width: 100%;
}
.blog__thumb {
    padding-bottom: 24px;
    position: relative;
}
.blog__hover__info {
    bottom: 0;
    left: 0;
    padding: 0 26px;
    position: absolute;
    width: 100%;
    z-index: 5;
}
.blog__meta {
    align-items: center;
    background: #1f2d30 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 25px;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 0 25px;
    transition: 0.4s;
}
.blog:hover .blog__meta{
    background: #e7a149;
}
.blog:hover .blog__meta li a,
.blog:hover .blog__meta li{
    color: #1f2d30;
}

.blog__meta li a {
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    transition: 0.4s;
}
.blog__meta li a:hover{
    color: #e7a149;
}
.blog__meta li {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: 0.4s;
}
.blog__meta li + li {
    margin-left: 20px;
}

.blog__details h2 {
    color: #606060;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 25px;
    text-transform: uppercase;
}
.blog__btn a {
    color: #b6b6b6;
    font-family: Raleway;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.blog__btn a i {
    padding-left: 9px;
}
.blog__btn a:hover {
    color: #e7a149;
}
.blog__btn {
    margin-top: 16px;
}
.blog{
    margin-top: 30px;
}
/*--------------------------
    Blog 2
----------------------------*/
.htc__blog--2 .blog__hover__info {
    padding: 0;
}
.htc__blog--2 .blog__meta {
    border: 2px solid transparent;
    border-radius: 0;
}
.blog--one,
.blog--two{
    margin-top: -30px;
}
.blog--two .blog__hover__info {
    padding: 0 86px;
}
.blog--three{
    margin-top: -60px;
}
.blog--three .blog {
    margin-top: 60px;
}
.blog--one .blog__hover__info {
    padding: 0 130px;
}
.blog__video {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999;
}
.blog__activation{
    position: relative;
}
.blog__activation .owl-nav div {
    height: 60px;
    left: 30px;
    line-height: 67px;
    position: absolute;
    top: 50%;
    width: 38px;
}

.blog__activation .owl-nav div.owl-next {
    left: auto;
    right: 30px;
}

.blog__activation.owl-theme .owl-nav [class*="owl-"] {
    background: rgba(207, 207, 208, 0.6) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
.blog__activation .owl-nav div i {
    color: #303030;
    font-size: 30px;
}
.blog--details .htc__bl__dtl__inner {
    padding-right: 30px;
}
/*---------------------------------------
  11. Brand Area
----------------------------------------*/


.brand__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brand__list li a {
    display: block;
}
.htc__brand__area {
    padding-bottom: 125px;
    padding-top: 126px;
}

/*---------------------------------------
  12. Newsletter Area
----------------------------------------*/


.news__input input::-moz-placeholder {
    color: #979797;
    opacity: 1;
}

.newsletter__wrap {
    text-align: center;
}
.newsletter__wrap h2 {
    color: #1f2d30;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.newsletter__wrap h4 {
    color: #606060;
    font-family: Open Sans;
    font-size: 18px;
}
.newsletter__form {
    margin: 40px auto auto;
    width: 655px;
}
.htc__news__inner {
    position: relative;
}
.news__input input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #d7d7d7;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #979797;
    padding-bottom: 7px;
}
.clearfix.subscribe__btn {
    bottom: 0;
    position: absolute;
    right: 0;
}
.news__input {
    width: 500px;
}
.subscribe__btn input {
    background: #e7a149 none repeat scroll 0 0;
    border: 1px solid #e7a149;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    padding: 0 20px;
    transition: all 0.3s ease 0s;
}
.subscribe__btn input:hover {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
}
.htc__newsletter__area {
    position: relative;
}
.newsletter__thumb {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 21%;
}
/*---------------------------------------
  13. Counterup Area
----------------------------------------*/

.htc__counterup__wrap {
    align-items: center;
    display: flex;
    justify-content: space-around;
}
.fact__count span.count {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
}
.fact__title h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-top: 6px;
    text-transform: uppercase;
}
.h1__countdown .htc__callto__action h2 {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 18px;
}
.h1__countdown .htc__callto__action {
    padding-bottom: 100px;
    padding-top: 100px;
}
.h1__countdown .htc__call__btn {
    margin-top: 36px;
}
.h1__countdown .htc__callto__action p {
    width: 65%;
}
.h1__countdown .htc__counterup__wrap {
    height: 145px;
    padding: 0 157px;
}
.counterup__left__thumb {
    margin-left: -15px;
    margin-right: 40px;
}




/*---------------------------------------
  14. Google Map Area
----------------------------------------*/


.map-contacts{
    position: relative;
}
#googleMap {
    height: 436px;
    width: 100%;
}
.htc__contact__address--2 {
    background: rgba(31, 45, 48, 0.92) none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    right: 18%;
}
.htc__contact__address--2 .map-contacts {
    position: relative;
}
.htc__contact__address--2 .htc__contact__wrap {
    display: block;
}
.htc__contact__address--2 .htc__contact__wrap {
    padding: 0 40px;
}
.htc__contact__address--2 .htc__contact__wrap .ht__address__inner + .ht__address__inner {
    margin-top: 40px;
}

/*---------------------------------------
  15. Bradcaump Area
----------------------------------------*/


.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 400px;
    position: relative;
    z-index: 2;
}
.bradcaump__inner h2.bradcaump-title {
    color: #fdfdfd;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
}
.bradcaump-inner span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.bradcaump-inner a {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.bradcaump-inner {
    margin-top: 6px;
}
.brd-separetor {
    padding: 0 7px;
}
.htc__bst__btn .htc__btn {
    padding: 0 36px;
}

/*---------------------------------------
  16. Our Mission Area
----------------------------------------*/

.htc__mission__area {
    position: relative;
}
.htc__offer__thumb {
    position: absolute;
    right: 0;
    top: 0;
}
.htc__mission__container {
    padding: 89px 0;
}
.htc__mission__container .single__mission + .single__mission {
    margin-top: 50px;
}
.single__mission h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.single__mission p {
    padding-right: 33px;
}




/*---------------------------------------
  17. Project Area
----------------------------------------*/

.project--one{
    margin-top: -20px;
}

.project--one .project {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 20px;
}

/*---------------------------------------
  18. Blog Details Area
----------------------------------------*/

.sidebar__separator{
    margin-top: 30px;
}

.htc__category {
    padding: 40px;
    text-align: center;
}
.cat__list li a {
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.cat__list li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 0;
}
.cat__list li:first-child {
    padding-top: 0;
}
.cat__list li:hover a {
    color: #e7a149;
}
.sidebar__title {
    border-bottom: 1px dashed #e1e1e1;
    color: #303030;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.htc__search__area {
    padding: 40px;
}
.pro__input__box {
    position: relative;
}
.pro__input__box i {
  background: #1f2d30 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 35px;
  line-height: 33px;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 33px;
}
.pro__input__box input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #c5c5c5;
    height: 35px;
    padding: 0 34px 0 15px;
    position: relative;
}
.pro__input__box i:hover {
    background: #e7a149 none repeat scroll 0 0;
}
.htc__category {
    padding: 40px;
    text-align: center;
}
.cat__list li a {
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.cat__list li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 0;
}
.cat__list li:first-child {
    padding-top: 0;
}
.cat__list li:hover a {
    color: #e7a149;
}
.htc__broc {
    padding: 40px 19px;
}
.brocure__list li a {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.brocure__list li a i {
    color: #606060;
    font-size: 18px;
    padding-right: 14px;
}
.brocure__list li + li {
    border-top: 1px dashed #e1e1e1;
    margin-top: 20px;
    padding-top: 20px;
}
.brocure__list li a:hover {
    color: #e7a149;
}
.htc__recent__post {
    padding: 40px 20px;
}
.htc__single__post {
    border-top: 1px dashed #e1e1e1;
    display: flex;
    padding-bottom: 20px;
    padding-top: 20px;
}
.post__thumb {
    margin-right: 15px;
    min-width: 60px;
}
.post__details h4 {
    color: #303030;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.post__meta span {
    color: #606060;
    font-size: 12px;
}
.build__dream__inner h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    padding-right: 14px;
    text-align: center;
}
.build__btn {
    margin-top: 18px;
    text-align: center;
}
.build__btn .htc__btn {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
}
.htc__build__dream {
    height: 237px;
    padding-top: 40px;
}
.recent__post__wrap .htc__single__post:first-child {
    border-top: 0 none;
    padding-top: 0;
}
.htc__tag {
    padding: 40px;
}
.tag__list li a {
    color: #606060;
}
.tag__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.tag__list li {
    margin: 0 5px 10px;
}
.tag__list li a {
    border: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 34px;
    padding: 0 9px;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}
.tag__list li a:hover {
    background: #e7a149 none repeat scroll 0 0;
    border: 1px solid #e7a149;
    color: #fff;
}
/*Blog Details Leftsidebar*/

.htc__blog__details__page .blog__hover__info {
    padding: 0 145px;
}
.htc__blog__details__page .blog__meta {
  justify-content: space-around;
  padding: 0 50px;
}
.htc__blog__details h2 {
    color: #606060;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 27px;
    margin-top: 30px;
    text-transform: uppercase;
}
blockquote {
    background: #fafafa none repeat scroll 0 0;
    border-left: 0 none;
    color: #606060;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    margin: 50px 0;
    padding: 30px 54px 30px 70px;
}

.bl__dtl p {
    color: #606060;
    font-size: 14px;
    line-height: 24px;
}
.bl__dtl p + p {
    margin-top: 22px;
}

.bl__post__share {
    display: flex;
    margin-bottom: 70px;
    margin-top: 47px;
}
.bl__post__link {
    display: flex;
}
.bl__post__link li a i {
    color: #bbbbbb;
}
.bl__post__link li + li {
    padding-left: 25px;
}
.bl__post__share span {
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 600;
    padding-right: 18px;
}
.title__line--3 {
    color: #1f2d30;
    display: inline-block;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}
.title__line--3::before {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.single__comment {
    display: flex;
}
.bl__comment__thumb {
    margin-right: 24px;
    min-width: 15%;
}
.bl__comment__thumb img {
    width: 100%;
}
.bl__comment__meta {
    align-items: center;
    display: flex;
    margin-bottom: 2px;
}
.bl__comment__meta h2 {
    color: #1f2d30;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin-right: 9px;
}
.bl__comment__meta span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 9px;
}
.bl__remply {
    display: flex;
}
.bl__remply li a {
    color: #bbbbbb;
    text-transform: capitalize;
    transition: 0.4s;
}
.bl__remply li a:hover{
    color: #e7a149;
}
.bl__remply li + li {
    margin-left: 30px;
}
.bl__comment__form {
    margin-top: 70px;
}
.bl__form__inner {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.single__form {
    margin: 0 15px;
    width: 50%;
}
.bl__input__box {
}
.single__form .bl__input__box + .bl__input__box {
    margin-top: 18px;
}
.single__form .bl__input__box span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.bl__input__box input {
    border: 1px solid #ebebeb;
    height: 35px;
    padding: 0 10px;
}
.bl__comnt__btn {
    margin-top: 24px;
}
.bl__comnt__btn a.htc__btn {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.single__form span {
    color: #606060;
    display: inline-block;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.single__form textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    min-height: 200px;
}
.single__comment.reply {
    margin-bottom: 65px;
    margin-left: 88px;
    margin-top: 65px;
}

.pre__next__btn li a {
    color: #bbbbbb;
    font-size: 16px;
    text-transform: capitalize;
}
.pre__next__btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}
.pre__next__btn li a i {
    border: 1px solid #e1e1e1;
    display: inline-block;
    height: 25px;
    line-height: 22px;
    text-align: center;
    width: 25px;
}
.pre__next__btn li a i.fa.fa-angle-left {
    margin-right: 11px;
}
.pre__next__btn li a i.fa.fa-angle-right {
    margin-left: 11px;
}


/*---------------------------------------
  19. Single Service Area
----------------------------------------*/

.prodict-det-small li {
    padding: 0 10px;
    width: 25%;
}
.ht-portfolio-full-image .tab-pane img {
    width: 100%;
}
.prodict-det-small {
    display: flex;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
.prodict-det-small li a {
    display: block;
}
.prodict-det-small li a img {
    width: 100%;
}
.htc__service__dtl {
    margin-top: 55px;
}
.title__line--4 {
    color: #1f2d30;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.htc__ser__dtl__inner .htc__ser__dtl .title__line--4 {
  font-size: 24px;
}
.htc__ser__dtl__inner {
    display: flex;
    justify-content: space-between;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 47px;
}
.htc__ser__dtl__inner .htc__ser__dtl {
    padding: 0 25px;
    width: 50%;
}

/*---------------------------------------
  20. Single Project Area
----------------------------------------*/


.pro__dtl__inner {
    padding: 70px 40px;
}
.pro__dtl__content {
    display: flex;
}
.pro__dtl__list li {
    color: #1f2d30;
    font-family: Open Sans;
    font-size: 16px;
}
.pro__dtl__list.font__bold li {
    color: #1f2d30;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.pro__dtl__list li + li {
    padding-top: 24px;
}
.pro__dtl__inner h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 43px;
    text-transform: uppercase;
}
.pro__dtl__list.font__bold {
    padding-right: 20px;
}
.download__project {
    margin-top: 20px;
    padding: 51px 0;
    text-align: center;
}
.download__project h2 {
    color: #e7a149;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.htc__pro__desc__container {
    display: flex;
    justify-content: space-between;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 70px;
}
.single__project__details h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.single__project__details {
    margin: 0 20px;
    width: 33.33%;
}
.single__project__details p + p {
    margin-top: 11px;
}
.facts__list li a {
    color: #606060;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.facts__list li + li {
    margin-top: 20px;
}
.facts__list {
    margin-top: 25px;
}
.facts__list li a i {
    padding-right: 10px;
}
.facts__list li a:hover {
    color: #e7a149;
}

/*---------------------------------------
  21. Contact Area
----------------------------------------*/

.title__line--5 {
    color: #1f2d30;
    display: inline-block;
    font-family: Open Sans;
    font-weight: 700;
    padding-bottom: 18px;
    position: relative;
    text-transform: uppercase;
}
.htc__contact__inner p {
    margin-top: 37px;
    width: 76%;
}
.title__line--5::before {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.htc__address__container {
    display: flex;
    margin-top: 50px;
}
.ct__address {
    display: flex;
}
.ct__address__icon i {
    border: 1px solid #696969;
    border-radius: 100%;
    color: #606060;
    font-size: 30px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 47px;
}
.htc__address__container .ct__address + .ct__address {
    margin-left: 115px;
}
.ct__details p a {
    color: #606060;
    font-weight: 600;
    transition: all 0.4s ease 0s;
}
.ct__details p {
    font-weight: 600;
}
.ct__address__icon {
    margin-right: 18px;
}
.ct__details p a:hover {
    color: #e7a149;
}
#googleMap {
    height: 470px;
    width: 100%;
}
.map__contacts{
    margin-top: 50px;
}

.htc__contact__form__wrap {
    margin-top: 100px;
}
.single-contact-inner {
    display: flex;
    margin-left: -28px;
    margin-right: -28px;
    margin-top: 48px;
}
.single-contact-form {
    padding: 0 28px;
    width: 50%;
}
.contact-box span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 9px;
}
.contact-box + .contact-box {
    margin-top: 17px;
}
.contact-box input {
    border: 1px solid #ebebeb;
    height: 35px;
    padding: 0 10px;
}
.contact-btn {
    margin-top: 25px;
}
.contact-box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    min-height: 205px;
}
.contact-btn .htc__btn {
  font-size: 12px;
  height: 35px;
  line-height: 34px;
  padding: 0 28px;
  text-transform: uppercase;
}





/*------------------------------
  22. Log In Register Area
--------------------------------*/

.single__tabs__panel.tab-pane:not(.active) {
    display: none;
}

.login__register__menu {
    display: flex;
    justify-content: center;
    margin: 0 auto 51px;
    max-width: 370px;
}
.login__register__menu li a {
    color: #000000;
    font-size: 36px;
    transition: all 0.4s ease 0s;
}
.login__register__menu li {
    padding: 0 20px;
}
.login__register__menu li.active a {
    color: #e7a149;
}
.login__register__menu li a:hover {
    color: #e7a149;
}
.htc__login__register__wrap {
    margin: 0 auto;
    max-width: 370px;
}
.login input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #8e8e8e;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #686868;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    background: transparent;
}
.login input + input {
    margin-bottom: 20px;
    margin-top: 40px;
}
.tabs__checkbox span.forget a{
    float: right;
    color: #e7a149;
    font-size: 12px;
}
.tabs__checkbox label {
    bottom: 2px;
    color: #999;
    font-size: 15px;
    padding-left: 9px;
    position: relative;
    text-transform: capitalize;
    font-weight: normal;
    cursor: pointer;
}
.tabs__checkbox {
    margin-bottom: 20px;
}
.tabs__checkbox span {
    color: #686868;
    text-transform: capitalize;
    padding-left: 5px;
}
.htc__login__btn a {
    border: 1px solid #d5d5d5;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    width: 150px;
    color: #4b4b4b;
    text-transform: uppercase;
}
.htc__login__btn {
    text-align: center;
}
.login input:last-child {
    margin-top: 14px;
}
.htc__social__connect h2 {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-transform: capitalize;
    font-weight: 500;
}
.htc__soaial__list {
    display: flex;
    justify-content: center;
}
.htc__soaial__list li a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 35px;
}
.user__meta__inner .htc__soaial__list {
    justify-content: space-between;
}
.htc__soaial__list li a i {
    color: #fff;
    font-size: 16px;
}
.htc__social__connect {
    text-align: center;
}
.htc__soaial__list li + li {
    margin-left: 10px;
}
.login input::-moz-placeholder {
    color: #686868 !important;
    font-size: 16px !important;
}
.htc__login__btn a:hover{
    background: #e7a149;
    color: #fff;
    border: 1px solid #e7a149;
}

/*-------------------------------
    Mobile Menu
------------------------------*/

.mean-container .mean-bar {
  min-height: 0;
  padding: 0;
}
.mean-container a.meanmenu-reveal {
  margin-top: -88px;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.logo-text{
    font-size: 24px;
    color: red;
    font-family: 'Acme', sans-serif;
}
.social-icons i{
    color: white;
  margin-right: 15px;    
}
address {
    color: black;
    padding: 7px;
    font-size: 13px;
    line-height: 1.8;
}
.ml-20{
    margin-left: 20px;
}
.social-icons-footer i{
    color: #8d401f;
    margin-right: 20px;
    font-size: 18px;
}
.mt-20{
    margin-top: 20px;
    /* color: #000; */
}
#myVideo {
    position: absolute;
    right: 0;
    width: 100%;
    min-height: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
}
.blinking{
    /* Chrome, Safari, Opera */
 -webkit-animation: blinking 3s infinite; 
 
 /* Internet Explorer */
 -ms-animation: blinking 3s infinite;
 
 /* Standar Syntax */
 animation: blinking 3s infinite; 
 font-weight: 600;
 padding: 10px 11px;
 color: #fff;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes blinking{
   0%{background-color: orange;}	
   10%{background-color: purple;}	
     20%{background-color: red;}
   30%{background-color: CadetBlue;}
     40%{background-color: rgb(196, 196, 33);}
   50%{background-color: coral;}
     60%{background-color: green;}
   70%{background-color: cyan;}
   80%{background-color: DeepPink;}
   90%{background-color: DodgerBlue;}
     100%{background-color: orange;}
 }
 
 /* Internet Explorer */
 @-ms-keyframes blinking{
   0%{background-color: orange;}	
   10%{background-color: purple;}	
     20%{background-color: red;}
     40%{background-color: rgb(196, 196, 33);}
     60%{background-color: green;}
     100%{background-color: orange;}
 }
 
 /* Standar Syntax */
 @keyframes blinking{
   0%{background-color: orange;}	
   10%{background-color: purple;}	
     20%{background-color: red;}
     40%{background-color: rgb(196, 196, 33);}
     60%{background-color: green;}
     100%{background-color: orange;}
 }
 .divider {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
}

.divider .divider-wave {
    width: 100%;
    height: 242px;
}

.custom-divider1 {
    position: absolute;
    top: -23px;
    left: 0;
    width: 100%;
    height: 23px;
    background: linear-gradient(-45deg, #f7971c 10px, transparent 0), linear-gradient(45deg, #f7971c 10px, transparent 0);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 12px 32px;
}

.h1__offer__image img{
    max-width:100%;
}
.construction{
    margin-bottom: 30px;
}
.overlay{
    box-shadow: 0 0 0 1000px #000000b8 inset !important;
  }
  .heart h1{    
      text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    color: #801d20;
  }
  .section-padding{
    padding-top: 20px !important;
    padding-bottom: 40px;
  }
  .footer-padding{
    padding-top: 50px;
    padding-bottom: 0px;
    /* border-top: 1px solid; */
    box-shadow: 1px -20px 20px -26px #222;
  }
  .footer-bg{
    background: rgba(0, 0, 0, 0) url(images/bg/footer.png) no-repeat;
    background-position: center;
    background-size: cover;
    height: 255px;
  }
  .menu-right{
      float: right;
  }
  .header-padding{
      /* padding-top:5px; */
      /* padding-bottom: 5px; */
  }
  .divider .path-position{
      position: relative;
      top: 20px;
  }
  .svg1{
    position: relative;
    top: 255px;
  }
  .inner-content{
      min-height: 40rem;
  }
  .vision h2{
color:#000 !important;
  }
  .vision p{
    color:#000 !important;
      }
      .about-title h2::before{
        content: "";
    position: absolute;
    background-image: url(images/title_bg.png);
    height: 5px;
    width: 100%;
    top: 11px;
    left: -298px;
    background-position: center;
    background-repeat: no-repeat;
      }
      .about-title h2::after{
        content: "";
    position: absolute;
    background-image: url(images/title_bg.png);
    height: 5px;
    width: 100%;
    top: 11px;
    right: -298px;
    background-position: center;
    background-repeat: no-repeat;
      }
      .service-title h2::before{
        content: "";
        position: absolute;
        background-image: url(images/title_bg.png);
        height: 5px;
        width: 100%;
        top: 12px;
        left: -146px;
        background-position: center;
        background-repeat: no-repeat;
      }
      .service-title h2::after{
        content: "";
        position: absolute;
        background-image: url(images/title_bg.png);
        height: 5px;
        width: 100%;
        top: 12px;
        right: -146px;
        background-position: center;
        background-repeat: no-repeat;
      }
      .enquire-title h2::before{
        content: "";
    position: absolute;
    background-image: url(images/title_bg.png);
    height: 5px;
    width: 100%;
    top: 11px;
    left: -290px;
    background-position: center;
    background-repeat: no-repeat;
      }
      .enquire-title h2::after{
        content: "";
    position: absolute;
    background-image: url(images/title_bg.png);
    height: 5px;
    width: 100%;
    top: 11px;
    right: -290px;
    background-position: center;
    background-repeat: no-repeat;
      }
      .banner_area_plane {
        background: url(images/banner-bg.jpg) no-repeat scroll center center;
        background-size: cover;
        min-height: 200px;
        position: relative;
        z-index: 2;
    }
    .banner_area_plane:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .banner_area_plane .banner_content h3 {
        padding-top: 100px;
        color: #fff;
        font-size: 35px;
        /* font-family: 'Roboto', sans-serif; */
        font-weight: 600;
    }
    .banner_link {
        background: #d5d5d5;
        border-bottom: 1px solid #d3d3d3;
    }
    .banner_link .b_crum_link_inner a:hover, .banner_link .b_crum_link_inner a.active {
        color: #242424;
    }
    .banner_link .b_crum_link_inner a {
        font-size: 16px;
        color: #242424;
        /* font-family: "Lato", sans-serif; */
        letter-spacing: .32px;
        margin-right: 25px;
        line-height: 60px;
        position: relative;
        -webkit-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }
    .banner_link .b_crum_link_inner a:before {
        content: "\f101";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        left: -14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #242424;
    }
	
	
	
	/* my css start*/

::after, ::before {
    box-sizing: inherit;
}

.p-tb80 {
	padding: 60px 0;
}


	.section-head h1, .section-head h2, .section-head h3 {
    margin-top: 0;
    /* font-family: 'Roboto', sans-serif; */
 }
	.mt-separator-outer {	overflow:hidden;}
/*Separator defualt*/
.mt-separator-outer.separator-left{text-align:left;}
.mt-separator-outer.separator-right{text-align:right;}
.mt-separator-outer.separator-center{text-align:center}
.btn-filter-wrap li.btn-active, .date-style-3 .post-date strong, .footer-dark .footer-top a:active, .footer-dark .footer-top a:focus, .footer-dark .footer-top a:hover, .header-nav .nav>li .mega-menu>li ul a:hover, .header-nav .nav>li .sub-menu li a:hover, .header-nav .nav>li .sub-menu li:hover>a, .header-nav .nav>li.active>a, .header-nav .nav>li.current-menu-item>a, .header-nav .nav>li:hover>a,  .latest-blog-3.blog-md .mt-post-meta i, .latest-blog-3.post-overlay .mt-post-meta i, .masonry-filter.link-style.has-bg>li.active a, .masonry-filter.link-style.has-bg>li:hover a, .masonry-filter.link-style.white>li a:active, .masonry-filter.link-style.white>li a:focus, .masonry-filter.link-style.white>li a:hover, .masonry-filter.link-style.white>li.active a, .masonry-filter.outline-style.has-bg>li a:hover, .masonry-filter.outline-style.has-bg>li.active a, .masonry-filter.outline-style>li a:active, .masonry-filter.outline-style>li a:focus, .masonry-filter.outline-style>li a:hover, .masonry-filter.outline-style>li.active a, .masonry-filter>li a:active, .masonry-filter>li a:focus, .masonry-filter>li a:hover, .masonry-filter>li.active a, .mt-breadcrumb li a, .nav-dark.header-nav .nav>li .mega-menu>li ul a:hover, .pricing-table-style-3 .pricingtable-title *, .pricing-table-style-5 .pricingtable-title *, .rating-bx, .social-icons.social-dark.has-bg li a:hover, .social-icons.social-light.has-bg li a:hover, .status-value span, .testimonial-1 .testimonial-position, .testimonial-2 .testimonial-position, .testimonial-2 .testimonial-text .fa-quote-left,   .text-primary, .video-play-btn, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_nav_menu li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_recent_entries ul li a:hover, .widget_services ul li a:hover,  blockquote::before, button.scroltop, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, ol.comment-list li.comment .reply a, ul.primary li::before, .mt-team-seven .social-share-btn-content .social-icons a:hover, .widget_categories li span.badge, .icon-count-2:hover span.icon-count-number, .filter-navigation a::after, .footer-dark .social-icons li a, .site-footer .widget_services ul li a:hover, .hover-navigation a::after,.site-button-link.yellow,.widget_tag_cloud a:hover,.page-notfound span.title,blockquote.author-quote .fa-quote-right,.project-classic .mt-title::after  {
	color: #930609;
}
.mt-separator:before, .sep-line-one:before{background-color: #F5BF23;}
.sep-line-one:before{	    width: 30px;	left: -40px;	top: 22px;}

.p-t80 {
	padding-top: 80px;
}

.header-nav .nav > li .sub-menu li a:hover,.m-about-years  {
    border-left: 10px solid #F5BF23;
}
.m-about-years{
	display: inline-block;
	padding: 20px;
	border-left: 10px solid #f19c1f;
}
.m-about-containt .large-title{
font-size:68px;
	font-weight:900;
	display:inline-block;
	line-height: 50px;
}
.m-about{
	margin: 6px 0;
}
.m-about img{
  width:90%;
  border: 1px solid;
  padding: 10px;
  box-shadow: -50px 50px #f19c1f;
  }

.large-title-info{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 34px;
	line-height: 40px;
	color: #1a1a1a;
	margin-bottom: 12px;
	margin-top: 11px;
}

p {
	line-height: 24px;
	/* margin-bottom: 24px; */
	font-family: 'Poppins', sans-serif;
}
.author-info{display:table; width:100%;}
.author-signature,
.author-name{display:table-cell;vertical-align:middle;}

.site-button, .site-button:active, .site-button:focus{
	background-color: #F5BF23
}

.site-button,
.site-button-secondry {
	padding: 10px 20px;
	display: inline-block;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	outline: none;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	line-height: 1.42857;
	margin-left: -1px;
	text-decoration: none !important;
}

.site-button {
	background-color: #F5BF23;
	color: #fff;
}

.site-button:active,
.site-button:hover,
.site-button:focus,
.active>.site-button {
	background-color: #F5BF23;
	color: #fff;
}

.site-button:hover {
	background-color: #222;
	color: #fff;
}

.site-button-secondry {
	background-color: #222;
	color: #fff;
}

.site-button-secondry:active,
.site-button-secondry:hover,
.site-button-secondry:focus,
.active>.site-button-secondry {
	background-color: #222;
	color: #fff;
}

.btn-effect {
  letter-spacing:4px;
  position:relative;
  text-transform:uppercase;
}

.btn-effect:before,
.btn-effect:after {
  border-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}

.btn-effect:before {
  border-color: #c47135;
  border-left-width: 2px;
  border-top-width: 2px;
  left: -5px;
  top: -5px;
}

.btn-effect:after {
  border-bottom-width: 2px;
  border-color: #c47135;
  border-right-width: 2px;
  bottom: -5px;
  right: -5px;
}

.btn-effect:hover:before,
.btn-effect:hover:after{
  height: 100%;
  width: 100%;
}

.m-t0 {
	margin-top: 0;
}
 .mt-separator:after, .sep-line-one:after, .icon-count-2::after, .icon-count-2::after, .icon-count-2::after
 {
    background-color: #F5BF23;!important
}
.mt-separator:after {
    width: 50px;
    right: -60px;
    top: 12px;
}
.mt-separator:after, .sep-line-one:after, .icon-count-2::after, .icon-count-2::after, .icon-count-2::after {
    position: absolute;
    content: '';
    background-color: #f5be23;
    height: 2px;
}
.ourwork-process {
    background: #01305e;
    position: relative;
    padding: 70px 0px 40px;
}

    /* my css end*/
    .slider__fixed--height {
        height: 100vh;
    }
    div#header {
        width: 100%;
        position: relative;
        z-index: 99;
        background: #fff;
    }
    .slider__container{
        position: relative;
        height: 85vh;
    }
    .video-bg {
        position: absolute;
        /* height: 100vh; */
        width: 100%;
    }
    .section-content{
        min-height: 40vh;
    }
    /*services*/
    .square_shape1, .square_shape2 {
        position: relative;
        overflow: hidden;
        z-index: 0;
    }
    .bg-repeat {
        background-repeat: repeat;
    }
    .section-full {
    }
    
    .p-b80 {
        padding-bottom: 80px;
    }
    .p-t80 {
        padding-top: 4px;
    }
    .square_shape2:before {
        width: 250px;
        height: 450px;
        right: -190px;
        bottom: -50px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .square_shape1:after, .square_shape2:before {
        position: absolute;
        content: "";
        /* border: 40px solid rgba(191,191,191,0.1); */
        z-index: -1;
        -webkit-animation: shake 1.5s ease-in-out 1.5s infinite alternate;
    }
    .mt-separator-outer.separator-left {
        text-align: left;
    }
    .mt-separator-outer {
        overflow: hidden;
    }
    .text-white {
        color: #FFF;
    }
    .mt-separator, .sep-line-one, .sep-line-two {
        position: relative;
    }
    .mt-separator {
        display: inline-block;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 30px;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .acc-bg-primary a, .bg-primary, .custom-page.pager li>a:focus, .custom-page.pager li>a:hover, .custom-pagination.pagination>.active>a, .custom-pagination.pagination>.active>a:focus, .custom-pagination.pagination>.active>a:hover, .custom-pagination.pagination>.active>span, .custom-pagination.pagination>.active>span:focus, .custom-pagination.pagination>.active>span:hover, .custom-pagination.pagination>li>a:focus, .custom-pagination.pagination>li>a:hover, .custom-pagination.pagination>li>span:focus, .custom-pagination.pagination>li>span:hover, .date-style-2 .post-date, .date-style-3 .post-date i, .faq-block .faq-ans::after, .faq-block .faq-que::after, .masonry-filter.button-style.has-bg>li a:hover, .masonry-filter.button-style.has-bg>li.active a, .masonry-filter.button-style>li a:active, .masonry-filter.button-style>li a:focus, .masonry-filter.button-style>li a:hover, .masonry-filter.button-style>li.active a, .masonry-filter.outline-style.customize>li.active a, .masonry-filter.outline-style.customize>li:hover a, .mt-nav-pills li:hover a, .mt-tabs.border-top .nav-tabs>li.active>a::after, .noTrespassingBarLineG, .overlay-icon a, .overlay-icon a:hover, .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pricing-table-style-2 .pricingtable-title, .pricingtable-price, .searchform input[type=submit], .site-button, .social-icons.social-radius.social-darkest a:hover, .social-icons.social-radius.social-primary a, .social-icons.social-square.social-darkest a:hover, .social-icons.social-square.social-primary a, .widget-title::after, .widget_archive ul li span.badge, .widget_calendar table tbody td#today, .widget_calendar thead, .widget_getintuch i, ol.list-num-count>li::before, .header-nav .nav > li .sub-menu li a::after, .mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before, .about-home.owl-carousel .owl-dots .owl-dot.active span, .input-animate.input .spin, .icon-count-2::after, .footer-dark .social-icons li a:hover, .video-section-full-v2::after, .mt-bnr-inr-entry .banner-title-outer:after, .mt-bnr-inr-entry .banner-title-outer:before, .mt-bnr-inr-entry .banner-title-outer .banner-title-name:after, .mt-bnr-inr-entry .banner-title-outer .banner-title-name:before, .m-about::after, .our-story .row:nth-child(odd) .our-story-pic-block:after, .our-story .row:nth-child(even) .our-story-pic-block:after, .call-for-quote-outer, .widget_newsletter-2 .newsletter-bx .newsletter-icon, blockquote.author-quote::before, .project-classic .mt-title::before, .img-center-icon .overlay-bx .overlay-icon a, .footer-light .social-icons li a:hover {
        background-color: #F5BF23;
    }
    .mt-separator:before {
        width: 50px;
        left: -60px;
        top: 12px;
    }
    .mt-separator:before, .sep-line-one:before {
        position: absolute;
        content: '';
        background-color: #f5be23;
        height: 2px;
    }
    .mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before {
        -moz-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        -webkit-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
    }
    
    .section-head h1, .section-head h2, .section-head h3 {
        margin-top: 0;
        /* font-family: 'Roboto', sans-serif; */
    }
    .mt-separator, .sep-line-one, .sep-line-two {
        position: relative;
    }
    .text-uppercase {
        text-transform: uppercase;
    }
    .mt-separator {
        display: inline-block;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 30px;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .sep-line-one:before {
        width: 30px;
        left: -40px;
        top: 22px;
    }
    .mt-separator:before, .sep-line-one:before {
        position: absolute;
        content: '';
        background-color: #f5be23;
        height: 2px;
    }
    .mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before {
        -moz-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        -webkit-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
    }
    .sep-line-one:after {
        width: 30px;
        right: -40px;
        top: 22px;
    }
    .mt-separator:after, .sep-line-one:after {
        position: absolute;
        content: '';
        background-color: #f5be23;
        height: 2px;
    }
    .mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before {
        -moz-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        -webkit-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;
    }
    .our-story {
        position: relative;
        z-index: 0;
    }
    .our-story:after {
        left: 50%;
        top: 0px;
    }
    .our-story .row:nth-child(odd) {
        text-align: left;
    }
    .our-story .row {
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }
    .our-story .row:nth-child(odd) {
        text-align: left;
    }
    .our-story .row:nth-child(odd) .our-story-pic-block:before {
        right: 50px;
    }
    .our-story .row:nth-child(odd) .our-story-pic-block:before, .our-story .row:nth-child(even) .our-story-pic-block:before {
        content: "";
        position: absolute;
        height: 100px;
        width: 2px;
        background-color: #760000;
        top: 0px;
        z-index: -1;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    .our-story .row:nth-child(odd) .our-story-pic {
        margin-right: 50px;
    }
    .our-story-pic img {
        border-style: none;
        height: auto;
        max-width: 100%;
        /* box-shadow: 1px 2px 7px -1px #080808; */
        vertical-align: middle;
        border: 2px solid #760000;
    }
    .our-story .row:nth-child(odd) .our-story-pic-block:after {
        right: -15px;
        top: 35px;
    }
    .our-story .row:nth-child(odd) .our-story-pic-block:after, .our-story .row:nth-child(even) .our-story-pic-block:after {
        content: "";
        position: absolute;
        height: 30px;
        width: 30px;
        border: 2px solid #760000;
        background-color: #f5be23;
        z-index: 3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }
    .our-story .row:nth-child(odd) .our-story-detail{
        padding:30px;
        margin-left:50px;
        /* background-color: #ffffff; */
        color:#fff;
        /* border: 1px solid #f5bf23; */
        box-shadow: inset 1px 2px 20px 2px #f5bf23;
    }
    .our-story .row:nth-child(odd) .our-story-detail h4{
    color: #700000;
    font-size: 25px;
    }
    .m-b20{
        margin-bottom:20px;
    }
    .text-uppercase{
        text-transform:uppercase;
    }
    .our-story .row:nth-child(even){
        text-align:right;
    }
    .our-story .row{
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }
    .our-story .row:nth-child(even) [class*="col-"]{
        float: right;
    }
    .our-story .row:nth-child(even){
        text-align: right;
    }
    .our-story .row:nth-child(even) .our-story-pic-block:before {
        left: 50px;
    }
    .our-story .row:nth-child(even) .our-story-detail h4 {
        color: #670000;
        font-size: 25px;
    }
    .our-story .row:nth-child(even) .our-story-pic{
        margin-left:50px;
    }
    .our-story .row:nth-child(even) .our-story-detail{
        margin-right:50px;
        /* background-color: #8d401f; */
        color:#222;
        padding:20px;
        /* border: 1px solid #f5bf23; */
        box-shadow: inset 1px 2px 20px 2px #f5bf23;
    }
    .our-story .row:nth-child(even) .our-story-pic-block:after{
        left: -15px;
        top: 35px;
    }
    .our-story-detail p{
        /* color: #fff; */
    }
    .detail p{
        color:#000;
    }
	
.m-b30 {
    margin-bottom: 30px;
}
.bg-dark {
    background-color: #000000;
}
.p-a20 {
    padding: 20px;
}
.p-a30{padding:8px;
padding-bottom: 0px;}

.text-black h4, .mt-tilte {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.text-white h4, p{
	color: #1d1b1b;
	margin-bottom: 0px;
}
.text-white h3{color:#FFF;font-size:20px;}
.mt-tilte{position:relative;}
.contact1 {
    color: #a40c12;
    font-size: 32px;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 23px;
    font-family: 'Monda', sans-serif;
    }
	.contact1{/* color: #fff !important; */}
	.contact{color: #fff !important;font-size: 34px;font-weight: 500;}
.form-control {
    margin-left: -21px;
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
    
/*projects*/
.image-effect-two {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-perspective: 800px;
    perspective: 800px;
}

.hover-shadow {
    -webkit-box-shadow: 0 0px 0px 0 rgba(50, 50, 50, .16);
    box-shadow: 0 0px 0px 0 rgba(50, 50, 50, .16);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.image-effect-two img {
    max-width: 100%;
    width: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-radius: 50%;
    border: 8px solid #f2a122;
}

.image-effect-two * {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.image-effect-two .figcaption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: rotateY(90deg) translate(0%, -50%);
    transform: rotateY(90deg) translate(0%, -50%);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    z-index: 1;
    opacity: 0;
    padding: 0 30px;
}

.image-effect-two * {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.image-effect-two * {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.mt-box,
.mt-info,
.mt-tilte,
.mt-tilte-inner {
    position: relative;
}

.image-effect-two * {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.image-effect-two * {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.btn-effect {
    letter-spacing: 4px;
    position: relative;
    text-transform: uppercase;
}

.site-button {
    background-color: #F5BF23;
    color: #fff;
}

.site-button,
.site-button-secondry {
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
}

.image-effect-two .mfp-link {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    background-color: #222;
    margin-left: 10px;
    color: #fff;
}

.image-effect-two * {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.image-effect-two .figcaption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: rotateY(90deg) translate(0%, -50%);
    transform: rotateY(90deg) translate(0%, -50%);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    z-index: 1;
    opacity: 0;
    padding: 0 30px;
}

.image-effect-two:hover img,
.image-effect-two.hover img {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    opacity: 0;
}

.image-effect-two:hover .figcaption,
.image-effect-two.hover .figcaption {
    -webkit-transform: rotateY(0deg) translate(0, -50%);
    transform: rotateY(0deg) translate(0, -50%);
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.image-effect-two .mfp-link {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    background-color: #222;
    margin-left: 10px;
    color: #fff;
}

.image-effect-two .mfp-link:hover {
    background-color: #F5BF23;
    color: #222;
}

.figcaption p {
    color: #000;
    margin-bottom: 20px;
}

.logo-img img {
    border: none;
    border-radius: 0%;
    margin-top: 20px;
    width: 60%;
    margin-left: 75px;
}

.figcaption h4 {
    color: #801d20;
    font-size: 30px;
}
.favcon .fa{
    margin-right: 10px;
    font-size: 15px;
}
.list-style{
    list-style: circle;
}
.list-style{
    padding-left: 20px;
}
.project-gallery img{
    width:100%;
}
.get-in-touch-form {
    position: relative;
}
.contact-home1-left {
    position: relative;
}
.get-in-touch-form-section {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 520px;
}
.get-in-touch-info {
    box-shadow: -10px -10px #F5BF23;
}
.get-in-touch-info {
    position: absolute;
    bottom: -74px;
    max-width: 330px;
    left: 0px;
    box-shadow: -10px -10px #f5bf23;
}
.arrow-animation {
    position: relative;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 1s;
}
.hover-shadow {
    -webkit-box-shadow: 0 0px 0px 0 rgba(50,50,50,.16);
    box-shadow: 0 0px 0px 0 rgba(50,50,50,.16);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.mt-icon-box-wraper {
    position: relative;
}
.bg-white {
    background-color: #FFF;
}
.mt-icon-box-wraper.left .icon-xld, .mt-icon-box-wraper.left .icon-xl, .mt-icon-box-wraper.left .icon-lg, .mt-icon-box-wraper.left .icon-md, .mt-icon-box-wraper.left .icon-sm, .mt-icon-box-wraper.left .icon-xs {
    float: left;
    margin-right: 10px;
}
.icon-md {
    width: 60px;
}
.icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
    display: inline-block;
    text-align: center;
}
.text-secondry {
    color: #1a1a1a;
}
.icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
    display: inline-block;
    text-align: center;
}
.icon-md img {
    height: 60px;
}
.icon-xld img, .icon-xl img, .icon-lg img, .icon-md img, .icon-sm img, .icon-xs img {
    vertical-align: middle;
    max-width: 100%;
    width: auto;
}
.icon-content {
    overflow: hidden;
}
.mt-icon-box-wraper .mt-tilte {
    margin-top: 0;
}
.mt-box, .mt-info, .mt-tilte, .mt-tilte-inner {
    position: relative;
}
.get-in-touch-form-section-img img{
    position: relative;
    top: 185px;
}
.input-animate.input, .input-animate.input label, .input-animate.input input, .input-animate.input textarea, .input-animate.input .spin {
    transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    box-shadow: none;
}
.input-animate.input, .input-animate.input input, .input-animate.input textarea {
    position: relative;
    /* width: 100%; */
    outline: none;
}
.input-animate.input input, .input-animate.input textarea, .input-animate.input label {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}
.input-animate.input input {
    height: 44px;
    top: 10px;
    border: none;
    background: transparent;
}
.input-animate.input input, .input-animate.input textarea, .input-animate.input label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
}
.input-animate.input, .input-animate.input label, .input-animate.input input, .input-animate.input textarea, .input-animate.input .spin {
    transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    box-shadow: none;
}
.input-animate.input, .input-animate.input input, .input-animate.input textarea {
    position: relative;
    /* width: 100%; */
    outline: none;
}
.input-animate.input {
    margin-bottom: 30px;
    height: 44px;
}
.input-animate.input, .login-animate.input label, .login-animate.input input, .login-animate.input textarea, .login-animate.input .spin {
    transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);
}
.input-animate.input::before, .input-animate.input .spin {
    width: 90%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.input-animate.input::before {
    content: "";
    background: rgba(255, 255, 255, 0.1);
    z-index: 3;
}
.input-animate.input, .input-animate.input label, .input-animate.input input, .input-animate.input textarea, .input-animate.input .spin {
    transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    box-shadow: none;
}
.input-animate.input input, .input-animate.input textarea, .input-animate.input label {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}
.input-animate.input label {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    cursor: pointer;
    line-height: 40px;
}
.input-animate.input input, .input-animate.input textarea, .input-animate.input label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
}
label {
    font-weight: 600;
    margin-bottom: 10px;
}
.input-animate.input, .input-animate.input label, .input-animate.input input, .input-animate.input textarea, .input-animate.input .spin {
    transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: 300ms cubic-bezier(.4, 0, .2, 1);
    box-shadow: none;
}
.input-animate.input textarea {
    resize: none;
}
.input-animate.input, .input-animate.input input, .input-animate.input textarea {
    position: relative;
    /* width: 100%; */
    outline: none;
}
.input-animate.input input, .input-animate.input textarea, .input-animate.input label {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}
.input-animate.input textarea {
    height: 40px;
    padding-top: 15px;
    top: 10px;
    border: none;
    background: transparent;
}
.input-animate.input input, .input-animate.input textarea, .input-animate.input label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    height: auto;
}
.career-head{
    color:#8d401f;
}
.gallery h2{
    color:#670000;
}
/*ongoing-details*/
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
.pt-30{
    padding-top:30px;
}
.vertical-tab {
    display: table;
    width: 100%;
}

.vertical-tab .nav-tabs {
    display: table-cell;
    width: 28%;
    min-width: 28%;
    vertical-align: top;
    border: none;
}

.vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top;
}

.vertical-tab .nav-tabs li a {
    color: #000;
    background: #f2a122;
    border: none;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 13px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover {
    color: #8d401f;
    border: none;
}

.vertical-tab .nav-tabs li a:before {
    content: '';
    background-color: #fff;
    height: 100%;
    width: 100%;
    border-top: 3px solid #8d401f;
    border-bottom: 3px solid #8d401f;
    opacity: 0;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s;
}

.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before {
    opacity: 1;
    transform: rotate(0);
}

.vertical-tab .tab-content {
    color: #0c2461;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 7px 15px;
    border-top: 3px solid #f2a122;
    border-bottom: 3px solid #f2a122;
    border-radius: 0;
    display: table-cell;
    position: relative;
}

.vertical-tab .tab-content h3 {
    font-weight: 600;
    margin: 0 0 5px 0;
    font-size: 20px;
    color: #8d401f;
}

@media only screen and (max-width: 479px) {
    .vertical-tab .nav-tabs {
        width: 100%;
        display: block;
        border: none;
    }

    .vertical-tab .nav-tabs li a {
        padding: 7px 20px;
        margin: 0 0 10px 0;
    }

    .vertical-tab .tab-content {
        padding: 20px 15px 10px;
        display: block;
    }

    .vertical-tab .tab-content h3 {
        font-size: 18px;
    }
}
.input-animate select{
    width: 100%;
    border: none;
    position: relative;
    left: -16px;
    top: 15px;
    font-size: 12px;
    background: none !important;
}
.details-p h3{
    font-size: 25px;
    color: #801d20;
}
.details-p .head1:before{
    position: absolute;
    content: '';
    background-color: #f5be23;
    height: 3px;
    width: 50px;
    top: 49px;
}
.details-p .head2:before{
    position: absolute;
    content: '';
    background-color: #f5be23;
    height: 3px;
    width: 50px;
    top: 229px;
}
.details-p .head3:before{
    position: absolute;
    content: '';
    background-color: #f5be23;
    height: 3px;
    width: 50px;
    top: 368px;
}
.site-button.outline.black {
    color: #171717;
    border-color: #801d20;
}
.site-button.button-app {
    text-align: left;
    padding: 5px 10px;
}
.site-button.outline {
    color: #888;
    background: none;
    border-width: 2px;
    border-style: solid;
    border-color: #eee;
}
.site-button.black {
    background-color: #000;
    color: #fff;
}
.searchform input[type=submit], .searchform input[type=submit]:active, .searchform input[type=submit]:focus, .searchform input[type=submit]:hover, .site-button, .site-button:active, .site-button:focus {
    background-color: #F5BF23;
}
.acc-bg-primary a, .bg-primary, .custom-page.pager li>a:focus, .custom-page.pager li>a:hover, .custom-pagination.pagination>.active>a, .custom-pagination.pagination>.active>a:focus, .custom-pagination.pagination>.active>a:hover, .custom-pagination.pagination>.active>span, .custom-pagination.pagination>.active>span:focus, .custom-pagination.pagination>.active>span:hover, .custom-pagination.pagination>li>a:focus, .custom-pagination.pagination>li>a:hover, .custom-pagination.pagination>li>span:focus, .custom-pagination.pagination>li>span:hover, .date-style-2 .post-date, .date-style-3 .post-date i, .faq-block .faq-ans::after, .faq-block .faq-que::after, .masonry-filter.button-style.has-bg>li a:hover, .masonry-filter.button-style.has-bg>li.active a, .masonry-filter.button-style>li a:active, .masonry-filter.button-style>li a:focus, .masonry-filter.button-style>li a:hover, .masonry-filter.button-style>li.active a, .masonry-filter.outline-style.customize>li.active a, .masonry-filter.outline-style.customize>li:hover a, .mt-nav-pills li:hover a, .mt-tabs.border-top .nav-tabs>li.active>a::after, .noTrespassingBarLineG, .overlay-icon a, .overlay-icon a:hover, .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pricing-table-style-2 .pricingtable-title, .pricingtable-price, .searchform input[type=submit], .site-button, .social-icons.social-radius.social-darkest a:hover, .social-icons.social-radius.social-primary a, .social-icons.social-square.social-darkest a:hover, .social-icons.social-square.social-primary a, .widget-title::after, .widget_archive ul li span.badge, .widget_calendar table tbody td#today, .widget_calendar thead, .widget_getintuch i, ol.list-num-count>li::before, .header-nav .nav > li .sub-menu li a::after, .mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before, .about-home.owl-carousel .owl-dots .owl-dot.active span, .input-animate.input .spin, .icon-count-2::after, .footer-dark .social-icons li a:hover, .video-section-full-v2::after, .mt-bnr-inr-entry .banner-title-outer:after, .mt-bnr-inr-entry .banner-title-outer:before, .mt-bnr-inr-entry .banner-title-outer .banner-title-name:after, .mt-bnr-inr-entry .banner-title-outer .banner-title-name:before, .m-about::after, .our-story .row:nth-child(odd) .our-story-pic-block:after, .our-story .row:nth-child(even) .our-story-pic-block:after, .call-for-quote-outer, .widget_newsletter-2 .newsletter-bx .newsletter-icon, blockquote.author-quote::before, .project-classic .mt-title::before, .img-center-icon .overlay-bx .overlay-icon a, .footer-light .social-icons li a:hover {
    background-color: #F5BF23;
}
.site-button {
    background-color: #F5BF23;
    color: #fff;
}
.site-button, .site-button-secondry {
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
}
.m-r15 {
    margin-right: 15px;
}
.m-b15 {
    margin-bottom: 15px;
}
a, .btn, .form-control, .overlay-bx, .overlay-icon li a i, .mt-icon-box-xld, .mt-icon-box-xl, .mt-icon-box-lg, .mt-icon-box-md, .mt-icon-box-sm, .mt-icon-box-xs, .share-social-bx li, .indicator, .profile-menu ul li, .staff-member .member-done, .how-mt-work .mt-box .shadow-bx img, .how-mt-work .mt-box .step-no-bx, .mt-info-has, .mt-we-find .mt-box, .navbar-toggle, .logo-header, .header-nav .nav>li>a, .extra-nav, .acod-head .indicator .fa {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.site-button.button-app strong {
    display: block;
    font-size: 20px;
}
.site-button.outline.black {
    color: #ffffff;
    border-color: #f2a122;
    text-align: center;
}
.site-button.button-app {
    text-align: left;
    padding: 5px 10px;
}
.site-button.outline {
    color: #888;
    background: none;
    border-width: 2px;
    border-style: solid;
    border-color: #eee;
}
.site-button.black {
    background-color: #1c4f73;
    color: #fff;
}
.site-button {
    background-color: #F5BF23;
    color: #fff;
}
.site-button, .site-button-secondry {
    padding: 10px 20px;
    display: inline-block;
    font-size: 18px;
    outline: none;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
}
.brochure{
    text-align: center;
    position: fixed;
    float: right;
    right: 0px;
    top: 47%;
    z-index: 99;
}
.hand-icon .fa{
    font-size: 40px;
    color: #801d20;
    position: relative;
    left: -10px;
    margin-bottom: 5px;
}
.hand-icon span{
    font-size: 20px;
    /* padding-bottom: 46px; */
    position: relative;
    bottom: 9px;
}
/*fancybox*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(images/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock {
    overflow: hidden!important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(images/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url(images/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}
/*fancybox*/
.career-pading{
    padding-bottom:90px;
}
.home-about{
    border:1px dashed #fff !important;
}
.about-vision{
    padding-top: 70px;
}
/* .ab-vision{
    background: #8d401f none repeat scroll 0 0 !important;
    padding: 60px 26px 22px;
}
.ab-vision:hover{
    background:#1c4f73 none repeat scroll 0 0 !important;
    padding: 60px 26px 22px;
}
.ab-mission:hover{
    background: #8d401f none repeat scroll 0 0 !important;
    padding: 60px 26px 22px;
}
.ab-mission{
    background: #1c4f73 none repeat scroll 0 0 !important;
    padding: 60px 26px 22px;
} */
.ab-vi img{
    max-width: 100% !important;
}
.vision-details p{
    text-align: justify;
}
.offer__details a{
    color:#e7a149;
}
.ab-mission{
    border-left: none;
    border-top: 5px solid #801d20;
}
.site-button span{
    color: #ffffff;
}
.serviceimg-carousel .owl-theme .owl-dots,  {
    text-align: right !important;
    -webkit-tap-highlight-color: transparent;
}
.serviceimg-carousel .owl-theme .owl-nav {
    display: none !important;
}
.content-update h3{
    text-align: center;
    color: #790101;
    font-size: 28px;
}
.active a{
    color:#f19c1f !important;
}
.about-active a{
    color:#fff !important;
}
.desktop-img{
    display: none !important;
}
.ft__details a{
    color:#f2a122;
}
.home-slide .owl-dots {
    display: block !important;
    text-align: center !important;
    position: relative;
    bottom: 366px;
    width: 0px;
    height: 0px;
    left: 20px;
}
.home-slide .owl-theme .owl-dots .owl-dot span{
    width: 4px !important;
    height: 34px !important;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.modal-dialog {
    width: 53%;
    margin: 30px auto;
    top: 16%;
}
.modal-content{
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
}
.modal-header {
    padding: 0px;
    border-bottom: none;
}
.modal-header .close {
    margin-top: -2px;
    padding: 5px;
    background: #f2a122;
    opacity: 1;
}