/*-----------------------------------------------------------------------------------
  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;


*/


/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

.row {
  --bs-gutter-x: 30px;
}
.row.seiod1 {
  --bs-gutter-x: 0px;
}

a {
  text-decoration: none;
}

.container .row div[class^=col-] {
  position: relative;
}
.s6kjgl{
  margin-left: -15px;
  margin-right: -15px;
}
.vqaz7s{
  padding-left: 15px;
  padding-right: 15px;
}
.js8nen{
  margin-bottom: 30px;
}
.m5tp80{
  margin-bottom: -30px;
}

.row.no-gutters{
    --bs-gutter-x: 0px;
}
/*---------------------------------------
  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: #fcc236 none repeat scroll 0 0;
}
 

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

.ogfuaa {
    margin-left: -15px;
    margin-right: -15px;
    transition: all 0.5s ease 0s;
}
.t5fkcr h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}
.t5fkcr h2:hover a{
    color: #000;
}
.t5fkcr p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}
.gl3y5m a {
    font-family: Raleway;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
.gl3y5m a:hover{
    color: #000;
}
.oyh7v7 {
    position: relative;
    text-align: right;
    top: -11px;
}
.gl3y5m {
    margin-top: 10px;
}
.ogfuaa {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
}
.t5fkcr.kc4wc2 {
    background: #fcc236 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
}
.t5fkcr.kc4wc2.active {
    transform: scaleY(1);
}

.t5fkcr {
  background: #1f2d30 none repeat scroll 0 0;
  padding: 60px 26px 22px;
}
.ogfuaa:hover .t5fkcr.kc4wc2 {
    transform: scaleY(1);
}
.t5fkcr.kc4wc2 h2 {
    padding-top: 20px;
}
.t5fkcr.kc4wc2 .oyh7v7 {
    top: 31px;
}
.oyh7v7 img {
    max-height: 39px;
}

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

.obqcqu .t5fkcr {
    background: #fafafa none repeat scroll 0 0;
}
.obqcqu .t5fkcr h2 {
    color: #1f2d30;
}
.obqcqu .t5fkcr p {
    color: #606060;
}
.obqcqu .gl3y5m a {
    color: #1f2d30;
}
.obqcqu .t5fkcr.kc4wc2 {
    background: #fcc236 none repeat scroll 0 0;
}
.obqcqu .t5fkcr.kc4wc2 h2 {
    color: #fff;
}
.obqcqu .t5fkcr.kc4wc2 p {
    color: #fff;
}
.obqcqu .t5fkcr.kc4wc2 .gl3y5m a {
    color: #fff;
}

.y6sihe {
    position: relative;
}
.rqvb3r {
    left: 128px;
    position: absolute;
    top: 50%;
}
.rqvb3r 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
----------------------------------------*/ 

.v7ignn h2.t9isfc {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.v7ignn p {
    color: #606060;
    margin: 21px auto auto;
    width: 57%;
}
.cptrwx a img {
    width: 100%;
}
.cptrwx {
    position: relative;
}
.s74vkw .cptrwx {
  margin-left: -15px;
}
.pdah6a {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 2;
}
.pdah6a::before {
    background: #fcc236 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0.85;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.x87n75 {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.x87n75 a {
    color: #fefefe;
    font-family: Raleway;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.4s ease 0s;
}
.x87n75 a:hover {
    color: #000;
}
.as8cl1 h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-top: 18px;
    text-align: center;
    text-transform: uppercase;
}
.erpci1:hover .pdah6a {
    opacity: 1;
}

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

.tg9ahp .erpci1 {
    margin-top: 70px;
}
.tg9ahp .s74vkw{
    margin-top: -10px;
}

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

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

.lqci31 {
    display: flex;
}
.vacha8 img {
    max-width: 47px;
}
.vacha8 {
    margin-right: 18px;
}
.ackzw7 p {
  color: #606060;
  font-size: 14px;
  line-height: 24px;
  padding-right: 29px;
}
.ackzw7 h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.lqci31.ckbkww {
    position: relative;
}
.lqci31.ckbkww::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*/
.bjp663{
    position: relative;
}

.qlx8eq .r3dybh {
    position: absolute;
    right: 0;
    top: 0;
    width: 44%;
}
.qlx8eq .p7llah .lqci31 + .lqci31 {
    margin-top: 46px;
}
.qlx8eq .p7llah {
    padding: 69px 0;
}
.qlx8eq .ackzw7 h2 {
    font-size: 20px;
    margin-bottom: 3px;
}

.bjp663.iy5zin {
    padding-top: 130px;
}
.iy5zin .viafc5 {
  position: absolute;
  right: 3%;
  top: -40%;
  width: 21%;
  z-index: 3;
}


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

.ecw0c3{
    
}

.xo6pkv {
    position: relative;
    z-index: 4;
}
.kap60i {
    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;
}
.bqst6p {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 5;
}
.bqst6p h2 {
    color: #fefefe;
    font-size: 20px;
    font-weight: 700;
}
.kap60i::before {
    border: 1px solid #fff;
    bottom: 50px;
    content: "";
    height: auto;
    left: 45px;
    position: absolute;
    right: 45px;
    top: 50px;
    width: auto;
    z-index: 2;
}

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

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

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

.cd0cca {
    align-items: center;
    display: flex;
    height: 175px;
    justify-content: space-between;
}
.cd0cca h2 {
    color: #fffffe;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.pq08np {
    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;
}
.pq08np:hover {
    background: #fcc236 none repeat scroll 0 0;
    border: 1px solid #fcc236;
    color: #fff;
}
.cd0cca{
    position: relative;
    z-index: 1;
}


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

.rbo5zg {
    position: relative;
}
.rt5vqm img{
    width: 100%;
}
.um4y6s {
    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%;
}
.by52rq {
    display: flex;
    justify-content: center;
}
.by52rq li a {
    color: #000;
}
.by52rq li {
    margin: 0 13px;
}
.by52rq li a i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #fcc236;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}
.by52rq li a:hover i {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.ujk1s9 {
    background: #1f2d30 none repeat scroll 0 0;
    border-top: 1px solid #ffffff;
    padding: 23px 0;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.ujk1s9 h2 a{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.5s;
}
.ujk1s9 h2 {
  line-height: 14px;
}
.ujk1s9 h2 a:hover{
    color: #000;
}
.ujk1s9 h4 {
    color: #ffffff;
    font-family: Open Sans;
    font-weight: 300;
    margin-top: 10px;
    text-transform: capitalize;
}
.g95tba:hover .ujk1s9 {
    background: #fcc236 none repeat scroll 0 0;
}
.g95tba:hover .um4y6s {
    transform: scaleY(1);
}
.qimwer{
    position: relative;
    z-index: 2;
}
.g95tba {
    margin-top: 30px;
}
/*-------------------
    Team 2
--------------------*/


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

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


.o7d1mb,
.qg7di8{
    position: relative;
    z-index: 2;
}
.vf869j .v7ignn p {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: 20px;
    width: 100%;
}
.vf869j .v7ignn{
    margin-bottom: 47px;
}
.v7ignn.jvdmvm {
    margin-bottom: 47px;
}
.ks1i2u {
    align-items: center;
    display: flex !important;
    position: relative;
}
.pmlq33 img {
    width: 100%;
}
.pmlq33 {
    margin-right: 40px;
    min-width: 48%;
}
.wchmt5 .pmlq33 {
      margin-right: 25px;
      min-width: 37%;
}
.wchmt5 .w6saax p {
      font-style: italic;
      padding-right: 19px;
}
.w6saax h2 {
    color: #303030;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    text-transform: capitalize;
}
.w6saax h4 {
    color: #606060;
    font-family: open sans;
    font-size: 14px;
    margin-top: 7px;
}
.zw6sbm {
    display: flex;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.zw6sbm input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    padding: 0 20px;
    width: 50%;
    color: #606060;
}
.zw6sbm input::-moz-placeholder {
    color: #606060 !important;
}
.w2srrw textarea::-moz-placeholder {
    color: #606060 !important;
    opacity: 1;
}
.o08gar a {
    padding: 0 17px;
}
.w2srrw textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    margin-bottom: 22px;
    min-height: 155px;
    padding-left: 20px;
    padding-top: 12px;
}
.qg7di8 .sain7y {
    bottom: 1px;
    right: -57px;
}
.qg7di8 .sain7y li.dsrbw9 button::before,
.qg7di8 .sain7y li button:hover::before {
    background: #fcc236 none repeat scroll 0 0;
    opacity: 1;
}

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

.vf869j.krfqzc .v7ignn p {
    margin: 0;
}
.jlkxn6 h2.t9isfc {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.jlkxn6 p + p {
    margin-top: 15px;
}
.krfqzc .qg7di8 .sain7y {
    bottom: -70px;
    left: -99%;
    right: auto;
}
.krfqzc .jlkxn6 p {
  padding-right: 14px;
}
.krfqzc .w6saax h2 {
  margin-top: 17px;
}




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

.wcmb9t a {
    display: block;
}
.wcmb9t a img {
    width: 100%;
}
.wcmb9t {
    padding-bottom: 24px;
    position: relative;
}
.bvgppc {
    bottom: 0;
    left: 0;
    padding: 0 26px;
    position: absolute;
    width: 100%;
    z-index: 5;
}
.yvwbg6 {
    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;
}
.af3tis:hover .yvwbg6{
    background: #fcc236;
}
.af3tis:hover .yvwbg6 li a,
.af3tis:hover .yvwbg6 li{
    color: #1f2d30;
}

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

.sp1fd5 h2 {
    color: #606060;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 25px;
    text-transform: uppercase;
}
.clq7w2 a {
    color: #b6b6b6;
    font-family: Raleway;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.clq7w2 a i {
    padding-left: 9px;
}
.clq7w2 a:hover {
    color: #fcc236;
}
.clq7w2 {
    margin-top: 16px;
}
.af3tis{
    margin-top: 30px;
}
/*--------------------------
    Blog 2
----------------------------*/
.pwyrwy .bvgppc {
    padding: 0;
}
.pwyrwy .yvwbg6 {
    border: 2px solid transparent;
    border-radius: 0;
}
.p76jrh,
.csiqii{
    margin-top: -30px;
}
.csiqii .bvgppc {
    padding: 0 86px;
}
.r4vrlc{
    margin-top: -60px;
}
.r4vrlc .af3tis {
    margin-top: 60px;
}
.p76jrh .bvgppc {
    padding: 0 130px;
}
.jryioa {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999;
}
.f71sb1{
    position: relative;
}
.f71sb1 .owl-nav div {
    height: 60px;
    left: 30px;
    line-height: 67px;
    position: absolute;
    top: 50%;
    width: 38px;
}

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

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


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

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


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

.q40d06 {
    text-align: center;
}
.q40d06 h2 {
    color: #1f2d30;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.q40d06 h4 {
    color: #606060;
    font-family: Open Sans;
    font-size: 18px;
}
.ozk2bm {
    margin: 40px auto auto;
    width: 655px;
}
.h2dk9m {
    position: relative;
}
.mv6cmm 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;
}
.st5rg1.xcpdd3 {
    bottom: 0;
    position: absolute;
    right: 0;
}
.mv6cmm {
    width: 500px;
}
.xcpdd3 input {
    background: #fcc236 none repeat scroll 0 0;
    border: 1px solid #fcc236;
    color: #fff;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
    height: 35px;
    padding: 0 20px;
    transition: all 0.3s ease 0s;
}
.xcpdd3 input:hover {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
}
.gkswdo {
    position: relative;
}
.ncnze9 {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 21%;
}
/*---------------------------------------
  13. Counterup Area
----------------------------------------*/

.ir3asv {
    align-items: center;
    display: flex;
    justify-content: space-around;
}
.tcarue span.count {
    color: #1f2d30;
    font-size: 40px;
    font-weight: 700;
}
.a56cxz h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-top: 6px;
    text-transform: uppercase;
}
.s6femw .oyadjd h2 {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 18px;
}
.s6femw .oyadjd {
    padding-bottom: 100px;
    padding-top: 100px;
}
.s6femw .rr6y37 {
    margin-top: 36px;
}
.s6femw .oyadjd p {
    width: 65%;
}
.s6femw .ir3asv {
    height: 145px;
    padding: 0 157px;
}
.ry15s5 {
    margin-left: -15px;
    margin-right: 40px;
}




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


.g3a3gu{
    position: relative;
}
#v4cs44 {
    height: 436px;
    width: 100%;
}
.gabnzc {
    background: rgba(31, 45, 48, 0.92) none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    right: 18%;
}
.gabnzc .g3a3gu {
    position: relative;
}
.gabnzc .z3nx3q {
    display: block;
}
.gabnzc .z3nx3q {
    padding: 0 40px;
}
.gabnzc .z3nx3q .qfl3to + .qfl3to {
    margin-top: 40px;
}

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


.f5zp48 {
    align-items: center;
    display: flex;
    height: 400px;
    position: relative;
    z-index: 2;
}
.ba2vkm h2.eymrra {
    color: #fdfdfd;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
}
.eyjcfx span {
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.eyjcfx a {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.eyjcfx {
    margin-top: 6px;
}
.fcs69z {
    padding: 0 7px;
}
.bum4ot .nhhhzl {
    padding: 0 36px;
}

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

.tsjptq {
    position: relative;
}
.r3dybh {
    position: absolute;
    right: 0;
    top: 0;
}
.nuhki4 {
    padding: 76px 0;
}
.nuhki4 .hmktqp + .hmktqp {
    margin-top: 50px;
}
.hmktqp h2 {
    color: #1f2d30;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.hmktqp p {
    padding-right: 33px;
}




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

.r4zer3{
    margin-top: -20px;
}

.r4zer3 .ecw0c3 {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 20px;
}

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

.qkph8h{
    margin-top: 30px;
}

.hc3i14 {
    padding: 40px;
    text-align: center;
}
.j8757f li a {
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.j8757f li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 0;
}
.j8757f li:first-child {
    padding-top: 0;
}
.j8757f li:hover a {
    color: #fcc236;
}
.biimo0 {
    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;
}
.cshvkn {
    padding: 40px;
}
.vj7ysq {
    position: relative;
}
.vj7ysq 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;
}
.vj7ysq input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #c5c5c5;
    height: 35px;
    padding: 0 34px 0 15px;
    position: relative;
}
.vj7ysq i:hover {
    background: #fcc236 none repeat scroll 0 0;
}
.hc3i14 {
    padding: 40px;
    text-align: center;
}
.j8757f li a {
    color: #606060;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.j8757f li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 15px 0;
}
.j8757f li:first-child {
    padding-top: 0;
}
.j8757f li:hover a {
    color: #fcc236;
}
.uvp4ze {
    padding: 40px 19px;
}
.hsnjtk li a {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.hsnjtk li a i {
    color: #606060;
    font-size: 18px;
    padding-right: 14px;
}
.hsnjtk li + li {
    border-top: 1px dashed #e1e1e1;
    margin-top: 20px;
    padding-top: 20px;
}
.hsnjtk li a:hover {
    color: #fcc236;
}
.panp3o {
    padding: 40px 20px;
}
.jr2wog {
    border-top: 1px dashed #e1e1e1;
    display: flex;
    padding-bottom: 20px;
    padding-top: 20px;
}
.jey4tc {
    margin-right: 15px;
    min-width: 60px;
}
.pswqr8 h4 {
    color: #303030;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.uykojd span {
    color: #606060;
    font-size: 12px;
}
.ry4533 h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    padding-right: 14px;
    text-align: center;
}
.n4kylz {
    margin-top: 18px;
    text-align: center;
}
.n4kylz .nhhhzl {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
}
.er40e3 {
    height: 237px;
    padding-top: 40px;
}
.n6y8rw .jr2wog:first-child {
    border-top: 0 none;
    padding-top: 0;
}
.y0ehb0 {
    padding: 40px;
}
.aqk6yq li a {
    color: #606060;
}
.aqk6yq {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.aqk6yq li {
    margin: 0 5px 10px;
}
.aqk6yq 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;
}
.aqk6yq li a:hover {
    background: #fcc236 none repeat scroll 0 0;
    border: 1px solid #fcc236;
    color: #fff;
}
/*Blog Details Leftsidebar*/

.ton4gq .bvgppc {
    padding: 0 145px;
}
.ton4gq .yvwbg6 {
  justify-content: space-around;
  padding: 0 50px;
}
.by2lj8 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;
}

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

.s4br77 {
    display: flex;
    margin-bottom: 70px;
    margin-top: 47px;
}
.pqx064 {
    display: flex;
}
.pqx064 li a i {
    color: #bbbbbb;
}
.pqx064 li + li {
    padding-left: 25px;
}
.s4br77 span {
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 600;
    padding-right: 18px;
}
.zl9bus {
    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;
}
.zl9bus::before {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.eyeqmf {
    display: flex;
}
.bx064e {
    margin-right: 24px;
    min-width: 15%;
}
.bx064e img {
    width: 100%;
}
.u9uzhy {
    align-items: center;
    display: flex;
    margin-bottom: 2px;
}
.u9uzhy h2 {
    color: #1f2d30;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin-right: 9px;
}
.u9uzhy span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 9px;
}
.on5dbe {
    display: flex;
}
.on5dbe li a {
    color: #bbbbbb;
    text-transform: capitalize;
    transition: 0.4s;
}
.on5dbe li a:hover{
    color: #fcc236;
}
.on5dbe li + li {
    margin-left: 30px;
}
.kdjrvz {
    margin-top: 70px;
}
.ubk7id {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.glqsvk {
    margin: 0 15px;
    width: 50%;
}
.yv0k0m {
}
.glqsvk .yv0k0m + .yv0k0m {
    margin-top: 18px;
}
.glqsvk .yv0k0m span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.yv0k0m input {
    border: 1px solid #ebebeb;
    height: 35px;
    padding: 0 10px;
}
.jqu81x {
    margin-top: 24px;
}
.jqu81x a.nhhhzl {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.glqsvk span {
    color: #606060;
    display: inline-block;
    margin-bottom: 7px;
    text-transform: capitalize;
}
.glqsvk textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    min-height: 200px;
}
.eyeqmf.rjdazi {
    margin-bottom: 65px;
    margin-left: 88px;
    margin-top: 65px;
}

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


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

.iu6qcl li {
    padding: 0 10px;
    width: 25%;
}
.o09ark .fba6o0 img {
    width: 100%;
}
.iu6qcl {
    display: flex;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
.iu6qcl li a {
    display: block;
}
.iu6qcl li a img {
    width: 100%;
}
.mbg36k {
    margin-top: 55px;
}
.jgdjl0 {
    color: #1f2d30;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.nh5xbq .s1bvc7 .jgdjl0 {
  font-size: 24px;
}
.nh5xbq {
    display: flex;
    justify-content: space-between;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 47px;
}
.nh5xbq .s1bvc7 {
    padding: 0 25px;
    width: 50%;
}

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


.ctbfsn {
    padding: 70px 40px;
}
.wgk19o {
    display: flex;
}
.smulpl li {
    color: #1f2d30;
    font-family: Open Sans;
    font-size: 16px;
}
.smulpl.i37ms8 li {
    color: #1f2d30;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.smulpl li + li {
    padding-top: 24px;
}
.ctbfsn h2 {
    color: #1f2d30;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 43px;
    text-transform: uppercase;
}
.smulpl.i37ms8 {
    padding-right: 20px;
}
.owlkcw {
    margin-top: 20px;
    padding: 51px 0;
    text-align: center;
}
.owlkcw h2 {
    color: #fcc236;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

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

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

.y9opz8 {
    color: #1f2d30;
    display: inline-block;
    font-family: Open Sans;
    font-weight: 700;
    padding-bottom: 18px;
    position: relative;
    text-transform: uppercase;
}
.j2zx4l p {
    margin-top: 37px;
    width: 76%;
}
.y9opz8::before {
    background: #e1e1e1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.iibh5f {
    display: flex;
    margin-top: 50px;
}
.sumlj9 {
    display: flex;
}
.dhztuc i {
    border: 1px solid #696969;
    border-radius: 100%;
    color: #606060;
    font-size: 30px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 47px;
}
.iibh5f .sumlj9 + .sumlj9 {
    margin-left: 115px;
}
.fhqd6x p a {
    color: #606060;
    font-weight: 600;
    transition: all 0.4s ease 0s;
}
.fhqd6x p {
    font-weight: 600;
}
.dhztuc {
    margin-right: 18px;
}
.fhqd6x p a:hover {
    color: #fcc236;
}
#v4cs44 {
    height: 470px;
    width: 100%;
}
.xwcqn3{
    margin-top: 50px;
}

.rhma0t {
    margin-top: 100px;
}
.tpx3ob {
    display: flex;
    margin-left: -28px;
    margin-right: -28px;
    margin-top: 48px;
}
.qsdu6e {
    padding: 0 28px;
    width: 50%;
}
.ormfu0 span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 9px;
}
.ormfu0 + .ormfu0 {
    margin-top: 17px;
}
.ormfu0 input {
    border: 1px solid #ebebeb;
    height: 35px;
    padding: 0 10px;
}
.vtpch8 {
    margin-top: 25px;
}
.ormfu0.bcabhl textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    min-height: 205px;
}
.vtpch8 .nhhhzl {
  font-size: 12px;
  height: 35px;
  line-height: 34px;
  padding: 0 28px;
  text-transform: uppercase;
}





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

.mltgqg.fba6o0:not(.active) {
    display: none;
}

.z8jgua {
    display: flex;
    justify-content: center;
    margin: 0 auto 51px;
    max-width: 370px;
}
.z8jgua li a {
    color: #000000;
    font-size: 36px;
    transition: all 0.4s ease 0s;
}
.z8jgua li {
    padding: 0 20px;
}
.z8jgua li a.active {
    color: #fcc236;
}
.z8jgua li a:hover {
    color: #fcc236;
}
.xg08q9 {
    margin: 0 auto;
    max-width: 370px;
}
.gdtk51 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;
}
.gdtk51 input + input {
    margin-bottom: 20px;
    margin-top: 40px;
}
.d4uz71 span.srouj7 a{
    float: right;
    color: #fcc236;
    font-size: 12px;
}
.d4uz71 label {
    bottom: 2px;
    color: #999;
    font-size: 15px;
    padding-left: 9px;
    position: relative;
    text-transform: capitalize;
    font-weight: normal;
    cursor: pointer;
}
.d4uz71 {
    margin-bottom: 20px;
}
.d4uz71 span {
    color: #686868;
    text-transform: capitalize;
    padding-left: 5px;
}
.ixf3za 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;
}
.ixf3za {
    text-align: center;
}
.gdtk51 input:last-child {
    margin-top: 14px;
}
.p63a1x h2 {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-transform: capitalize;
    font-weight: 500;
}
.s88jba {
    display: flex;
    justify-content: center;
}
.s88jba li a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 35px;
}
.ikdzt2 .s88jba {
    justify-content: space-between;
}
.s88jba li a i {
    color: #fff;
    font-size: 16px;
}
.p63a1x {
    text-align: center;
}
.s88jba li + li {
    margin-left: 10px;
}
.gdtk51 input::-moz-placeholder {
    color: #686868 !important;
    font-size: 16px !important;
}
.ixf3za a:hover{
    background: #fcc236;
    color: #fff;
    border: 1px solid #fcc236;
}

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

.fjscdq .j5mlep {
  min-height: 0;
  padding: 0;
}
.fjscdq a.aowr4c {
  margin-top: -88px;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
/*新增加的css*/
.tqpe63 {
  padding: 20px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kdjf6b {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
.kdjf6b a,
.kdjf6b span {
  min-width: 38px;
  height: 38px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kdjf6b .uf0ccr {
  background-color: rgb(255 121 8);
  color: white;
  border-color: rgb(255 121 8);
}
.kdjf6b .disabled {
  color: #aaa;
  border-color: #eee;
}