html {
  scroll-behavior: smooth;
}
/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.has-error{
    border-color: red;
}
.error{
    color: red;
}
.white-shade{
    background-color: #6a696912;
}
.hide{
    display: none
}
.form-group label:not(.error){
    color: black;
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
.grey-out-box{
    background-color: #eae9e9
}
@media (max-width: 1024px) {
    #mainMenu:not(.menu-overlay) nav > ul > li > a.heading{
        border-bottom: 1px solid grey;
    }
}
#footer.inverted .copyright-content {
    padding: 0px;
    min-height: 10px;
    background-color: #1e1e1e;
    font-size: 13px;
}

.progress-type, .progress-number{
  display: none
}
.i-info{
    padding: 4px;
    background-color: #d5d5cb;
    border-radius: 10px;
    margin-left: 3px;
    cursor: pointer;
}
.custom-heading:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100px;
  background-color: #2250fc;
  bottom: -15px;
  left: 0;
  right: 0;
}

.custom-heading-2:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100px;
  background-color: #111;
  bottom: -15px;
  left: 0;
  right: 0;
}

.list-icon.list-icon-camera li:before {
  content: "\f030";
  font-family: "Font Awesome 5 Free";
}

.cc-s-3-1 {
  padding-top: 55px;
  padding-left: 7%;
  padding-bottom: -10px;
  padding-right: 5%;
  margin-bottom: 0px;
}
.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name {
     padding: 0px; 
}
.cart-description {
  margin-bottom: 0px;
}
.widget{
  margin-bottom: 0px;
}
#footer .footer-content {
    padding: 25px 0 0px 0;
}
@media (max-width: 2000px) {
  .contact-us-form{
    margin-left: 20%;
    width: 60%;
  }
}
@media (max-width: 1024px) {
    .before-after-slider{
      min-height: 400px;
    }
}
@media (max-width: 768px)
{
  .contact-us-form{
    margin-left: 0%;
    width: 100%;
  }
  .before-after-slider{
    min-height: 207px;
  }
}
.btn-primary{color:#fff;background-color:#3d59a7;}
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary {
    background-color: #3d59a7;
    border-color: #3d59a7;
}

.p-progress-bar, .progress-bar {
    background-color: #3d59a7;
}

.ies-custom-color{
    background-color: #3d59a7 !important;
    color:white;
}

.msp-custom-color-text{
  color: #3d59a7 !important;
}

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    text-decoration: none;
    outline: none;
    color: #3d59a7;
}

.place-order-button{
    background-color: darkgreen;
    border-color: darkgreen;
}

.notification-bar{
  background-color: #3d59a7 !important;
  color: white;
  font-size: 16px;
}

.text-box:hover {
    background: #fff;
}
.text-box {
    padding: 30px 30px 10px 30px;
    border-radius: 22px;
    margin: 20px;
}
.text-box.hover-effect:hover i {
    margin: 20px 0 6px 0 !important;
}

 .text-box h3, .text-box h5, .text-box p {
   color: initial;
}
.text-box i{
  color: inherit;
}
.hover-custom-effect:hover{
  /*margin: 2px 0 6px 0 !important;*/
  transform: translateY(-3px);
  background-color: white;
  border-radius: 20px;
  box-shadow: 5px 5px 5px 5px darkgrey;

}
.icon-box.border{
  margin : 25px !important;

}

.icon-box.border .icon{
  /*border : 3px solid red !important;*/
}
.hover-custom-effect .icon-box.border .icon i {
  background-color: transparent !important;
  /*color: #2c55a0;*/
}

.hover-custom-effect{
  padding: 30px;
}
.hover-custom-effect .icon-box {
    margin-bottom: 0px; 
    position: relative;
} 
.services-title{
  font-size:medium;
  border-bottom: 0.5px solid #d4d4d4;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
}

.img-responsive{
  margin-top: 5px;
  width: 100%
}
.services-section{
  /*padding-left : 10px;*/
  /*padding-right: 10px;*/
}

.second-number{
  margin-left: 10px
}
@media (max-width: 768px) {
  .second-number{
    display:block;
    margin-left: 0px !important;
  }
}
.video_edit_title{
  color: blue;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #999;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}