/*

  colors:
  Navbar: #494b68;
  Orange: #ff7900;
  Bluish: #265077;
  Dk Green: #1e4258;
  DK Blue: #022140;  
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html  {
  scroll-behavior: smooth;
}

body {
  background: #fff;
  color: #666666;  
}


    /*font-family: "Open Sans", sans-serif;   
    font-weight: <300-800>;
    */
    
  

  /*--TEMPORARY! REMOVE ONCE PAGE IS LONGER!--*/
  /*body  {
    height: 1800px;
    background-color: #f2f2f2;
  }*/

a {
  color: #265077;
  transition: 0.5s;
  outline: none;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #265077;
  outline: none;
  text-decoration: none;
  opacity: 0.7;
 }


/*--NAVBAR LINK--*/
/* unvisited link */
/*.navbar a:link {
    color: #d9d9d9!important;
  }  
  /* visited link */
/*.navbar a:visited {
    color: #265077!important;
  }  
  /* mouse over link */
/*.navbar a:hover {
    color: #265077!important;
    opacity: .5;
    transition: .5s;
  }  
  /* selected link */
/*.navbar a:active {
    color: #265077!important;
}*/

    p {
  padding: 0;
  margin: 0 0 30px 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px 0;
  padding: 0; }

  .slick-viewport  {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden !important;
}

.clearfix {
  overflow: hidden;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #18d26e;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 1em;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11; }
  .back-to-top i {
    padding-top: 12px;
    color: #fff; }
  @media (max-width: 768px) {
    .back-to-top {
      bottom: 15px; } }


/*-- FADE IN PAGE LOAD --*/
body {
            opacity: 0;
            animation: fadeIn 2s forwards;
        }
        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

/*-- SPINNER LOADER CSS --*/
#loading  {
  position: absolute;
  z-index: 9999;
  left: 50%; /*-- center spinner on page horizontally --*/
  top: 50%; /*-- verticle position on page --*/
  height: 100%;
  width: 100%;
  margin-left: -10px; /*-- accounts for size of spinner --*/

}
ion-spinner  {
  transform: scale(3); /*-- size of spinner --*/
  color: #ff7900!important; /*-- color of spinner --*/
}
@media screen and (max-width: 768px)  {
  #loading  {
    position: absolute;
    z-index: 9999;
    left: 50%; /*-- center spinner on page horizontally --*/
    top: 40%; /*-- verticle position on page --*/
    height: 100%;
    width: 100%;
    margin-left: -10px; /*-- accounts for size of spinner --*/
  }
  ion-spinner  {
    transform: scale(5); /*-- size of spinner --*/
    color: white!important;
  }
}
/*-- END SPINNER --*/

/* Prelaoder */
/*#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
 }

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #494b68;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: animate-preloader 2s infinite;  
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*--FADE IN PAGE AFTER PRELOADER--*/
/*body {
  animation-name: fadeIn;
  animation-duration: 3s;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}


 /*--------------------------------------------------------------
# TOP BAR
--------------------------------------------------------------*/  
.top-bar  {
    background-color: #f2f2f2;
    padding: 10px 60px;
    width: 100%;
}
.top-bar .row .col-1  {
    width: 46%;
}
.top-bar .row .col-2  {
    padding: 0px;
    margin: 0px;
}
/*.top-bar .row .col-2 .btn-outline-dark  {
    background-color: #265077;
}*/
.top-bar .row .col-2 .btn-outline-dark:hover  {
  background-color: white;
  color: #022140!important;
  opacity: .6!important;
  transition: 1s!important;  
}

.top-bar .row .col-2 i  {
    margin-left: 60px;
    margin-top: 10px;
    color: #1877f2;
    font-size: 1.5em;    
}
.top-bar .row .col-2 i:hover  {
    color: #ff7900!important;
    opacity: .9;
    transition: 1s;  
}
.top-bar .row .col-2 .btn-outline-dark  {
    margin-top: -15px;
}


@media screen and (max-width: 768px)  {
.top-bar  {
    background-color: #022140;
    padding: 10px 10px;
    width: 100%;

}
.top-bar .row .col-1  {
    width: 2%;
}
.top-bar .row .col-2  {
    width: 98%;
    padding: 0px;
    margin: 0px;
    padding-left: 38px;
}
.top-bar .row .col-2 .btn-outline-dark  {
    background-color: white;
}
.top-bar .row .col-2 .btn-outline-dark:hover  {
  background-color: white;
  color: #022140!important;
  opacity: .6!important;
  transition: 1s!important;

}
.top-bar .row .col-2 a  {
    margin-top: -10px;
}
.top-bar .row .col-2 i  {
    margin-left: 10px;
    margin-top: 10px;
    color: white;
    font-size: 1.5em;    
}
.top-bar .row .col-2 i:hover  {
    color: #ff7900!important;
    opacity: .9;
    transition: 1s;  
}
.top-bar .row .col-2 .btn-outline-dark  {
    margin-top: 0px;
}
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1120px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .top-bar .row .col-1  {
        width: 34%;
    }
}


/*--------------------------------------------------------------
# NAVBAR
--------------------------------------------------------------*/
/*.bg-body-tertiary  {
    background-color: #022140!important;
}*/

.navbar  {
    padding-left: 100px;
  }
.navbar-nav  {
    padding-left: 390px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-nav .nav-item  {
    margin-right: 60px;
    border-top: 0px solid #1e4258;
}
.navbar-expand-lg  {
    background-color: #494b68!important;
}

@media screen and (max-width: 768px)  {
    .navbar  {
        padding-left: 30px;
      }
    .navbar-toggler  {
        margin-right: 25px;
    }
    .navbar-nav  {
        padding-left: 10px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .navbar-nav .nav-item  {
        margin-right: 10px;
        border-top: 1px solid #1e4258
        ;
    }
    .navbar-expand-lg  {
        background-color: #494b68!important;
    }    
}

/*--IPAD / TABLET--*/
@media screen 
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .navbar  {
    padding-left: 80px;
  }
.navbar-nav  {
    padding-left: 160px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-nav .nav-item  {
    margin-right: 45px;
    border-top: 0px solid #1e4258;
}
.navbar-expand-lg  {
    background-color: #494b68!important;
}
}

/*--ADJUST SPEED OF MOBILE NAV OPEN AND COLLAPSE--*/
.navbar-collapse {
  transition: height 1.0s ease; /* Adjust the timing and easing as needed */
}

.navbar-collapse.show {
  transition: height 1.0s ease; /* Adjust the timing and easing as needed */
}
/*--OPTIONAL--*/
/*.navbar-toggler {
  transition: all 0.3s ease; /* Adjust the timing and easing as needed */
/*}
  /*.navbar-nav  {
    margin: 0!important;
    margin-right: 30px!important;
    padding: 0!important;
  }
  .navbar-nav .nav-item  {
    padding-right: 20px!important;
    font-size: 1em;
    text-align: left!important;
    white-space: nowrap;
  }


@media screen and (max-width: 768px) {
  .navbar-nav  {
    margin-top: 20px!important;
    margin-left: 20px!important;
}

  #wrapper .header-top  {
    padding-left: 20px!important;
    padding-right: 20px!important;
    margin-bottom: 0!important;
}
.header-top img  {
  width: 180px;
  height: auto;
  margin-left: 10px;
}
}

.navbar-expand-lg .navbar-nav.side-nav {
  flex-direction: column;
}

.navbar-nav li  {
  color: white!important;
  text-transform: uppercase!important;
}

.navbar img  {
    width: 300px;
  }
  
  .navbar-nav  {
    margin: 0!important;
    margin-left: auto!important;
    margin-right: 60px!important;
    
  
  }
  .navbar-nav .nav-item  {
    padding-right: 20px!important;
    font-size: 1em;
    text-align: left!important;
  }

  /*.navbar-nav a:visited  {
  color: white!important;
  text-transform: uppercase!important;
}
.navbar-nav a:hover  {
  color: #18d36e!important;
  text-transform: uppercase!important;
}
.navbar-nav a:active  {
  color: #18d36e!important;
  text-transform: uppercase!important;
}*/
   





/*--------------------------------------------------------------
# CAROUSEL
--------------------------------------------------------------*/
/*.carousel-home .carousel-inner .carousel-item img  {
    max-height: 300px!important;
  }*/
  /*.carousel-item  {
    position: relative!important;
  }*/
  .carousel, .carousel-item img  {
    max-height: 700px;
    min-height: 700px;
    margin-top: -1px;
  } 
  .carousel-caption {
    top: 0;
    bottom: auto;
    margin-top: 165px;
}
 
  .carousel-caption h5  {
    font-family: 'Open Sans', sans-serif;
    font-size: 4em;
    color: white;
}
  .carousel-caption p  {
    font-size: 2em;
    color: #e6e6e6;
    letter-spacing: 1px;
  }
  
  
@media screen and (max-width: 768px)  {
  .carousel-caption {
    top: 0;
    bottom: auto;
    margin-top: 70px;
}
.carousel-caption h5  {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.8em;
  color: white;
  padding: 5px 0px;
}
.carousel-caption p  {
  font-size: 1.1em;
  color: #e6e6e6;
  letter-spacing: 1px;
  padding: 5px 30px;
}

.carousel, .carousel-item img  {
  max-height: 380px;
  min-height: 380px;
}
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1120px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .carousel, .carousel-item img  {
      max-height: 600px;
      min-height: 600px;
    } 
    .carousel-caption {
      top: 0;
      bottom: auto;
      margin-top: 120px;  }    
  }
  

    /*--------------------------------------------------------------
# MODAL 
--------------------------------------------------------------*/
.modal-header  {
  background-color: #ff7900;
  color: white;
  text-align: center!important;
  padding-bottom: 0px;
  margin-bottom: -2px;
}
.modal-header .bi-gift-fill  {
  margin-right: 15px;
}
.modal-header h1  {
  padding-left: 22%;
}
.modal-body  {
  background-color: #022140;
  color: white;
  font-size: 1.3em;
}
.modal-footer  {
  padding-right: 32%;
}


@media screen and (max-width: 768px)  {
.modal-header h1  {
  padding-left: 18%;
}
.modal-body  {  
  font-size: 1.0em;
}
.modal-footer  {
  padding-right: 22%;
}
}
      

  /*--------------------------------------------------------------
# EXTRA-1 Section
--------------------------------------------------------------*/
  /*.container-extra-1  {
    padding: 0px;
    margin: 0px;    
  }*/
  /*.container-extra-1  {
    /*margin-bottom: 150px!important;    
  }*/
  .container-extra-1 .row  {
    background-color: #022140!important;          
  }
  .btn-blog-text  {
    white-space: normal;
    margin-top: 10px;
    font-weight: 300;
    text-transform: uppercase;
    z-index: 999;
    position: relative;
  }
  /*extra-col-1, .extra-col-2  {
    padding: 0px;
    margin: 0px;    
  }*/
  .extra-col-1 {
    background-image: url('https://cwdpreview.com/cwd/images/extra-1-col-1.jpg');
    height: 350px;
    border: 1px solid white;
    padding: 50px;
  }
  .extra-col-2 {
    height: 350px;
    border: 1px solid white;
    padding: 0px;
  }
  .extra-col-2 img  {
    width: 100%;
    height: 100%;
  }

  /*.extra-1-col-1-list  {
    list-style-type: square;
    margin-left: 20px;    
  }
  .extra-1-col-1-list li::marker{
    font-size: 1.8em;
    line-height: 0.1;
    color: white;
    margin-left: 50px;
  }  
    .extra-1-col-1-list li span  {    
    left: -50px;
    font-size: 1.5em;
    color: white;
  }*/
  .container-extra-1 .list-group  {
    vertical-align: middle;
    margin: 0px;
    margin-top: -10px;
    margin-left: 20px;
    line-height: 50px;
  }
  .container-extra-1 .list-group-item  {
    background-color: transparent;
    color: white;
    font-size: 1.8em;
    font-style: italic;
    border: 0px solid #022140;
  }
  .container-extra-1 .list-group-item i  {
    color: #ff7900;
    margin-right: 15px;
  }

  @media screen and (max-width: 768px)  {
    .extra-col-1 {
      background-image: url('https://cwdpreview.com/cwd/images/extra-1-col-1.jpg');
      height: 350px;
      border: 2px solid white;
      padding: 40px;
    }
    .extra-col-2 {
      /*background-image: url('https://cwdpreview.com/cwd/images/extra-1-col-2.jpg');*/      
      border: 0px solid white;
    }
  .extra-col-1, .extra-col-2  {
    height: 200px;
       
  }
  .extra-col-1  {
    margin-bottom: 20px!important;
    padding: 10px;
  }
  .container-extra-1 .row .col .list-group  {
    vertical-align: middle;
    margin: 10px;
    margin-top: 17px;
    line-height: 20px;
  }
  .container-extra-1 .list-group-item  {
    background-color: transparent;
    color: white;
    font-size: 1.2em;
    font-style: italic;
    border: 0px solid #022140;
  }
  .extra-col-2 img  {
    width: 100%;
    height: 100%;
  }
  /*.extra-1-col-1-list  {
    list-style-type: square    
  }
  .extra-1-col-1-list li::marker{
    font-size: 1.0em;
    line-height: 0.1;
    color: white;
  }  
    .extra-1-col-1-list li span  {    
    left: -100px;
    font-size: 1em;
    color: white;
  }*/
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1120px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .extra-col-1, .extra-col-2  {
      height: 300px;
      padding: 20px;    
    }
    .extra-col-1  {
      /*margin-bottom: 10px!important;*/
      padding: 20px;
    }
    .extra-col-2  {
      padding: 0px;
    }
    .container-extra-1 .list-group  {
      vertical-align: middle;
      margin: 40px;
      line-height: 30px;
    }
    .container-extra-1 .list-group-item  {
      background-color: transparent;
      color: white;
      font-size: 1.5em;
      font-style: italic;
      border: 0px solid #022140;
    }
    .extra-col-2 img  {
      width: 100%;
      height: 100%;
    }
  }



/*--------------------------------------------------------------
# COMMON CSS FOR ALL SECTIONS
--------------------------------------------------------------*/
  .section-heading  {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 300;
    color: #022140;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 50px;
  }
  
  @media screen and (max-width: 768px)  {
  .section-heading  {
   margin-bottom: 10px!important; 
  }
  }
  #about .progress-heading  {
    text-transform: uppercase;
    font-size: .8em;
  }

  .col-section img  {
    width: 100%;
    height: auto;
    border: 1px solid #d9d9d9;
    border-radius: 2%;
  }
  .col-section i, .card-body i  {
    font-size: 20px;
    margin-right: 10px;
    padding-bottom: 2px;
    color: #ff7900;
  }
  @media screen and (max-width: 768px)  {
  .col-section i, .card-body i  {
    font-size: 25px;
    margin-right: 10px;
    padding-bottom: 2px;
    color: #ff7900;
  }
}
  .col-section .col-heading, .card-body .col-heading  {
    color: #494b68;
    font-size: 1.3em;
  }
  @Media screen and (max-width: 768px)  {
  .col-section .col-heading, .card-body .col-heading  {
    color: #494b68;
    font-size: 1.4em;
  }
}

  .bi-square-fill  {
    font-size: 10px!important;
    margin-left: 10px;
  }
  .story-end  {
    padding: 5px;
  }

  .story-end {
    position:absolute; 
  }
  
  .bi-square-fill {
    position:relative; 
    top:-6px; 
    left:0px;     
  }


  /*-- SMALL PIECE OF UNDERLINE UNDER HEADING --*/
.section-heading:after {content: ""; /* This is necessary for the pseudo element to work. */
  display: block; /* This will put the pseudo element on its own line. */
  margin: 0 auto; /* This will center the border. */
  width: 5%; /* Change this to whatever width you want. */
  padding-top: 15px; /* This creates some space between the element and the border. */
  border-bottom: 2px dotted #ff7900; /* This creates the border. Replace black with whatever color you want. */
}
@media screen and (max-width: 768px)  {
.section-heading:after {content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 15%; /* Change this to whatever width you want. */
    padding-top: 15px; /* This creates some space between the element and the border. */
    border-bottom: 2px dotted #ff7900; /* This creates the border. Replace black with whatever color you want. */
}
}

/*.section-wrapper-first  {
  margin-top: 140px!important;
}
@media screen and (max-width: 768px)  {
.section-wrapper-first  {
  margin-top: 180px!important;
}
}

.section-wrapper-main  {
  margin-top: 30px!important;
}
@media screen and (max-width: 768px)  {
.section-wrapper-main  {
  margin-top: 0px!important;
}
}
*/

/*--- PSEUDO CSS FOR NAV TARGETS TO COMPENSATE FOR FIXED NAV --*/
/*--DESKTOP--*/
#about::before, #services::before, #portfolio::before, #contact::before  {
  display: block;
  content: " ";
  margin-top: -10px!important;
  height: 170px!important;
  visibility: hidden;
  pointer-events: none;
}
/*--RED BUTTON ON HOME SECTION--*/
/*#contact-btn::before  {
  display: block;
  content: " ";
  margin-top: -80px!important;
  height: 80px!important;
  visibility: hidden;
  pointer-events: none;
}
#gallery-anchor::before, #about-anchor::before, #homes-anchor::before, #baths-anchor::before, #kitchens-anchor::before, #basements-anchor::before, #decks-anchor::before, #testimonials-anchor::before, #contact-anchor::before, #contact-anchor-gallery::before   {
  display: block;
  content: " ";
  margin-top: -20px!important;
  height: 30px!important;
  visibility: hidden;
  pointer-events: none;
}*/

/*--MOBILE--*/
@media screen and (max-width: 768px)  {
  .section-wrapper  {
  margin-top: -100px;
}
  #about::before, #services::before, #portfolio::before, #contact::before   {
    display: block;
    content: " ";
    margin-top: 200px!important;
    height: 200px!important;
    visibility: hidden;
    pointer-events: none;
  }
  /*--RED BUTTON ON HOME SECTION--*/
  /*#contact-btn::before   {
    display: block;
    content: " ";
    margin-top: -40px!important;
    height: 20px!important;
    visibility: hidden;
    pointer-events: none;
  }
  #gallery-anchor::before, #about-anchor::before, #homes-anchor::before, #baths-anchor::before, #kitchens-anchor::before, #basements-anchor::before, #decks-anchor::before, #testimonials-anchor::before, #contact-anchor::before, #contact-anchor-gallery::before  {
    display: block;
    content: " ";
    margin-top: -20px!important;
    height: 70px!important;
    visibility: hidden;
    pointer-events: none;
  }*/ 
  .section-wrapper  {
  margin-top: -320px;
} 
}


/* END PSEUDO FOR NAV TARGETS */
  
  /*--------------------------------------------------------------
# ABOUT SECTION
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# SERVICES SECTION
--------------------------------------------------------------*/
/*-- THE FOLLOWING IS BECAUSE THE CARDS HAVE TOO MUCH SPACE BETWEEN THE SECTION-HEADING ABOVE THEM)--*/

/*#services section .section-heading  {
  margin-bottom: 25px!important;
}*/
/*@media screen and (max-width: 768px)  {
  #services section .section-heading  {
    margin-bottom: -10px!important;
}
}*/
@media screen and (max-width: 768px)  {
#services .row .col .card  {
  border: 1px solid #cccccc!important;
}
}

.list-group-services .list-group-item  {
  /*border-top: 3px solid white;*/
  background-color: #f2f2f2;
  border: 1px solid #cccccc;  
}

/*--------------------------------------------------------------
# PORTFOLIO SECTION
--------------------------------------------------------------*/
#portfolio .container .row .col .card  {
  border: 1px solid #cccccc!important;
} 

#portfolio .card-body  {
  background-color: #e6e6e6;
 }

#portfolio .card-text  {  
  color: #022140;
  font-size: .9em;
  font-weight: 200;
  /*font-style: italic;*/
 }     




#portfolio .portfolio-item .portfolio-info h4 {
        font-size: 1.125em;
        line-height: 1px;
        font-weight: 700;
        margin-bottom: 18px;
        padding-bottom: 0; }
        #portfolio .portfolio-item .portfolio-info h4 a {
          color: #333; }
          #portfolio .portfolio-item .portfolio-info h4 a:hover {
            color: #18d26e; }
      #portfolio .portfolio-item .portfolio-info a:hover {
              text-decoration: underline;; }
      #portfolio .portfolio-wrap .portfolio-item .portfolio-info p {
        padding: 0;
        margin: 0;
        color: #b8b8b8;
        font-weight: 500;
        font-size: 1em;/*14px;*/
        text-transform: uppercase; }

      #portfolio .portfolio-wrap .portfolio-item .portfolio-info {
        padding-bottom: 50px!important; }

      .col-hide  {
        display: none;
      }
      @media only screen and (max-width: 768px)  {
        .col-hide  {
          display: none;
        }
      }



/* Testimonials Section
--------------------------------*/
#testimonials {
  padding: 100px 0; }
  #testimonials .section-header {
    margin-bottom: 40px; }
  #testimonials .testimonial-item {
    text-align: center; }
    #testimonials .testimonial-item .testimonial-img {
      width: 120px;
      border-radius: 50%;
      border: 4px solid #fff;
      margin: 0 auto; }
    #testimonials .testimonial-item h3 {
      font-size: 1.25em;
      font-weight: bold;
      margin: 10px 0 5px 0;
      color: #111; }
    #testimonials .testimonial-item h4 {
      font-size: 1em;
      color: #999;
      margin: 0 0 15px 0; }
    #testimonials .testimonial-item .quote-sign-left {
      color: black;
      margin-top: -15px;
      padding-right: 10px;
      display: inline-block;
      width: 37px; }
    #testimonials .testimonial-item .quote-sign-right {
      margin-bottom: -15px;
      padding-left: 10px;
      display: inline-block;
      max-width: 100%;
      width: 37px; }
    #testimonials .testimonial-item p {
      font-style: italic;
      margin: 0 auto 15px auto; }
      @media (min-width: 992px) {
        #testimonials .testimonial-item p {
          width: 80%; } }
  #testimonials .owl-nav, #testimonials .owl-dots {
    margin-top: 5px;
    text-align: center; }
  #testimonials .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd; }
  #testimonials .owl-dot.active {
    background-color: #18d26e; }



/* Contact Section
--------------------------------*/
/*--new form styles--*/
.btn-block  {
  width: 33% !important;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  .btn-block  {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

.section-container-form  {
  padding: 33px;  
}
@media only screen and (max-width: 768px) {
.section-container-form  {
 padding: 33px;  
} 
}
.container-form  {
  background-color: #f2f2f2;
  padding: 15px!important;  
}
@media only screen and (max-width: 768px) {
.container-form  {
  background-color: #f2f2f2;
  padding: 15px!important;  
} 
}

.btn-contact  {
  background-color: #265077;
  color: white;
}
.btn-contact:hover, .btn-contact:active, btn-contact:focus  { 
  background-color: #265077; 
  color: #ff7900;
  transition: .3s;
  opacity: 5;
}









/*--end new form styles--*/



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
  background: #494b68;
  color: white;
  font-weight: 100;
}

footer i  {
  color: white;
  margin: 20px;
  font-size: 20px;
}
footer i:hover  {
  color: #ff7900;
  transition: .7s;
  opacity: 1;
}

@media screen and (max-width: 768px)  {
footer i  {
  margin: 10px;
}
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1120px) 
  and (-webkit-min-device-pixel-ratio: 1) {
footer i  {
  margin: 8px;
}
}

/*--FOOTER DISABLE SOCIAL MEDIA--*/
.pe-none {
  pointer-events: none;
}



/*-- FOOTER LINKS --*/
/*footer a {
  color: white;
  transition: 0.5s;
  outline: none;
  text-decoration: underline;
}
footer a:hover, footer a:active, footer a:focus {
  color: white;
  outline: none;
  text-decoration: underline;
  opacity: 0.7;
 }
  */

 /*-- HOVER UNDERLINE FANCY --*/
 .hover-underline {
  font-size: 1rem;
  color: #ffffff;
  position: relative;
  display: inline-block;
}
.hover-underline:hover, .hover-underline:active, .hover-underline:focus  {
  color: white;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ff0000, #00ffff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}



/*#footer {
  background: #000;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 1em; }
  #footer .footer-top {
    background: #111;
    padding: 60px 0 30px 0; }
    #footer .footer-top .footer-info {
      margin-bottom: 30px; }
      #footer .footer-top .footer-info h3 {
        font-size: 2.8em;
        margin: 0 0 20px 0;
        padding: 2px 0 2px 10px;
        line-height: 1;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        letter-spacing: 3px;
        border-left: 4px solid #18d26e; }
      #footer .footer-top .footer-info p {
        font-size: 1em;
        line-height: 24px;
        margin-bottom: 0;
        font-family: "Montserrat", sans-serif;
        color: #eee; }
    #footer .footer-top .social-links a {
      font-size: 1.125em;
      display: inline-block;
      background: #333;
      color: #eee;
      line-height: 1;
      padding: 8px 0;
      margin-right: 10px;
      border-radius: 50%;
      text-align: center;
      width: 36px;
      height: 36px;
      transition: 0.3s; }
@media screen and (max-width: 768px)  {
    #footer .footer-top .social-links a {
      margin-right: 20px;
  }
}
      #footer .footer-top .social-links a:hover {
        background: #18d26e;
        color: #fff; }

    #footer .social-links i  {
      font-size: 1em;
      color: #eee;
      /*background-color: #333;*/
    /*}

    #footer .footer-top h4 {
      font-size: 1em;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      position: relative;
      padding-bottom: 12px; }
    #footer .footer-top h4::before, #footer .footer-top h4::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px; }
    #footer .footer-top h4::before {
      right: 0;
      background: #555; }
    #footer .footer-top h4::after {
      background: #18d26e;
      width: 60px; }
    #footer .footer-top .footer-links {
      margin-bottom: 30px; }
      #footer .footer-top .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #footer .footer-top .footer-links ul i {
          padding-right: 8px;
          color: #ddd; }
        #footer .footer-top .footer-links ul li {
          border-bottom: 1px solid #333;
          padding: 10px 0; }
          #footer .footer-top .footer-links ul li:first-child {
            padding-top: 0; }
        #footer .footer-top .footer-links ul a {
          color: #eee; }
          #footer .footer-top .footer-links ul a:hover {
            color: #18d26e; }
    #footer .footer-top .footer-contact {
      margin-bottom: 30px; }
      #footer .footer-top .footer-contact p {
        line-height: 26px; }
    #footer .footer-top .footer-newsletter {
      margin-bottom: 30px; }
      #footer .footer-top .footer-newsletter input[type="email"] {
        border: 0;
        padding: 6px 8px;
        width: 65%; }
      #footer .footer-top .footer-newsletter input[type="submit"] {
        background: #18d26e;
        border: 0;
        width: 35%;
        padding: 6px 0;
        text-align: center;
        color: #fff;
        transition: 0.3s;
        cursor: pointer; }
        #footer .footer-top .footer-newsletter input[type="submit"]:hover {
          background: #13a456; }
  #footer .copyright {
    text-align: center;
    padding-top: 30px; }
  #footer .credits {
    text-align: center;
    font-size: 1.01em;
    color: #ddd; }
    */

/*-----PRIVACY POLICY-----*/
#privacy-policy  {
  padding-top: 60px;
}
.privacy-policy  {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.privacy-container .privacy-logo  {
  text-align: left;  
}
.privacy-container .privacy-logo img  {
  max-width: 30%;
  height: auto;
}
@media only screen and (max-width: 768px) {
.privacy-container .privacy-logo img  {
  max-width: 70%;
  height: auto;
}
}
.privacy-policy h1  {
  margin-top: 40px;  
}


@media only screen and (max-width: 768px) {
  .privacy-policy  {
    padding: 40px 20px;
  }
}


/*-----CMS BLOG------*/
.blog-mainheader  {
  line-height: 1.2;
}
@media screen and (max-width: 768px)  {
.blog-mainheader  {
  line-height: 1.5;
}
}
.container-blog  {
  padding: 50px 50px!important;
  background-color: #e6e6e6;
  font-family: "Open Sans", sans-serif;
  color: black;     
}
@media only screen and (max-width: 768px) {
.container-blog  {
  padding: 30px 30px!important;
}
.container-blog h2  {
  font-weight: 400;
} 
}
.container-blog h3  {
  color: #265077;
}
.container-blog .accordion-custom-code  {
  margin-top: 80px!important;
}
.accordion-button  {
  text-transform: uppercase;
  border-top: 2px solid white;
}
.accordion-custom-code  {
  margin-top: -20px!important;
}
.navbar-cms-blog  {
  border-bottom: 2px solid white;
}
.btn-contact-custom-code  {
  margin-top: 30px;
  padding: 15px;
  background-color: #494b68!important; 
}

/*.container-blog .clearfix img  {
  border: 1px solid #d9d9d9;
  border-radius: 2%;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}*/