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

Author: Jatin Kumar
Version: 1.0

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home Page
    22. Services Page
    23. About Page
    24. Projects Page
    25. Pricing Page
    26. PHP Contact Form
    27. Others

*/


/*
** General Styles for HTML tags
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900&display=swap');

 * {
     padding: 0;
     margin: 0;
}
 html {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: visible;
}
 body {
     font-family: 'Inter', sans-serif;
     font-size: 17px;
     font-weight: 400;
     line-height: 26px;
     overflow-x: hidden;
     background-color: #ffffff;
}
 html, body, .wrapper {
     height: 100%;
}
 h1, h2, h3, h4, h5, h6 {
     color: #232323;
     font-weight: normal;
     line-height: 1.2;
     font-family: 'Inter', sans-serif;
     letter-spacing: 0;
     margin: 0;
     margin-bottom: 20px;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}


 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;
     margin-bottom: 20px;
}
 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: 'Inter', sans-serif;
}
 b, strong {
     font-weight: 600;
}
 .btn.active, .btn:active {
     background-image: inherit !important;
}
 .btn.focus, 
 .btn:active:focus, 
 .btn:active:hover, 
 .btn:focus, 
 .btn:hover {
     outline: 0;
}
 .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-fixed {
     background-attachment: fixed;
     background-position: center top;
     background-size: cover;
}
 .bg-gray {
     background-color: #f3f6f8;
}
 .bg-light {
     background-color: #f7f7f7;
}
 .bg-theme {
     background-color: #e22a31;
}
 .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: #ffffff;
}
 .shadow {
     position: relative;
     z-index: 1;
}
 .shadow.dark::after {
     background: #000000 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.6;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .shadow.dark-hard::after {
     background: #1c1c1c 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: #ffffff 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: #e22a31 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: 100px;
     padding-bottom: 100px;
}
 .default-padding.bottom-less {
     padding-top: 80px;
     padding-bottom: 50px;
}
 .padding-xl {
     padding-top: 150px;
     padding-bottom: 150px;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

 .btn {
     display: inline-block;
     font-family: 'Inter', 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;
}
 .btn-md {
     padding: 14px 40px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .btn-sm {
     padding: 12px 40px;
     font-size: 12px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .btn.btn-sm-pro {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-size: 14px;
     font-weight: 600;
     margin-top: 5px;
     padding: 12px 40px;
     display: inline-block;
}
 .btn-border-light {
     border: 2px solid #ffffff !important;
}
 .btn.btn-sm-pro.btn-border-light:hover, 
 .btn.btn-sm-pro.btn-border-light:focus {
     background-color: #ffffff;
     color: #232323;
     border: 2px solid #ffffff !important;
}
 .btn-dark {
     background-color: #232323;
     color: #ffffff;
     border: 2px solid #232323 !important;
}
 .btn-dark.border {
     background-color: transparent;
     color: #232323;
     border: 2px solid #232323 !important;
}
 .btn-dark.border:hover {
     background-color: #232323;
     color: #ffffff !important;
     border: 2px solid #232323 !important;
}
 .btn.btn-light {
     background: #ffffff none repeat scroll 0 0;
     border: 2px solid #ffffff !important;
     color: #232323;
}
 .btn.btn-light:hover, 
 .btn.btn-light:focus {
     background: transparent none repeat scroll 0 0;
     border: 2px solid #ffffff !important;
     color: #ffffff;
}
 .btn.btn-light.effect:hover, 
 .btn.btn-light.effect:focus {
     background-color: #e22a31;
     color: #ffffff !important;
     border: 2px solid #e22a31 !important;
}
 .btn.btn-light.border {
     background: transparent;
     border: 2px solid #ffffff !important;
     color: #ffffff;
}
 .btn.btn-light.border:hover {
     background: #ffffff none repeat scroll 0 0 !important;
     border: 2px solid #ffffff !important;
     color: #232323 !important;
}
 .btn-dark:hover, 
 .btn-dark:focus {
     color: #232323 !important;
     background: transparent;
}
 .bg-dark {
     background: #1c1c1c none repeat scroll 0 0;
}
 .btn-theme {
     background-color: #e22a31;
     color: #ffffff;
     border: 2px solid #e22a31 !important;
}
 .btn-theme.border {
     background-color: transparent;
     color: #e22a31;
     border: 2px solid #e22a31 !important;
}
 .btn-theme.border:hover {
     background-color: #e22a31;
     color: #ffffff !important;
     border: 2px solid #e22a31 !important;
}
 .btn-theme.effect:hover, 
 .btn-theme.effect:focus {
     background: #ffffff none repeat scroll 0 0;
     border: 2px solid #ffffff !important;
     color: #232323;
}
 .btn-theme:hover, 
 .btn-theme:focus {
     color: #e22a31 !important;
     background: transparent;
}
 .btn.btn-sm-lm {
     font-size: 12px;
     padding: 12px 40px;
}
 .bg-fixed {
     background-attachment: fixed;
     background-position: center center;
     background-size: cover;
}
 .bg-cover {
     background-position: center center;
     background-size: cover;
}
 .oh {
     overflow: hidden;
}

/* ============================================================== 
     # Banner 
=================================================================== */
 body, .banner-area, 
 .banner-area div {
     height: 100%;
}

.banner-area {
    overflow: hidden;
    height: calc(100% - 148px);
}

 .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;
}
.banner-area .carousel-item h1 {
    line-height: 1;
    font-size: 120px;
    font-weight: 700;
    text-transform: capitalize;
}

 .banner-area .carousel-item p {
     font-size: 16px;
     line-height: 30px;
}
 .banner-area .carousel-control {
     font-size: 30px;
     height: 50px;
     line-height: 50px;
     padding: 0;
     position: absolute;
     top: 50%;
     width: 50px;
     margin-top: -25px;
     background: transparent;
     opacity: 1;
     z-index: 1;
     display: inline-block;
     text-align: center;
}

 .banner-area .carousel-control.light {
     color: #ffffff;
}
 .banner-area .carousel-item a {
     margin-right: 10px;
     margin-top: 15px;
}
 .banner-area .carousel-control.left {
     left: -50px;
}
 .banner-area:hover .carousel-control.left,
 .banner-area .carousel-control.focus.left {
     left: 15px;
}
 .banner-area .carousel-control.right {
     right: -50px;
}
 .banner-area:hover .carousel-control.right,
  .banner-area .carousel-control.focus.right {
     right: 15px;
}
/* Animation delays */
 .banner-area .carousel-item h1:first-child, 
 .banner-area .carousel-item h2:first-child, 
 .banner-area .carousel-item h3:first-child, 
 .banner-area .carousel-item h4:first-child, 
 .banner-area .carousel-item h5:first-child, 
 .banner-area .carousel-item h6:first-child {
     animation-delay: .5s;
}
 .banner-area .carousel-item h1:nth-child(2), 
 .banner-area .carousel-item h2:nth-child(2), 
 .banner-area .carousel-item h3:nth-child(2), 
 .banner-area .carousel-item h4:nth-child(2), 
 .banner-area .carousel-item h5:nth-child(2), 
 .banner-area .carousel-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 .carousel-item p {
     animation-delay: .5s;
}
 .banner-area .carousel-item a, 
 .banner-area .carousel-item button {
     animation-delay: .7s;
}
/* Carousel Fade Effect */
 .carousel-fade .carousel-inner .carousel-item {
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
 .carousel-fade .carousel-inner .carousel-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.5, 1.5);
    }
}
 @-moz-keyframes zoom {
     from {
         -moz-transform: scale(1, 1);
    }
     to {
         -moz-transform: scale(1.5, 1.5);
    }
}
 @-o-keyframes zoom {
     from {
         -o-transform: scale(1, 1);
    }
     to {
         -o-transform: scale(1.5, 1.5);
    }
}
 @keyframes zoom {
     from {
         transform: scale(1, 1);
    }
     to {
         transform: scale(1.5, 1.5);
    }
}
 .carousel-inner .carousel-item > .thumbnail-fixed {
     -webkit-animation: zoom 20s;
     animation: zoom 20s;
}
 .banner-area .carousel-zoom .thumbnail-fixed {
     height: 100%;
     position: absolute;
     width: 100%;
}

 .banner-area a {
    margin-right: 10px;
    margin-top: 10px;
 }


 .banner-area.text-center a,
 .banner-area .text-center a {
    margin-right: 5px;
    margin-left: 5px;
 }

 .banner-area p {
    padding-right: 25%;
 }

  .banner-area.text-center p ,
 .banner-area .text-center p  {
    padding-right: 15%;
    padding-left: 15%;
 }

 .banner-area.text-large h1 {
    font-size: 70px;
    line-height: 1;
    text-transform: capitalize;
}

 .banner-area.text-medium h1 {
    font-size: 80px;
    line-height: 1;
    text-transform: capitalize;
}

.banner-area.top-pad-90 .carousel-item {
    padding-top: 90px;
}

/* ============================================================== 
     # Topbar 
=================================================================== */
 .top-bar-area {
     padding: 15px 0;
}
 .top-bar-area .top-address li {
     color: #ffffff;
     display: inline-block;
     font-family: 'Inter', sans-serif;
     margin-right: 20px;
     font-size: 15px;
     font-weight: 400;
}
 .top-bar-area li, 
 .top-bar-area a {
     font-weight: 600;
}
 .top-bar-area a {
     font-size: 16px;
}
 .top-address li i {
     margin-right: 10px;
}
 .topbar-social li {
     display: inline-block;
}
 .top-bar-are .topbar-social li a {
     color: #ffffff;
}
 .topbar-social li {
     margin-left: 20px;
}

/* ============================================================== 
     # Bradcrumb 
=================================================================== */
 .breadcrumb-area .breadcrumb {
     background: transparent none repeat scroll 0 0;
     display: inline-block;
     margin: 0;
     position: relative;
     z-index: 1;
}
 .breadcrumb-area .breadcrumb::after {
     background: #1c1c1c none repeat scroll 0 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.6;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
}
 .breadcrumb-area h1 {
     display: block;
     font-weight: 600;
     text-transform: uppercase;
}
.breadcrumb-area .breadcrumb a, 
.breadcrumb-area .breadcrumb li {
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.breadcrumb-area .breadcrumb li {
    margin: 0 5px;

}
.breadcrumb-area .breadcrumb li:after {
    padding: 0 5px;
    color: #ffffff;
    content: "/\00a0";
    right: -9px;
    position: relative;
}

.breadcrumb-area .breadcrumb li:last-child:after {
    display: none;
}
 .breadcrumb-area .breadcrumb li.active {
     color: #e22a31;
}



/* ============================================================== 
     # Services 
=================================================================== */
.site-heading h2 {
  display: block;
  font-weight: 800;
  padding-bottom: 20px;
  margin-bottom: 0;
  position: relative;
  line-height: 1.4;
}

.site-heading.less-info h2 {
  margin-bottom: 0;
}

.site-heading h5 {
  color: #666666;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  overflow: inherit;
}

.bg-dark .site-heading h5 {
  color: #cccccc;
}

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

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

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

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

.site-heading p {
  margin: 0;
  margin-top: 20px;
  padding: 0 7%;
}

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

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

.site-heading.text-left h2::before {
  left: 0;
  margin-left: 0;
}

.site-heading.text-left h2::after {
  left: 45px;
  margin-left: 0;
}

.shadow .site-heading h2, 
.shadow .site-heading p {
  color: #ffffff;
}

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

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

.site-heading {
  margin-bottom: 60px;
  margin-top: -5px;
}
 .site-heading {
     margin-bottom: 60px;
     overflow: hidden;
}
 .services-items .equal-height {
     margin-bottom: 30px;
}
.services-items .item i {
    margin-bottom: 40px;
    -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;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #232323;
    max-width: 60px;
}

.services-items .item i::after {
    position: absolute;
    left: -20px;
    top: -50%;
    content: "";
    height: 80px;
    width: 80px;
    background: url(assets/img/shape/1.png);
    background-size: contain;
    z-index: -1;
    opacity: 0.05;
    background-repeat: no-repeat;
    transform: rotate(45deg);
}

.shape-standard .services-items .item i::after {
    display: none;  
}

.shape-less .services-items .item i::after {
    display: none;
}

.shape-standard .services-items .item .icon {
    display: inline-block;  
    position: relative; 
    z-index: 1; 
}

.shape-standard .services-items .item .icon i {
    color: #e22a31;
}

.shape-standard .services-items .item .icon::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 60px;
    width: 60px;
    background: #e22a31;
    z-index: -1;
    opacity: 0.09;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: inherit;
}
.shape-standard .services-items .item .icon::before {
    position: absolute;
    left: -15px;
    top: -15px;
    content: "";
    height: 30px;
    width: 30px;
    background: #e22a31;
    z-index: -1;
    opacity: 0.09;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: inherit;
}
 .services-area.icon-color .services-items .item i {
     color: #e22a31;
}
 .services-items .item:hover i {
     color: #e22a31;
}
 .services-area.icon-color .services-items .item:hover i {
     color: #232323;
}
 .services-items .item p {
     margin: 0;
}
 .services-items .item h4 {
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 10px;
}
 .services-area.active-hover .services-items .item i {
     color: #333333;
}
 .services-items .equal-height .item {
     background: #ffffff none repeat scroll 0 0;
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     padding: 67px 40px 44px;
     min-height: 270px;
}
.services-items.service-page .equal-height .item{min-height: 480px;}
 .services-items.center-item .equal-height .item {
     background: #ffffff none repeat scroll 0 0;
     -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     padding: 67px 40px 64px;
}

/* ============================================================== 
     # About 
=================================================================== */
 .about-area .content h2 {
     font-weight: 600;
     margin-bottom: 25px;
}
 .about-area .content h3 {
     color: #e22a31;
     font-weight: 500;
     line-height: 1.3;
     margin-bottom: 25px;
}
 .about-area .content a {
     margin-top: 10px;
}
 .about-area img {
     background: #ffffff none repeat scroll 0 0;
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     padding: 15px;
}
 .about-area .thumb {
     padding-left: 30px;
}



/* ============================================================== 
     # Contact Info 
=================================================================== */
 .contact-info-area .contact-items .contact-info i {
     color: #e22a31;
     font-size: 40px;
     margin-bottom: 30px;
     display: inline-block;
}
 .contact-info-area .contact-items .item {
     margin-bottom: 30px;
}
 .contact-info-area .contact-items .contact-info h4 {
     font-weight: 600;
}
 .contact-info-area .contact-items .contact-info p {
     margin: 0;
}
 .subscribe-box {
     margin-bottom: 80px;
     overflow: hidden;
     padding: 50px;
}
 .subscribe-box .subscribe-info h4 {
     font-weight: 600;
     margin-bottom: 10px;
     text-transform: capitalize;
}
 .subscribe-box .subscribe-info p {
     margin: 0;
}
 .subscribe-form form {
     position: relative;
}
.subscribe-form form input {
    border: medium none;
    box-shadow: inherit;
    width: 100% !important;
    min-height: 60px;
    border-radius: 30px;
    padding: 26px;
}
.subscribe-form form button {
    background: #232323 none repeat scroll 0 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    color: #ffffff;
    min-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    min-height: 60px;
    border-radius: 30px;
    padding: 0 35px;
}
 .subscribe-form form button:hover, 
 .subscribe-form form button:focus {
     background: #e22a31 none repeat scroll 0 0;
     color: #ffffff;
}
 .subscribe-now .subscribe .subscribe-box {
     margin-bottom: 0;
}
/* contact form alert */
 .contact-form .loader {
     display: inline-block;
     margin-left: 10px;
     margin-top: 5px;
     position: absolute;
     top: 50%;
}
 .alert {
     border: 1px solid transparent;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: red;
     font-weight: 400;
     margin-bottom: 0 !important;
     padding: 0;
     text-align: center;
}
 .alert-msg {
     background: #ffffff none repeat scroll 0 0;
     color: #685654;
     display: none;
     font-size: 12px;
     font-weight: 600;
     padding: 10px;
     text-align: left;
     margin-top: 20px;
}
 #message b {
     color: red;
}
 .alert.alert-success {
     background: transparent none repeat scroll 0 0;
}
 .alert.alert-success > h3 {
     color: green;
     margin-bottom: 5px;
}
 .alert.alert-success > p {
     color: #232323;
}
 .alert-notification {
     padding: 0;
}

/* ============================================================== 
     # Quick Contact 
=================================================================== */
 .quick-contact-area {
     padding: 50px 0;
}
 .quick-contact-area h2 {
     font-weight: 600;
     margin: 0;
}

/* ============================================================== 
     # Contact 
=================================================================== */
 .contact-form-area .maps {
     position: relative;
     z-index: 1;
}
 #google-maps iframe {
     border: 15px solid #ffffff;
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     display: block;
     height: 100%;
     right: 0;
     top: 0;
     width: 100%;
     min-height: 380px;
}
 .contact-form-area .contact-form .contact-form {
     padding-right: 20px;
}
 .contact-form-area .contact-form input, 
 .contact-form-area .contact-form textarea {
     border: medium none;
     box-shadow: inherit;
}
 .contact-form-area .contact-form textarea {
     line-height: 40px;
     min-height: 180px;
}
 .contact-form-area .contact-form button {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-size: 12px;
     padding: 12px 40px;
     background-color: #232323;
     border: 1px solid #232323;
     color: #ffffff;
     display: inline-block;
     font-family: 'Inter', sans-serif;
     font-size: 12px;
     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;
     margin-top: 20px;
}
 .contact-form-area .contact-form button i {
     margin-left: 5px;
}
 .contact-form-area .contact-form button:hover {
     background-color: #e22a31;
     border: 1px solid #e22a31;
     color: #ffffff;
}



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

.services-details .row {
    margin: 0;
}

 .services-details .item .thumb, 
 .services-details .item .info {
     display: table-cell;
     float: none;
     vertical-align: middle;
}
 .services-details .item .thumb img {
     width: 100%;
}
 .services-details .item .info {
     padding: 80px;
}
 .services-details .item .info h2 {
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 25px;
}
 .services-details .item .info a {
     margin-top: 10px;
}
 .services-details .services-det-items .owl-nav {
     left: 50%;
     margin-bottom: 0;
     margin-right: 0;
     margin-top: -20px;
     position: absolute;
     top: 50%;
     width: 50%;
}
 .services-details .services-det-items .owl-nav .owl-prev, 
 .services-details .services-det-items .owl-nav .owl-next {
     font-size: 30px;
     height: 40px;
     left: 20px;
     line-height: 35px;
     padding: 0;
     position: absolute;
     text-align: center;
     width: 40px;
}
 .services-details .services-det-items .owl-nav .owl-next {
     left: auto;
     right: 20px;
}
 .services-details .services-det-items .owl-dots {
     left: 50%;
     margin-bottom: 0;
     margin-right: 0;
     margin-bottom: 20px;
     position: absolute;
     bottom: 0;
     width: 50%;
}
 .services-details .services-det-items .owl-dots .owl-dot span {
     background: #232323 none repeat scroll 0 0;
     border-radius: inherit;
     height: 4px;
     width: 30px;
}
 .services-details .services-det-items .owl-dots .owl-dot.active span, 
 .services-details .services-det-items .owl-dots .owl-dot span:hover {
     background: #e22a31 none repeat scroll 0 0;
}
 .about-area.reverse .thumb {
     padding-left: 15px;
     padding-right: 30px;
}

/* ============================================================== 
     # Clients 
=================================================================== */
 .clients-area .owl-dots .owl-dot span {
     background: #232323 none repeat scroll 0 0;
     border-radius: inherit;
     height: 5px;
     width: 25px;
}
 .clients-area .owl-dots .owl-dot.active span, 
 .clients-area .owl-dots .owl-dot span:hover {
     background: #e22a31 none repeat scroll 0 0;
}
 .clients-area .single-item {
     margin: 10px;
}
 .clients-area .single-item img {
     margin: 0 auto;
     max-height: 160px;
     padding: 10px;
     width: auto;
}



/* ============================================================== 
     # Footer 
=================================================================== */
 footer {
     background: #1c1c1c none repeat scroll 0 0;
}
 footer .f-item h4 {
     color: #ffffff;
     font-weight: 600;
     margin-bottom: 30px;
     text-transform: uppercase;
}
 footer .f-item p {
     color: #cccccc;
     font-size: 14px;
}
 footer .f-item .address li {
     display: block;
     margin-bottom: 20px;
}
footer .f-item .address li i {
    color: #e22a31;
    display: table-cell;
    font-size: 30px;
    vertical-align: middle;
    width: 45px;
}
 footer .f-item .address li span {
     color: #cccccc;
     display: table-cell;
     vertical-align: middle;
}
 footer .f-item .address li:last-child {
     margin: 0;
}
 footer .f-item .address {
     margin-top: 30px;
}
 footer .instagram-feed li a {
     overflow: hidden;
     position: relative;
     z-index: 1;
     display: inline-block;
     float: left;
}
 footer .instagram-feed .overay {
     background: rgba(35, 35, 35, 0.8) none repeat scroll 0 0;
     bottom: -100%;
     color: #ffffff;
     display: block;
     font-size: 12px;
     left: 0;
     line-height: 20px;
     padding: 3px 0;
     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;
     width: 100%;
}
 footer .instagram-feed .overay i {
     margin-right: 4px;
     color: #e22a31;
}
 footer .instagram-feed li a:hover .overay {
     bottom: 0;
}
 footer .f-item.instagram-feed ul li {
     box-sizing: border-box;
     float: left;
     padding: 0 10px 10px 0;
     width: 33.333%;
     float: left;
}
 footer .f-item.instagram-feed ul li img {
     min-height: 70px;
     width: 100%;
}

footer .info .meta-title {
    font-size: 12px;
}

footer .info .meta-title a {
    text-transform: capitalize !important;
}

 footer .f-item.recent-post li a {
     color: #cccccc;
     display: block;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
}
 footer .f-item.recent-post li a:last-child {
     display: inline-block;
     font-size: 12px;
     font-weight: 400;
}
 footer .f-item.recent-post li a:hover {
     color: #e22a31;
}
 footer .f-item.recent-post li a span {
     display: inline-block;
}
 footer .f-item.recent-post li span {
     display: inline-block;
     margin-top: 10px;
     text-transform: capitalize;
}
 footer .f-item.recent-post li{
     color: #555555;
}
 footer .f-item.recent-post li {
     border-bottom: 1px solid #232323;
     margin-bottom: 15px;
     padding-bottom: 15px;
}
 footer .f-item.recent-post li:last-child {
     border: medium none;
     margin: 0;
     padding: 0;
}
 footer .f-item.recent-post li:last-child {
     margin: 0;
}
 footer .f-item.recent-post li .thumb {
     display: table-cell;
     padding-top: 5px;
     vertical-align: top;
     width: 80px;
}
 footer .f-item .thumb img {
     width: 100%;
}
 footer .f-item.recent-post li .info {
     display: table-cell;
     padding-left: 20px;
     vertical-align: top;
     line-height: 26px;
     color: #cccccc;
}
.footer-bottom {
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

 .footer-bottom .col-md-6 {
     padding: 0;
}
 .footer-bottom p {
     color: #cccccc;
     font-size: 14px;
     margin: 0;
}
 .footer-bottom a {
     color: #e22a31;
     font-size: 14px;
}

/* ============================================================== 
     # 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.gif) center no-repeat #fff;
     text-align: center;
     background-size: 100px;
}
.goal-info{padding-left: 50px;}
.width100{width: 100%;}
.carousel-indicators li{background-color: #a3a3a3;}
.carousel-indicators{bottom: -50px;}
#expertiseCarousel{margin: 50px 0;}

ul.advantages{margin-bottom: 15px;}
ul.advantages li i{margin-right: 5px;}

ul.advantages.choose-us li{margin-bottom: 30px;}