@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:400,500,700";
@import "../css/font-awesome.min.css";
@import "../css/meanmenu.css";
@import "../css/animate.css";
@import "../css/owl.css";
@import "../css/magnific-popup.css";
@import "../css/et-line.css";
@import "../css/bicon.min.css";

*{margin:0;padding:0}
body{font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;font-size:15px;line-height:1.57143;font-weight:400;color:#797979}
h1,h2,h3,h4,h5,h6{font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;margin-top:0;color:#042652}
a{color:#2d2e2e;transition:all .3s ease 0}
a:hover{color:#242c42;text-decoration:none}
a,a:hover,a:active,a:focus{outline:none;text-decoration:none}
.btn,.btn *{transition:all .3s ease 0}
i{transition:all .4s ease-in-out 0}
.transition3s{transition:all .3s ease-in-out 0}
ul{list-style:outside none none;margin:0;padding:0}
li{list-style:outside none none}
table {
    border-collapse: collapse;
    width: 100%;
    font-family: Calibri, sans-serif; /* Đặt font chữ */
    font-size: 14px;
}
td, th {
    padding: 10px; /* Tạo khoảng cách bên trong ô */
    text-align: left; /* Căn lề nội dung nếu cần */
    border: 1px solid #ddd; /* Tạo viền nếu cần */
}

th {
    background-color: #f2f2f2; /* Màu nền cho tiêu đề */
}
h3 {  font-size: 1.1rem; font-weight: 600;}
.list-unstyled li {text-align: justify;}
.vien {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      margin: 10px 0;
      display: flex;
      align-items: center;
  }
  
  .vien .col-sm-5 img {
      width: 100%;
      height: auto;
      border-radius: 10px;
  }
  
  .vien h3 {
      font-size: 1.1rem;
      font-weight: bold;
      color: #333;
      margin-bottom: 10px;
  }
  
  .vien ul {
      padding-left: 0;
  }
  
  .vien ul li {
      list-style: none;
      font-size: 16px;
      color: #555;
  }
  
  .vien a {
      color: #022d5c;
      text-decoration: none;
  }
  
  .vien a:hover {
      text-decoration: underline;
  }
.mb-30{margin-bottom:30px}
section{float:left;width:100%;padding:100px 0}
.section_heading{text-align:center;width:100%;margin:0 0 20px}
.section_heading h2{font-size:3.5rem;color:#2d2d2d}
.section_heading h2 span{color:#d02329}
.separator{margin:5px auto 0;width:120px;position:relative}
.separator ul::before{content:'';width:40px;height:1px;background:#c9c9c9;left:-8px;top:63%;position:absolute}
.separator ul{padding:0;margin:0}
.separator ul::after{content:'';width:40px;height:1px;background:#c9c9c9;right:-8px;top:63%;position:absolute}
.separator ul li{display:inline-block;width:6px;height:6px;margin:0;padding:0;background:#d02329;border-radius:50%}
#scrollUp{border-radius:50%;bottom:5%;color:#fff;display:block;font-size:25px;height:40px;line-height:0;position:fixed;right:20px;text-align:center;text-decoration:none!important;transition:all .5s cubic-bezier(0,0,0,1) 0;width:40px;z-index:1000!important;background:#d02329}
#scrollUp:hover{background:#333;color:#fff}
#scrollUp i{display:block;padding-top:5px}
.no-padding{padding:0!important}
.pad-b-10{padding-top:10px}
.bg-color2{background:#f2f2f2}
.padding-20{padding:20px}
.border-left-four{border-left:1px solid #e3e0e0}
.border-three{border:1px solid #e3e0e0}
.margin-bottom3{margin-bottom:25px}
.row.row-safari{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.img-area img{width:100%;height:auto}
.theme-button-one{line-height:45px;font-size:16px;font-weight:600;text-transform:capitalize;padding:0 42px;position:relative;z-index:1;color:#fff;min-width:170px;border-radius:25px;text-align:center;background:#f1440f;display:inline-block;box-shadow:none;border:none}
.bttn{overflow:hidden}
.bttn::before,.bttn::after{content:attr(data-text);position:absolute;width:100%;height:50%;left:0;overflow:hidden;text-align:center;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.bttn.color-one::before,.bttn.color-one::after{color:#fff}
.bttn::before{top:0}
.bttn::after{bottom:0;line-height:0}
.bttn > span{display:block;-webkit-transform:scale3d(0.2,0.2,1);transform:scale3d(0.2,0.2,1);opacity:0;-webkit-transition:-webkit-transform 0.6s,opacity .6s;transition:transform 0.6s,opacity .6s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.bttn:hover::before{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.bttn:hover::after{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.bttn:hover > span{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.bttn:hover{color:#fff}
.bttn.color-one::before,.bttn.color-one::after{background:#075ab3}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#222;z-index:99999}
#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#d02329;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#d02329;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#d02329;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.header-bottomarea{background:#f4feff;position:absolute;left:0;top:0;right:0;z-index:1008}
.menu-fixed .header-bottomarea{background:#f4feff;float:left;width:100%;-webkit-box-shadow:0 3px 15px 3px rgba(33,33,34,0.125);-moz-box-shadow:0 3px 15px 3px rgba(33,33,34,0.125);box-shadow:0 3px 15px 3px rgba(33,33,34,0.125)}
.header-section.menu-fixed{position:fixed;background:#f4feff;top:0;left:0;width:100%;z-index:9999}
.header-section.menu-fixed .header-top{display:none!important}
.header-bottom{display:flex;justify-content:space-between;align-items:center}
.header-logo{display:inline-block;padding:5px 0}
.header-search{position:relative;align-self:stretch;display:flex;align-items:center}
.header-searchtrigger{border:none;font-size:24px;align-self:stretch;display:flex;align-items:center;color:#2b2b2b;min-width:34px;background:none;border:none;outline:none!important;cursor:pointer}
.header-searchtrigger:hover,.header-searchtrigger.is-active{color:#ff9138}
.header-searchbox{position:absolute;right:0;top:100%;width:300px;height:auto;background:#f5f5f5;padding:20px;display:flex;justify-content:space-between;z-index:999;visibility:hidden;opacity:0;transition:all .4s ease-in-out 0;transform:scale(0.8);transform-origin:50% 0;box-shadow:0 0 5px rgba(0,0,0,0.1);cursor:pointer}
.header-searchbox input{border:1px solid #bbb;border-right-color:#d02329;width:85%;padding:0 15px}
.header-searchbox input:focus{border-color:#d02329}
.header-searchbox button,.header-searchbox [type="submit"]{background:#d02329;border:1px solid #d02329;color:#fff;flex:0 0 45px;max-width:45px;font-size:18px}
.header-searchbox button:hover,.header-searchbox [type="submit"]:hover{background:#d02329}
.header-searchbox input,.header-searchbox select{height:45px;padding:0 15px}
.header-searchbox.is-visible{visibility:visible;opacity:1;transform:scale(1)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-topcontact,.header-toplinks{text-align:center}
}
@media only screen and (max-width: 767px) {
.header-topcontact,.header-toplinks{text-align:center;padding:0}
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
.header-topcontact,.header-toplinks{margin-top:5px}
}
@media only screen and (max-width: 767px) {
.header-topcontact li,.header-toplinks li{border-right:none;line-height:1.5}
.header-topcontact li:first-child,.header-toplinks li:first-child{padding-left:15px}
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
.header-topcontact li:first-child,.header-toplinks li:first-child{margin-bottom:5px}
}
@media only screen and (max-width: 767px) {
.header-topcontact li:last-child,.header-toplinks li:last-child{padding-right:15px}
}
@media only screen and (max-width: 575px) {
.header-searchbox{width:290px}
}
.in-navigation{text-align:right;flex-grow:1;padding:25px 0 20px}
.in-navigation > ul{padding-left:0;margin-bottom:0;font-size:0;display:inline-block}
.in-navigation > ul > li{display:inline-block;list-style:none;font-size:15px;position:relative}
.in-navigation > ul > li > a{font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;font-size:17px;color:#2b2b2b;display:block;padding:10px 14px;font-weight:600}
.in-navigation > ul > li:hover > a,.in-navigation > ul > li.active a{color:#d02329}
.in-navigation .in-dropdown{position:relative}
.in-navigation .in-dropdown > a::after{content:"\f107";font-family:"FontAwesome";padding-left:10px;font-weight:400;font-size:15px;vertical-align:bottom}
.in-navigation .in-dropdown ul{position:absolute;left:100%;right:auto;top:0;height:auto;width:240px;z-index:99;padding-left:0;margin-bottom:0;text-align:left;background:#262626;box-shadow:0 0 5px rgba(0,0,0,0.1);transform:translateX(20px);transition:all .2s ease-in-out 0;visibility:hidden;opacity:0}
.in-navigation .in-dropdown ul li{position:relative}
.in-navigation .in-dropdown ul li a{display:block;padding:9px 15px;color:#fff;font-size:15px;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif}
.in-navigation .in-dropdown ul li:not(:last-child) a{border-bottom:1px solid #464646}
.in-navigation .in-dropdown ul li:hover > a{color:#fff;background:#d02329;border-color:#d02329}
.in-navigation .in-dropdown ul li:hover > ul{transform:translateX(0);visibility:visible;opacity:1}
.in-navigation .in-dropdown > ul{left:0;top:100%;transform:translateY(20px)}
.in-navigation .in-dropdown:hover > ul{transform:translateY(0);visibility:visible;opacity:1}
.in-navigation .in-dropdown.overflow-element ul{left:auto;right:100%;transform:translateX(-20px)}
.in-navigation .in-dropdown.overflow-element > ul{left:auto;right:0}
.sticky{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:999;-webkit-box-shadow:0 0 191px 0 rgba(0,0,0,0.1);box-shadow:0 0 191px 0 rgba(0,0,0,0.1);-webkit-animation:sticky 2s;animation:sticky 2s}
.main-slider{position:relative;padding:0}
.main-slider .slide{position:relative;padding:30px 0;background-size:cover;background-repeat:no-repeat;background-position:left top;height:550px;}
.main-slider h1:after{position:absolute;width:100%;height:4px;background:#fff;content:"";left:0;bottom:0}
.main-slider h1{position:relative;text-transform:uppercase;opacity:0;margin-bottom:20px;-webkit-transition:all 1000ms ease;-moz-transition:all 100ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);color:#fff;font-size:30px;font-weight:700;background-color:#d0232956;border-radius:10px;padding:20px}
.main-slider h1 span{display:block;color:#011b3d;font-size:35px;font-weight:700;font-style:normal}
.main-slider .active h1{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition-delay:1300ms;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif}
.main-slider .content{height:970px;display:table;position:relative;padding:45%}
.main-slider .content p{margin:0 0 40px;opacity:0;-webkit-transition:all 1000ms ease;-moz-transition:all 100ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease;-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-ms-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px);opacity:0}
.main-slider .active p{margin:0 0 40px;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition-delay:2000ms;opacity:1}
.main-slider .social-links{position:absolute;left:3%;top:40%}
.main-slider .social-links li:first-child{margin:0}
.main-slider .social-links li{display:block;margin:10px 0 0}
.main-slider .social-links li a{font-size:30px;line-height:1;color:#fff;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;border:1px solid #0eee21}
.main-slider .social-links li a:hover{color:#fff;background:#717171}
.main-slider .tp-btn{position:relative;opacity:0;-webkit-transition:all 1000ms ease;-moz-transition:all 100ms ease;-ms-transition:all 1000ms ease;-o-transition:all 1000ms ease;transition:all 1000ms ease;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}
.main-slider .active .tp-btn{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition-delay:1000ms}
.main-slider .owl-dots{position:absolute;right:8%;top:55%;z-index:1;margin-top:-20px}
.owl-theme .owl-dots .owl-dot{display:none}
.main-slider .owl-dots{position:absolute;right:3%;max-width:20px;margin-left:0;width:100%;text-align:center;top:60%;margin-top:-80px!important}
.main-slider .owl-dots .owl-dot{position:relative;display:inline-block;overflow:hidden;background:transparent;width:25px;height:25px;margin:3px 0;border-radius:50px;border:1px solid transparent;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
.main-slider .owl-dots .owl-dot:before{position:absolute;top:0;left:0;bottom:0;right:0;margin:4px;background:#ffffff;border-radius:50%;content:'';transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
.main-slider .owl-dots .owl-dot.active,.main-slider .owl-dots .owl-dot:hover{border-color:#0eee21}
.main-slider .owl-dots .owl-dot span{display:none}
.main-slider .owl-nav{position:absolute;right:0;top:50%;z-index:1;width:100%;margin-top:-20px;display:none}
.owl-carousel .owl-controls .owl-nav .owl-prev{position:absolute;right:0;top:50%;left:0}
.owl-carousel .owl-controls .owl-nav .owl-next{position:absolute;right:0;top:50%}
.main-slider .owl-carousel .owl-controls .owl-nav .owl-next{right:50px}
.features-wrapper{float:left;width:100%}
.single-feature-service{padding:0;background-color:#737373;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.single-feature-service:hover{box-shadow:0 6px 12px rgba(0,0,0,0.176);outline:1px solid #aaa}
.feature-link{text-decoration:none}
.feature-description{margin-top:20px;cursor:pointer}
.feature-description h3{padding:10px 0 30px;color:#011b3d;}
.feature-description h3:hover{color:red}
.feature-description button{display:block;margin:0 auto;background-color:#011b3d;color:#fff;border:none;padding:5px 15px;cursor:pointer;font-size:16px;font-weight:600}
.feature-description button:hover{background-color:#8b0000}
.image-with-text {
    position: relative;
    display: inline-block;
}

.image-with-text img {
    width: 100%;
    height: auto;
}

.overlay-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.35); /* Hiệu ứng nền mờ */
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.overlay-text h3 {
    margin: 0;
    padding: 5px;
    color: #fff; /* Đổi thành màu phù hợp */
    font-size: 16px;
    font-weight: bold;
}

.overlay-text h3:hover{color:#d02329}

.about-wrapper{padding:101px 0 105px}
section#about-us.content_sec{position:relative}
.inner-page-wrapper.about-wrapper{padding:90px 0 0;background:none}
.about-wrapper .about-text h3{font-size:20px;text-align:left;text-transform:capitalize;font-weight:700;color:#011b3d}
.about-wrapper .about-text h3 span{color:#d02329}
.about-wrapper .about-text .line{display:inline-block;width:40%;border:1px dashed #b2b2b2;margin:5px 0 20px}
.home-about-inner{background:url(../images/home-about-img.png) left top no-repeat;width:100%;float:left;text-align:center;padding:60px 20%;color:#fff;background-size:cover}
.home-about-inner h2{color:#fff;font-size:30px;margin:0 0 10px}
.home-about-inner p{margin:0 0 20px}
.about-widget{text-transform:uppercase;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;font-weight:600}
.about-widget li{text-transform:none;color:#fff}
.single-about-service{float:left;width:100%;margin:50px 0 0;text-align:center}
.about-services-icon{display:inline-block;text-align:center;width:100%}
.single-about-service i{width:65px;height:65px;background:#011b3d;color:#fff;display:inline-block;line-height:65px;margin:0 0 20px;border-radius:50%;font-size:35px}
.single-about-service h3{font-size:25px;text-align:center;color:#011b3d;margin:0 0 6px;padding:0}
.single-about-service p{margin:0}
.counter-wrapper{float:left;width:100%}
#counter{background:url(../images/election-repair-img2.png) center center no-repeat fixed;margin:0;height:100%;position:relative;width:100%;top:0;left:0;background-size:cover;padding:110px 0 70px}
#counter:after{content:'';width:100%;height:100%;position:absolute;background-color:rgba(17,18,20,0.9);top:0;left:0;z-index:1}
.work-statistics-write{padding:0;margin-bottom:30px;z-index:111;position:relative}
.work-statistics-write h3{font-size:37px;color:#fff;vertical-align:middle;margin-top:13px}
.work-statistics-write p{font-size:18px;color:#fff;vertical-align:middle;margin-top:13px;line-height:25px}
.work-statistics{padding:0;margin-bottom:40px;padding:0;position:relative;z-index:111}
.work-statistics h3{font-size:32px;color:#fff;margin:0 9px 20px;vertical-align:middle;margin-top:10px}
.work-statistics p::before{background:#fff;position:absolute;width:30px;height:2px;content:'';top:45%;left:-20px}
.work-statistics p{position:relative;color:#fff;font-weight:400;margin-bottom:0;margin-left:20px;margin-right:20px;padding:5px 0 8px;background-color:#000}
.work-statistics:hover .stat-icon{transform:rotateY(360deg)}
.stat-icon{font-size:35px;margin-top:0;color:#d02329;transition:1.4s;-o-transition:1.4s;-webkit-transition:1.4s;-moz-transition:1.4s;-ms-transition:1.4s;border-radius:5px;line-height:35px;text-align:center}
.services-wrapper{padding:101px 0 50px;background:url(../images/pattern.png) left top repeat}
.services-wrapper .section_heading{margin:0}
.inner-page-wrapper.services-wrapper{padding:50px 0 90px}
.single-service-content{float:left;width:100%;margin:50px 0 0;text-align:center;padding:25px;transition:all .3s ease 0;box-shadow:0 0 20px rgba(0,0,0,0.06);background:#fff}
.single-service-content:hover{box-shadow:0 0 20px rgba(0,0,0,0.32)}
.single-services-icon i:after{content:"";width:15px;height:15px;background:#d02329;position:absolute;border-radius:50%;right:-4px;top:10px}
.single-services-icon i{width:65px;height:65px;background:#011b3d;color:#fff;display:inline-block;line-height:65px;margin:0 0 30px;border-radius:50%;font-size:35px;position:relative}
.single-services-icon{text-align:center;color:#c30909;text-transform:uppercase;font-size:16px;font-weight:600; background-color: #fff;}
.single-services-icon h3{text-align:center;font-size:20px;color:#011b3d; }
.img-fluid-gif{max-width:130px}
.single-service-content h3{position:relative;font-size:22px;margin-bottom:20px;text-transform:uppercase}
.single-service-content h4 i{color:#000;font-size:55px;margin-right:20px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.single-service-content p{font-weight:300;margin:0 0 20px}
.single-service-content .bttn.color-one::before,.single-service-content .bttn.color-one::after{background:#011b3d}
.single-service-content .theme-button-one{background:#089140;line-height:50px;padding:0 35px}
section.services-detials-wrapper{padding:90px 0 75px}
.services-details .detail{padding:30px 0}
.services-detials-wrapper .accordion-box{width:100%}
.sidebar{background:#fff;box-shadow:0 0 35px rgba(0,0,0,0.1)}
.sidebar .widget{margin-bottom:10px;padding:20px}
.sidebar-title{margin-bottom:25px;font-size:20px;font-weight:600;color:#37404d;position:relative;padding:0 0 0 10px;border-left:3px solid #d02329}
.sidebar .form-search{position:relative}
.sidebar .form-search .form-control{border:1px solid #eee;height:45px}
.sidebar .form-search .btn{background:none;position:absolute;right:0;top:0;padding:10px 12px 9px}
.sidebar .categories ul li{line-height:30px;font-size:14px}
.sidebar .categories ul li a{color:#535353}
.sidebar .categories ul li a:hover{color:#d02329}
.sidebar .categories ul li span{float:right}
.sidebar .tags ul li a{float:left;margin:0 5px 5px 0;padding:5px 12px;font-size:11px;text-decoration:none;border:solid 1px #e4e4e4;background:#e4e4e4;text-transform:uppercase;color:#5f5f5f;letter-spacing:1px;border-radius:2px}
.sidebar .tags ul li a:hover{border:solid 1px #ff214f;background:#d02329;color:#fff}
.cta-wrapper::before{background:linear-gradient(to left,#0e3466 0%,#194575 50%);bottom:0;content:"";left:0;opacity:.85;position:absolute;right:0;top:0;z-index:-1}
.cta-wrapper{background:url(../images/cta-bg.jpg) left top fixed no-repeat;z-index:9;position:relative;padding:22px 0 102px;margin-top:2rem}
.cta-wrapper .cta-text{text-align:center;padding:0 3%}
.cta-wrapper h3{font-size:25px;color:#fff;text-transform:capitalize;margin:0 0 20px}
.cta-wrapper p{font-size:16px;color:#fff;margin-bottom:25px}
.cta-text .line{display:inline-block;width:50%;border:1px dashed #fff;margin:15px 0 40px}
.cta-wrapper ul{color:#fff;overflow:hidden;text-align:center}
.cta-wrapper ul li{font-size:20px;display:inline-block;font-weight:600}
.cta-wrapper ul > li:first-child{font-weight:700}
.cta-wrapper ul > li + li{margin-left:30px}
.cta-wrapper ul i{display:inline-block;padding-left:5px;color:#d02329;margin-right:10px}
.our-team-wrapper{padding:107px 0 110px}
.our-team-wrapper .section_heading{margin:0}
.inner-page-wrapper.our-team-wrapper{padding:50px 0 90px}
.team-member{padding:0;margin:40px 0 0}
.team-thumb{position:relative;margin-bottom:0;overflow:hidden}
.team-thumb img{width:100%}
.team-social{position:absolute;bottom:0;right:0;width:100%;height:100%;border:5px solid rgba(255,255,255,0.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
.team-member:hover .team-social{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.team-social ul{position:absolute;width:100%;height:100%;background-color:#011b3d;transform:scale(.8)}
.team-social li{margin-bottom:5px;position:absolute;bottom:25px;right:-100%;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out}
.team-member:hover .team-social li{right:30px}
.team-social li:nth-child(2){bottom:65px;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-ms-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
.team-social li:nth-child(3){bottom:105px;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out}
.team-social li:nth-child(4){bottom:145px;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}
.team-social li:nth-child(5){bottom:185px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out}
.team-social li:nth-child(6){bottom:225px;-webkit-transition:all 1.1s ease-out;-moz-transition:all 1.1s ease-out;-ms-transition:all 1.1s ease-out;-o-transition:all 1.1s ease-out;transition:all 1.1s ease-out}
.team-social li:nth-child(7){bottom:265px;-webkit-transition:all 1.2s ease-out;-moz-transition:all 1.2s ease-out;-ms-transition:all 1.2s ease-out;-o-transition:all 1.2s ease-out;transition:all 1.2s ease-out}
.team-social li:nth-child(8){bottom:305px;-webkit-transition:all 1.3s ease-out;-moz-transition:all 1.3s ease-out;-ms-transition:all 1.3s ease-out;-o-transition:all 1.3s ease-out;transition:all 1.3s ease-out}
.team-social li:nth-child(9){bottom:345px;-webkit-transition:all 1.4s ease-out;-moz-transition:all 1.4s ease-out;-ms-transition:all 1.4s ease-out;-o-transition:all 1.4s ease-out;transition:all 1.4s ease-out}
.team-social a{width:35px;height:35px;line-height:35px;color:#011b3d;font-size:18px;text-align:center;display:inline-block;background-color:#fff;border-radius:4px}
.team-member .team-info{display:inline-block;width:100%;padding:20px;border-top:1px solid #fff;background:#011b3d;text-align:center}
.team-member span{color:#fff}
.team-member h2{color:#fff;font-weight:600;font-size:20px;text-transform:uppercase;margin-bottom:0}
.pricing-wrapper{padding:105px 0 110px;background:#f2f2f2}
.pricing-wrapper .section_heading{margin:0}
.pricing-wrapper .price_card{text-align:center;padding:30px 0 40px;margin:40px 0 0;border-radius:20px;float:left;-webkit-box-shadow:0 0 25px 0 rgba(41,61,88,.06);-moz-box-shadow:0 0 25px 0 rgba(41,61,88,.06);box-shadow:0 0 25px 0 rgba(41,61,88,.06);background:#fff}
.pricing-wrapper .plan-title{margin-bottom:10px;display:block}
.pricing-wrapper .plan-title h4{color:#262626}
.pricing-wrapper .price_amount{color:#000;font-size:20px}
.pricing-wrapper .price_amount strong{font-size:50px;font-weight:600;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;padding:0 5px}
.pricing-wrapper .features{margin:0 auto;width:55%}
.pricing-wrapper .features ul{list-style:none;padding:0;margin:0}
.pricing-wrapper .features ul li{padding:15px 0;border-bottom:solid 1px #d1d1d1;color:#262626}
.pricing-wrapper .features ul li.deactive{color:#000}
.pricing-wrapper .features ul li:last-child{border-bottom:none}
.pricing-wrapper .purchase{margin-top:10px;text-align:center}
.pricing-wrapper .purchase a.purchase_now{padding:10px 25px;background:#d02329;color:#fff;font-size:14px;display:inline-block;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;border-radius:25px}
.pricing-wrapper .purchase a.purchase_now:hover{color:#fff}
.pricing-wrapper .ultimate{border:none;z-index:9}
.pricing-wrapper .ultimate .plan-title h4{color:#fff}
.pricing-wrapper .ultimate .plan-title .separator ul li{display:inline-block;background:#fff;margin:0 2px;padding:0}
.pricing-wrapper .ultimate .price_amount{color:#fff;font-size:20px}
.pricing-wrapper .ultimate .price_amount strong{color:#fff;font-size:50px;font-weight:600;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif}
.pricing-wrapper .ultimate{background:#d02329!important;-webkit-box-shadow:0 5px 32px -7px rgba(255,98,4,0.78);-moz-box-shadow:0 5px 32px -7px rgba(255,98,4,0.78);box-shadow:0 5px 32px -7px rgba(255,98,4,0.78)}
.pricing-wrapper .ultimate .purchase a.purchase_now,.pricing-wrapper .ultimate .purchase a:hover.purchase_now{color:#d02329;border-radius:25px;background:#fff}
.pricing-wrapper .ultimate .features ul li{padding:15px 0;color:#fff}
.pricing-wrapper .ultimate .features ul li:last-child{border-bottom:none}
.electric-repair-services{float:left;width:100%}
.election-repair::before{bottom:0;content:"";left:0;opacity:.95;position:absolute;right:0;top:0;z-index:-1}
.election-repair-img1:before{background:#011b3d}
.election-repair-img2:before{background:#d02329}
.election-repair{padding:10%;position:relative;z-index:9;float:left;width:100%}
.election-repair-img1{background:url(../images/election-repair-img1.png) left 90% no-repeat}
.election-repair-img2{background:url(../images/election-repair-img2.png) right 90% no-repeat}
.election-repair-main{display:table!important;table-layout:fixed;width:100%}
.election-repair-main > div > div{background-position:center center!important;background-size:cover!important;float:none;margin:0!important;padding:0 2%;vertical-align:middle;min-height:400px}
.election-repair-main > div > div > div{padding-top:11%!important}
.election-repair-img1 .electric-repair-left{padding:0 0 0 40%}
.election-repair-img1 .electric-repair-left h3{color:#d02329;font-size:16px;margin:0 0 20px}
.election-repair-img1 .electric-repair-left h3 span{color:#fff;font-size:24px;display:block;margin:5px 0 0}
.election-repair-img1 .electric-repair-left p{color:#fff;margin:0 0 13px}
.election-repair-img2 .electric-repair-right{padding:0 45% 0 2%}
.electric-repair-right ul{margin:0;display:inline-block}
.electric-repair-right ul li{float:left;font-weight:700;width:48%;color:#fff;padding:4px 0 8px;font-size:16px}
.electric-repair-right ul li img{margin:0 8px 0 0}
.election-repair-img2 .electric-repair-right h3{color:#fff;font-size:16px;margin:0 0 16px}
.election-repair-img2 .electric-repair-right h3 span{color:#fff;font-size:24px;display:block;margin:5px 0 0}
.election-repair-img2 .electric-repair-right p{color:#fff}
.electric-box{position:relative;overflow:hidden;margin-bottom:30px}
.testimonials-wrapper{background-color:#f2f2f2;background:linear-gradient(to bottom,#fbfbfb 0%,#fff 23%);padding:104px 0 110px}
.testimonials-wrapper .section_heading{margin:0}
.inner-page-wrapper.testimonials-wrapper{background:none;border:none;padding:60px 0 110px}
.single-testimonial-item{position:relative;display:block;background:#fff;-webkit-box-shadow:0 2px 10px 3px #f6f6f6;box-shadow:0 2px 10px 3px #f6f6f6;margin-top:40px}
.single-testimonial-item .inner-content{position:relative;display:block;padding:55px 30px 52px;background:#f2f2f2}
.single-testimonial-item .inner-content .client-info{position:relative;display:block;padding-bottom:22px}
.single-testimonial-item .inner-content .client-info h3{color:#3a3a3a;font-weight:600;margin:0 0 3px}
.single-testimonial-item .inner-content .img-box{position:relative;display:block;overflow:hidden;width:100px;height:100px;margin:0 auto;border-radius:50%;z-index:2;background:#fff}
.single-testimonial-item .inner-content .img-box::before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;content:"";background:rgba(0,0,0,0.70);border-radius:50%;transition:all .5s ease-in-out 0;transform-style:preserve-3d;transform:perspective(1200px) rotateY(-90deg) translateZ(0px);opacity:0;z-index:4}
.single-testimonial-item:hover .inner-content .img-box::before{transform:perspective(1200px) rotateY(0deg) translateZ(0px);transition-delay:.1s;opacity:1}
.single-testimonial-item .inner-content .img-box img{width:100%;transition:all 700ms ease 800ms;border-radius:50%}
.single-testimonial-item:hover .inner-content .img-box img{transform:rotate(360deg)}
.single-testimonial-item .inner-content .text-box{position:relative;display:block;padding-top:24px}
.single-testimonial-item .inner-content .text-box p{margin:0}
.single-testimonial-item .quote-icon{position:absolute;top:0;left:0;width:60px;height:70px;background:#d02329;z-index:3}
.single-testimonial-item .quote-icon span:before{color:#fff;font-size:30px;display:block;padding:20px 0}
.testimonials-wrapper .owl-nav div{display:none!important}
.inner-page-wrapper.blog-wrapper:before{background:none}
.inner-page-wrapper.blog-wrapper{background:none;padding:50px 0 90px}
.inner-page-wrapper.blog-wrapper .post-detail{background:#f9f9f9}
.blog-wrapper{z-index:9;position:relative;padding:65px 0 60px}
.post-detail h5{font-size: 18px; font-weight: 600; text-align: justify}
.blog-wrapper h2{color:#2d2d2d}
.blog-wrapper .section_heading{margin:0}
.blog-wrapper .post-img{width:100%;position:relative;padding:0;float:left;height:100%;overflow:hidden}
.blog-wrapper .post-img img{width:100%;max-height:170px;transition:all .5s ease-in-out}
.blog_card:hover .post-img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.image{width:100%;min-height:220px;object-fit:cover;position:relative;transform:none}
@media (max-width: 768px) {
.col-xs-4,.col-xs-8{flex-basis:100%;max-width:100%}
.item.blog_card{display:flex;flex-direction:column}
.backgroundW{padding:10px}
.image{min-height:200px}
}
.blog-wrapper .post-img .posted_on{font-style:italic;border-radius:50%;position:absolute;text-align:center;padding:26px 0;height:70px;width:70px;top:15px;right:15px;bottom:10px;background:#d02329}
.blog-wrapper .post-img .posted_on span.date{font-size:25px;display:block;color:#fff;font-weight:700;line-height:20px}
.posted_on{font-style:italic}
.blog-wrapper .post-img .posted_on span.month{font-size:14px;display:block;color:#fff;font-weight:400}
.blog-wrapper .blog_card{display:inline-block;margin:10px 0 0}
.blog-wrapper .post-detail{padding:10px;border:none;border-top:0;width:100%!important;background:#fff;display:inline-block}
.blog-wrapper .post-detail h3{font-size:20px;text-align:justify;padding:10px 0}
.post-detail h3{font-size:20px;text-align:justify;padding:10px 0}
.blog-wrapper .post-detail .post-status{margin:10px 0 5px;width:100%;display:inline-block}
.blog-wrapper .post-detail .post-status ul{list-style:none;padding:0;margin:0}
.blog-wrapper .post-detail .post-status ul li{float:left;min-width:50px;color:#797979;margin-right:20px;font-size:14px}
.blog-wrapper .post-status ul li i{color:#d02329}
.blog-wrapper .post-status ul li span a{color:#797979}
.blog-wrapper .post-detail .post-status ul li:last-child{margin-right:0}
.blog-wrapper .post-detail .post-status ul li i::before{margin-right:5px;font-size:14px}
.blog-wrapper .description p{margin:0 0 25px}
.blog-details-wrapper .post-commet{border-bottom:1px solid #e7e4dd;border-top:1px solid #e7e4dd;font-size:14px;margin:60px 0 30px;padding:15px 0;text-align:left;text-transform:uppercase}
.blog-details-wrapper .post-commet .social-icons{margin-top:1px;font-size:16px;float:right;margin-top:0}
.social-icons li{display:inline-block;margin-left:10px}
.pro_review{display:flex}
.review_thumb{margin-right:20px;min-width:12%}
.review_info h5 a{color:#d02329}
.pro_review img{max-width:100%;background:#eee;border-radius:50%}
.pro_review.ans{margin-bottom:50px;margin-left:50px;margin-top:50px}
.rating_send a{font-size:14px;display:block;float:right;margin-top:-30px}
.comment-reply-title{font-weight:600}
.comment-form-comment .comment-notes{width:100%;padding:10px;border:1px solid #ddd;height:140px;font-size:14px;color:#666}
.comment-input input{width:100%;padding:10px;border:1px solid #ddd;height:40px;font-size:14px;color:#666}
.comment-input{margin:0 -10px;overflow:hidden}
.comment-form-author,.comment-form-email,.comment-form-url{float:left;padding:0 10px;width:33.3333%}
.inner-page-wrapper.blog-details-wrapper{padding:90px 0 54px}
.clinets-wrapper{float:left;width:100%;padding:80px 0}
.clinets-wrapper .owl-carousel .owl-item img{width:auto}
.breadcrumb-wrapper{background-image:url(../images/breadcrumb-bg.jpg);background-position:center center;background-repeat:no-repeat;padding:180px 0 0;position:relative;background-size:cover;min-height:500px}
.page-breadcrumb-inner{margin:60px 0 0;clear:both;float:left}
.page-breadcrumb{display:inline-block;padding:12px 32px 12px 0;position:relative}
.breadcrumb-wrapper .page-heading{float:left;width:50%}
.breadcrumb-wrapper .page-heading .line{display:inline-block;width:100%;border:1px dashed #bebebf;margin:15px 0 25px}
.page-heading h1{font-size:30px;text-align:left;text-transform:capitalize;font-weight:700;color:#011b3d}
.page-heading h1 span{color:#d02329}
.breadcrumb-list{text-align:left;margin-top:3rem}
.breadcrumb-list li{display:inline-block;position:relative;padding:0 14px}
.breadcrumb-list li:first-child{padding-left:0;font-weight:600}
.breadcrumb-list li a{text-transform:capitalize;color:#000;font-weight:600}
.breadcrumb-list li:last-child a{color:#000;font-weight:600}
.breadcrumb-list li::before{font-family:FontAwesome;content:"\f101";display:inline-block;vertical-align:middle;font-weight:900;position:absolute;left:-5px}
.breadcrumb-list li:first-child::before{display:none;display:none}
.inner-page-wrapper{float:left;width:100%;padding:90px 0}
.gallery-wrapper{padding:60px 0 90px}
.gallery-content{overflow:hidden}
.gallery-wrapper.home{padding:0 0 30px;margin-top:3rem;background:url(../images/pattern.png) left top repeat}
.gallery-wrapper.home .sb-photo{margin:0;}
.gallery-content .overlay-content{padding:20px;width:100%;bottom:0;position:absolute}
.gallery-content .photo-overlay{position:absolute;bottom:0;left:-100%;width:100%;height:100%;color:#fff;text-transform:capitalize;border:5px solid rgba(0,54,116,0.685);display:block;background-color:#74b2f5a3;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
.sb-photo:hover .photo-overlay{left:0}
.gallery-content .sb-photo{position:relative;overflow:hidden;margin:30px 0 0}
.photo-overlay .zoom-icon,.photo-overlay h2,.photo-overlay span{margin-left:-100%;color:#fff}
.sb-photo:hover .photo-overlay .zoom-icon,.sb-photo:hover .photo-overlay h2,.sb-photo:hover .photo-overlay span{margin-left:0}
.photo-overlay .zoom-icon{font-size:25px;margin-bottom:5px;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out}
.photo-overlay .zoom-icon a:hover{color:#000}
.photo-overlay span{-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-ms-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
.photo-overlay .zoom-icon a{color:#fff}
.photo-overlay h2{font-size:20px;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;margin-bottom:0;bottom:20px;width:100%;color:#fff;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out}
.mfp-figure{background-color:#fff}
img.mfp-img{padding:12px}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:pointer;top:-35px}
.faq-wrapper{padding:90px 0 75px}
.accordion-box{position:relative;width:60%;margin:0 auto}
.accordion-box .block{position:relative;margin-bottom:15px}
.accordion-box .block .acc-btn{position:relative;font-size:16px;margin-bottom:0;cursor:pointer;line-height:24px;border:1px solid #eaeaea;font-weight:700;padding:15px 10px 15px 80px;color:#444;text-transform:uppercase;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
.accordion-box .block .acc-btn .icon-inner{color:#13b5ea;font-size:16px}
.accordion-box .block .icon-outer{position:absolute;left:0;top:0;width:60px;height:100%;text-align:center;font-size:13px;color:#b3b2b2;background:#eaeaea;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
.accordion-box .block .icon-outer .icon{position:absolute;left:0;top:50%;margin-top:-21px;width:100%;height:42px;line-height:42px;text-align:center;font-size:13px;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
.accordion-box .block .acc-btn.active .icon-outer{background-color:#d02329}
.accordion-box .block .icon-outer .icon-plus{opacity:1}
.accordion-box .block .icon-outer .icon-minus{opacity:0}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{opacity:1;color:#fff}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{opacity:0}
.accordion-box .block .acc-content{position:relative;display:none}
.accordion-box .block .acc-content.Fusestar{display:block}
.accordion-box .block .content{position:relative;font-size:13px;background:#fff;padding:15px;border-color:#eaeaea;border-style:solid;border-width:0 1px 1px}
.accordion-box .block .content p{margin-bottom:20px;line-height:1.8em;color:#777;font-size:15px}
.accordion-box .block .content p:last-child{margin-bottom:0}
.error_area{padding:71px 0 90px}
.error_area .error_text h3{font-size:80px;margin:0 0 15px;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif}
.error_area .error_text p{font-size:20px;color:#797979;margin:0 0 15px;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif}
.error_area .error_text .input-group{max-width:500px}
.error_area .error_text .input-group input{height:60px;border:none;border-radius:0;background:#efefef;padding:0 20px;font-size:14px;font-weight:400;color:#b5b5b5;outline:none;-webkit-box-shadow:none;box-shadow:none}
.error_area .error_text .input-group .input-group-append{margin-left:10px}
.error_area .error_text .input-group .input-group-append button{background:#d02329;color:#fff;border:none;border-radius:3px;font-size:30px;padding:0 35px;-webkit-box-shadow:none;box-shadow:none;outline:none}
.inner-page-wrapper.contact-us-wrapper{padding:50px 0}
.contact-form{position:relative;display:block;width:100%;margin:0 auto;background:#fff;padding:50px;box-shadow:0 2px 5px 3px #f2f1f9}
.contact-form form{position:relative;display:block}
.contact-form form .input-box{position:relative;display:block}
.contact-form form input[type="text"],.contact-form form input[type="email"],.contact-form form textarea{position:relative;display:block;background:transparent;border:1px solid #f0eef9;width:100%;height:60px;font-size:16px;margin-bottom:30px;padding-left:45px;padding-right:20px;border-radius:5px;transition:all 500ms ease}
.contact-form form textarea{height:110px;color:#222;padding:17px 20px 15px 45px}
.contact-form form input[type="text"]:focus{border-color:#1d1d1d;color:#222}
.contact-form form input[type="email"]:focus{border-color:#1d1d1d;color:#222}
.contact-form form textarea:focus{border-color:#1d1d1d;color:#222}
.contact-form form .input-box .icon{position:absolute;top:-3px;left:20px;margin:16px 0 14px}
.contact-form form .input-box .icon i{color:#868298;font-size:16px;line-height:30px}
.contact-form form input[type="text"]::-webkit-input-placeholder{color:#868298}
.contact-form form input[type="text"]:-moz-placeholder{color:#868298}
.contact-form form input[type="text"]::-moz-placeholder{color:#868298}
.contact-form form input[type="text"]:-ms-input-placeholder{color:#868298}
.contact-form form input[type="email"]::-webkit-input-placeholder{color:#868298}
.contact-form form input[type="email"]:-moz-placeholder{color:#868298}
.contact-form form input[type="email"]::-moz-placeholder{color:#868298}
.contact-form form input[type="email"]:-ms-input-placeholder{color:#868298}
.contact-form .button-box{display:inline-block}
.contact-form .button-box .theme-button-one{cursor:pointer}
.contact-address-area{position:relative;display:block;padding:60px 0 0}
.single-address-box{position:relative;display:block;overflow:hidden;padding:40px;margin-bottom:40px;-webkit-box-shadow:0 2px 5px 3px #f8f8f8;box-shadow:0 0 35px rgba(0,0,0,0.1);z-index:1}
.single-address-box p{font-size:18px}
.single-address-box:before{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-color:#d02329;transition:all .7s ease;transform:translateY(100%) scaleY(0);content:"";z-index:-1}
.single-address-box:hover:before{opacity:1;transform:translateY(0%) scaleY(1)}
.single-address-box h3{margin:0 0 15px;transition:all .7s ease}
.single-address-box:hover h3{color:#fff;transition:all .8s ease;transition-delay:.5s}
.single-address-box p{margin:0;transition:all .7s ease}
.single-address-box:hover p{color:#fff;transition:all .9s ease;transition-delay:.7s}
.google-map{float:left;width:100%;pointer-events:none}
.google-map iframe{width:100%;border:none;height:400px;margin:0 0 -6px}
.footer-top::before{background:#111214;bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0;z-index:-1}
.footer-top{background:url(../images/footer-bg.jpg) center center fixed no-repeat;z-index:9;position:relative;padding:60px 0;float:left;width:100%;background-size:cover}
.footer-top p{color:#fff}
.footer-top h3.widget-title{padding:0 0 0 10px}
.footer-top h3.widget-title.one{padding:0}
.footer-top h3.widget-title.one:before{display:none}
.footer-top h3.widget-title.one:after{content:"";position:absolute;left:0;width:25%;height:2px;background:#d02329;bottom:0}
.footer-top h3.widget-title.one{margin:0 0 20px;padding:0 0 20px}
.footer-top h3.widget-title::before{content:"";background:#d02329;height:22px;width:2px;position:absolute;left:0;top:0}
.footer-top h3.widget-title,.widget-title{color:#fff;line-height:1;font-weight:500;margin-bottom:20px;text-transform:capitalize;font-family:"-apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif", sans-serif;font-size:20px;position:relative;letter-spacing:0}
.footer-top h3.widget-title img{margin:0 5px 0 0;max-width:130px}
.social-icon{margin-top:35px}
.social-icon a{width:40px;height:40px;background:#d02329;border-radius:50%;display:inline-block;text-align:center;color:#fff;font-size:14px;line-height:42px;margin-right:11px}
.social-icon a:hover{background:#fd0060;color:#fff}
.social-icon a.fb:hover{background:#3a559f}
.social-icon a.tw:hover{background:#50abf1}
.social-icon a.gp:hover{background:#dd4b39}
.social-icon a.dr:hover{background:#cf3f72}
.social-icon a.be:hover{background:#0071b9}
.nav-widget ul{margin:0;list-style:none}
.nav-widget ul li{padding:0 0 7px}
.nav-widget ul li a{color:#fff}
.nav-widget ul li a:hover{color:#d02329}
.newslatter-widget{position:relative;margin-bottom:30px}
.newslatter-widget input{background:#313131;border:none;padding:9px 15px;color:#999;width:100%;letter-spacing:1px;padding-right:75px}
.newslatter-widget button,.newslatter-widget input[type="submit"]{position:absolute;right:0;top:0;bottom:0;border:none;background:#d02329;color:#fff;font-weight:500;padding:0 18px;margin:5px;cursor:pointer}
.footer-info p{margin-bottom:5px;position:relative;padding-left:20px}
.footer-info p i{margin-right:5px;color:#b6b6b6;position:absolute;left:0;top:5px}
.footer-info p b{font-weight:500}
.footer-top .form-group{margin-bottom:15px}
.footer-top input{height:42px;background:#fff;border:none;padding:0 0 0 10px;width:100%;color:#acacac;border-radius:20px}
.footer-top .btn{background:#d02329;height:38px;width:125px;text-align:center;color:#fff;text-transform:uppercase;font-size:16px;border-radius:0;float:left;border-radius:20px;width:100%}
.copyright{background:#000;color:#8e959b;padding:15px 0;float:left;width:100%}
.copyright p{margin:0}
.copyright span.color{color:#fff}
.backgroundW{background:#fff}

.margin-top-3rem{margin-top:7%;width:80%;padding-left:20%}
.margin-top-6{margin-top:6.5rem;margin-bottom:16px}
.margin-top-5{margin-top:5%;margin-bottom:16px}
.margin-top-4{margin-top:4%;margin-bottom:16px}
.margin-top-2rem{margin-top:2rem}
.margin-top-1rem{margin-top:1rem}
.filter-section{margin-bottom:20px}
.filter-section h4{margin:0 0 10px}
.filter-section label{display:block;margin:5px 0}
.filter-section input[type="checkbox"]{margin-right:10px}
.product-container{width:100%}
.product-item{border:1px solid #ccc;padding:10px;margin-bottom:10px;display:flex;gap:10px}
.product-item img{max-width:250px}
.display_flex{display:flex}
.style_sticky{position:sticky;top:20px;height:fit-content;background-color:#f9f9f9;padding:15px;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:8px}
.product-image{max-width:100%;height:auto;border:1px solid #ddd;padding:5px;border-radius:5px}
.image-thumbnails{display:flex;gap:.5rem;justify-content:center}
.thumbnail{cursor:pointer;margin:15px}
.caption{margin:15px}
.thumbnail-image{width:100px;height:auto;border:1px solid #ddd;padding:2px;border-radius:3px;transition:transform .2s}
.thumbnail-image:hover{transform:scale(1.3)}
.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:#fff;border:none;padding:10px;cursor:pointer;font-size:18px;border-radius:50%;user-select:none}
.img-responsive{max-width:100px;margin:0 auto}
.img-responsive2{max-width: 100%;}
.img-responsive1{width:100%;margin:0 auto}
.img-responsive-logo{margin:10px 0;width:100%;max-height:60px;padding-right:50px}
.img-maxwidth{height:500px;width:auto;margin:0 auto}
.h1_uppercase{text-align:center;text-transform:uppercase;font-weight:700;margin:20px 0}
.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#200;color:#fff;border:none;padding:0 10px;cursor:pointer;font-size:22px;border-radius:50%;user-select:none;z-index:10}
.prev-button{left:10px}
.next-button{right:10px}
.nav-button:hover{background-color:rgba(0,0,0,0.8)}
.main-image-container{position:relative;display:flex;justify-content:center;align-items:center;height:500px}
.ppocta-ft-fix{display:inline-grid;position:fixed;bottom:5%;left:3%;min-width:45px;text-align:center;z-index:99999}
#calltrap-btn .calltrap_offline{background-color:#1cb2ed;margin-bottom:20px;border-radius:100%;width:45px;height:45px;line-height:45px;box-shadow:0 0 10px -2px rgba(0,0,0,.7)}
.calltrap_offline #calltrap-ico{-webkit-animation:uptocallmini_offline 1.5s 0 ease-out infinite;-moz-animation:uptocallmini_offline 1.5s 0 ease-out infinite;-o-animation:uptocallmini_offline 1.5s 0 ease-out infinite;animation:uptocallmini_offline 1.5s 0 ease-out infinite}
#calltrap-ico{width:45px;height:45px;border:0;-webkit-border-radius:50%!important;border-radius:50%!important;-o-background-clip:padding-box;background-clip:padding-box;-webkit-animation:uptocallmini 1.5s 0 ease-out infinite;-moz-animation:uptocallmini 1.5s 0 ease-out infinite;-o-animation:uptocallmini 1.5s 0 ease-out infinite;animation:uptocallmini 1.5s 0 ease-out infinite}
a#calltrap-btn span{z-index:10;display:none;padding:10px;top:0;right:45px;width:150px;line-height:16px;border-radius:4px;box-shadow:5px 5px 8px #ccc;float:left;background:#fff;color:#000}
#calltrap-btn{display:inline-block;position:relative;width:45px;height:45px;line-height:45px;border-radius:100%;background:#1cb2ed url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://vienkhoahocpccc.com/assets/imgs/icon-phone.png) center center no-repeat}
#calltrap-btn:hover{transform:scale(1.2);transition:all ease-in-out .3s;opacity:1;background-color:#ea918b}
#calltrap-btn span{display:none}
#calltrap-btn:hover span{display:block;float:left;margin-left:-177px}
#calltrap-btn::before{content:"";position:absolute;right:0;width:100%;height:100%;border-radius:inherit;background:rgba(11,158,75,0.374);box-shadow:0 0 10px rgba(225,15,15,0.645);animation:pulse 1s infinite}
@keyframes pulse {
0%{transform:scale(1.5);opacity:.5}
50%{transform:scale(1);opacity:.2}
100%{transform:scale(1.5);opacity:.5}
}
#messengerButton .mess-offline{background-color:#1cb2ed;margin-bottom:20px;border-radius:100%;width:45px;height:45px;line-height:45px;box-shadow:0 0 10px -2px rgba(0,0,0,.7)}
a#messengerButton span{z-index:10;display:none;padding:10px;top:0;right:45px;width:150px;line-height:16px;border-radius:4px;box-shadow:5px 5px 8px #ccc;float:left}
#messengerButton{display:inline-block;position:relative;width:45px;height:45px;line-height:45px;border-radius:100%;background:#1cb2ed url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://vienkhoahocpccc.com/assets/imgs/icon-mess.png) center center no-repeat;margin-top:20px}
#messengerButton:hover{transform:scale(1.2);transition:all ease-in-out .3s;opacity:1;background-color:#ea918b}
#messengerButton span{display:none}
#messengerButton:hover span{display:block;float:left;margin-left:-177px}
#messengerButton::before{content:"";position:absolute;right:0;width:100%;height:100%;border-radius:inherit;background:rgba(41,206,243,0.374);box-shadow:0 0 10px rgba(108,6,6,0.645);animation:pulse2 1.1s infinite}
@keyframes pulse2 {
0%{transform:scale(1.5);opacity:.5}
50%{transform:scale(1);opacity:.2}
100%{transform:scale(1.5);opacity:.5}
}
.zalo-chat-widget{right:2px!important;top:50%;margin-bottom:0!important;bottom:unset!important}
#zaloButton .mess-offline{background-color:#1cb2ed;margin-bottom:20px;border-radius:100%;width:45px;height:45px;line-height:45px;box-shadow:0 0 10px -2px rgba(0,0,0,.7)}
a#zaloButton span{z-index:10;display:none;padding:10px;top:0;right:45px;width:150px;line-height:16px;border-radius:4px;box-shadow:5px 5px 8px #ccc;float:left}
#zaloButton{display:inline-block;position:relative;width:45px;height:45px;line-height:45px;border-radius:100%;background:#1cb2ed url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://vienkhoahocpccc.com/assets/imgs/icon-zalo.png) center center no-repeat;margin-top:20px}
#zaloButton:hover{transform:scale(1.2);transition:all ease-in-out .3s;opacity:1;background-color:#ea918b}
#zaloButton span{display:none}
#zaloButton:hover span{display:block;float:left;margin-left:-177px}
#zaloButton::before{content:"";position:absolute;right:0;width:100%;height:100%;border-radius:inherit;background:rgba(212,242,91,0.704);box-shadow:0 0 10px rgba(45,8,8,0.645);animation:pulse3 1s infinite}
@keyframes pulse3 {
0%{transform:scale(1.5);opacity:.5}
50%{transform:scale(1);opacity:.2}
100%{transform:scale(1.5);opacity:.5}
}
.search-icon{cursor:pointer;display:flex;align-items:center;font-size:25px;margin-left:15px;color:#111}
.navigation-search{display:none;position:absolute;top:0;left:0;width:100%;background:rgba(26,27,27,0.17);z-index:1000;justify-content:center;align-items:center}
.navigation-search.active{display:flex}
.search-box{position:relative;width:80%;max-width:1200px}
.search-input{width:100%;padding:2rem;font-size:16px;border:1px solid #ddd;border-radius:4px}
.search-submit{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#666}
.search-close{position:absolute;top:2rem;right:15px;font-size:25px;cursor:pointer;color:#333}
.pagination-wrapper{text-align:right;margin:20px 0}
.pagination li a{padding:8px 12px;color:#0b519b;margin:10px; border: 1px solid #ccc;}
.pagination li.active a{background-color:#075ab3;color:#fff}
.hover_red{cursor:pointer;transition:color .3s ease;color:#fff}
.hover_red:hover{color:red}
.media-left img{width:60px; margin: 0px 5px 0px 0px;}
.media-body h4{color:#fff;font-size:18px;text-align:left}
.border1{border:1px solid #f7f7f7}
.section_heading1{text-align:center;margin:30px 0;position:relative;width:100%}
.section_heading1 h2{font-size:1.7rem;color:#011b3d; text-transform: uppercase;  font-weight: 600;}
.section_heading1:before,.section_heading1:after{content:'';display:block;height:.5px;background:#e4e3e3;width:100%;position:absolute;top:50%;transform:translateY(-50%)}
.section_heading2{text-align:center;margin:60px 0;position:relative;width:100%}
.section_heading2 h2{font-size:1.7rem;color:#ffffff; text-transform: uppercase;  font-weight: 600;}
.section_heading2:before,.section_heading1:after{content:'';display:block;height:.5px;background:#e4e3e3;width:100%;position:absolute;top:50%;transform:translateY(-50%)}
.section_title_wrapper2{display:inline-block;background:#0f3f6e;padding:12px 25px 7px 25px;border-radius:5px;position:relative;z-index:1; border: 1px solid #ccc}
.section_title_wrapper{display:inline-block;background:#ffffff;padding:12px 25px 7px 25px;border-radius:5px;position:relative;z-index:1; border: 1px solid #ccc}
.section_title{color:#fff;font-size:40px;font-weight:700}

    @media (min-width: 1400px) {
        .single-feature-service h3{font-size:17px; text-transform: none;}
    }
    @media (min-width: 992px) and (max-width: 1399px) {
    .margin-top-6{margin-top:9rem;margin-bottom:16px}    
    .main-slider .slide{background-position:70% top!important}
    .main-slider .social-links{left:3%}
    .main-slider .owl-dots{right:2%}
    .main-slider .content{padding:45%}
    .main-slider h1{font-size:30px;margin:0 0 30px;padding:0 0 10px}
    .main-slider h1 span{font-size:30px}
    .main-slider p{display:none}
    .breadcrumb-wrapper{padding:120px 0 0;background-position:56% center}
    .about-image img{width:100%}
    .election-repair-img1 .electric-repair-left{padding:0 0 0 15px}
    .election-repair-img2 .electric-repair-right{padding:0 0 0 15px}
    .electric-repair-right ul li{width:100%}
    .home-about-inner{padding:65px 15%}
    .cta-wrapper .cta-text{padding:0 5%}
    .team-social{display:none}
    .social-icon a{width:35px;height:35px;font-size:14px;line-height:35px;margin-right:3px}
    h3 {  font-size: 1.1rem; font-weight: 600;}
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
    .margin-top-6{margin-top:3rem;margin-bottom:16px}
    .header-logo{display:inline-block;padding:2px 0}
    .header-section.menu-fixed{position:inherit}
    .main-slider .slide{height:auto}
    .main-slider .content{height:auto;display:table;position:relative;padding:100px 0}
    .main-slider h1{font-size:25px}
    .main-slider .owl-dots{right:2%}
    .breadcrumb-wrapper{padding:120px 0 0;background-position:66% center}
    .header-bottomarea{position:inherit;background:#f2f2f2}
    .mean-container a.meanmenu-reveal{top:-85px!important}
    .single-feature-service{margin:0;width:100%;text-align:center}
    .single-feature-service .services-icon{width:100%;text-align:center;line-height:60px;font-size:50px}
    .single-feature-service h3{font-size:15px}
    .single-feature-service .service-content{float:left;width:100%;padding:0}
    .home-about-inner{padding:10% 5%}
    .inner-page-wrapper.about-wrapper{padding:90px 0}
    .cta-wrapper h3{line-height:35px}
    .cta-wrapper .cta-text{padding:0}
    .cta-wrapper ul > li + li{margin-left:0}
    .cta-wrapper ul li{float:none;display:block}
    .work-statistics p{font-size:15px}
    .election-repair-img1 .electric-repair-left{padding:0 0 0 15px}
    .election-repair-img2 .electric-repair-right{padding:0 15px}
    .electric-repair-right ul li{width:100%}
    .single-service-content{padding:5px 18px 30px}
    .sidebar{margin:40px 0 0}
    .inner-page-wrapper.blog-details-wrapper{padding:80px 0}
    .footer-top{padding-top:47px}
    .footer-top .widget{padding-top:40px!important}
    .social-icon a{width:35px;height:35px;line-height:37px;margin-right:0}
    .section_heading1 h2 {    font-size: 1.4rem;}
    .section_heading2 h2 {        font-size: 1.4rem; }
    h3 {        font-size: 1.1rem; font-weight: 600;}
    }
    @media (max-width: 767px) {
    .margin-top-6{margin-top:1rem;margin-bottom:16px}
    h3 {        font-size: 1.1rem; font-weight: 600;}
    .header-logo{display:inline-block;padding:0}
    .header-bottomarea{position:inherit;background:#f4feff}
    .header-section.menu-fixed{position:inherit}
    .main-slider .slide{background-size:contain;background-repeat:no-repeat;height:30vh}
    .main-slider .content{height:auto;display:table;position:relative;padding:100px 0 50px}
    .main-slider h1{font-size:25px;padding:0 0 10px}
    .main-slider h1 span{font-size:30px}
    .main-slider .owl-dots .owl-dot{display:none}
    .single-feature-service{margin:0;padding:0;width:100%;text-align:center;margin-bottom:20px}
    .single-feature-service .services-icon{width:100%;text-align:center}
    .single-feature-service .service-content{float:left;width:100%}
    .home-about-inner{padding:10% 5%}
    .cta-wrapper .cta-text{padding:0}
    .cta-wrapper ul li{float:none;display:block}
    .cta-wrapper ul > li + li{margin:10px 0 0}
    .election-repair-img1 .electric-repair-left{padding:0 0 11% 15px}
    .election-repair-img2 .electric-repair-right{padding:0 0 11% 15px}
    .electric-repair-right ul li{width:100%}
    .election-repair-main > div > div{min-height:auto}
    .clinets-wrapper .owl-item{float:none;display:inline-block;text-align:center}
    .clinets-wrapper .owl-item .item{display:inline-block;text-align:center}
    .breadcrumb-wrapper{padding:80px 0 0;min-height:150px;padding:0}
    .breadcrumb-wrapper .page-heading{width:90%}
    .page-heading h1{font-size:28px;margin:0 0 20px}
    .page-breadcrumb-inner{text-align:center}
    .inner-page-wrapper.about-wrapper{padding:90px 0}
    .accordion-box{width:100%}
    .error_area .error_text h3{font-size:38px}
    .error_area .error_text h4{font-size:20px}
    .sidebar{margin:40px 0 0}
    .inner-page-wrapper.blog-details-wrapper{padding:80px 0}
    .comment-form-author,.comment-form-email,.comment-form-url{width:100%}
    .cta-wrapper h3{line-height:35px}
    .team-social{display:none}
    .widget{padding:35px 0 0}
    .social-icon a{width:35px;height:35px;line-height:37px;margin-right:5px}
    .slide{background-size:contain;background-repeat:no-repeat;height:50vh}
    .section_heading h2{font-size:3rem;color:#2d2d2d}
    .img-maxwidth{height:300px;width:auto;margin:0 auto}
    .section_heading1 h2 {    font-size: 1.3rem;}
    .section_heading2 h2 {        font-size: 1.3rem;}
    }
    .page-heading {text-align: justify; padding-left: 10px; padding-right: 10px;}
    .page-heading h1 {text-align: justify; }