@import url("https://p.typekit.net/p.css?s=1&k=oov2wcw&ht=tk&f=39203&a=85994746&app=typekit&e=css");

 @font-face {
   font-family: "century-gothic";
   src: url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 400;
   font-stretch: normal;
 }

 .tk-century-gothic {
   font-family: "century-gothic", sans-serif;
 }



 * {
   padding: 0;
   margin: 0;
 }

 .text-theme-colored {
   color: #4B7873 !important;
 }

 .text-theme-colored {
   color: rgb(236, 183, 15) !important;
 }

 .styled-icons li {
   display: inline-block;
   margin-bottom: 0px;
   margin-top: 0px;
   font-size: 30px;
   margin-left: 1rem;
 }

 ::placeholder {
   color: #555 !important;
   opacity: 1;
   /* Firefox */
 }

 ::-ms-input-placeholder {
   /* Edge 12 -18 */
   color: #555 !important;
 }

 input::-webkit-input-placeholder {
   color: #555 !important;
 }

 input:-moz-placeholder {
   color: #555 !important;
 }

 /*.styled-icons.icon-circled a {*/
 /*    border-radius: 50%;*/
 /*}*/
 .styled-icons li a {
   color: rgb(51, 51, 51);
   font-size: 18px;
   height: 32px;
   line-height: 32px;
   width: 32px;
   float: left;
   margin: 5px 7px 5px 0px;
   text-align: center;
   transition: all 0.3s ease-in-out 0s;
 }

 .fab,
 .fa {
   font-size: 18px;
   padding: 13px;
 }

 .text-white {
   color: rgb(255, 255, 255) !important;
 }

 .styled-icons.icon-circled a {
   border-radius: 50%;
   background: rgb(58, 87, 149) !important;
 }

 html {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: visible;
   background-color: #F9F8F4;
 }

 nav.navbar.bootsnav .navbar-toggle {
   background: #4B7873 !important;
 }

 nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
   border-bottom: solid 1px #bfbbbb;
 }

 nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
   text-transform: uppercase;
 }

 .logo {
   width: 380px;
   margin-top: 10px;
 }

 .navbar-brand>img {
   display: initial;
   height: auto;
   width: 300px;
 }

 @media (min-width: 1024px) {
   nav.navbar.bootsnav ul.nav>li>a {
     padding: 32px 10px;
   }
 }

 /*font css */
 body {
   /*font-family: "Rubik", sans-serif;*/
   /*font-family:"Fira Sans", sans-serif;*/
   font-family: "century-gothic", sans-serif;
   overflow-x: hidden;
   color: #686a6f;
   font-size: 16px;
   line-height: 1.8;
   background-color: #F9F8F4;
 }

 html,
 body,
 .wrapper {
   height: 100%;
 }

 .f-w {
   font-weight: bold;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: #222222;
   line-height: 1.2;
   /*font-family: "Rubik", sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   letter-spacing: 0;
   margin: 0;

 }

 h1,
 h2,
 h3,
 h4 {
   margin-bottom: 15px;
   color: #222222;
   font-weight: 500;
   font-size: 23px;
   /*text-transform: uppercase;*/
 }

 h5,
 h6 {
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: 600;
 }

 .p-0 {
   padding: 0px !important;
 }

 .pt-0 {
   padding-top: 0px !important;
 }

 .pb-0 {
   padding-bottom: 0px !important;
 }

 .p-20 {
   padding: 20px !important;
 }

 .pt-20 {
   padding-top: 20px;
 }

 .p-2 {
   padding: 2rem !important;
 }

 .m-0 {
   margin: 0px;
 }

 .mr-20 {
   margin-right: 20px;
 }

 .ml-20 {
   margin-left: 20px;
 }

 .mt-5 {
   margin-top: 5rem;
 }

 .mt-10 {
   margin-top: 10px;
 }

 .mt-10 {
   margin-top: 10px;
 }

 .mt-30 {
   margin-top: 30px;
 }

 .mt-50 {
   margin-top: 50px;
 }

 .mb-10 {
   margin-bottom: 10px;
 }

 .mb-20 {
   margin-bottom: 20px;
 }

 .section-title .title {
   font-weight: 700;
   font-size: 50px;
   line-height: 1.2;
   position: relative;
 }

 .section-title.centered {
   text-align: center;
   margin: 0 auto 20px;
 }

 .white-text {
   color: #F9F8F4 !important;
 }

 .bg-white {
   background: #F9F8F4;
 }

 img {
   border: none;
   outline: none;
   max-width: 100%;
 }

 label {
   display: inline-block;
   font-weight: normal;
   margin-bottom: 5px;
   max-width: 100%;
 }

 a,
 .btn,
 button {
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   outline: medium none;
 }

 a img,
 iframe {
   border: none;
 }

 p {
   color: #666666;
   line-height: 26px;
   margin: 0 0 15px;
   text-transform: none;
   font-weight: 400;
 }

 hr {
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
   border-top: 1px solid #eee;
 }

 pre {
   display: block;
   margin: 0 0 30px;
   padding: 9.5px;
   word-wrap: break-word;
   word-break: break-all;
   color: #333;
   border: 1px solid #ededed;
   border-radius: inherit;
   background-color: #f9f9f9;
   font-size: 13px;
   line-height: 1.42857143;
 }

 input:focus,
 textarea:focus,
 select:focus {
   outline: none;
   box-shadow: inherit;
 }

 ul {
   margin: 0;
   list-style-type: none;
 }

 a,
 a:active,
 a:focus,
 a:hover {
   outline: none;
   text-decoration: none;
   color: #232323;
 }

 a:hover {
   color: #232323;
 }

 a {
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   text-decoration: none;
   /*font-family: "Fira Sans", sans-serif;*/
 }

 b,
 strong {
   font-weight: 900;
 }

 .btn.active,
 .btn:active {
   background-image: inherit !important;
 }

 .btn.focus,
 .btn:active:focus,
 .btn:active:hover,
 .btn:focus,
 .btn:hover {
   outline: 0;
 }

 .btn.circle {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
 }

 .btn.active,
 .btn:active {
   outline: 0;
   -webkit-box-shadow: inherit;
   box-shadow: inherit;
 }

 input {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
   min-height: 50px;
 }

 /* Default CSS */
 .container-half {
   margin: 0 auto;
   width: 60%;
   padding: 0 15px;
 }

 .bg-cover {
   background-position: center center;
   background-size: cover;
 }

 .bg-contain {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
 }

 .bg-fixed {
   background-attachment: fixed;
   background-position: center top;
   background-size: cover;
 }

 .bg-gray {
   background-color: #F9F8F4;
 }

 .bg-theme-small {
   background-color: #edf5ff;
 }

 .bg-light {
   background-color: #F9F8F4;
 }

 .bg-theme {
   background-color: #4B7873;
 }

 .text-light h1,
 .text-light h2,
 .text-light h3,
 .text-light h4,
 .text-light h5,
 .text-light h6,
 .text-light p,
 .text-light a {
   color: #F9F8F4;
 }

 nav.navbar.bootsnav ul.nav>li>a {
   font-size: 15px;
 }

 .shadow {
   position: relative;
   z-index: 1;
 }

 .shadow.dark::after {
   background: #1d2024 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .shadow.dark-hard::after {
   background: #1d2024 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.75;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .shadow.light::after {
   background: #F9F8F4 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.3;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .shadow.theme::after {
   background: #4B7873 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .shadow.theme-hard::after {
   background: #4B7873 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .default-padding {
   padding-top: 60px;
   padding-bottom: 62px;
 }

 .fff {
   color: #F9F8F4;
 }

 .fs21 {
   font-size: 21px;
 }

 .default-padding-top {
   padding-top: 43px;
   padding-bottom: 50px;
 }

 .default-padding-bottom {
   padding-bottom: 80px;
 }

 .default-padding.bottom-less {
   padding-top: 50px;
   padding-bottom: 50px;
 }

 .default-padding.bottom-30 {
   padding-top: 80px;
   padding-bottom: 30px;
 }

 .default-padding.bottom-20 {
   padding-top: 80px;
   padding-bottom: 20px;
 }

 .padding-xl {
   padding-top: 180px;
   padding-bottom: 180px;
 }

 .carousel-shadow {
   padding-bottom: 65px;
 }

 .btn {
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 14px;
   font-weight: 600;
   line-height: 25px;
   /*text-transform: uppercase;*/
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   font-weight: 700;
   letter-spacing: 1px;
   border-radius: inherit;
   overflow: hidden;
 }

 .btn-md {
   padding: 10px 40px 10px;
 }

 .btn-sm {
   padding: 8px 35px;
   font-size: 12px;
 }

 .btn.btn-sm-pro {
   font-size: 10px;
   font-weight: 600;
   margin-top: 5px;
   padding: 4px 35px;
   display: inline-block;
 }

 .btn-border-light {
   border: 2px solid #F9F8F4;
 }

 .btn.btn-sm-pro.btn-border-light:hover,
 .btn.btn-sm-pro.btn-border-light:focus {
   background-color: #F9F8F4;
   color: #232323;
   border: 2px solid #F9F8F4;
 }

 .btn-dark {
   background-color: #232323;
   color: #F9F8F4;
   border: 2px solid #232323;
 }

 .btn-dark.border {
   background-color: transparent;
   color: #232323;
   border: 2px solid #232323;
 }

 .btn-dark.border:hover {
   background-color: #232323;
   color: #F9F8F4 !important;
   border: 2px solid #232323;
 }

 .btn.btn-light {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 2px solid #F9F8F4;
   color: #232323;
 }

 .btn.btn-light:hover,
 .btn.btn-light:focus {
   background: transparent none repeat scroll 0 0;
   border: 2px solid #F9F8F4;
   color: #F9F8F4;
 }

 .btn.btn-light.effect:hover,
 .btn.btn-light.effect:focus {
   background-color: #4B7873;
   color: #F9F8F4 !important;
   border: 2px solid #4B7873;
 }

 .btn.btn-light.border {
   background: transparent;
   border: 2px solid #F9F8F4;
   color: #F9F8F4;
 }

 .btn.btn-light.border:hover {
   background: #F9F8F4 none repeat scroll 0 0 !important;
   border: 2px solid #F9F8F4 !important;
   color: #232323 !important;
 }

 .btn-dark:hover,
 .btn-dark:focus {
   color: #232323 !important;
   background: transparent;
 }

 .bg-dark {
   background: #1d2024 none repeat scroll 0 0;
 }

 .btn-theme {
   background-color: #4B7873;
   color: #F9F8F4 !important;
   border: 2px solid #4B7873;
 }

 .btn-theme.border {
   background-color: transparent;
   color: #4B7873 !important;
   border: 2px solid #4B7873;
 }

 .btn-theme.border:hover {
   background-color: #4B7873;
   color: #F9F8F4 !important;
   border: 2px solid #4B7873;
 }

 .btn-theme.effect:hover,
 .btn-theme.effect:focus {
   background: #4B7873 none repeat scroll 0 0;
   border: 2px solid #4B7873;
   color: #F9F8F4;
 }

 .btn.btn-sm-lm {
   font-size: 12px;
   padding: 4px 35px;
 }

 .bg-theme a.btn-theme.btn:hover,
 .bg-theme a.btn-theme.btn:focus {
   border: 2px solid #F9F8F4;
   color: #F9F8F4;
 }

 .bg-fixed {
   background-attachment: inherit;
   background-position: center center;
   background-size: cover;
 }

 .bg-cover {
   background-position: center center;
   background-size: cover;
 }

 .container-full {
   padding: 0 15px;
   width: 100%;
 }

 .oh {
   overflow: hidden;
 }

 .less-margin {
   margin: 0;
 }

 header {
   position: relative;
 }

 header nav.navbar.border.bootsnav.navbar-fixed.no-background {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
   position: relative;
   z-index: 1;
   margin-left: 3px;
   font-size: 14px !important;
 }

 header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
   border: medium none;
 }

 header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
   background: #F9F8F4 none repeat scroll 0 0;
   bottom: -2px;
   content: "";
   height: 3px;
   left: 0;
   position: absolute;
   width: 0;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
 header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
   width: 100%;
 }

 header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
 header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
   width: 0;
 }

 .attr-nav .social.right li {
   margin-left: 20px;
 }

 .attr-nav .social li a {
   font-size: 16px;
 }

 /* Navbar */
 nav.bootsnav.navbar-default.info-topbar .navbar-header {
   display: none;
 }

 nav.bootsnav.navbar-default.info-topbar ul li a {
   margin-right: 30px;
   padding: 35px 0;
 }

 nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
   margin-right: 0;
   padding: 35px 20px;
 }

 .attr-nav>a.btn-theme.effect:hover,
 .attr-nav>a.btn-theme.effect,
 .attr-nav>a.btn-theme.effect:focus {
   background: #4B7873 none repeat scroll 0 0;
   border: 2px solid #4B7873;
   color: #F9F8F4 !important;
 }

 nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
   margin-right: 30px;
   padding: 35px 0;
 }

 .attr-nav.social li {
   display: inline-block;
   padding: 25px 0 !important;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
 }

 .attr-nav.social li a {
   border: 1px solid #f4f4f4;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #4B7873;
   display: inline-block;
   font-size: 14px;
   height: 40px;
   line-height: 40px;
   margin-left: 10px;
   padding: 0 !important;
   text-align: center;
   width: 40px;
 }

 nav.navbar.bootsnav.sticked .attr-nav.social li {
   display: inline-block;
   padding: 20px 0 !important;
 }

 .site-heading h2 {
   display: inline-block;
   font-weight: 600;
   padding-bottom: 7px;
   position: relative;
   text-transform: capitalize;
 }

 .site-heading h4 {
   text-transform: uppercase;
 }

 .site-heading.clean h2 {
   padding-bottom: 0;
 }

 .site-heading.clean h2 span {
   color: #4B7873;
 }

 .site-heading h2 span {
   color: #4B7873;
 }

 .site-heading.barber h2 span {
   color: #bc9355;
 }

 .site-heading p {
   margin: 0;
   font-size: 17px;
 }

 .site-heading h2::before {
   background: #4B7873 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -20px;
   position: absolute;
   width: 40px;
 }

 .bg-theme .site-heading h2::before,
 .shadow .site-heading h2::before,
 .half-bg .site-heading h2::before {
   background: #F9F8F4 none repeat scroll 0 0;
 }

 .site-heading h2 span {
   color: #4B7873;
 }

 .site-heading {
   margin-bottom: 28px;
   overflow: hidden;
   margin-top: -5px;
 }

 .site-heading.single {
   margin-bottom: 35px;
 }

 .carousel-shadow .owl-stage-outer {
   margin: -15px -15px 0;
   padding: 15px;
 }

 /* ============================================================== 
     # Bradcrumb 
=================================================================== */
 .breadcrumb-area {
   padding: 60px 0;
 }

 .breadcrumb-area .breadcrumb {
   background: transparent none repeat scroll 0 0;
   display: inline-block;
   margin: 0;
   padding: 15px;
   position: relative;
   z-index: 1;
 }

 .breadcrumb-area .breadcrumb::after {
   background: #232323 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .breadcrumb-area h1 {
   display: block;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 32px;
   margin-top: -10px;
 }

 .breadcrumb>li+li::before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   padding: 0 5px;
   color: #F9F8F4;
   display: none;
 }

 .breadcrumb-area .breadcrumb li i {
   margin-right: 5px;
 }

 .breadcrumb-area .breadcrumb li {
   padding: 0 15px;
   position: relative;
   z-index: 1;
 }

 .breadcrumb-area .breadcrumb li::after {
   border: 2px solid #F9F8F4;
   content: "";
   height: 10px;
   left: -7px;
   margin-top: -5px;
   position: absolute;
   top: 50%;
   width: 10px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
 }

 .breadcrumb-area .breadcrumb li:first-child::after {
   display: none;
 }

 .breadcrumb-area .breadcrumb a,
 .breadcrumb-area .breadcrumb li {
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 500;
   text-transform: uppercase;
   color: #F9F8F4;
 }

 .breadcrumb-area .breadcrumb li.active {
   color: #61b0e7;
 }


 /* Topbar CSS */
 .top-bar-area {
   border-bottom: 1px solid #e7e7e7;

   overflow: hidden;
 }

 .top-bar-area .row {
   align-items: center;
   display: flex;
   float: none;
   vertical-align: middle;
 }

 .top-bar-area .info.box li {
   display: inline-block;
   text-align: left;
   float: left;
   font-size: 14px;
 }

 .top-bar-area .info.box li .icon,
 .top-bar-area .info.box li .info {
   display: table-cell;
   vertical-align: middle;
 }

 .top-bar-area .info.box li .info span {
   display: block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   line-height: 20px;
   text-transform: uppercase;
 }

 .top-bar-area .info.box li .icon i {
   color: #666666;
   font-size: 30px;
 }

 .top-bar-area.bg-light .info.box li .icon i {
   color: #4B7873;
 }

 .top-bar-area .info.box li .icon {
   padding-right: 15px;
 }

 .top-bar-area .address-info.text-right .info.box li {
   margin-left: 15px;
   padding-left: 15px;
   position: relative;
 }

 .top-bar-area .address-info.text-left .info.box li {
   margin-right: 15px;
   padding-right: 15px;
   position: relative;
 }

 .top-bar-area .address-info.text-right .info.box li::after {
   background: #e7e7e7 none repeat scroll 0 0;
   content: "";
   height: 200px;
   left: 0;
   position: absolute;
   top: -50%;
   width: 1px;
 }

 .top-bar-area .address-info.text-left .info.box li::after {
   background: #e7e7e7 none repeat scroll 0 0;
   content: "";
   height: 200px;
   right: 0;
   position: absolute;
   top: -50%;
   width: 1px;
 }

 .top-bar-area .address-info.text-right .info.box li:first-child::after {
   display: none;
 }

 .top-bar-area .address-info.text-left .info.box li:last-child::after {
   display: none;
 }

 .top-bar-area .address-info.text-right .info.box li:first-child {
   border: medium none;
   margin-left: 0;
   padding-left: 0;
 }

 .top-bar-area .address-info.text-left .info.box li:last-child {
   border: medium none;
   margin-right: 0;
   padding-right: 0;
 }

 .top-bar-area .address-info.text-right .info {
   display: inline-block;
 }

 .top-bar-area .link.text-right a {
   margin-left: 5px;
 }

 .top-bar-area .social li {
   display: inline-block;
 }

 .top-bar-area .social li a {
   color: #666666;
   display: inline-block;
   font-size: 20px;
 }

 .top-bar-area .social.text-right li {
   margin-left: 15px;
 }

 .top-bar-area.one-line li {
   margin-right: 15px;
   padding-right: 15px;
 }

 .top-bar-area.bg-dark li {
   color: #F9F8F4;
 }

 .top-bar-area.one-line.bg-dark li {
   border-right: 1px solid rgba(255, 255, 255, 0.3);
 }

 .top-bar-area.one-line li:last-child {
   border: medium none;
   margin-right: 0;
   padding-right: 0;
 }

 .top-bar-area.one-line li i {
   margin-right: 5px;
   color: #F9F8F4;
 }

 .top-bar-area.one-line .link a {

   font-weight: 500;
   margin-left: 13px;

   text-transform: uppercase;
 }

 .top-bar-area.one-line.bg-dark .link a {}

 .top-bar-area.one-line .link a:hover,
 .top-bar-area.one-line .link a:last-child:hover {
   color: #F9F8F4;
 }

 .top-bar-area.one-line .link a:last-child {
   color: #232323;
 }

 .top-bar-area.one-line.bg-dark .link a:last-child {
   color: #F9F8F4;
 }

 .top-bar-area.one-line .link a:first-child {
   border: medium none;
   padding-left: 0;
 }


 /* ============================================================== 
     # Banner 
=================================================================== */
 .banner {
   width: 40%;
   height: 400px;
   background-position: center center;
   background-size: cover;
   margin: auto;
 }


 body,
 .banner-area,
 .banner-area div {
   height: 418px;
 }

 .banner-area.auto-height,
 .banner-area.auto-height div {
   height: auto;
   min-height: 100%;
 }

 .banner-area .box-cell {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
 }

 .banner-area .box-table {
   display: table;
   width: 100%;
 }

 .banner-area .box-cell,
 .banner-area .box-cell div {
   height: auto;
 }

 .banner-area {
   position: relative;
   overflow: hidden;
   /*  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);*/
   /*border-radius: 30px;*/
 }

 .banner-area .wavesshape {
   bottom: -2px;
   left: 0;
   position: absolute;
   right: 0;
   top: auto;
   width: 100%;
 }

 .banner-area .wavesshape.shape {
   bottom: -50px;
   height: auto;
 }

 .banner-area .content {
   position: relative;
   z-index: 9;
 }

 .banner-area.wavesshape {
   position: relative;
   z-index: 1;
 }

 .banner-area.triangle-shadow {
   position: relative;
   z-index: 1;
 }

 .banner-area.triangle-shadow::before {
   border-bottom: 0 solid transparent;
   border-right: 100vw solid #F9F8F4;
   border-top: 80px solid transparent;
   bottom: 0;
   content: "";
   height: 0;
   left: 0;
   position: absolute;
   width: 100%;
   z-index: 101;
 }

 .banner-area.shadow-inner .content {
   padding: 30px;
   position: relative;
   z-index: 1;
   overflow: hidden;
 }

 .banner-area.content-double .double-items {
   align-items: center;
   align-self: center;
   display: flex;
   justify-content: center;
   vertical-align: middle;
 }

 .banner-area .banner-carousel .owl-item.center img {
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
 }

 .banner-area .banner-carousel .owl-item img {
   transform: scale(0.9);
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -ms-transform: scale(0.9);
   -o-transform: scale(0.9);
 }

 /* Animation delays */
 .banner-area .item h1:first-child,
 .banner-area .item h2:first-child,
 .banner-area .item h3:first-child,
 .banner-area .item h4:first-child,
 .banner-area .item h5:first-child,
 .banner-area .item h6:first-child {
   animation-delay: .5s;
 }

 .banner-area .item h1:nth-child(2),
 .banner-area .item h2:nth-child(2),
 .banner-area .item h3:nth-child(2),
 .banner-area .item h4:nth-child(2),
 .banner-area .item h5:nth-child(2),
 .banner-area .item h6:nth-child(2) {
   animation-delay: .7s;
 }

 .carousel-caption h1:nth-child(3),
 .carousel-caption h2:nth-child(3),
 .carousel-caption h3:nth-child(3),
 .carousel-caption h4:nth-child(3),
 .carousel-caption h5:nth-child(3),
 .carousel-caption h6:nth-child(3) {
   animation-delay: .9s;
 }

 .banner-area .item p {
   animation-delay: .5s;
 }

 .banner-area .item ul {
   animation-delay: .6s;
 }

 .banner-area .item a,
 .banner-area .item button {
   animation-delay: .7s;
 }

 /* Carousel Fade Effect */
 .carousel-fade .carousel-inner .item {
   -webkit-transition-property: opacity;
   transition-property: opacity;
 }

 .carousel-fade .carousel-inner .item,
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
   opacity: 0;
 }

 .carousel-fade .carousel-inner .active,
 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {
   opacity: 1;
 }

 .carousel-fade .carousel-inner .next,
 .carousel-fade .carousel-inner .prev,
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
 }

 .carousel-fade .carousel-control {
   z-index: 2;
 }

 /* Slider Zoom Effect */
 @-webkit-keyframes zoom {
   from {
     -webkit-transform: scale(1, 1);
   }

   to {
     -webkit-transform: scale(1.2, 1.2);
   }
 }

 @-moz-keyframes zoom {
   from {
     -moz-transform: scale(1, 1);
   }

   to {
     -moz-transform: scale(1.2, 1.2);
   }
 }

 @-o-keyframes zoom {
   from {
     -o-transform: scale(1, 1);
   }

   to {
     -o-transform: scale(1.2, 1.2);
   }
 }

 @keyframes zoom {
   from {
     transform: scale(1, 1);
   }

   to {
     transform: scale(1.2, 1.2);
   }
 }

 .carousel-inner .item>.slider-thumb {
   -webkit-animation: zoom 20s;
   animation: zoom 20s;
 }

 .banner-area .carousel-zoom .slider-thumb {
   height: 100%;
   position: absolute;
   width: 100%;
 }

 #particles-js,
 #ripple {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
 }

 .banner-area .carousel-control {
   background: transparent none repeat scroll 0 0;
   font-size: 40px;
   height: 50px;
   line-height: 50px;
   margin-top: -25px;
   opacity: 1;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 50px;
   z-index: 1;
 }

 .banner-area .carousel-control.shadow {
   background: transparent none repeat scroll 0 0;
   color: #F9F8F4;
   font-size: 20px;
   height: 50px;
   line-height: 50px;
   margin-top: -25px;
   opacity: 1;
   padding: 0;
   position: absolute;
   text-shadow: inherit;
   top: 50%;
   width: 50px;
   z-index: 1;
 }

 .banner-area .carousel-control.shadow::after {
   background: #1e2726 none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.5;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .banner-area .carousel-control.left {
   left: 0px;
 }

 .banner-area:hover .carousel-control.left {
   left: 0;
 }

 .banner-area:hover .carousel-control.shadow.left {
   left: 20px;
 }

 .banner-area .carousel-control.right {
   right: 0px;
 }

 .banner-area:hover .carousel-control.right {
   right: 0;
 }

 .banner-area:hover .carousel-control.shadow.right {
   right: 20px;
 }

 /* Content */

 .banner-area .transparent-nav .content {
   padding-top: 60px;
 }

 .banner-area .content {
   overflow: hidden;
 }

 .banner-area .content h1 {
   font-size: 60px;
   font-weight: 600;
   margin-bottom: 25px;
   text-transform: capitalize;
   line-height: 1.1;
 }

 .banner-area .heading-uppercase .content h1 {
   font-size: 36px;
   font-weight: 600;
   text-transform: uppercase;
   line-height: 1.2;
   color: #F9F8F4;
 }

 .banner-area .text-center .content h1 {
   line-height: 1.2;
 }

 .banner-area .content h1 span {
   color: #4B7873;
   font-weight: 700;
 }

 .banner-area .content p {
   font-size: 22px;
   line-height: 30px;
 }

 .banner-area .content a {
   margin-top: 15px;
   margin-right: 8px;
 }

 .banner-area .text-right .content a {
   margin-left: 8px;
 }

 .banner-area .text-center .content a {
   margin: 15px 4px 0;
 }

 .banner-area .text-center.inc-top-heading .content a {
   margin: 5px 4px 0;
 }

 .banner-area .inc-top-heading h3 {
   text-transform: uppercase;
 }

 .banner-area .inc-top-heading a {
   margin-top: 5px;
 }

 .banner-area .text-center p {
   padding: 0 15%;
 }

 .banner-area .text-dark p {

   background-color: #444546;
   font-size: 22px;
   color: #F9F8F4;
   position: relative;
   top: 19rem;
   display: block;
   font-weight: bolder;
   width: 100%;
   padding: 1rem 1rem;
   border-top: 1px solid #F9F8F4;
   border-bottom: 1px solid #F9F8F4;

 }

 .banner_heading {
   padding-left: 5rem;
   font-size: 18px;
   color: #F9F8F4;
 }

 .banner-area.video-bg-live .mbYTP_wrapper {
   z-index: 1 !important;
 }


 /* ============================================================== 
     # Video Button Play
=================================================================== */
 .video-play-button {
   color: #4B7873;
   font-size: 30px;
   left: 50%;
   padding-left: 7px;
   position: absolute;
   top: 50%;
   transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   z-index: 1;
 }

 .video-play-button:before {
   content: "";
   position: absolute;
   z-index: 0;
   left: 50%;
   top: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   display: block;
   width: 80px;
   height: 80px;
   background: #F9F8F4 repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-animation: pulse-border 1500ms ease-out infinite;
   animation: pulse-border 1500ms ease-out infinite;
 }

 .video-play-button:after {
   content: "";
   position: absolute;
   z-index: 1;
   left: 50%;
   top: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   display: block;
   width: 80px;
   height: 80px;
   background: #F9F8F4 repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   transition: all 200ms;
   -webkit-transition: all 200ms;
   -moz-transition: all 200ms;
   -ms-transition: all 200ms;
   -o-transition: all 200ms;
 }

 @-webkit-keyframes pulse-border {
   0% {
     -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
     transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
     opacity: 1;
   }

   100% {
     -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
     transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
     opacity: 0;
   }
 }

 @keyframes pulse-border {
   0% {
     -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
     transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
     opacity: 1;
   }

   100% {
     -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
     transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
     opacity: 0;
   }
 }

 .video-play-button i {
   display: block;
   position: relative;
   z-index: 3;
   color: #4B7873;
 }


 /* ============================================================== 
     # About
=================================================================== */

 .about-area .about-info {
   border-left: 1px solid #e7e7e7;
   padding-left: 30px;
 }

 .about-area.full-width .about-info {
   border: medium none;
   padding-left: 15px;
 }

 .about-area.inc-video .about-info {
   border: medium none;
 }

 .about-area.reverse.inc-video .about-info {
   padding-left: 15px;
   padding-right: 15px;
 }

 .about-area.reverse.inc-video .video-info {
   float: right;
 }

 .about-area .management-quote {
   padding-right: 30px;
 }

 .about-area .management-quote .management-items p {
   padding-top: 50px;
   position: relative;
   height: 330px;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .about-area .management-quote .management-items p::before {
   content: ",,";
   /*font-family: "Times New Roman";*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 120px;
   left: 5px;
   letter-spacing: -10px;
   opacity: 0.09;
   position: absolute;
   top: 55px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
 }

 .about-area .about-info li {
   float: left;
   margin-top: 30px;
   width: 50%;
 }

 .about-area.full-width .single-item {}

 .about-area .about-info li:first-child,
 .about-area .about-info li:nth-child(2) {
   margin-top: 10px;
 }

 .about-area .about-items .item a {
   padding: 26px 30px;
   display: block;
   -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   background-color: #F9F8F4;
   min-height: 434px;
 }

 .about-area .about-info li i,
 .about-area .about-items .item i {
   color: #4B7873;
   display: inline-block;
   font-size: 50px;
   margin-bottom: 20px;
 }

 .about-area .about-info li h4,
 .about-area .about-info li h5,
 .about-area .about-items .item h4,
 .about-area .about-items .item h5 {
   font-weight: 600;
   margin-bottom: 9px;
   text-transform: uppercase;
   font-size: 17px;
 }

 .about-area h2 {
   font-weight: 600;
   margin-bottom: 25px;
   text-transform: capitalize;
   font-size: 30px;
 }

 .about-area .author {
   align-items: center;
   border-top: 1px dashed #e7e7e7;
   display: flex;
   padding-top: 20px;
 }

 ::marker {
   unicode-bidi: isolate;
   font-variant-numeric: tabular-nums;
   text-transform: none;
   text-indent: 0px !important;
   text-align: start !important;
   text-align-last: start !important;
   color: #3c95d1;
 }

 .about-area .author .thumb {
   max-width: 100px;
 }

 .about-area .author .info {
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 14px;
 }

 .about-area .author .info span {
   display: block;
 }

 .about-area .author .info b {
   color: #4B7873;
   display: block;
   font-weight: 500;
 }

 .about-area .management-quote .management-items .owl-dots {
   margin-top: 20px;
   text-align: center;
 }

 .about-area .management-quote .management-items .owl-dots .owl-dot span {
   background: transparent none repeat scroll 0 0;
   border: 2px solid #cccccc;
   height: 20px;
   margin: 0 5px;
   width: 20px;
 }

 .about-area .management-quote .management-items .owl-dots .owl-dot.active span {
   background: #4B7873 none repeat scroll 0 0;
   border: 2px solid transparent;
 }

 .about-area .about-list {
   border-left: 1px solid #e7e7e7;
   padding-left: 30px;
 }

 .about-area .about-list ul {
   margin-bottom: -5px;
 }

 .about-area .about-list li .icon,
 .about-area .about-list li .info {
   display: table-cell;
   vertical-align: top;
 }

 .about-area .about-list li .info {
   padding-top: 5px;
 }

 .about-area .about-list li .icon i {
   color: #4B7873;
   display: inline-block;
   font-size: 50px;
   min-width: 70px;
 }

 .about-area .about-list li .info h5 {
   font-weight: 600;
   text-transform: capitalize;
 }

 .about-area .about-list li {
   border-top: 1px solid #e7e7e7;
   margin-top: 20px;
   padding-top: 20px;
 }

 .about-area .about-list li p:last-child {
   margin-bottom: 0;
 }

 .about-area .about-list li:first-child {
   border: medium none;
   margin-top: 0;
   padding-top: 0;
 }

 .about-area .about-content .thumb img {
   position: relative;
   z-index: 1;
   border: 1px solid #ccc;
   padding: 2px;
 }

 .about-area.full-width.mt .about-items {}

 .about-area .about-content .info h4 {
   color: #4B7873;
   font-weight: 600;
   text-transform: uppercase;
 }

 .about-area .about-content .info h2 {
   display: inline-block;
   line-height: 1.3;
   margin-bottom: 13px;
   padding-bottom: 12px;
   position: relative;
   z-index: 1;
   font-size: 23px;
 }

 .about-area .about-content .info a {
   margin-top: 10px;
 }

 .about-area .about-content .info a.btn-contact {
   padding: 10px;
 }

 .about-area .about-content .info h2::after {
   background: #232323 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 50px;
 }

 .about-area .about-content ul {
   margin-bottom: 15px;
   margin-top: 25px;
 }

 .about-area .about-content ul li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 2px;
   padding-bottom: 3px;
   list-style-type: disclosure-closed;
   list-style-position: inside;
 }

 .about-area .about-content ul li .icon,
 .about-area .about-content ul li .info {
   display: table-cell;
   vertical-align: top;
 }

 .about-area .about-content ul li .info span {
   color: #232323;
   display: block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 18px;
   font-weight: 600;
   line-height: 1.2;
   text-transform: uppercase;
 }

 .about-area .about-content ul li .info {
   padding-left: 15px;
 }

 .about-area .about-content ul li .icon i {
   color: #4B7873;
   font-size: 40px;
 }

 .about-area .about-content ul li .icon i.fa-clock {
   font-weight: 500;
 }

 .about-area .about-content ul li:last-child {
   border: medium none;
   margin-bottom: 0;
   padding-bottom: 0;
 }


 /* ============================================================== 
     # Services
=================================================================== */

 .services-inc-area.half-bg {
   position: relative;
   z-index: 1;
 }

 .services-inc-area.half-bg::after {
   background: #1d2024 none repeat scroll 0 0;
   content: "";
   height: 50%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .services-area .services-items .equal-height {
   margin-bottom: 30px;
   right: -1px;
 }

 .services-inc-area.inc-colum .equal-height {
   margin-bottom: 30px;
 }

 .services-items.colum-items .single-item {
   margin-bottom: 30px;
 }

 .services-area .services-items .item {
   background: #F9F8F4 none repeat scroll 0 0;
   -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   padding: 50px 30px;
 }

 .services-area .services-items .item i {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #4B7873;
   display: inline-block;
   font-size: 50px;
   height: 100px;
   line-height: 95px;
   position: relative;
   text-align: center;
   width: 100px;
 }

 .services-area .services-items .item i::after {
   border-bottom: 2px solid;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border-left: 2px solid;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   width: 100%;
 }

 .services-area .services-items .item:hover i::after {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 .services-area .services-items .item .icon {
   display: inline-block;
   position: relative;
   margin-bottom: 20px;
 }

 .services-area .services-items .item h4 {
   font-weight: 600;
   text-transform: capitalize;
   display: block;
 }

 .services-area .services-items .item p {
   margin: 0;
 }

 .services-area .services-items .item a {
   color: #666666;
   display: inline-block;
   font-weight: 600;
   margin-top: 10px;
   text-transform: uppercase;
 }

 .services-area .services-items .item a:hover {
   color: #4B7873;
 }

 /* Services Shadow */

 .services-area.shadow .services-items .item {
   background: transparent none repeat scroll 0 0;
   border: 1px solid rgba(255, 255, 255, 0.3);
   box-shadow: inherit;
   position: relative;
   z-index: 1;
 }

 .services-area.shadow .services-items .item::after {
   background: #1d2024 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.6;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 .services-area.shadow .services-items .item:hover:after {
   background: #F9F8F4;
   opacity: 1;
 }

 .services-area.shadow .services-items .item i,
 .services-area.shadow .services-items .item h4,
 .services-area.shadow .services-items .item p,
 .services-area.shadow .services-items .item i {
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 .services-area.shadow .services-items .item:hover p,
 .services-area.shadow .services-items .item:hover h4 {
   color: #666666;
   opacity: 1;
 }

 .services-area.shadow .services-items .item:hover i {
   color: #4B7873;
   opacity: 1;
 }

 .services-area.shadow .services-items .item a {
   color: #4B7873;
 }

 .services-area.shadow .services-items .item i {
   border: medium none;
   color: #F9F8F4;
   height: inherit;
   line-height: inherit;
   width: inherit;
   border-radius: inherit;
 }

 .services-area.shadow .services-items .item a i {
   float: right;
   font-size: 14px;
   margin-left: 3px;
   margin-top: 1px;
   color: #4B7873;
 }

 .services-area.shadow .services-items .item i::after {
   border: none;
   border-radius: inherit !important;
 }


 /* Thumbnail Services */

 .services-inc-area .services-items .item {
   box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
 }

 .services-inc-area .item .thumb {
   position: relative;
   z-index: 1;
 }

 .services-inc-area .item .overlay>a {
   bottom: 0;
   display: flex;
   left: 0;
   width: 100%;
   padding: 15px 30px;
   position: absolute;
   z-index: 1;
   align-items: center;
 }

 .services-inc-area .services-items.overlay-gap .item .overlay>a {
   bottom: 10px;
   left: 10px;
   right: 10px;
   width: auto;
 }

 .services-inc-area .services-items.overlay-gap .item .overlay i {
   font-size: 40px;
 }

 .services-inc-area .item .thumb .overlay>a::after {
   background: #000000 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   width: 100%;
   z-index: -1;
 }

 .services-inc-area .item .overlay i {
   color: #F9F8F4;
   display: inline-block;
   font-size: 50px;
 }

 .services-inc-area .item .overlay h4 {
   border-left: 1px solid #F9F8F4;
   margin-left: 15px;
   padding-left: 15px;
   color: #F9F8F4;
   font-weight: 500;
   margin-bottom: 0;
   text-transform: uppercase;
   font-size: 18px;
 }

 .services-inc-area .item .overlay h4 a {
   color: #F9F8F4;
 }

 .services-inc-area .item .overlay>a {
   color: #4B7873;
   font-weight: 600;
   text-transform: uppercase;
   margin-top: 5px;
 }

 .services-inc-area .item .info {
   background: #F9F8F4 none repeat scroll 0 0;
   padding: 30px;
 }

 .services-inc-area .item .info a {
   color: #666666;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
 }

 .services-inc-area .item .info a:hover {
   color: #4B7873;
 }

 .services-inc-area .services-carousel .owl-nav {
   margin: 0;
 }

 .services-inc-area .services-carousel .owl-nav .owl-prev,
 .services-inc-area .services-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #4B7873;
   font-size: 30px;
   height: 40px;
   left: -50px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
 }

 .services-inc-area .services-carousel .owl-nav .owl-next {
   left: auto;
   right: -50px;
 }

 .services-inc-area .services-items.services-carousel .owl-dots {
   margin: -25px 0 0;
   position: absolute;
   right: -45px;
   top: 50%;
 }

 .services-inc-area .services-items.services-carousel .owl-dots .owl-dot {
   display: block;
 }

 .services-inc-area .services-items.services-carousel .owl-dots .owl-dot span {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 2px solid #cccccc;
   height: 20px;
   margin: 10px 0;
   width: 20px;
 }

 .services-inc-area .services-items.services-carousel .owl-dots .owl-dot.active span {
   background: #4B7873 none repeat scroll 0 0;
   border-color: #4B7873;
 }


 /* Services item cell */

 .services-area .services-items.item-cell .item .icon,
 .services-area .services-items.item-cell .item .info {
   display: table-cell;
   vertical-align: bottom;
 }

 .services-area .services-items.item-cell .item .info {
   padding-left: 25px;
 }

 .services-area .services-items.item-cell .item {
   padding: 50px 20px;
 }

 .services-area .services-items.item-cell .item .icon {
   position: relative;
   z-index: 1;
 }

 .services-area .services-items.item-cell .item .icon span {
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 30px;
   font-weight: 900;
   left: 0;
   opacity: 0.06;
   position: absolute;
   top: 0;
 }

 .services-area .services-items.item-cell .item .icon i {
   border: medium none;
   height: inherit;
   line-height: inherit;
   width: inherit;
 }

 .services-area .services-items.item-cell .item .icon i::after {
   display: none;
 }


 /* Services Single */

 .services-single-area .sidebar-item {
   border: 1px solid #e7e7e7;
   margin-bottom: 30px;
   padding: 30px;
 }

 .services-single-area .sidebar-item:last-child {
   margin-bottom: 0;
 }

 .services-single-area .sidebar-item .title h4 {
   font-weight: 500;
   margin-top: -5px;
   padding-bottom: 15px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
 }

 .services-single-area .sidebar-item .title h4::before {
   background: #4B7873 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 50px;
   z-index: -1;
 }

 .services-single-area .sidebar-item.link li {
   display: block;
   margin-bottom: 15px;
 }

 .services-single-area .sidebar-item.link li a {
   color: #666666;
   font-size: 16px;
 }

 .services-single-area .sidebar-item.link li:last-child {
   margin-bottom: 0;
 }

 .services-single-area .sidebar-item li {
   display: block;
   margin-bottom: 30px;
 }

 .services-single-area .sidebar-item li .icon,
 .services-single-area .sidebar-item li span {
   display: table-cell;
   vertical-align: top;
 }

 .services-single-area .sidebar-item li span {
   padding-left: 15px;
 }

 .services-single-area .sidebar-item li .icon i.fa-clock,
 .services-single-area .sidebar-item li .icon i.fa-envelope-open {
   font-weight: 500;
 }

 .services-single-area .sidebar-item li .icon i {
   color: #4B7873;
   display: inline-block;
   font-size: 50px;
 }

 .services-single-area .sidebar-item.project li span {
   float: left;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   padding: 0;
   text-transform: capitalize;
 }

 .services-single-area .sidebar-item.project li {
   margin-bottom: 15px;
   text-align: right;
 }

 .services-single-area .sidebar-item.project li:last-child {
   margin-bottom: 0;
 }

 .services-single-area .info h2 {
   font-weight: 600;
 }

 .services-single-area .services-content img {
   margin-bottom: 30px;
 }

 .services-single-area .info h4 {
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
 }


 /* ============================================================== 
     # Work Place
=================================================================== */
 .work-place-area .work-place-items .item {
   display: flex;
 }

 .work-place-area .work-place-items .item .info {
   background: #f9f9f9 none repeat scroll 0 0;
   padding: 80px;
 }

 .work-place-area ul {
   padding-left: 20px;
 }

 .work-place-area ul li {
   border-bottom: 1px solid #e7e7e7;
   display: block;
   font-size: 16px;
   margin-bottom: 15px;
   padding-bottom: 15px;
   padding-left: 20px;
   position: relative;
   z-index: 1;
 }

 .work-place-area ul li::after {
   border-radius: 50%;
   color: #4B7873;
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-size: 19px;
   font-weight: 900;
   height: 30px;
   left: 0;
   position: absolute;
   top: 0;
   width: 30px;
 }

 .work-place-area ul li:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border: none;
 }

 .work-place-items .info a {
   margin-top: 30px;
 }

 .work-place-area .work-place-items .info h2 {
   font-weight: 600;
   margin-bottom: 25px;
 }

 .work-place-area .work-place-items .info h4 {
   color: #4B7873;
   font-weight: 600;
   text-transform: uppercase;
 }

 .work-place-area .work-place-items.workplace-carousel .owl-dots {
   bottom: 25px;
   left: 50%;
   position: absolute;
   width: 50%;
 }

 .work-place-area .work-place-items.workplace-carousel .owl-dots .owl-dot span {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 2px solid;
   height: 20px;
   width: 20px;
 }

 .work-place-area .work-place-items.workplace-carousel .owl-dots .owl-dot.active span {
   background: #4B7873 none repeat scroll 0 0;
   border-color: #4B7873;
 }

 .work-place-area .work-place-items.workplace-carousel .owl-nav {
   margin: 0;
 }

 .work-place-area .work-place-items.workplace-carousel .owl-nav .owl-prev,
 .work-place-area .work-place-items.workplace-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #4B7873;
   font-size: 30px;
   height: 40px;
   left: 15px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
 }

 .work-place-area .work-place-items.workplace-carousel .owl-nav .owl-next {
   left: auto;
   right: 15px;
 }


 /* ============================================================== 
     # Skill
=================================================================== */
 .skill-area.full .row {
   display: flex;
 }

 .skill-area.full .skill-items {
   padding: 80px;
 }

 .skill-area.full .skill-items h2 {
   margin-bottom: 50px;
 }

 .skill-area .info {
   padding-right: 30px;
 }

 .skill-area .skill-items {
   margin-top: 30px;
 }

 .skill-area .info h2 {
   font-weight: 600;
   margin-bottom: 20px;
   text-transform: capitalize;
 }

 .skill-area .info h2 span {
   color: #4B7873;
 }

 .skill-area .skill-items .progress {
   background: #e7e7e7 none repeat scroll 0 0;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   height: 5px;
   margin-bottom: 25px;
 }

 .skill-area .skill-items .progress .progress-bar {
   background: #4B7873 none repeat scroll 0 0;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
 }

 .skill-area .skill-items .progress-box:last-child .progress {
   margin-bottom: 0;
 }

 .skill-area .skill-items .progress-box h5 {
   color: #666666;
   font-weight: 600;
   text-transform: uppercase;
 }

 .skill-area .tab-content h2,
 .skill-area .tab-content h3,
 .skill-area .tab-content h4 {
   font-weight: 500;
   text-transform: capitalize;
 }

 .skill-area .tab-items .nav-pills a {
   border: medium none;
   border-radius: inherit;
   float: left;
   font-weight: 600;
   margin-bottom: 0;
   margin-right: 50px;
   padding: 10px 0;
   position: relative;
   text-align: left;
   z-index: 1;
 }

 .skill-area .tab-items .nav-pills .active a,
 .skill-area .tab-items .nav-pills a:focus {
   background: transparent none repeat scroll 0 0;
   color: #4B7873;
 }

 .skill-area .tab-items .nav-pills a:hover {
   color: #4B7873;
   background: transparent none repeat scroll 0 0;
 }

 .skill-area .tab-items .nav-pills {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 25px;
   margin-top: -10px;
 }

 .skill-area .tab-items .nav-pills .active a::after {
   background: #4B7873 none repeat scroll 0 0;
   bottom: -2px;
   content: "";
   height: 3px;
   left: 0;
   position: absolute;
   width: 60px;
 }

 .skill-area .tab-content p:last-child {
   margin-bottom: 0;
 }




 /* ============================================================== 
     # Portfolio
=================================================================== */
 .portfolio-area .portfolio-carousel .owl-nav {
   margin: 0;
 }

 .portfolio-area .portfolio-carousel .owl-nav .owl-prev,
 .portfolio-area .portfolio-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #F9F8F4;
   font-size: 30px;
   height: 40px;
   left: 0;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
 }

 .portfolio-area .portfolio-carousel .owl-nav .owl-next {
   left: auto;
   right: 0;
 }

 .portfolio-area .mix-item-menu button {
   background: transparent none repeat scroll 0 0;
   border: medium none;
   box-shadow: inherit;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   margin: 0 5px;
   padding: 5px 10px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
   color: #232323;
 }

 .portfolio-area .mix-item-menu {
   margin-bottom: 20px;
   margin-top: -10px;
 }

 .portfolio-area .mix-item-menu button::after {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 2px solid #4B7873;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "";
   height: 10px;
   margin-top: -5px;
   position: absolute;
   right: -12px;
   top: 50%;
   width: 10px;
 }

 .portfolio-area .mix-item-menu button:last-child::after {
   display: none;
 }

 .portfolio-area .mix-item-menu button.active {
   color: #4B7873;
 }

 .portfolio-area.inc-colum {
   padding-bottom: 65px;
 }

 .portfolio-area .portfolio-items.col-3 .pf-item {
   float: left;
   padding: 15px;
   width: 33.3333%;
 }

 .portfolio-area .portfolio-items.col-2 .pf-item {
   float: left;
   padding: 15px;
   width: 50%;
 }

 .portfolio-area .portfolio-items.col-4 .pf-item {
   float: left;
   padding: 15px;
   width: 25%;
 }

 /*----*/

 .portfolio-area .portfolio-items .pf-item {
   float: left;
   width: 33.3333%;
   padding: 0 15px;
   margin-bottom: 15px;
   margin-top: 15px;

 }

 .portfolio-area .portfolio-items.col-2 .pf-item {
   width: 50%;
 }

 .portfolio-area .portfolio-items.col-4 .pf-item {
   width: 25%;
 }

 .portfolio-area .portfolio-items .pf-item .item-inner {
   position: relative;
   z-index: 1;
   background: #232323;
   overflow: hidden;
 }

 .portfolio-area .mix-item-menu {
   margin-bottom: 50px;
   overflow: hidden;
   margin-top: -13px;
 }

 .portfolio-area .mix-item-menu button {
   background: transparent none repeat scroll 0 0;
   border: 1px solid transparent;
   color: #232323;
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   font-weight: 600;
   margin: 0 10px;
   position: relative;
   text-transform: uppercase;
   padding: 5px;
 }

 .portfolio-area .mix-item-menu button.active {
   color: #2280fc;
 }

 .pf-item img {
   max-width: 100%;
   opacity: 1;
   -webkit-transition: opacity 0.35s;
   transition: opacity 0.35s;
   max-width: none;
   width: -webkit-calc(100% + 50px) !important;
   width: calc(100% + 50px) !important;
   opacity: 1;
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(-40px, 0, 0);
   transform: translate3d(-40px, 0, 0);
 }

 .pf-item:hover img {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }

 .pf-item .info {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   height: 100%;
   position: absolute;
 }

 .pf-item .info a {
   color: #F9F8F4;
 }

 .pf-item .info a i {
   background: #2280fc none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   font-size: 16px;
   height: 45px;
   line-height: 45px;
   margin: 0;
   opacity: 0;
   position: relative;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0);
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   width: 45px;
   padding: 0px 0px 0px 0px;
 }

 .pf-item .info::before {
   position: absolute;
   top: 30px;
   right: 50%;
   bottom: 30px;
   left: 50%;
   border-left: 1px solid rgba(255, 255, 255, 0.2);
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   content: '';
   opacity: 0;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .pf-item:hover img {
   /*opacity: 0.35;*/
 }

 .pf-item:hover .info i {
   opacity: 0.9;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .pf-item:hover .info a:first-child i {
   -webkit-transform: translate3d(-5px, -50%, 0);
   transform: translate3d(-5px, -50%, 0);
 }

 .pf-item:hover .info a:last-child i {
   -webkit-transform: translate3d(5px, -50%, 0);
   transform: translate3d(5px, -50%, 0);
 }

 .pf-item:hover .info::before {
   left: 30px;
   right: 30px;
   opacity: 1;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   background: rgba(255, 255, 255, 0);
 }



 /* Effect(3) left slide */
 .effect-left-swipe {
   position: relative;
   overflow: hidden;
   margin: 10px;
   border: 1px solid#ccc;
   padding: 3px;
   box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
 }

 .effect-left-swipe * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 .portfolio-area .effect-left-swipe a i {
   background: #F9F8F4 none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #4B7873;
   font-size: 14px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   width: 50px;
 }

 .effect-left-swipe img {
   max-width: 100%;
   position: relative;
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .effect-left-swipe:after {
   background: transparent;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   bottom: 0;
   content: '';
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   opacity: 0;
 }

 .effect-left-swipe .icons {
   height: auto;
   bottom: 25px;
   left: 30px;
   position: absolute;
   text-align: left;
   z-index: 1;
   -webkit-transition-delay: 0.2s;
   transition-delay: 0.2s;
 }

 .effect-left-swipe .icons .cat span {
   color: #F9F8F4;
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   position: relative;
   padding-right: 5px;
 }

 .effect-left-swipe .icons .cat span::after {
   bottom: 0;
   content: ",";
   position: absolute;
   right: 0;
 }

 .effect-left-swipe .icons .cat span:last-child::after {
   display: none;
 }

 .effect-left-swipe .cat,
 .effect-left-swipe h4 {
   display: block;
   opacity: 0;
   -webkit-transform: translateY(10px);
   transform: translateY(10px);
 }

 .swipe-inline .effect-left-swipe .icons {
   bottom: 20px;
   left: 30px;
 }

 .swipe-inline .effect-left-swipe .cat {
   display: inline-block;
   margin-right: 3px;
   width: auto;
 }

 .effect-left-swipe h4 {
   font-weight: 600;
   margin-bottom: 5px;
   text-transform: uppercase;
 }

 .portfolio-area .portfolio-items.col-4 .pf-item h4 {
   font-size: 16px;
 }

 .effect-left-swipe h4 a {
   color: #F9F8F4;
 }

 .effect-left-swipe .cat {
   display: inline-block;
 }

 .effect-left-swipe:hover img,
 .effect-left-swipe.hover img {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }

 .effect-left-swipe:hover:after,
 .effect-left-swipe.hover:after {
   opacity: .5;
 }

 .effect-left-swipe:hover .icons .cat,
 .effect-left-swipe.hover .icons .cat,
 .effect-left-swipe:hover .icons h4,
 .effect-left-swipe.hover .icons h4 {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
 }

 .effect-left-swipe:hover h4,
 .effect-left-swipe.hover h4,
 .effect-left-swipe:hover .cat,
 .effect-left-swipe.hover .cat {
   -webkit-transition-delay: 0.2s;
   transition-delay: 0.2s;
 }

 .effect-left-swipe>a {
   color: #F9F8F4;
   font-size: 20px;
   opacity: 0;
   position: absolute;
   right: 30px;
   top: 0;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   z-index: 1;
 }

 .effect-left-swipe:hover>a,
 .effect-left-swipe.hover>a {
   opacity: 1;
   top: 30px;
 }


 /* ============================================================== 
     # Team
=================================================================== */

 .team-area .team-items .single-item {
   margin-bottom: 30px;
 }

 .team-area .team-items .item {
   -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
 }

 .team-area .team-items .item .info {
   background: #F9F8F4 none repeat scroll 0 0;
   padding: 30px;
 }

 .team-area .team-items .item .info h4 {
   font-weight: 600;
   margin-bottom: 5px;
   text-transform: capitalize;
 }

 .team-area .team-items .item .info p:last-child {
   margin-bottom: 0;
 }

 .team-area .team-items .item .info span {
   color: #4B7873;
   display: block;
   margin-bottom: 15px;
   text-transform: uppercase;
 }

 .team-area .team-items.team-standard .item .info span {
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   margin-bottom: 15px;
   padding-bottom: 10px;
   position: relative;
   text-transform: uppercase;
 }

 .team-area .team-items.team-standard .item .info span::after {
   background: #4B7873 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -20px;
   position: absolute;
   width: 40px;
 }

 .team-area .team-items .item .thumb {
   position: relative;
   z-index: 1;
 }

 .team-area .info .social li {
   display: inline-block;
 }

 .team-area .info .social li a {
   color: #666666;
   display: inline-block;
   font-size: 20px;
   margin: 0 10px;
 }

 .team-area .info .social {
   border-top: 1px dashed #dbdbdb;
   padding-top: 20px;
 }

 .team-area .team-items .item .thumb .icon {
   background: #F9F8F4 none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   bottom: 0;
   content: "";
   height: 50px;
   left: 50%;
   margin-bottom: -25px;
   margin-left: -25px;
   position: absolute;
   width: 50px;
 }

 .team-area .team-items .item .thumb .icon::after {
   color: #4B7873;
   content: "\f508";
   font-family: "Font Awesome 5 Free";
   font-size: 20px;
   font-weight: 900;
   height: 100%;
   left: 0;
   letter-spacing: -2px;
   position: absolute;
   top: 5px;
   width: 100%;
 }

 .team-area .team-items.team-standard .thumb {
   overflow: hidden;
 }

 .team-area .team-items.team-standard .item:hover .thumb::after {
   opacity: 1;
 }

 .team-area .team-items.team-standard .thumb .social ul {
   background: #F9F8F4 none repeat scroll 0 0;
   border-radius: 30px;
   display: inline-block;
   padding: 10px 30px;
 }

 .team-area .team-items.team-standard .thumb .social li {
   display: inline-block;
 }

 .team-area .team-items.team-standard .thumb .social li a {
   color: #4B7873;
   display: inline-block;
   font-size: 20px;
   margin: 5px 10px 0;
 }

 .team-area .team-items.team-standard .thumb .social {
   bottom: -55px;
   left: 0;
   padding: 15px 25px;
   position: absolute;
   text-align: center;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   z-index: 1;
   width: 100%;
   text-align: center;
 }

 .team-area .team-items.team-standard .item:hover .thumb .social {
   bottom: 0;
 }

 .team-area .team-items.team-carousel .owl-nav {
   margin: 0;
 }

 .team-area .team-items.team-carousel .owl-nav .owl-prev,
 .team-area .team-items.team-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #4B7873;
   font-size: 30px;
   height: 40px;
   left: -50px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
 }

 .team-area .team-items.team-carousel .owl-nav .owl-next {
   left: auto;
   right: -50px;
 }

 .team-area .team-items.team-carousel .owl-dots {
   margin: -25px 0 0;
   position: absolute;
   right: -45px;
   top: 50%;
 }

 .team-area .team-items.team-carousel .owl-dots .owl-dot {
   display: block;
 }

 .team-area .team-items.team-carousel .owl-dots .owl-dot span {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 2px solid #cccccc;
   height: 20px;
   margin: 10px 0;
   width: 20px;
 }

 .team-area .team-items.team-carousel .owl-dots .owl-dot.active span {
   background: #4B7873 none repeat scroll 0 0;
   border-color: #4B7873;
 }


 /* Team Single */

 .team-items.single .bio h4 {
   font-weight: 600;
   margin-bottom: 10px;
   text-transform: uppercase;
 }

 .team-items.single .bio {
   -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   padding: 30px;
   text-align: center;
 }

 .team-items.single .bio span {
   color: #4B7873;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 500;
 }

 .team-items.single .bio li {
   display: inline-block;
 }

 .team-items.single .bio li a {
   color: #666666;
   display: inline-block;
   font-size: 20px;
   margin: 0 10px;
 }

 .team-items.single .bio ul {
   margin-top: 10px;
 }

 .team-items.single .content h2 {
   font-weight: 600;
   margin-bottom: 20px;
   text-transform: capitalize;
 }

 .team-items.single .content h4 {
   font-weight: 600;
   text-transform: capitalize;
 }

 .team-items.single .content h3 {
   font-weight: 600;
   margin-bottom: 25px;
   margin-top: 20px;
   text-transform: capitalize;
 }

 .team-items.single .profile {
   padding-right: 30px;
 }

 .team-items.single .content .progress {
   height: 5px;
 }

 .team-items.single .content .progress .progress-bar {
   background: #4B7873 none repeat scroll 0 0;
 }

 .team-items.single .progress-box h5 {
   color: #666666;
   font-weight: 600;
   text-transform: capitalize;
 }

 .team-items.single .progress-box .progress {
   margin-bottom: 30px;
 }

 .team-items.single .progress-box:last-child .progress {
   margin-bottom: 0;
 }

 .team-area .team-items.single .content ul li {
   border-top: 1px solid #e7e7e7;
   padding: 15px 0;
 }

 .team-area .team-items.single .content ul li:first-child {
   border-top: medium none navy;
   padding-top: 0;
 }

 .team-area .team-items.single ul li:last-child {
   padding-bottom: 0;
 }

 .team-area .team-items.single .content ul li i {
   color: #4B7873;
   font-size: 20px;
   min-width: 25px;
 }


 /* ============================================================== 
     # Pricing Table
=================================================================== */

 .pricing-area .pricing-item {
   background: #F9F8F4 none repeat scroll 0 0;
   -moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   -o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
   overflow: hidden;
   padding: 30px;
   position: relative;
   z-index: 1;
   border: 1px solid #4B7873;
 }

 .pricing-area .col-md-3,
 .pricing-area .col-md-4,
 .pricing-area .col-md-6 {
   margin-bottom: 30px;
 }

 .pricing-area .pricing-item .title {}

 .pricing-area .pricing-item .title h4 {
   color: #666666;
   display: inline-block;
   font-weight: 600;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
 }

 .pricing-area .pricing-item.active .title h4::after,
 .pricing-area .pricing-item.active .title h4::before {
   background: #F9F8F4 none repeat scroll 0 0;
 }

 .pricing-area .pricing-item i {
   color: #4B7873;
   display: inline-block;
   font-size: 80px;
   margin-bottom: 15px;
 }

 .pricing-area .pricing-item h2 {
   color: #666666;
   font-size: 50px;
   font-weight: 600;
   margin: 0;
 }

 .pricing-area .pricing-item.active h2 {
   color: #F9F8F4;
 }

 .pricing-area .pricing-item h2 sup {
   bottom: auto;
   font-size: 30px;
   font-weight: 500;
   right: 5px;
   top: -15px;
 }

 .pricing-area .pricing-item h2 sub {
   font-size: 15px;
 }

 .pricing-area .pricing-item .footer a {
   margin-top: 20px;
 }

 .pricing-area .pricing-item li {
   line-height: 40px;
 }

 .pricing-area .pricing-item li.pricing-header {
   color: #666666;
   line-height: inherit;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 10px 0;
   position: relative;
   z-index: 1;
 }

 .pricing-area .pricing-item li.pricing-header::after {
   background: #f4f4f4 none repeat scroll 0 0;
   border-bottom: 1px solid #e7e7e7;
   border-top: 1px solid #e7e7e7;
   bottom: 0;
   content: "";
   height: 100%;
   left: -50%;
   position: absolute;
   width: 200%;
   z-index: -1;
 }

 .pricing-area .pricing-item.active li.pricing-header::after {
   background: #4B7873 none repeat scroll 0 0;
   border-color: transparent;
 }

 .pricing-simple li.pricing-header span.badge {
   background: #F9F8F4 none repeat scroll 0 0;
   border-radius: inherit;
   color: #4B7873;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1px;
   padding: 13px 0;
   position: absolute;
   right: -87px;
   text-transform: uppercase;
   top: -68px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   width: 200px;
 }


 /* ============================================================== 
     # Achivement
=================================================================== */

 .achivement-area .info {
   padding-right: 30px;
 }

 .achivement-area .info h2 {
   font-weight: 600;
   line-height: 1.3;
   margin-bottom: 25px;
   padding-bottom: 25px;
   position: relative;
   text-transform: capitalize;
   z-index: 1;
 }

 .achivement-area .info h2::after {
   background: #F9F8F4 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 3px;
   left: 0;
   position: absolute;
   width: 50px;
 }

 .achivement-area .info a {
   margin-top: 15px;
 }

 .achivement-area .achivement-items .fun-fact {
   padding: 50px 30px;
   position: relative;
   z-index: 1;
 }

 .achivement-area .achivement-items .fun-fact::after {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 1px solid rgba(255, 255, 255, 0.57);
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.8;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .achivement-area .achivement-items .item {
   margin-top: 30px;
 }

 .achivement-area .achivement-items .item:first-child,
 .achivement-area .achivement-items .item:nth-child(2) {
   margin-top: 0;
 }

 .achivement-area .achivement-items .fun-fact .timer {
   color: #4B7873;
   display: block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 50px;
   font-weight: 600;
   line-height: 1;
 }

 .achivement-area .achivement-items .fun-fact .medium {
   color: #232323;
   display: block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 16px;
   margin-top: 10px;
   text-transform: uppercase;
   font-weight: 600;
 }


 /* ============================================================== 
     # Work Process
=================================================================== */
 .work-process-area .process-item .icon,
 .work-process-area .process-item .info {
   display: table-cell;
   vertical-align: top;
 }

 .work-process-area .process-item .info {
   padding-left: 30px;
 }

 .work-process-area .process-item .icon i {
   color: #4B7873;
   font-size: 60px;
 }

 .work-process-area .process-item .info span {
   display: block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 20px;
   font-weight: 900;
   letter-spacing: 1px;
   line-height: 1.2;
   margin-bottom: 10px;
   opacity: 0.2;
 }

 .work-process-area .process-item .info h4 {
   font-weight: 600;
   text-transform: capitalize;
 }

 .work-process-area .process-items h2 {
   font-weight: 600;
   text-transform: capitalize;
 }

 .work-process-area .process-items .heading {
   margin-bottom: 30px;
 }

 .work-process-area .process-item {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 20px;
   padding-bottom: 20px;
 }

 .work-process-area .process-item p:last-child {
   margin-bottom: 0;
 }

 .work-process-area .process-item:last-child {
   border: medium none;
   margin: 0;
   padding: 0;
 }



 /* ============================================================== 
     # Faq Accordion
=================================================================== */

 .faq-area {
   overflow: hidden;
 }

 .faq-items .panel-group,
 .acd-items .panel-group {
   margin-bottom: 0;
 }

 .faq-area .faq-items {
   margin-top: -15px;
 }

 .acd-items .panel-heading .panel-title a span {
   background: #ff5a6e none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #F9F8F4;
   display: inline-block;
   height: 30px;
   line-height: 30px;
   margin-right: 5px;
   text-align: center;
   width: 30px;
 }

 .acd-items .panel-heading .panel-title a {
   color: #232323;
   display: block;
   font-weight: 600;
   padding: 19px 0 20px 15px;
   position: relative;
 }

 .acd-items .panel-heading {
   padding: 0;
 }

 .faq-area .acd-items .panel-body {
   padding: 30px 15px;
 }

 .acd-items .panel.panel-default {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
   margin: 0 0 10px;
 }

 .acd-items .panel.panel-default:last-child {
   margin-bottom: 0;
 }

 .acd-items .panel-body p:last-child {
   margin: 0;
 }

 .faq-items .panel-body {
   padding: 20px;
 }

 .faq-items .acd-items .panel .panel-body {
   border-color: #e7e7e7;
 }

 .acd-arrow .panel-group.symb .panel-heading a::after {
   content: "\f107";
   font-size: 20px;
   position: absolute;
   right: 10px;
   top: 17px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color: #232323;
 }

 .acd-arrow.left .panel-group.symb .panel-heading a::after {
   content: "\f01b" !important;
   font-size: 20px;
   position: absolute;
   right: auto;
   left: 10px;
   top: 12px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
 }

 .acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
   content: "\f01a" !important;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
 }

 .faq-area .faq-items .panel-group {
   margin: 0;
 }

 .acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
 }


 /* ============================================================== 
     # Product 
=================================================================== */

 .buspro-product-area .product-single {
   margin-bottom: 30px;
 }

 .product-list .product-thumb {
   position: relative;
   z-index: 1;
 }

 .product-list .product-thumb .overlay {
   background: #F9F8F4 none repeat scroll 0 0;
   border-radius: 5px;
   bottom: -35px;
   box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   left: 15px;
   padding: 15px;
   position: absolute;
   right: 15px;
   text-align: center;
 }

 .product-list .product-thumb .overlay li {
   display: inline-block;
 }

 .product-list .product-thumb .overlay li a {
   border: 1px solid;
   border-radius: 50%;
   color: #4B7873;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   margin: 0 3px;
   text-align: center;
   width: 40px;
 }

 .product-list .product-content {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 1px solid #e7e7e7;
   padding: 65px 30px 30px;
 }

 .product-list .product-content h4 {
   font-weight: 600;
   margin-bottom: 10px;
   text-transform: capitalize;
 }

 .product-list .product-content h4 a:hover {
   color: #4B7873;
 }

 .product-list .product-content span {
   color: #232323;
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 1px;
   margin: 0 3px;
 }

 .product-list .product-content span del {
   color: #999999;
 }


 /* ============================================================== 
     # Error Page
=================================================================== */

 .error-page-area .error-box {
   position: relative;
 }

 .error-page-area .error-box h1 {
   color: #666666;
   font-size: 300px;
   font-weight: 600;
   left: 50%;
   line-height: 1;
   opacity: 0.09;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   z-index: -1;
 }

 .error-page-area h2 {
   font-weight: 600;
   text-transform: uppercase;
 }

 .error-page-area a {
   margin-top: 15px;
 }

 .error-box .search {
   margin-bottom: 15px;
   margin-top: 30px;
   text-align: center;
 }

 .error-box .search form {
   margin: auto;
   position: relative;
   width: 400px;
 }

 .error-box .search .input-group {
   width: 100%;
 }

 .error-box .search form input {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   box-shadow: inherit;
 }

 .error-box .search form button {
   background: transparent none repeat scroll 0 0;
   border: medium none;
   line-height: 50px;
   padding: 0 15px;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 9;
 }

 /* ============================================================== 
     # Blog
=================================================================== */

 .blog-area .single-item {
   margin-bottom: 30px;
 }

 .blog-area .single-item .item {
   box-shadow: 0PX 0PX 6PX #d9d9d9;
   border-radius: 10px;
   /*    min-height: 390px;*/
   /*height: 390px;*/
   /*max-height: 420px;*/
 }

 .blog-area.full-blog .single-item {
   margin-bottom: 50px;
 }

 .blog-area .thumb {
   overflow: hidden;
   position: relative;
   z-index: 1;
 }

 .blog-area .item .thumb img {
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 .blog-area .item:hover .thumb img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
 }

 .blog-area .thumb .post-formats {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #F9F8F4;
   font-size: 20px;
   height: 50px;
   line-height: 50px;
   position: absolute;
   right: 15px;
   text-align: center;
   top: 15px;
   width: 50px;
   z-index: 1;
 }

 .blog-area .thumb .post-formats::after {
   background: #4B7873 none repeat scroll 0 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }

 .blog-area .info {
   /*box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);*/
   overflow: hidden;
   padding: 10px;
   background: #F9F8F4 none repeat scroll 0 0;
   /*height: 20rem;*/
   font-size: 14px;
   padding: 0px 20px;
 }

 .blog-area .info p {
   /*font-weight:bold;*/
 }

 .blog-area .info a:hover {
   color: #4B7873;
 }

 .blog-area .thumb a {
   display: block;
 }

 .blog-area .item .info span,
 .blog-area .item .thumb span {
   background: rgba(34, 128, 252, 0.8) none repeat scroll 0 0;
   color: #F9F8F4;
   display: inline-block;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   letter-spacing: 1px;
   margin-bottom: 15px;
   padding: 3px 20px;
   text-transform: uppercase;
 }

 .blog-area .thumb span {
   bottom: 0;
   left: 30px;
   position: absolute;
 }

 .blog-area .info h4 {
   margin-bottom: 20px;
 }

 .blog-area .info h2,
 .blog-area .info h3,
 .blog-area .info h4 {
   font-weight: 500;
   text-transform: capitalize;
   font-size: 16px;
 }

 .panel-body strong {
   font-weight: 600 !important;
 }

 .panel-body ul li {
   list-style: circle;
   list-style-position: inside;
 }

 .blog-area .info .cats {
   margin-bottom: 10px;
 }

 .blog-area .info .cats i {
   margin-right: 5px;
 }

 .blog-area .info .cats a {
   color: #666666;
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   padding-right: 8px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
 }

 .blog-area .info .cats a:hover {
   color: #4B7873;
 }

 .blog-area .info .cats a::after {
   bottom: 0;
   content: ",";
   font-family: "Times New Roman";
   font-size: 15px;
   position: absolute;
   right: 0;
 }

 .blog-area .info .cats a:last-child::after {
   display: none;
 }

 .blog-area .info .meta li {
   color: #666666;
   float: left;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
 }

 .blog-area .info .meta li i {
   margin-right: 5px;
 }

 .blog-area .info .meta>a {
   color: #4B7873;
   float: right;
   font-weight: 600;
   text-transform: uppercase;
 }

 .blog-area .info .meta {
   border-top: 1px solid #e7e7e7;
   float: left;
   padding-top: 15px;
   width: 100%;
   margin-bottom: -5px;
 }

 .blog-area .blog-carousel .owl-nav {
   margin: 0;
 }

 .blog-area .blog-carousel .owl-nav .owl-prev,
 .blog-area .blog-carousel .owl-nav .owl-next {
   background: transparent none repeat scroll 0 0;
   color: #4B7873;
   font-size: 30px;
   height: 40px;
   left: -50px;
   line-height: 40px;
   margin: -20px 0 0;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 40px;
 }

 .blog-area .blog-carousel .owl-nav .owl-next {
   left: auto;
   right: -50px;
 }

 .blog-area .blog-carousel .owl-dots {
   margin: -25px 0 0;
   position: absolute;
   right: -45px;
   top: 50%;
 }

 .blog-area .blog-carousel .owl-dots .owl-dot {
   display: block;
 }

 .blog-area .blog-carousel .owl-dots .owl-dot span {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 2px solid #cccccc;
   height: 20px;
   margin: 10px 0;
   width: 20px;
 }

 .blog-area .blog-carousel .owl-dots .owl-dot.active span {
   background: #4B7873 none repeat scroll 0 0;
   border-color: #4B7873;
 }

 .blog-area.left-sidebar .blog-content {
   float: right;
 }

 /* Pagination */

 .blog-area .pagi-area .pagination li a {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #4B7873;
   font-weight: 600;
   height: 50px;
   line-height: 50px;
   margin-right: 10px;
   margin-top: 5px;
   padding: 0;
   text-align: center;
   text-transform: uppercase;
   /*width: 50px;*/
 }

 .blog-area .pagi-area .pagination li.active a {
   background: #4B7873 none repeat scroll 0 0;
   border-color: transparent;
   color: #F9F8F4;
 }

 .blog-area .pagi-area .pagination {
   margin-bottom: -10px;
   margin-top: -5px;
 }

 /* Sidebar */

 .blog-area .sidebar .title {
   display: block;
 }

 .blog-area .sidebar .title h4 {
   font-weight: 500;
   margin-bottom: 25px;
   margin-top: -5px;
   padding-bottom: 15px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
 }

 .blog-area .sidebar .title h4::before {
   background: #4B7873 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 50px;
   z-index: -1;
 }

 .blog-area .sidebar input[type="text"] {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
 }

 .blog-area .sidebar form {
   position: relative;
 }

 .blog-area .sidebar input[type="submit"] {
   background: #232323 none repeat scroll 0 0;
   border: medium none;
   color: #F9F8F4;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 500;
   letter-spacing: 1px;
   padding: 0 15px;
   position: absolute;
   right: 0;
   text-transform: uppercase;
   top: 0;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
 }

 .blog-area .sidebar input[type="submit"]:hover {
   background: #4B7873 none repeat scroll 0 0;
 }

 .blog-area .sidebar .sidebar-item {
   float: left;
   margin-bottom: 50px;
   width: 100%;
 }

 .blog-area .sidebar .sidebar-item.gallery {
   margin-bottom: 40px;
 }

 .blog-area .sidebar .sidebar-item:last-child {
   margin-bottom: 0;
 }

 .blog-area .sidebar .sidebar-item.category .sidebar-info,
 .blog-area .sidebar .sidebar-item.archives .sidebar-info {
   margin-top: -5px;
 }

 .blog-area .sidebar .sidebar-item.category li {
   display: block;
   padding: 10px 0;
   border-bottom: 1px solid #e7e7e7;
   position: relative;
 }

 .blog-area .sidebar .sidebar-item.category li a {
   display: inline-block;
   text-transform: capitalize;
   padding-left: 25px;
 }

 .blog-area .sidebar .sidebar-item li a:hover {
   color: #4B7873;
 }

 .sidebar-item.category ul li a::after {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "\f07b";
   font-family: "Font Awesome 5 Free";
   height: 8px;
   left: 0;
   position: absolute;
   width: 8px;
   top: 10px;
 }

 .blog-area .sidebar .sidebar-item.category li a span {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #666666;
   font-weight: 500;
   padding: 0 8px;
   position: absolute;
   right: 0;
   top: 10px;
 }

 .blog-area .sidebar .sidebar-item.category li:first-child a span {
   top: 0;
 }

 .blog-area .sidebar .sidebar-item.category li:first-child {
   margin-top: 0;
   padding-top: 0;
 }

 .blog-area .sidebar .sidebar-item.category li:first-child a::after {
   top: 0;
 }

 .blog-area .sidebar .sidebar-item.category li:last-child {
   border: medium none;
   margin-bottom: 0;
   padding-bottom: 0;
 }

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

 /* ============================================================== 
     # Blog
=================================================================== */

 .blog-area .single-item {
   margin-bottom: 30px;
 }

 .blog-area .item .info {
   background: #F9F8F4 none repeat scroll 0 0;
   -moz-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.09);
   -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.09);
   -o-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.09);
   box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.09);
   padding: 30px;
 }

 .blog-area .item .info span,
 .blog-area .item .thumb span {
   background: rgba(34, 128, 252, 0.8) none repeat scroll 0 0;
   color: #F9F8F4;
   display: inline-block;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   letter-spacing: 1px;
   margin-bottom: 15px;
   padding: 3px 20px;
   text-transform: uppercase;
 }

 .blog-area .thumb {
   position: relative;
 }

 .blog-area .thumb span {
   bottom: 0;
   left: 30px;
   position: absolute;
 }

 .blog-area .thumb a {
   display: block;
 }

 .blog-area .item .info h4 {
   font-weight: 600;
   text-transform: capitalize;
 }

 .blog-area .item .info .meta li {
   display: inline-block;
   margin-right: 10px;
 }

 .blog-area .item .info .meta ul {
   float: left;
 }

 .blog-area .item .info .meta a {
   float: right;
 }

 .blog-area .item .info .meta a:hover {
   color: #2280fc;
 }

 .blog-area .item .info .meta {
   border-top: 1px solid #e7e7e7;
   margin-bottom: -10px;
   overflow: hidden;
   padding-top: 15px;
 }

 .blog-area .item .info .meta>a {
   color: #2280fc;
   font-weight: 600;
   text-transform: uppercase;
 }

 .blog-area .item .info .meta li a {
   display: inline-block;
 }

 .blog-area .item .info .meta li i {
   margin-right: 3px;
 }

 /* Full Blog */
 .blog-area.left-sidebar .blog-content {
   float: right;
 }

 .blog-area.full-blog .single-item.item {
   margin-bottom: 50px;
 }

 .blog-area .pagi-area .pagination li a {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #2280fc;
   font-weight: 600;
   margin-right: 10px;
   margin-top: 5px;
   padding: 0px 20px;
   text-transform: uppercase;
 }

 .blog-area .pagi-area .pagination li.active a {
   background: #2280fc none repeat scroll 0 0;
   border-color: transparent;
   color: #F9F8F4;
 }

 .blog-area .pagi-area .pagination {
   margin-bottom: -10px;
   margin-top: -5px;
 }


 /* Sidebar */

 .blog-area .sidebar .title {
   display: block;
 }

 .blog-area .sidebar .title h4 {
   font-weight: 500;
   margin-bottom: 25px;
   margin-top: -5px;
   padding-bottom: 10px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
 }

 .blog-area .sidebar .title h4::before {
   background: #2280fc none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   width: 100%;
   z-index: -1;
 }

 .blog-area .sidebar input[type="text"] {
   border: 1px solid #e7e7e7;
   box-shadow: inherit;
 }

 .blog-area .sidebar form {
   position: relative;
 }

 .blog-area .sidebar input[type="submit"] {
   background: #2280fc none repeat scroll 0 0;
   border: medium none;
   color: #F9F8F4;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   letter-spacing: 1px;
   padding: 0 10px;
   position: absolute;
   right: 0;
   text-transform: capitalize;
   top: 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
 }

 .blog-area .sidebar .sidebar-item {
   margin-bottom: 50px;
   overflow: hidden;
 }

 .blog-area .sidebar .sidebar-item.gallery {
   margin-bottom: 40px;
 }

 .blog-area .sidebar .sidebar-item:last-child {
   margin-bottom: 0;
 }

 .blog-area .sidebar .sidebar-item.category .sidebar-info,
 .blog-area .sidebar .sidebar-item.archives .sidebar-info {
   margin-top: -5px;
 }

 .blog-area .sidebar .sidebar-item.category li {
   display: block;
   padding: 10px 0;
   border-bottom: 1px solid #e7e7e7;
   position: relative;
 }

 .blog-area .sidebar .sidebar-item.category li a {
   display: inline-block;
   text-transform: capitalize;
   padding-left: 25px;
 }

 .blog-area .sidebar .sidebar-item li a:hover {
   color: #2280fc;
 }

 .sidebar-item.category ul li a::after {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "\f07b";
   font-family: "Font Awesome 5 Free";
   height: 8px;
   left: 0;
   position: absolute;
   width: 8px;
 }

 .blog-area .sidebar .sidebar-item.category li a span {
   background: #2280fc none repeat scroll 0 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #F9F8F4;
   font-weight: 500;
   padding: 0 8px;
   position: absolute;
   right: 0;
 }

 .blog-area .sidebar .sidebar-item.category li:first-child {
   margin-top: 0;
   padding-top: 0;
 }

 .blog-area .sidebar .sidebar-item.category li:last-child {
   border: medium none;
   margin-bottom: 0;
   padding-bottom: 0;
 }

 .sidebar-item.recent-post li a {
   color: #232323;
   display: block;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
 }

 .sidebar-item.recent-post li a:last-child {
   display: inline-block;
   font-weight: 400;
 }

 .sidebar-item.recent-post .meta-title {
   color: #999999;
   font-family: "Poppins", sans-serif;
 }

 .sidebar-item.recent-post li a:hover {
   color: #2154cf;
 }

 .color-yellow .sidebar-item.recent-post li a:hover {
   color: #ff9800;
 }

 .sidebar-item.recent-post li a span {
   display: inline-block;
   color: #232323;
 }

 .sidebar-item.recent-post li span {
   display: inline-block;
   margin-bottom: 10px;
   text-transform: capitalize;
 }

 .sidebar-item.recent-post .meta-title a {
   text-transform: capitalize;
   color: #999999;
 }

 .sidebar-item.recent-post li {
   color: #cdd0d3;
 }

 .sidebar-item.recent-post li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 15px;
   padding-bottom: 15px;
 }

 .sidebar-item.recent-post li:last-child {
   border: medium none;
   margin: 0;
   padding: 0;
 }

 .sidebar-item.recent-post li:last-child {
   margin: 0;
 }

 .sidebar-item.recent-post li .thumb {
   display: table-cell;
   padding-top: 5px;
   vertical-align: top;
   width: 80px;
 }

 .sidebar-item.recent-post .thumb img {
   width: 100%;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
 }

 .sidebar-item.recent-post li .info {
   display: table-cell;
   padding-left: 20px;
   vertical-align: top;
   line-height: 26px;
   color: #837f7e;
 }

 .sidebar-item.gallery ul li {
   box-sizing: border-box;
   float: left;
   padding: 0 10px 10px 0;
   width: 33.333%;
   float: left;
 }

 .sidebar-item.gallery ul li img {
   min-height: 70px;
   width: 100%;
 }

 .sidebar-item.archives ul li {
   display: block;
   margin-bottom: 20px;
   position: relative;
 }

 .sidebar-item.archives ul li:last-child {
   margin-bottom: 0;
 }

 .sidebar-item.archives ul li a {
   color: #666666;
   display: inline-block;
   font-weight: 500;
   text-transform: capitalize;
   z-index: 1;
   padding-left: 25px;
 }

 .sidebar-item.archives ul li a::after {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "\f07b";
   font-family: "Font Awesome 5 Free";
   height: 8px;
   left: 0;
   position: absolute;
   width: 8px;
 }

 .sidebar-item.social-sidebar li {
   display: inline-block;
   float: left;
   margin-right: 5px;
 }

 .sidebar-item.social-sidebar li a {
   background: #232323 none repeat scroll 0 0;
   border: medium none;
   color: #F9F8F4;
   display: inline-block;
   font-size: 16px;
   height: 80px;
   line-height: 80px;
   text-align: center;
   width: 50px;
 }

 .sidebar-item.social-sidebar li.facebook a {
   background: #3B5998 none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.twitter a {
   background: #1DA1F2 none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.pinterest a {
   background: #BD081C none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.g-plus a {
   background: #DB4437 none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.linkedin a {
   background: #0077B5 none repeat scroll 0 0;
 }

 .sidebar-item.tags ul li {
   display: inline-block;
 }

 .sidebar-item.tags ul li a {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   display: inline-block;
   font-weight: 600;
   margin-bottom: 8px;
   margin-right: 5px;
   padding: 6px 20px;
   text-transform: capitalize;
 }

 .sidebar-item.tags ul li a:hover {
   color: #2154cf;
 }


 .sidebar-item.recent-post li a {
   color: #333333;
   display: block;
   font-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
 }

 .sidebar-item.recent-post li a:last-child {
   display: inline-block;
   font-weight: 400;
 }

 .sidebar-item.recent-post .meta-title {
   color: #999999;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   margin-top: 5px;
 }

 .sidebar-item.recent-post li a:hover {
   color: #4B7873;
 }

 .color-yellow .sidebar-item.recent-post li a:hover {
   color: #ff9800;
 }

 .sidebar-item.recent-post li a span {
   display: inline-block;
   color: #232323;
 }

 .sidebar-item.recent-post li span {
   display: inline-block;
   margin-bottom: 10px;
   text-transform: capitalize;
 }

 .sidebar-item.recent-post .meta-title a {
   text-transform: capitalize;
   color: #999999;
 }

 .sidebar-item.recent-post li {
   color: #cdd0d3;
 }

 .sidebar-item.recent-post li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 15px;
   padding-bottom: 15px;
 }

 .sidebar-item.recent-post li:last-child {
   border: medium none;
   margin: 0;
   padding: 0;
 }

 .sidebar-item.recent-post li:last-child {
   margin: 0;
 }

 .sidebar-item.recent-post li .thumb {
   display: table-cell;
   padding-top: 5px;
   vertical-align: top;
   width: 80px;
 }

 .sidebar-item.recent-post .thumb img {
   width: 100%;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
 }

 .sidebar-item.recent-post li .info {
   box-shadow: inherit;
   color: #837f7e;
   display: table-cell;
   line-height: 26px;
   padding: 0 0 0 20px;
   vertical-align: top;
 }

 .sidebar-item.gallery ul li {
   box-sizing: border-box;
   float: left;
   padding: 0 10px 10px 0;
   width: 33.333%;
   float: left;
 }

 .sidebar-item.gallery ul li img {
   min-height: 70px;
   width: 100%;
 }

 .sidebar-item.archives ul li {
   display: block;
   margin-bottom: 20px;
   position: relative;
 }

 .sidebar-item.archives ul li:last-child {
   margin-bottom: 0;
 }

 .sidebar-item.archives ul li a {
   color: #666666;
   display: inline-block;
   font-weight: 500;
   text-transform: capitalize;
   z-index: 1;
   padding-left: 25px;
 }

 .sidebar-item.archives ul li a::after {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   content: "\f07b";
   font-family: "Font Awesome 5 Free";
   height: 8px;
   left: 0;
   position: absolute;
   width: 8px;
 }

 .sidebar-item.social-sidebar li {
   display: inline-block;
   float: left;
   margin-right: 5px;
 }

 .sidebar-item.social-sidebar li a {
   background: #232323 none repeat scroll 0 0;
   border: medium none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #F9F8F4;
   display: inline-block;
   font-size: 16px;
   height: 60px;
   line-height: 60px;
   margin-bottom: 5px;
   text-align: center;
   width: 60px;
 }

 .sidebar-item.social-sidebar li a:hover {
   color: #F9F8F4 !important;
 }

 .sidebar-item.social-sidebar li.facebook a {
   background: #3B5998 none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.twitter a {
   background: #1DA1F2 none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.pinterest a {
   background: #BD081C none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.g-plus a {
   background: #DB4437 none repeat scroll 0 0;
 }

 .sidebar-item.social-sidebar li.linkedin a {
   background: #0077B5 none repeat scroll 0 0;
 }

 .sidebar-item.tags ul li {
   display: inline-block;
 }

 .sidebar-item.tags ul li a {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   display: inline-block;
   font-weight: 600;
   margin-bottom: 8px;
   margin-right: 5px;
   padding: 10px 25px;
   text-transform: capitalize;
 }

 .sidebar-item.tags ul li a:hover {
   color: #4B7873;
 }


 /* Blog Single */
 .blog-area.single .item .content-box span {
   background: #4B7873 none repeat scroll 0 0;
   color: #F9F8F4;
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   font-weight: 600;
   letter-spacing: 1px;
   margin-bottom: 15px;
   padding: 3px 20px;
   text-transform: uppercase;
 }

 .blog-area.single .item .content-box h2,
 .blog-area.single .item .content-box h3,
 .blog-area.single .item .content-box h4 {
   font-weight: 500;
 }

 .blog-area.single .content-box .cats {
   float: left;
   margin-right: 5px;
 }

 .blog-area.single .content-box .meta .date {
   float: right;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   letter-spacing: 1px;
   text-transform: uppercase;
 }

 .blog-area.single .content-box .meta {
   overflow: hidden;
   width: 100%;
   border: none;
   margin: 0;
   padding: 0;
 }

 .blog-area.single .content-box .cats a:last-child::after {
   display: none;
 }

 .blog-area.single .item {
   margin-bottom: 0;
 }

 .blog-area .item blockquote {
   background: #f6f6f6 none repeat scroll 0 0;
   border-color: #4B7873;
   color: #414141;
   font-size: 15px;
   padding: 30px;
   position: relative;
   z-index: 1;
 }

 .blog-area .item blockquote p {
   margin: 0;
   position: relative;
   z-index: 1;
   font-style: italic;
 }

 .author-bio {
   display: block;
   margin-top: 30px;
   width: 100%;
 }

 .author-bio .avatar {
   display: table-cell;
   vertical-align: top;
   width: 200px;
 }

 .author-bio .content {
   display: table-cell;
   padding: 0 0 0 30px;
   vertical-align: middle;
 }

 .author-bio .content p {
   margin: 0;
   position: relative;
   z-index: 1;
   padding-top: 5px;
 }

 .author-bio .content p::after {
   content: ",,";
   font-family: "Times New Roman";
   font-size: 60px;
   left: 0;
   letter-spacing: -4px;
   opacity: 0.5;
   position: absolute;
   top: 0;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
 }

 .author-bio .content h4 {
   font-weight: 500;
   margin-bottom: 0;
   margin-top: 15px;
   text-transform: uppercase;
 }

 .blog-area.single .post-pagi-area {
   background: #f9f9f9 none repeat scroll 0 0;
   margin: 30px 0 45px;
   overflow: hidden;
   padding: 15px;
 }

 .blog-area.single .post-pagi-area a {
   display: inline-block;
   font-weight: 600;
   text-transform: uppercase;
 }

 .blog-area.single .post-pagi-area a:hover {
   color: #4B7873;
 }

 .blog-area.single.color-yellow .post-pagi-area a:hover {
   color: #ff9800;
 }

 .blog-area.single .post-pagi-area a:last-child {
   float: right;
 }

 .blog-area.single .post-pagi-area a:first-child i {
   margin-right: 3px;
 }

 .blog-area.single .post-pagi-area a:last-child i {
   margin-left: 3px;
 }

 .blog-area.single .post-tags span {
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   margin-right: 5px;
   text-transform: uppercase;
 }

 .blog-area.single .post-tags a {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #232323;
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   margin-right: 5px;
   padding: 3px 25px;
   text-transform: capitalize;
   margin-bottom: 8px;
 }

 .comments-area .commen-item .comments-info p {
   display: block;
   margin: 0;
 }

 .blog-area .contact-comments .submit {
   margin-bottom: 0;
 }

 .blog-area.single .post-tags a:hover {
   color: #4B7873;
 }

 .blog-area.single.color-yellow .post-tags a:hover {
   color: #ff9800;
 }

 .responsive-video {
   position: relative;
   padding-bottom: 56.25%;
   /* 16:9 */
   padding-top: 25px;
   height: 0;
 }

 .responsive-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .comments-list .commen-item .avatar {
   float: left;
   height: 100px;
   width: 100px;
 }

 .comments-list .commen-item .content {
   display: table-cell;
   vertical-align: top;
 }

 .comments-list .commen-item .avatar img {
   height: 80px;
   width: 80px;
 }

 .comments-list .commen-item {
   margin-bottom: 30px;
 }

 .comments-list .commen-item.reply {
   padding-left: 80px;
 }

 .comments-area {
   margin-top: 40px;
 }

 .comments-area .comments-title h2,
 .comments-area .comments-title h3,
 .comments-area .comments-title h4 {
   border-bottom: 1px solid #e2e2e2;
   font-weight: 700;
   margin-bottom: 30px;
   padding-bottom: 15px;
   text-transform: uppercase;
 }

 .comments-list .commen-item .content h3,
 .comments-list .commen-item .content h4,
 .comments-list .commen-item .content h5 {
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
 }

 .comments-info a {
   border: 1px solid #e7e7e7;
   color: #232323;
   display: inline-block;
   font-size: 12px;
   margin-top: 15px;
   padding: 1px 10px;
   text-transform: uppercase;
 }

 .comments-info a:hover {
   color: #4B7873;
 }

 .color-yellow .comments-info a:hover {
   color: #ff9800;
 }

 .comments-info a i {
   margin-right: 10px;
 }

 .comments-form input,
 .comments-form textarea {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #e7e7e7;
   border-image: none;
   border-radius: inherit;
   border-style: none none solid;
   border-width: medium medium 1px;
   box-shadow: inherit;
   box-shadow: 0px 0px 10px #a1a1a15e;
   border-radius: 6px;
 }

 .comments-form textarea {
   min-height: 180px;
   padding: 15px;
 }

 .blog-area.full-blog.single-blog .form-group.submit {
   margin-bottom: 0;
 }

 .comments-form button {
   background-color: #1d2024;
   border: 1px solid transparent;
   color: #F9F8F4;
   display: inline-block;
   font-family: "Montserrat", sans-serif;
   font-size: 12px;
   font-weight: 600;
   line-height: 25px;
   margin-top: 20px;
   padding: 12px 40px;
   text-transform: uppercase;
   transition: all 0.35s ease-in-out;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
 }

 .comments-form button:hover {
   color: #F9F8F4;
   background-color: #4B7873;
   border: 1px solid transparent;
 }

 .comments-area .commen-item .comments-info {
   margin-bottom: 15px;
 }

 .comments-form .title h2,
 .comments-form .title h3,
 .comments-form .title h4 {
   border-bottom: 1px solid #e7e7e7;
   font-weight: 700;
   margin-bottom: 30px;
   padding-bottom: 15px;
   text-transform: uppercase;
 }

 .blog-area .contact-comments .comments {
   margin-top: 20px;
 }

 .blog-area.single .blog-items .item .contact-comments .col-md-6 {
   float: left;
   padding: 0 15px;
 }

 /* ============================================================== 
     # Clients
=================================================================== */

 .clients-area h4 {
   display: inline-block;
   padding-bottom: 20px;
   position: relative;
   text-transform: uppercase;
 }

 .clients-area h4::after {
   background: #F9F8F4 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 50px;
 }

 .clients-area.bg-light h4::after {
   background: #4B7873 none repeat scroll 0 0;
 }

 .clients-area .left-info {
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   padding-right: 30px;
 }

 .clients-area.bg-light .left-info {
   border-right: 1px solid #e7e7e7;
 }

 .clients-area .clients-box {
   padding-left: 30px;
 }

 .clients-area .clients-items img {
   width: auto;
   margin: auto;
 }

 .clients-area .row {
   align-items: center;
   display: flex;
 }


 /* ============================================================== 
     # Contact Area
=================================================================== */

 .contact-area .contact-items {
   overflow: hidden;
 }

 .contact-area .contact-form h2 {
   font-weight: 600;
   text-transform: capitalize;
 }

 .contact-area .contact-form p {
   margin-bottom: 25px;
   position: relative;
   padding-bottom: 20px;
 }

 .contact-area .contact-form p::after {
   background: #4B7873 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 3px;
   left: 0;
   position: absolute;
   width: 50px;
 }

 .contact-area .contact-form input {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
 }

 .contact-area .contact-form textarea {
   border: 1px solid #e7e7e7;
   border-radius: inherit;
   box-shadow: inherit;
   min-height: 90px;
   padding: 15px 12px;
 }

 .contact-area .contact-form button {
   background: #3c95d1 none repeat scroll 0 0;
   border: medium none;
   box-shadow: inherit;
   color: #F9F8F4;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   padding: 12px 30px;
   text-transform: uppercase;
 }

 .contact-area .contact-form button i {
   margin-left: 2px;
 }

 .contact-area form img.loader {
   margin-left: 5px;
 }

 .contact-area .contact-form {
   margin-top: -5px;
 }

 .contact-area .address-items h4 {
   border-bottom: 1px solid #e7e7e7;
   font-weight: 600;
   padding-bottom: 15px;
   text-transform: capitalize;
   font-size: 17px;
 }

 .contact-area .address-items li {
   display: block;
   margin-bottom: 30px;
 }

 .contact-area .address-items li:last-child {
   border: medium none;
   margin-bottom: 0;
   padding-bottom: 0;
 }

 .contact-area .address-items li .icon,
 .contact-area .address-items li span {
   display: table-cell;
   vertical-align: top;
 }

 .contact-area .address-items li span {
   padding-left: 15px;
 }

 .contact-area .address-items li .icon i {
   color: #4B7873;
   display: inline-block;
   font-size: 24px;
 }

 .contact-area .address-items li .icon i.fa-clock,
 .contact-area .address-items li .icon i.fa-envelope-open {
   font-weight: 500;
 }

 form .alert-notification {
   padding: 0;
 }

 form .alert-notification .alert-success h3 {
   color: green;
 }

 form .alert-notification h3 {
   margin-bottom: 5px;
 }

 form .alert-notification .alert {
   background: #F9F8F4 none repeat scroll 0 0;
   border: 1px solid #e7e7e7;
   margin-top: 30px;
 }


 /* Google Maps */

 .google-maps iframe {
   height: 500px;
   margin-bottom: -10px;
   padding: 3px;
   width: 100%;
 }

 .maps-area.full .google-maps iframe {
   border: medium none;
   height: 500px;
   margin-bottom: -10px;
 }

 .maps-area {
   overflow: hidden;
 }

 /* Call Back Area */
 .callback-area {
   position: relative;
 }

 .callback-area .side-icon {
   color: #666666;
   font-size: 300px;
   font-weight: 600;
   left: 50%;
   line-height: 1;
   opacity: 0.09;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: -1;
 }

 .callback-area h2 {
   font-weight: 400;
   font-size: 19px;
   color:
     #F9F8F4;
 }

 .heading h5 {
   font-weight: 400;
   font-size: 15px;
   color: #F9F8F4;
   font-weight: 600;
   padding-top: 13px;
   text-transform: uppercase;
 }

 .heading h4 {
   font-weight: 100;

   font-size: 25px;

   color:
     #F9F8F4;

   margin-bottom: 8px !important;

   letter-spacing: 0.6px;
 }

 .heading {
   margin-bottom: 17px;
   padding-bottom: 5px;
   position: relative;
   z-index: 1;
   text-align: center;
   border-radius: 23px;
   background-image: linear-gradient(180deg, #2b87da 0%, #324bef 100%);
 }

 .form-group {
   position: relative;
   margin-bottom: 20px;
 }

 .callback-area .heading::after {
   background: #ccc none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 142px;
   position: absolute;
   width: 50px;
 }

 .callback-area input {
   border: 1px solid #e7e7e7;
   box-shadow: inherit;
 }

 .callback-area button {
   background: #4B7873 none repeat scroll 0 0;
   border: medium none;
   border-radius: 5px;
   box-shadow: inherit;
   color: #F9F8F4;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   letter-spacing: 1px;
   padding: 6px 30px;
   text-transform: uppercase;
 }

 .callback-area .loader {
   margin-left: 5px;
 }


 /* ============================================================== 
     # Login Register
=================================================================== */
 form.white-popup-block {
   background: #F9F8F4 none repeat scroll 0 0;
   border-radius: 5px;
   margin: auto;
   overflow: hidden;
   padding: 50px 30px;
   position: relative;
   width: 50%;
 }

 form.white-popup-block button.mfp-close {
   color: red;
 }

 form.white-popup-block li {
   display: inline-block;
   float: left;
   margin-bottom: 5px;
   margin-right: 5px;
 }

 form.white-popup-block li a {
   background: #002147 none repeat scroll 0 0;
   border: medium none;
   border-radius: 50%;
   color: #F9F8F4;
   display: inline-block;
   font-size: 16px;
   height: 50px;
   line-height: 53px;
   text-align: center;
   width: 50px;
 }

 form.white-popup-block li.facebook a {
   background: #3b5998 none repeat scroll 0 0;
 }

 form.white-popup-block li.twitter a {
   background: #1da1f2 none repeat scroll 0 0;
 }

 form.white-popup-block li.pinterest a {
   background: #bd081c none repeat scroll 0 0;
 }

 form.white-popup-block li.g-plus a {
   background: #db4437 none repeat scroll 0 0;
 }

 form.white-popup-block li.linkedin a {
   background: #0077b5 none repeat scroll 0 0;
 }

 form.white-popup-block .col-md-6:last-child {
   border-left: 1px solid #e7e7e7;
 }

 form.white-popup-block .col-md-6:last-child {
   border-left: 1px solid;
 }

 form.white-popup-block h3,
 form.white-popup-block h4 {
   font-weight: 500;
   margin-bottom: 20px;
   text-transform: capitalize;
 }

 form.white-popup-block .login-social {
   padding-right: 30px;
 }

 form.white-popup-block .login-custom {
   border-left: 1px solid #e7e7e7;
   padding-left: 30px;
 }

 form.white-popup-block input {
   border: 1px solid #e7e7e7;
   box-shadow: inherit;
 }

 form.white-popup-block .lost-pass-link {
   float: right;
 }

 form.white-popup-block .lost-pass-link:hover {
   text-decoration: underline;
 }

 form.white-popup-block label {
   float: left;
 }

 form.white-popup-block label input {
   float: left;
   margin-right: 5px;
   min-height: 20px;
 }

 form.white-popup-block button[type="submit"] {
   background: #4B7873 none repeat scroll 0 0;
   border: medium none;
   color: #F9F8F4;
   display: inline-block;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   margin-top: 10px;
   padding: 8px 50px;
   text-transform: uppercase;
 }

 form.white-popup-block .link-bottom {
   display: block;
   float: left;
   margin-bottom: 0;
   margin-top: 15px;
   width: 100%;
 }

 form.white-popup-block .link-bottom a:hover {
   text-decoration: underline;
 }

 .login-area form.white-popup-block {
   box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
   width: auto;
 }

 /* ============================================================== 
     # Footer
=================================================================== */

 .footer-top .content li {
   display: inline-block;
   margin-left: 100px;
   text-align: left;
 }

 .footer-top {
   border-bottom: 1px solid #e7e7e7;
   display: block;
   overflow: hidden;
   padding: 30px 0;
 }

 .footer-top .row {
   align-items: center;
   display: flex;
 }

 .form form {

   width: 100%;
 }

 .form form input {
   border: 1px solid #e7e7e7;
   -webkit-border-radius: 30px !important;
   -moz-border-radius: 30px !important;
   border-radius: 30px !important;
   box-shadow: inherit;
   min-height: 60px;
   padding-left: 30px;
   width: 100%;
 }

 .form form .input-group-addon {
   background: transparent none repeat scroll 0 0;
   border: medium none;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   box-shadow: inherit;
   padding: 0;
 }

 .form form .input-group-addon button {
   background: #4B7873 none repeat scroll 0 0;
   border: medium none;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #F9F8F4;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-weight: 600;
   letter-spacing: 1px;
   min-height: 60px;
   padding: 0 30px;
   position: absolute;
   right: 0;
   text-transform: uppercase;
   top: 0;
   z-index: 9;
 }

 form .input-group.stylish-input-group {
   position: relative;
   width: 100%;
 }

 footer .f-items {
   overflow: hidden;
 }

 footer.bg-dark p {
   color: #cccccc;
   font-size: 13px;
 }

 .footer-top .logo a {
   display: inline-block;
   margin-top: 10px;
 }

 footer .footer-top img {
   height: 50px;
 }

 footer .f-item h4 {
   font-weight: 500;
   margin-bottom: 30px;
   text-transform: uppercase;
   color: #F9F8F4;
 }

 footer.bg-dark .f-item h4 {
   color: #F9F8F4;
 }

 footer .f-item.link li {
   float: left;
   margin-bottom: 15px;
   width: 50%;
   padding-right: 15px;
 }

 footer.col-3 .f-item.link li {
   padding-right: 0;
   width: 100%;
 }

 footer .f-item.link li a {
   display: inline-block;
   font-size: 14px;
   padding-left: 15px;
   position: relative;
 }

 footer .f-item.link li a:hover {
   color: #4B7873;
 }

 footer .f-item.link li a::before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   left: 0;
   opacity: 0.4;
   position: absolute;
   top: 0;
   width: 6px;
 }

 footer .f-item.link li:last-child {
   margin: 0;
 }

 footer .f-item .address h5 {
   text-transform: uppercase;
 }

 footer .f-item .address li {
   margin-bottom: 15px;
 }

 footer .f-item .address li:last-child {
   margin: 0;
 }

 footer .f-item .address h5 i {
   color: #4B7873;
   margin-right: 5px;
 }

 footer .f-item .social li {
   display: inline-block;
   margin-right: 10px;
 }

 footer .f-item .social li a {
   border: 1px solid #e7e7e7;
   color: #4B7873;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   text-align: center;
   width: 40px;
 }

 footer.bg-dark .f-item .social li a {
   border: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .f-item .social {
   border-top: 1px solid #e7e7e7;
   margin-top: 20px;
   padding-top: 25px;
 }

 footer.bg-dark li a {
   color: #cccccc;
 }

 footer.bg-dark .f-item .social {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .f-item.recent-post li a:last-child {
   display: inline-block;
   font-weight: 400;
 }

 footer .f-item.recent-post .meta-title,
 footer .f-item.recent-post .meta-title a {
   color: #666666;
   /*font-family: "Poppins",sans-serif;*/
   /*font-family: "Fira Sans", sans-serif;*/
   font-size: 12px;
   text-transform: uppercase !important;
 }

 footer.bg-dark .f-item.recent-post .meta-title,
 footer.bg-dark .f-item.recent-post .meta-title a {
   color: #F9F8F4;
 }

 footer.bg-dark .f-item.recent-post .meta-title a {
   color: #4B7873;
 }

 footer .f-item.recent-post .meta-title {
   margin-top: 5px;
   text-transform: uppercase;
 }

 footer .f-item.recent-post li a span {
   display: inline-block;
   color: #cdd0d3;
 }

 footer .f-item.recent-post li a:hover {
   color: #4B7873;
 }

 footer .f-item.recent-post li span {
   display: inline-block;
 }

 footer .f-item.recent-post li span i {
   margin-right: 5px;
 }

 footer .f-item.recent-post .meta-title a {
   text-transform: capitalize;
 }

 footer .f-item.recent-post li {
   color: #cdd0d3;
 }

 footer .f-item.recent-post li {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 15px;
   padding-bottom: 20px;
 }

 footer.bg-dark .f-item.recent-post li {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .f-item.recent-post li:last-child {
   border: medium none;
   margin: 0;
   padding: 0;
 }

 footer .f-item.recent-post li .thumb {
   display: table-cell;
   vertical-align: top;
   width: 80px;
 }

 footer .f-item .thumb img {
   width: 100%;
   margin-top: 5px;
 }

 footer .f-item.recent-post li .info {
   display: table-cell;
   padding-left: 20px;
   vertical-align: top;
   line-height: 26px;
   color: #837f7e;
 }

 footer .f-item .twitter-item a {
   color: #4B7873;
   margin-left: 5px;
 }

 footer .f-item .twitter-item .twitter-context {
   color: #666666;
 }

 footer .f-item .twitter-item .twitter-context i {
   color: #4B7873;
   margin-right: 5px;
 }

 footer .f-item .twitter-item {
   border-bottom: 1px solid #e7e7e7;
   margin-bottom: 15px;
   padding-bottom: 15px;
 }

 footer.bg-dark .f-item .twitter-item {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 footer .f-item .twitter-item:last-child {
   border: medium none;
   margin-bottom: 0;
   padding: 0;
 }

 /* Footer Bottom */

 .footer-bottom {
   border-top: 1px solid #e7e7e7;
   padding: 8px 0;
 }

 footer.bg-dark .footer-bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 .footer-bottom.bg-theme-small {
   border-top: medium none;
 }

 .footer-bottom li {
   display: inline-block;
 }

 .footer-bottom li a {
   display: inline-block;
   margin-left: 15px;
 }

 .footer-bottom li a:hover {
   color: #4B7873;
 }

 .footer-bottom p {
   margin: 0;
 }


 /* ============================================================== 
     # Preloader 
=================================================================== */
 .no-js #loader {
   display: none;
 }

 .js #loader {
   display: block;
   position: absolute;
   left: 100px;
   top: 0;
 }

 .se-pre-con {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background: url(assets/img/preloader.svg) center no-repeat #F9F8F4;
   text-align: center;
 }


 /* ============================================================== 
     # Demo 
=================================================================== */

 .demo-area.demo-conten.default-padding {
   padding-bottom: 30px;
 }

 .demo-area .single-item {
   position: relative;
   z-index: 1;
 }

 .demo-area .item {
   margin-bottom: 50px
 }

 .demo-area .single-item .info {
   padding: 15px 10px;
   text-align: center;
 }

 .demo-area .single-item .info h4 {
   color: #F9F8F4;
   font-size: 16px;
   font-weight: 500;
   margin: 0;
   text-transform: uppercase;
 }

 .banner-area .demo-banner h1 {
   font-weight: 700;
   margin-bottom: 30px;
 }

 .banner-area .demo-banner img {
   height: auto;
   margin-bottom: 20px;
   max-height: 80px;
 }

 .demo-area .def-heading h2 {
   font-weight: 900;
   margin: 30px 0;
   text-transform: uppercase;
   color: #333333;
 }

 .demo-footer {
   padding-bottom: 80px;
 }

 .introduction-area h2 span {
   color: #fd0060;
 }

 .introduction-area h4 {
   font-weight: 300;
   line-height: 30px;
 }

 .introduction-area h2 {
   color: #F9F8F4;
   display: inline-block;
   font-weight: 700;
   padding-bottom: 20px;
   position: relative;
   text-transform: uppercase;
   margin-bottom: 30px;
 }

 .demo-area .site-heading h2 {
   color: #F9F8F4;
 }

 .introduction-area h2::before {
   background: #fd0060 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -10px;
   position: absolute;
   width: 50px;
 }

 .introduction-area h2::after {
   background: #F9F8F4 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -40px;
   position: absolute;
   width: 25px;
 }

 footer.demo .copyright {
   margin-top: 15px;
 }

 .demo-area .comming-soon.item img {
   opacity: 0.3;
 }

 .banner-area.demo-banner {
   padding: 50px 0;
 }

 .demo-area .site-heading {
   margin-bottom: 30px;
 }

 .demo-area img {
   background: #F9F8F4 none repeat scroll 0 0;
   padding: 10px;
 }

 footer .f-social .fab {
   margin: 5px 1px !important;
 }

 .f-social .fab {
   padding: 14px 1px;
   font-size: 17px;
   width: 31px !important;
   text-align: center;
   text-decoration: none;
   margin: 5px -7px;

   border-radius: 50%;
   height: 31px;
   line-height: 0px;
 }

 .f-social .fab:hover {
   opacity: 0.7;
 }

 /*.fa-facebook {*/
 /*  background: #3B5998;*/
 /*  color: white;*/
 /*}*/

 /*.fa-twitter {*/
 /*  background: #55ACEE;*/
 /*  color: white;*/
 /*}*/
 /*.fa-youtube {*/
 /*  background: #f83134;*/
 /*  color: white;*/
 /*}*/


 /*.fa-linkedin {*/
 /*  background: #007bb5;*/
 /*  color: white;*/
 /*}*/

 /*.fa-instagram {*/
 /*  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);*/
 /*  color: white;*/
 /*}*/
 .enquiry {
   height: 341px;

   padding: 30px;

   border-radius: 26px;

   background-image: linear-gradient(180deg,
       #2b87da 0%, #29c4a9 100%);
 }

 .floating-share {
   margin-top: -80px;
   position: fixed;
   right: 0;
   top: 40%;
   z-index: 999;
 }

 .floating-share .float-abs {
   position: absolute;
   right: 30px;
   top: 110px;
 }

 .floating-share .link-data {
   position: relative;
   transition: right 0.2s ease-in-out;
   right: 0;
 }

 .floating-share .link-data:hover {
   right: 130px;
 }

 .floating-share.feedback-share {
   top: 63%;
 }

 .floating-share.feedback-share .link {
   position: relative;
   display: block;
   padding-left: 50px;
   min-height: 40px;
   margin-bottom: 10px;
 }

 .floating-share.feedback-share .link.whats-app-link .icon-holder,
 .floating-share.feedback-share .link.whats-app-link .share-content {
   background-color: #34af23;
 }

 .floating-share.feedback-share .link.whats-app-link .share-content .text {
   top: 0;
 }

 .floating-share.feedback-share .link .icon-holder {
   position: absolute;
   left: 0;
   top: 0;
   background-color: #d71920;
   color: #F9F8F4;
   width: 40px;
   text-align: center;
   height: 40px;
   border-radius: 100%;
   border-radius: 40px;
 }

 .floating-share.feedback-share .link .icon-holder .fa {
   font-size: 18px;
   position: relative;
   top: 11px;
 }

 .floating-share.feedback-share .link .icon-holder .fa-envelope-o {
   top: 10px;
 }

 .floating-share.feedback-share .link .icon-holder .fa-whatsapp {
   font-size: 37px;
   top: 4px;
 }

 .floating-share.feedback-share .link .share-content {
   background: #d71920;
   border-radius: 2px;
   color: #F9F8F4;
   font-size: 12px;
   padding: 6px 12px;
   min-height: 40px;
   display: block;
   text-align: center;
   margin-right: 5px;
   width: 124px;
 }

 .floating-share.feedback-share .link .share-content .text {
   position: relative;
   top: 5px;
 }

 .floating-share.social-media-share {
   right: 10px;
   top: 38%;
 }

 .floating-share.social-media-share .SocialSharingButtons .share-buttons {
   padding-left: 0px;
 }

 .floating-share.social-media-share .SocialSharingButtons .share-buttons li {
   margin-bottom: 10px;
 }

 .sliderarea {
   padding: 28px 0px;
   background: #0c71c3;
 }

 .card_p {
   font-size: 17px;
   padding-top: 2rem;
 }


 .enquiry {}

 .enquiry h5 {
   color: #F9F8F4;
   font-weight: 600;
 }

 .enquiry ul li {
   font-size: 18px;
   line-height: 51px;
   color: #F9F8F4;
   list-style: inside;
 }


 .bgAward {
   background-color: #F9F8F4;
   background-image: none;
   border-radius: 3px;
 }

 .heading1 h5 {
   color: #F9F8F4;
   margin-top: 0px;
   padding-top: 5rem;
   padding-left: 6rem;
   text-align: left;
   margin-bottom: 6rem;
 }

 .heading1 h4 {
   color: #F9F8F4;
   margin-bottom: 2rem !important;
   text-align: left;
   padding-left: 4rem;
   padding-top: 3rem;
   font-weight: 800;
 }


 .heading1 ul {
   margin-left: 4rem;
   padding-right: 1rem;
 }

 .heading1 ul li {
   font-size: 15px;
   line-height: 40px;
   color: #F9F8F4;
   text-align: left;
   padding-left: 0;
   list-style: outside;
   font-weight: 300;
 }

 .img2 {
   background-size: 115% 100%
 }

 .hedingtext1 {
   position: absolute;
   bottom: 0;
   z-index: 1;
   font-size: 17px;
 }

 p.card-text {
   color: #F9F8F4;
 }

 .heading1 p {
   color: #F9F8F4;
   text-align: left;
   padding-left: 45px;
   padding-right: 18px;
 }

 a.btn.btn-md.btn-contact {
   color: #F9F8F4;
 }

 a.btn.btn-theme.effect.btn-md {
   border-radius: 0;
   margin-bottom: 11px;
 }

 .heading1 h5 {
   color: #F9F8F4;
   margin-top: 0px;
   padding-top: 0rem;
   padding-left: 4rem;
   text-align: left;
   margin-bottom: 2rem;
 }

 .spacer {
   margin: 1rem 0 1rem 0;
 }



 #nav {}

 ul#navbar {

   list-style-type: none;

 }

 ul#navbar li {

   display: block;
   width: 100%;
   background: #01943d;
   /*border: 1px solid #efe3e3;*/
   border-left: 4px solid #1a4c2e;

 }

 ul#navbar li a {

   display: block;

   color: #F9F8F4;

   font-size: 1.2em;

   padding: 0px 0 0px 20px;

   text-decoration: none;
   line-height: 45px;


 }

 ul#navbar li a:hover {

   padding-left: 50px;

   background: #212f0b;

 }





 ul#navbar>li>ul {

   display: none;

 }

 ul#navbar>li:nth-child(2):hover>ul {

   position: absolute;

   display: block;

   left: 242px;

   top: 71px;

 }

 ul#navbar>li:nth-child(2)>ul>li {

   margin-left: -50px;

   background: #D50000;

   border: 1px solid #4B4B4B;

   border-left: 2px solid #002B55;

 }

 ul#navbar>li:nth-child(2)>ul>li>a:hover {

   padding-left: 50px;

   background: #800055;

   border-left: 4px solid #808000;

 }





 ul#navbar>li:nth-child(3):hover>ul {

   position: absolute;

   display: block;

   left: 242px;

   top: 122px;

 }

 ul#navbar>li:nth-child(3):hover>ul>li {

   margin-left: -50px;

   background: #D50000;

   border: 1px solid #4B4B4B;

   border-left: 2px solid #002B55;

 }

 ul#navbar>li:nth-child(3):hover>ul>li>a:hover {

   padding-left: 45px;

   background: #00AAFF;

   border-left: 4px solid #808000;

 }

 ul#navbar>li:nth-child(3)>ul>li:first-child>a:hover {

   background: #00AAFF;

 }

 ul#navbar>li:nth-child(3)>ul>li:nth-child(2)>a:hover {

   background: #002AD5;

 }

 ul#navbar>li:nth-child(3)>ul>li:nth-child(3)>a:hover {

   background: #F74D22;

 }

 ul#navbar>li:nth-child(3)>ul>li:last-child>a:hover {

   background: #2222F7;

 }





 ul#navbar>li>ul>li>ul {

   display: none;

 }

 ul#navbar>li>ul>li:first-child:hover>ul {

   position: absolute;

   display: block;

   left: 182px;

   top: 0px;

 }

 ul#navbar>li>ul>li:first-child>ul>li {

   margin-left: -50px;

   background: #00AA80;

   border: 1px solid #4B4B4B;

   border-left: 2px solid #002B55;

 }



 ul#navbar>li>ul>li:nth-child(2):hover>ul {

   position: absolute;

   display: block;

   left: 182px;

   top: 53px;

 }

 ul#navbar>li>ul>li:nth-child(2)>ul>li {

   margin-left: -50px;

   background: #D58000;

   border: 1px solid #4B4B4B;

   border-left: 2px solid #002B55;

 }



 ul#navbar>li>ul>li:nth-child(3):hover>ul {

   position: absolute;

   display: block;

   left: 182px;

   top: 107px;

 }

 ul#navbar>li>ul>li:nth-child(3)>ul>li {

   margin-left: -50px;

   background: #D50055;

   border: 1px solid #4B4B4B;

   border-left: 2px solid #002B55;

 }

 ul#navbar>li>ul>li>ul>li>a:hover {

   padding-left: 50px;

   background: #00802B;

   border-left: 4px solid #D50000;

 }

 ul#navbar>li>ul>li>ul>li:last-child:hover>a:hover {

   padding-left: 30px;

   background: #00802B;

   border-left: 4px solid #D50000;

 }





 ul#navbar>li>ul>li>ul>li>ul {

   display: none;

 }

 ul#navbar>li>ul>li>ul>li:last-child:hover>ul {

   background: red;

   position: absolute;

   display: block;

   left: 182px;

   top: 215px;

 }

 ul#navbar>li>ul>li>ul>li>ul>li {

   margin-left: -50px;

   background: #550055;

   border: 1px solid #4B4B4B;

   border-left: px solid #002B55;

 }

 ul#navbar>li>ul>li>ul>li:last-child:hover>ul>li>a:hover {

   padding-left: 50px;

   background: #FF5500;

   border-left: 4px solid #FF00D5;

 }

 .blog_CAT {
   padding: 1rem 2.3rem;
   font-weight: 600;
   color: #F9F8F4;
   background-color: #1d2024 !important;
   font-size: 21px;
 }


 .post-comments-area {

   margin-top: 30px;

 }



 .comment-author a {

   color: #368cad;
   margin-bottom: 5px;
   display: block;
   font-weight: 600;

 }

 .media-body ul li {
   margin-left: 3rem;
   color: #487bbf;
   margin-bottom: 3rem;
 }

 .replay {
   margin-left: 5rem;
 }

 .media-body ul li a {

   color: #487bbf;
 }

 .post-new-comment {
   margin-top: 5rem;
 }

 .post-comments-area h4,
 .post-new-comment h4 {
   font-size: 20px;
   color: #118a00;
   font-weight: 700;
 }

 .post-comments-area .comment-time-left {

   margin-bottom: 7px;

 }


 .post-content h3 {
   margin-top: 3rem;
 }

 .post-comments-area .media-left {

   padding-right: 25px;

 }



 .post-comments-area .media-body {

   position: relative;

 }



 .comment-date {

   position: absolute;

   right: 0;

   top: 0;

   color: #c2c2c2;

 }


 /*** 

====================================================================
	Comment Form
====================================================================

 ***/


 .blog-area .thumb {
   max-height: 16rem;
 }

 .blog-area .img-thumb {
   max-height: 36rem !important;
 }

 .comment-form {
   position: relative;
 }

 .comment-form .form-inner {
   position: relative;
   padding: 50px 35px;
   background-color: #f7f7f7;
   border: 1px solid #eeeeee;
 }

 .comment-form .form-group {
   position: relative;
   margin-bottom: 20px;
 }

 .comment-form .form-group input[type="text"],
 .comment-form .form-group input[type="email"],
 .comment-form .form-group select {
   position: relative;
   display: block;
   width: 100%;
   line-height: 33px;
   padding: 10px 20px;
   height: 45px;
   color: #a5a5a5;
   font-size: 15px;
   background-color: #F9F8F4;
   border: 1px solid #eeeeee;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .comment-form .form-group input[type="text"]:focus,
 .comment-form .form-group input[type="email"]:focus,
 .comment-form .form-group textarea:focus {
   border-color: #55b6c7;
 }

 .comment-form .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   line-height: 24px;
   padding: 20px 20px;
   color: #a5a5a5;
   height: 170px;
   font-size: 15px;
   resize: none;
   overflow: hidden;
   background-color: #F9F8F4;
   border: 1px solid #eeeeee;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .comment-form button {
   margin-top: 10px;
   padding: 11px 34px 10px;
   background-color: #108600;
   border: none;
   color: #F9F8F4;
 }

 .comment-form .form-group textarea {
   background: #F9F8F4 !important;
   border-radius: 0;
   border: none;
   box-shadow: none;
   font-size: 16px;
   height: 200px;
 }

 .info h6 {
   font-size: 14px;
 }

 .info h6 span {
   font-size: 14px;
   color: #01943d;
   font-weight: 600;
 }

 .section-title.centered {
   text-align: center;
   margin: 0 auto 20px;
 }

 .section-title {
   position: relative;
   max-width: 810px;
 }

 .section-title .title {
   font-weight: 700;
   font-size: 50px;
   line-height: 1.2;
   position: relative;
 }




 .custom-box {
   width: 100%;
   border-radius: 0px;
   background-color: #3498db;
   /* Custom background color */
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   /* Box shadow for depth */
   transition: transform 0.3s ease-in-out;
   /* Smooth hover effect */
   /*height:100px;*/
   padding: 20px 0px;
 }

 .custom-box:hover {
   transform: translateY(-5px);
   /* Lift the box on hover */
 }

 .custom-box i {
   font-size: 36px;
   /* Adjust icon size */
   margin-bottom: 10px;
   /* Space between icon and text */
 }

 .custom-box h6 {
   font-size: 18px;
   /* Adjust text size */
   font-weight: bold;
   margin-bottom: 0;
   padding: 20px 0px;
 }

 .award {
   padding: 20px;
   text-align: center;
   border-radius: 0;
   transition: 0.3s;
   border-radius: 10px;
   overflow: hidden;
   border-top: 4px solid #3498db;
   position: relative;
 }

 .sigma_contact-sec.style-6 {
   padding-top: 100px;
 }

 .section {
   position: relative;
   padding: 50px 0;
 }

 .sigma_contact-image.style-6 {
   position: absolute;
   left: 15px;
   top: 70px;
   width: calc(100% - 660px);
   z-index: 1;
   border-radius: 6px;
   overflow: hidden;
 }

 .sigma_form.style-6 {
   background-color: #3498db;
   padding: 30px;
   border-radius: 6px;
 }

 .sigma_form.style-6 input,
 .sigma_form.style-6 textarea {
   background-color: transparent;
   border-color: #F9F8F4;
   color: #F9F8F4;
   padding: 6px 30px;
 }

 .sigma_info.style-12 {
   border-top: none;
   border-left: none;
   border-right: none;
   padding: 0;
   border-radius: 0;
   text-align: left;
 }

 .sigma_info.style-11,
 .sigma_info.style-12,
 .sigma_info.style-13 {
   box-shadow: none;
   text-align: center;
 }

 .sigma_info {
   position: relative;
   border-radius: 6px;
   box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
   padding: 40px;
   margin-bottom: 30px;
   transition: 0.3s;
 }

 .sigma_info.style-3 .sigma_info-title,
 .sigma_info.style-4 .sigma_info-title,
 .sigma_info.style-6 .sigma_info-title,
 .sigma_info.style-7 .sigma_info-title,
 .sigma_info.style-8 .sigma_info-title,
 .sigma_info.style-11 .sigma_info-title,
 .sigma_info.style-19 .sigma_info-title,
 .sigma_info.style-12 .sigma_info-title,
 .sigma_info.style-13 .sigma_info-title,
 .sigma_info.style-16 .sigma_info-title,
 .sigma_info.style-22 .sigma_info-title {
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   margin-bottom: 0;
   max-width: 100%;
 }

 .sigma_info .sigma_info-title {
   display: flex;
   align-items: center;
   margin-bottom: 30px;
   position: relative;
 }

 .sigma_service.style-15,
 .sigma_service.style-17 {
   text-align: left;
   padding: 30px 20px;
   margin-bottom: 65px;
 }

 .sigma_service {
   display: block;
   background-color: #F9F8F4;
   border: 1px solid #e1e1e1;
   padding: 40px;
   text-align: center;
   transition: .3s;
   margin-bottom: 30px;
   color: #222;
   position: relative;
 }

 .sigma_service.style-15 .sigma_service-thumb,
 .sigma_service.style-17 .sigma_service-thumb {
   width: 80px;
   height: 80px;
   border-radius: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 10px 6px rgb(0 0 0 / 3%);
   margin: -70px 0 26px;
   background-color: #F9F8F4;
 }

 .sigma_service-thumb {
   margin-bottom: 40px;
 }

 .sigma_service.style-15 .sigma_service-thumb i,
 .sigma_service.style-17 .sigma_service-thumb i {
   font-size: 44px;
   color: #222;
 }

 .sigma_service i {
   font-size: 60px;
   color: #222;
   line-height: 0;
   transition: .3s;
 }

 .sigma_service.style-15,
 .sigma_service.style-17 {
   text-align: left;
   padding: 30px 20px;
   margin-bottom: 65px;
 }

 .sigma_service {
   display: block;
   background-color: #F9F8F4;
   border: 1px solid #e1e1e1;
   padding: 40px;
   text-align: center;
   transition: .3s;
   margin-bottom: 30px;
   color: #222;
   position: relative;
 }

 .sigma_info.style-12 {
   border-top: none;
   border-left: none;
   border-right: none;
   padding: 0;
   border-radius: 0;
   text-align: left;
 }

 .sigma_info.style-11,
 .sigma_info.style-12,
 .sigma_info.style-13 {
   box-shadow: none;
   text-align: center;
 }

 .sigma_info {
   position: relative;
   border-radius: 6px;
   box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
   padding: 40px;
   margin-bottom: 30px;
   transition: 0.3s;
 }

 .sigma_counter-wrapper {
   background-color: #3c95d1;
   padding: 40px;
 }

 .sigma_counter.style-3 {
   border-left: 0;
   border-top: 2px solid rgba(255, 255, 255, 0.4);
   margin-top: 10px;
   padding: 20px 0px 0px 20px;
   display: flex;
   align-items: center;
 }

 .sigma_counter.style-2,
 .sigma_counter.style-3 {
   padding: 10px;
   margin-bottom: 0;
   /*background-color:  #3498db;*/
   /*border-left: 2px solid rgba(255, 255, 255, 0.4);*/
 }

 .sigma_counter {
   margin-bottom: 30px;
   position: relative;
 }

 .text-white {
   color: rgb(255, 255, 255) !important;
 }

 .image-container {
   width: 100%;
   height: 600px;
   overflow: hidden;
   margin: 0;
   padding: 0;
 }

 .sigma_about .sigma_general-list {
   padding: 0;
   background-color: transparent;
   margin: 20px 0;
 }

 .sigma_general-list {
   position: relative;
   margin-bottom: 30px;
 }

 .sigma_general-list ul li i {
   width: 40px;
   height: 40px;
   background-color: #3498db;
   color: #F9F8F4;
   border-radius: 50%;
   font-size: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 3px 8px rgba(#222, .5);
 }

 .sigma_general-list.style-2 ul li,
 .sigma_general-list.style-3 ul li {
   background-color: transparent;
   padding: 0;
   border-radius: 0;
 }

 .sigma_general-list ul li+li {
   margin-top: 20px;
 }

 .sigma_general-list ul li {
   display: flex;
   align-items: center;
   background-color: #F9F8F4;
   border-radius: 30px;
   padding: 10px;
 }

 .sigma_general-list ul li span {
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   color: #222;
   padding-left: 20px;
   flex: 1;
 }

 /*gallery*/
 * .section-padding {
   padding-top: 80px;
 }

 .gallery-section {
   position: relative;
   z-index: 1;
 }


 .filter {
   text-align: center;
   max-width: 1050px;
   margin: auto;
 }

 .btn {
   padding: 10px 20px;
   margin: 5px 4px 4px 0;
   display: inline-block;
   color: #F9F8F4;
   background: #3c95d1;
   border: 1px solid #3c95d1;
   transition: all 0.4s;
   border-radius: 30px;
   font-size: 14px;
   font-weight: 500;
 }

 .btn:hover,
 .btn-active {
   background: #3c95d1;
   color: #F9F8F4;
   -webkit-transform: translateY(3px);
   -ms-transform: translateY(3px);
   transform: translateY(3px);
 }

 .gallery {
   display: flex;
   justify-content: center;
   width: fit-content;
   max-width: 1320px;
   flex-wrap: wrap;
   margin: 25px auto;
   /* gap: 14px; */
 }

 .gallery a {
   display: flex;
 }

 .gallery img {
   width: 300px;
   object-fit: cover;
   transition: 0.3s ease-in-out;
   /*border-radius: 12px;*/
   overflow: hidden;
 }

 .gallery img:hover {
   transform: scale(1.1);
 }

 .sets .hide,
 .sets .pophide {
   width: 0%;
   opacity: 0;
 }

 .closeBtn {
   position: absolute;
   font-size: 22px;
   font-weight: 500;
   right: 25px;
   top: 25px;
   color: white;
   transition: 0.5s linear;
   padding: 8px 40px;
   border-radius: 25px;
   background: #3c95d1;
   outline-offset: -6px;
   outline: 2px solid #F9F8F4;
 }

 .closeBtn:hover {
   cursor: pointer;
   background: white;
   color: black;
   outline: 2px solid #000;
 }

 .openDiv {
   width: 100%;
   height: 100vh;
   background: #000000e7;
   position: fixed;
   top: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   left: 0;
   z-index: 9999;
 }

 .imgPreview {
   width: 70%;
   object-fit: scale-down;
   max-height: 40vw;
   height: auto;
 }

 .prevButton,
 .nextButton {
   transition: 1s linear;
   padding: 10px 35px;
   font-size: 18px;
   border: none;
   color: white;
   background: #3c95d1;
   border-radius: 10px;
   border: 1px solid white;
   margin: 10px;
 }

 .prevButton:hover,
 .nextButton:hover {
   background: #F9F8F4;
   color: black;
 }

 /* resposive CSS Code */

 @media max-width: 1199px {
   .section-padding {
     padding-top: 70px;
   }
 }

 @media (max-width: 991px) {
   .section-padding {
     padding-top: 50px;
   }
 }

 @media (max-width: 767px) {

   .gallery img {
     margin: 8px 8px;
     width: 175px;
   }

   .closeBtn {
     padding: 6px 25px;
   }

   .prevButton,
   .nextButton {
     font-size: 18px;
     padding: 8px 25px;
   }
 }

 @media (max-width: 540px) {
   .section-padding {
     padding-top: 30px;
   }

   .gallery img {
     margin: 8px 6px;
     width: 155px;
   }

   .closeBtn {
     font-size: 18px;
     border-radius: 15px;
   }

   .prevButton,
   .nextButton {
     font-size: 18px;
     padding: 6px 20px;
     border-radius: 10px;
     margin: 5px;
   }

   .imgPreview {
     width: 90%;
     max-height: 50vh;
     height: auto;
   }

 }


 .sigma_btn {
   cursor: pointer;
   display: inline-block;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   position: relative;
   background-color: #4B7873;
   border: 0;
   color: #F9F8F4;
   font-size: 14px;
   font-weight: 600;
   padding: 17px 30px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   text-transform: uppercase;
   overflow: hidden;
   z-index: 1;
   box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
   border-radius: 6px;
 }

 .sigma_btn:hover {
   color: #F9F8F4;
   box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
   outline: none;
   background: #1fb955;
 }

 .sigma_btn:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: 0;
   background-color: #1fb955;
   transform: scaleY(0);
   transform-origin: 50%;
   transition: 0.3s;
 }

 .position-relative {
   position: relative !important;
 }

 .justify-content-end {
   -ms-flex-pack: end !important;
   justify-content: flex-end !important;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .sigma_contact-image.style-6 img {
   width: 100%;
 }

 @media (min-width: 992px) {
   .d-lg-block {
     display: block !important;
   }
 }

 .sigma_form.style-6 .form-group i {
   color: #F9F8F4;
 }

 .form-group>i {
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   z-index: 1;
 }

 ::placeholder {
   color: #555;
 }

 ::-ms-input-placeholder {
   /* Edge 12 -18 */
   color: #555;
 }

 button,
 input[type=reset],
 input[type="button"],
 input[type="submit"],
 .sigma_btn {
   cursor: pointer;
   display: inline-block;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   position: relative;
   background-color: #4B7873;
   border: 0;
   color: #F9F8F4;
   font-size: 14px;
   font-weight: 600;
   padding: 17px 30px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   text-transform: uppercase;
   border-radius: 0;
   overflow: hidden;
   z-index: 1;
   box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
 }

 .btn-style-7 button:before,
 .btn-style-7 input[type=reset]:before,
 .btn-style-7 input[type="button"]:before,
 .btn-style-7 input[type="submit"]:before,
 .btn-style-7 .sigma_btn:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: 0;
   background-color: #1fb955;
   transform: scaleY(0);
   transform-origin: 50%;
   transition: 0.3s;
 }

 .form-control {
   /*height: 60px;*/
   padding: 6px 20px;
 }

 input::placeholder {
   color: #555 !important;
 }

 .light-bg {
   background-color: #F9F8F4;
 }

 .sigma_service-body h5 {
   font-size: 24px;
   line-height: 1.3;
   margin-bottom: 10px;
   transition: .3s;
 }

 .sigma_service-body p {
   margin: 0;
   transition: .3s;
   color: #686a6f;
 }

 .sigma_service.style-15:hover .sigma_service-body .btn-link {
   font-size: 16px;
 }

 .sigma_service.style-15 .sigma_service-body .btn-link {
   font-size: 0;
   font-weight: 600;
   margin-top: 12px;
 }

 .sigma_service.style-15 .sigma_service-body .btn-link:hover {
   text-decortion: none;
 }

 .sigma_service-body i {
   font-size: 26px;
   margin-left: 10px;
   color: #4B7873 !important;
   padding: 20px 0px;
   top: 5px;
   position: relative;
 }

 .sigma_info .sigma_info-title h5 {
   margin: 0;
   flex: 1;
   font-size: 20px;
 }

 .bg-primary-light {
   background-color: #f0fff5;
 }

 .sigma_info.style-2 .sigma_info-title h5,
 .sigma_info.style-7 .sigma_info-title h5,
 .sigma_info.style-11 .sigma_info-title h5,
 .sigma_info.style-19 .sigma_info-title h5,
 .sigma_info.style-12 .sigma_info-title h5,
 .sigma_info.style-13 .sigma_info-title h5 {
   margin: 25px 0 14px;
 }

 .sigma_counter span {
   position: relative;
   display: flex;
   color: var(--thm-base);
   font-size: 40px;
   margin-bottom: 10px;
   line-height: 1;
 }

 .sigma_counter span.plus {
   font-size: 22px;
   margin: 0;
 }

 .sigma_counter span {
   position: relative;
   display: flex;
   color: var(--thm-base);
   font-size: 40px;
   margin-bottom: 10px;
   line-height: 1;
 }

 .text-white {
   color: #F9F8F4 !important;
 }

 .sigma_counter p {
   color: #F9F8F4;
   font-weight: 600;
   line-height: 1.3;
 }

 #btncontainer .btn {
   padding: 10px 30px;
   margin: 10px 10px;
 }

 .sigma_portfolio {
   padding: 5px;
   border: 1px solid #e1e1e1;
   border-radius: 6px;
   position: relative;
   margin-bottom: 30px;
   cursor: pointer;
 }

 .sigma_portfolio .sigma_portfolio-thumb {
   position: relative;
   overflow: hidden;
   transition: 0.3s;
 }

 .sigma_portfolio .sigma_portfolio-thumb:hover img {
   transform: scale(1.1);
 }

 .sigma_portfolio .sigma_portfolio-thumb img {
   width: 100%;
   transition: 0.3s;
 }

 .sigma_portfolio.style-7 .sigma_portfolio-content {
   height: auto;
   padding: 12px 20px;
 }

 .sigma_portfolio .sigma_portfolio-content {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
   background-color: rgba(0, 0, 0, 0.3);
   padding: 20px;
   transition: 0.3s;
 }

 .sigma_portfolio a.sigma_portfolio-category {
   color: #4B7873;
   font-weight: 500;
 }

 .sigma_portfolio .sigma_portfolio-content h5 {
   margin-top: 8px;
   margin-bottom: 0;
   font-size: 24px;
 }

 .sigma_portfolio .sigma_portfolio-content h5 a {
   color: #F9F8F4;
 }

 .sigma_portfolio .sigma_portfolio-link {
   position: absolute;
   bottom: 10px;
   right: 20px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #F9F8F4;
   color: var(--thm-base);
   font-size: 16px;
   transition: 0.3s;
   opacity: 0;
   visibility: hidden;
 }

 .sigma_portfolio .sigma_portfolio-thumb:hover .sigma_portfolio-link {
   opacity: 1;
   visibility: visible;
   bottom: 20px;
 }

 .sigma_portfolio .sigma_portfolio-link:hover {
   background-color: #4B7873;
   color: #F9F8F4;
 }

 .sigma_post.style-3,
 .sigma_post.style-4,
 .sigma_post.style-12 {
   background-color: transparent;
   box-shadow: none;
 }

 .sigma_post {
   position: relative;
   box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
   background-color: #F9F8F4;
   margin-bottom: 30px;
   transition: 0.3s;
 }

 .sigma_post.style-3 .sigma_post-thumb {
   border-radius: 0;
 }

 .sigma_post .sigma_post-thumb {
   position: relative;
   overflow: hidden;
 }

 .sigma_post .sigma_post-thumb a:first-child {
   display: block;
 }

 .sigma_post .sigma_post-thumb img {
   transition: 0.3s;
   width: 100%;
 }

 .sigma_post.style-3 .sigma_post-body,
 .sigma_post.style-4 .sigma_post-body,
 .sigma_post.style-12 .sigma_post-body {
   border-radius: 0;
   background-color: #F9F8F4;
   width: calc(100% - 30px);
   box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
   margin: -25px auto 0;
 }

 .sigma_post .sigma_post-body {
   padding: 30px;
   position: relative;
 }

 .sigma_post.style-3 .sigma_post-meta,
 .sigma_post.style-4 .sigma_post-meta,
 .sigma_post.style-11 .sigma_post-meta,
 .sigma_post.style-12 .sigma_post-meta,
 .sigma_post.style-15 .sigma_post-meta {
   border-bottom: none;
   padding: 0;
 }

 .sigma_post .sigma_post-meta {
   border-bottom: 1px solid #e1e1e1;
   padding-bottom: 15px;
 }

 .sigma_post.style-3 .sigma_post-meta ul,
 .sigma_post.style-5 .sigma_post-meta ul {
   margin: 0;
 }

 .sigma_post .sigma_post-meta ul {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-top: 15px;
 }

 .sigma_post .sigma_post-meta ul li {
   font-family: var(--thm-font);
   color: var(--thm-b-text);
   font-size: 14px;
   display: flex;
   align-items: center;
   position: relative;
   font-weight: 500;
   text-transform: uppercase;
 }

 .sigma_post .sigma_post-meta ul li a {
   color: #686a6f;
 }

 .sigma_post.style-3 .sigma_post-meta ul li+li,
 .sigma_post.style-4 .sigma_post-meta ul li+li,
 .sigma_post.style-11 .sigma_post-meta ul li+li,
 .sigma_post.style-12 .sigma_post-meta ul li+li,
 .sigma_post.style-15 .sigma_post-meta ul li+li {
   padding-left: 0;
 }

 .sigma_post .sigma_post-meta ul li+li {
   padding-left: 10px;
   margin-left: 10px;
 }

 .sigma_post .sigma_post-meta ul li {
   color: #686a6f;
   font-size: 14px;
   display: flex;
   align-items: center;
   position: relative;
   font-weight: 500;
   text-transform: uppercase;
 }

 .sigma_post.style-3 .sigma_post-body .sigma_post-content {
   padding: 15px 0;
 }

 .sigma_post.style-3 .sigma_post-body .sigma_post-content h5,
 .sigma_post.style-4 .sigma_post-body .sigma_post-content h5 {
   margin-bottom: 0;
 }

 .sigma_post .sigma_post-body .sigma_post-content h5 {
   margin-bottom: 15px;
 }

 .sigma_related-posts .sigma_post h5,
 .col-lg-4 .sigma_post h5,
 .col-lg-5 .sigma_post h5 {
   font-size: 22px;
 }

 .sigma_post h5 {
   font-size: 20px;
 }

 .sigma_info .sigma_info-title .sigma_info-icon,
 .sigma_info.style-21 .sigma_info-description .sigma_info-icon {
   width: 70px;
   height: 70px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   margin-right: 20px;
 }

 .recent-blogs-left {
   float: left;
   width: 40%;
 }

 .recent-blogs-right {
   line-height: 18px;
   font-size: 14px;
   padding-left: 15px;
   float: left;
   width: 60%;
 }

 .blog-details-img {
   height: 450px;
 }

 .sidebar-blog-hght {
   height: 200px;
   overflow-y: scroll;
 }

 .awards-box {
   box-shadow: 0px 0px 5px #c3c3c3;
   margin-bottom: 30px;
 }

 .awards-box .info {
   height: 180px;
   min-height: 180px;
   max-height: 250px;
 }

 .owl-carousel.owl-drag .owl-item {
   padding: 20px;

 }

 .owl-carousel.owl-drag .owl-item .item {
   padding: 20px;
   float: left;
   box-shadow: 0px 0px 10px #cbc7c7;
   background: #F9F8F4;
 }

 .rating {
   font-size: 12px;
   line-height: 24px;
   color: #ffd84f;
   font-weight: 400;
   float: left;
   margin-top: 10px;
   width: 100%;
 }

 .sigma_info-description {
   border-bottom: 3px solid #3c95d1;
 }



 .award-txt-box {
   height: 220px;
   min-height: 220px;
 }

 /*mobile view social media css start here */

 .fixed-phone {
   position: fixed;
   bottom: 95px;
   right: 30px;
   z-index: 999;
   display: none;
 }

 .fixed-phone .fa {
   background-color: #5d9813;
   font-size: 28px;
   box-shadow: -2px 4px 8px 0px #595959;
   border-radius: 50px;
   padding: 12px 15px;
   color: #F9F8F4 !important;
   margin-right: 2px;
   font-size: 26px;
 }

 .fixed-whatsapp .fa-whatsapp {
   background-color: #00bb00;
   border-radius: 50px;
   padding: 10px 13px;
   color: #F9F8F4 !important;
   margin-right: 2px;
   font-size: 36px;
   box-shadow: -2px 4px 8px 0px #595959;
 }

 .fixed-whatsapp {
   position: fixed;
   z-index: 1000;
   bottom: 40px;
   left: 10px;
   display: block;
 }

 .all_widget_mob {
   display: none;
 }

 .all_widget_mob {
   background: 0 0;
   border: none;
   left: 0;
   bottom: 0;
   z-index: 1111;
   position: fixed;
 }

 .all_widget_mob .wid_get {
   /*width: 20% !important;*/
 }

 .all_widget_mob .wid_get {
   /*float: left;*/
   /*position: relative;*/
   color: #F9F8F4;
   font-size: 22px;
   /*height: 40px;*/
   /*width: 19.6%;*/
   cursor: pointer;
   line-height: 40px;
   text-align: center;
   padding: 10px 22px;
 }

 .all_widget_mob .facebook {
   background: #3b5998;
 }

 .all_widget_mob .instagram {
   background: #fb3958;
 }

 .all_widget_mob .twitter {
   background: #00aced;
 }

 .all_widget .linkedin-in,
 .all_widget_mob .linkedin-in {
   background: #3b5998;
 }

 .all_widget_mob .youtube {
   background: #f70000;
 }

 .wid_get i {
   font-size: 24px;
 }

 @media (max-width: 575.5px) {
   .fixed-phone {
     display: block;
   }

   .fixed-whatsapp {
     bottom: 95px;
   }

   .all_widget_mob {
     display: block;
     margin: 0 auto;
     width: 100%;
   }
 }

 /*mobile view social media css close here */

 .box-shadow {
   padding: 5px;
   box-shadow: 0px 0px 10px #686868;
 }

 .tesimo-para {
   height: 260px;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 260px;
   max-height: 300px;
 }

 .compy-name-ftr {
   text-transform: uppercase;
   color: #F9F8F4;
   font-weight: bold;
   font-size: 24px;
 }

 /* Custom Overrides for Primary Blue Colors */
 .bg-primary {
   background-color: #4B7873 !important;
 }

 .text-primary {
   color: #4B7873 !important;
 }