/*----CSS / BEAUTY & BANDS ----*/

/*----colors-----
Top bar dk brown:
Buttons (orange):
background light: f5f5f5
*/

/*----google fonts----
font-family: 'Open Sans', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'EB Garamond', serif;
*/

body {
  background: #fff;
  color: #4f4f4f;
  font-family: "Open Sans", sans-serif;
}

* {box-sizing: border-box;}

a {
  color: #1d1d58;
}

a:hover,
a:active,
a:focus {
  color: #1d1d58;
  outline: none;
  text-decoration: none;
  transition: 0.5s;
  opacity: .7;
}

.list-group .list-item-custom a  {
  color: #1d1d58!important;
  text-decoration: underline;
}
.list-group .list-item-custom a:hover,
.list-group .list-item-custom a:active,
.list-group .list-item-custom a:focus {
  color: #1d1d58;
  outline: none;
  text-decoration: none;
  transition: 0.5s;
  opacity: .7;
}

p {
  padding: 0;
  margin: 0 0 25px 0;
  font-weight: normal;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans Condensed', sans-serif;
  margin: 0 0 20px 0;
  padding: 0;
}

h5, h6  {
  text-transform: uppercase;
}

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

/*-- 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(4); /*-- size of spinner --*/
  color: white!important; /*-- color of spinner --*/
}
@media screen and (max-width: 768px)  {
  #loading  {
    position: absolute;
    z-index: 9999;
    left: 50%; /*-- center spinner on page horizontally --*/
    top: 45%; /*-- 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: white!important;
  }
}
/*-- END SPINNER --*/


/*----- TOP-HEADER -----*/
#top-header  {
  background-color: #6d2c7f;
  padding: 15px 70px!important;
  height: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {
#top-header  {
  margin-bottom: 0;
}
}
@media screen and (max-width: 768px)  {
#top-header  {
  padding: 18px 20px!important;
  height: 50px;
}
}
.social-media ul li i  {
  color: #fff;
  font-size: 28px;
  margin: 0px;
  padding: 0px;
  margin-top: -4px;
}
.social-media i:hover  {
  opacity: .7;
}

#top-header .social-media  {
  padding: 0;
  margin: 0;
  padding-left: 730px;
}
#top-header .social-media ul  {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
  float: left;
  width: 220px;
}

#top-header .social-media ul li  {
  display: inline;
  margin: 0;
  padding: 0;
  padding-right: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {
  #top-header .social-media  {
    padding: 0;
    margin: 0;
    padding-left: 450px!important;
  }
  #top-header .social-media ul  {
    padding-bottom: 0!important;
  }
  #top-header .social-media ul li  {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px)  {
  #top-header .social-media  {
    padding-left: 0px;
    margin-left: 0px;
    background-color: blue!important;
}
#top-header .social-media ul  {
  padding: 0;
  margin-left: 0px;
  margin-bottom: 0px;
  width: auto;
}
#top-header .social-media ul li  {
  padding-right: 10px;
  margin-bottom: 10px;
}
.social-media ul li i  {
  color: #fff;
  font-size: 24px;
  margin: 0px;
  padding: 0px;
  margin-top: -7px;
  margin-right: 10px;
}
}

#top-header .text-right  {
  color: #d8d6dd;
  margin: 0px;
  padding: 0;
  text-transform: uppercase;
  font-size: .8em;
}
#top-header .text-right a  {
  color: white;
}
#top-header .text-right a:hover,
#top-header .text-right a:active,
#top-header .text-right a:focus {
  color: #e68f93;
  outline: none;
  text-decoration: none;
  transition: 0.5s;
}


/*--ADJUSTS CONTACT ANCHOR (DUMMY DIV) FOR CAROUSEL BUTTONS--*/
/*#anchor {
    display: block;
    position: relative;
    top: 210px;
    visibility: hidden;
}*/



/*----NAVBAR----*/
.navbar  {
  background-color: #f5f5f5;
  border-top: 1px solid #d6d2d2;
  border-bottom: 1px solid #d6d2d2;
  padding: 10px 120px;
  /*margin-top: -20px;*/
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {
.navbar  {
  padding: 10px 60px;
}
}

.dropdown-menu .main-li.active  {
  background-color: black!important;
}
.nav-item-1  {
  padding-right: 10px;
}

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

.navbar img  {
  width: 320px;
  height: auto;
}
@media screen and (max-width: 768px)  {
.navbar img  {
  width: 195px!important;
}
.navbar-toggler  {
  border: none;
}
.navbar-toggler-icon  {
  font-size: 1.5em;
}
}

.navbar .nav-item a  {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}
.dropdown-menu .dropdown-item  {
  text-transform: none!important;
}



/*-- JUMBOTRON STATIC STYLES --*/
.jumbotron-static {
background-image: url(../images/carousel-new.png);
background-size: cover;
position: relative;
height: 1000px;
margin-bottom: 10px;
}
.jumbotron-static .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background:rgba(116,117,120,0.8);*/
  }
.jumbotron-static .overlay .inner  {
  text-align: center;
  position: relative;
  z-index: 3;
  padding-left: 10px;
  padding-right: 10px;
}
.jumbotron-static .overlay .inner .motto  {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-style: italic;
}

@media screen and (max-width: 768px)  {
  .jumbotron-static .overlay .inner .motto  {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1em!important;
  }
}

.jumbotron-static .overlay .inner .jumbotron-image  {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px)  {
.jumbotron-static .overlay .inner .jumbotron-image  {
  width: 200px!important;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
.jumbotron-static .overlay .inner .jumbotron-image img  {
  max-width: 100%!important;
}
}

@media screen and (max-width: 768px)  {
  .jumbotron-static {
  background-image: url(../images/carousel-new-mobile.png);
  /*background-size: cover;*/
  background-repeat: no-repeat;
  /*height: 100%;*/
  height: 370px;
  width: 390px;
  text-align: center;
  /*height: 500px;*/
  }
.jumbotron-static .overlay {
      /*background:rgba(116,117,120,0.7);*/
    }
}
.jumbotron-static h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  color: white;
  margin-top: 25px;
  font-size: 5em;
  font-weight: bolder;
  text-shadow: 2px 2px #000;
}
.jumbotron-static h3 {
  color: white;
  margin-top: 780px;
}
@media screen and (max-width: 768px)  {
  .jumbotron-static h1 {
    color: white;
    margin-top: 10px;
    font-size: 2.2em;
  }
  .jumbotron-static p  {
    color: white;
    font-size: 1.3em!important;
  }
  .jumbotron-static h3 {
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.4em;
    font-weight: bolder;
    /*letter-spacing: 1px;*/
    margin-top: 271px;
  }
}
.jumbotron-static p  {
  color: white;
  font-size: 1.5em;
  margin-top: -10px;
}



.btn-custom  {
  color: white;
  background-color: #c12026;
  border: none;
  border-radius: 3px;
  outline: none !important;
  box-shadow: none !important;
}
.btn-custom:hover, .btn-custom:active, .btn-custom:focus  {
  background-color: #c12026;
  color: #f3f3f3;
  outline: none !important;
  box-shadow: none !important;
  opacity: .8;
  transition: 1s;
}

/*-- MODAL --*/
.modal-header h5 i  {
  font-size: 24px;
  color: #6d2c7f;
  margin-right: 15px;
}


/*-- COMMON STYLES --*/

/*----- CSS FOR 4 WIDE IMAGE GALLERY WITH MODAL POP UP -----*/
.gallery-container  {
  padding-top:  70px;
}
@media screen and (max-width: 768px)  {
.gallery-container  {
  padding-top:  45px;
}
}

.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
#image-gallery button ion-icon  {
  font-size: 32px;
  color: #ffff00;
  margin: 3px 3px -1px 3px!important;
}

.modal-body  {
  width:75%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.modal-title  {
  padding-left: 100px!important;
}
@media screen and (max-width: 768px)  {
  .modal-body  {
    width:100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .thumb  {
    margin-bottom: 30px!important;
  }
  .modal-title  {
    padding-left: 10px!important;
  }
}

.modal-gallery  {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px)  {
.modal-gallery  {
  margin-top: -30px;
}
}

.gallery-heading h5  {
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}
.gallery-heading small  {
  padding-top: 10px!important;
  margin-top: 0px!important;
}

.gallery-container h5 ion-icon  {
  color: #cc3a21;
  font-size: 24px;
  margin-right: 5px;
  padding: 0px;
  margin-bottom: -3px;
}

.modal-gallery .instagram-photos  {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.modal-gallery .instagram-photos i  {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 32px;
  margin-top: 0px;
}
.modal-gallery .instagram-photos h5  {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px)  {
.modal-gallery .instagram-photos  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
  }
.modal-gallery .instagram-photos i  {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 40px!important;
    margin-bottom: 40px;
  }
.modal-gallery .instagram-photos h5  {
    margin: 0;
    padding: 0;
  }
}
/*--CSS GALLERY END --*/

.section-wrapper  {
  /*padding-top: 150px!important;*/
  margin-top: 80px!important;
}
@media screen and (max-width: 768px)  {
.section-wrapper {
  margin-top: 40px!important;
}
}

@media screen and (max-width: 768px)  {
.section-wrapper .btn-custom  {
  margin-top: 0px;
  margin-bottom: 20px;
  width: 100%;
}
}

#contact-anchor  {
  padding-top: 110px;
  margin-top: -110px;
}
@media screen and (max-width: 768px)  {
#contact-anchor  {
  padding-top: 60px;
  margin-top: -60px;
}
}

.col-image-top  {
  padding-top: 50px;
}
@media screen and (max-width: 768px)  {
  .col-image-top  {
    padding-top: 0px;
  }
}
.col-image-bottom  {
  padding-top: 10px;
}
@media screen and (max-width: 768px)  {
  .col-image-bottom  {
    padding-top: 0px;
  }
}

.col-mobile-top img  {
  /*margin-top: -50px!important;*/
  margin-top: -50px!important;
  margin-bottom: 20px;
}
.section-wrapper h2  {
  font-size: 1.7em;
}
.section-wrapper .section-container .section-article  {
  margin-bottom: 0px!important;
  padding-bottom: 0px!important;
}

.section-article h1  {
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  color: #1d1d58;
  /*font-weight: bolder;*/
  /*letter-spacing: 1px;*/
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/*-- SMALL PIECE OF UNDERLINE UNDER HEADING --*/
.section-article h1: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: 3%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #c12026; /* This creates the border. Replace black with whatever color you want. */
}
@media screen and (max-width: 768px)  {
  .section-article h1: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: 10px; /* This creates some space between the element and the border. */
      border-bottom: 2px solid #c12026; /* This creates the border. Replace black with whatever color you want. */
  }
}

.section-article  {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.section-wrapper .row  {
  margin-top: 0px!important;
  padding-top: 0px!important;
}

.section-wrapper h2 i  {
  color: #6d2c7f;
  font-size: 25px;
  margin-right: 15px;
  padding: 0px;
  margin-bottom: -3px;
}


/*--- PSEUDO CSS FOR NAV TARGETS TO COMPENSATE FOR FIXED NAV --*/
#mission::before, #getinvolved::before, #products::before, #testimonials::before  {
  display: block;
  content: " ";
  margin-top: -120px!important;
  height: 140px!important;
  visibility: hidden;
  pointer-events: none;
}
#contact::before  {
  display: block;
  content: " ";
  margin-top: -120px!important;
  height: 110px!important;
  visibility: hidden;
  pointer-events: none;
}
#products-anchor::before  {
  display: block;
  content: " ";
  margin-top: -20px!important;
  height: 50px!important;
  visibility: hidden;
  pointer-events: none;
}
#about-anchor::before  {
  display: block;
  content: " ";
  margin-top: -20px!important;
  height: 50px!important;
  visibility: hidden;
  pointer-events: none;
}
#contact-anchor::before  {
  display: block;
  content: " ";
  margin-top: -20px!important;
  height: 50px!important;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 768px)  {
  #mission::before, #getinvolved::before, #products::before, #testimonials::before   {
    display: block;
    content: " ";
    margin-top: -350px!important;
    height: 300px!important;
    visibility: hidden;
    pointer-events: none;
}
  #contact::before  {
    display: block;
    content: " ";
    margin-top: -350px!important;
    height: 270px!important;
    visibility: hidden;
    pointer-events: none;
  }

  #products-anchor::before  {
    display: block;
    content: " ";
    margin-top: -20px!important;
    height: 70px!important;
    visibility: hidden;
    pointer-events: none;
  }
  #about-anchor::before  {
    display: block;
    content: " ";
    margin-top: -20px!important;
    height: 50px!important;
    visibility: hidden;
    pointer-events: none;
  }
}

#homes::before, #baths::before, #kitchens::before, #basements::before, #decks::before/*, #septic::before*/  {
display: block;
content: " ";
margin-top: -115px!important;
height: 115px!important;
visibility: hidden;
pointer-events: none;
}
@media screen and (max-width: 768px)  {
  #homes::before, #baths::before, #kitchens::before, #basements::before, #decks::before/*, #septic::before*/  {
  display: block;
  content: " ";
  margin-top: -495px!important;
  height: 500px!important;
  visibility: hidden;
  pointer-events: none;
}
}
/*--THIS SETS Z-INDEX SO SECTION-WRAPPERS DON'T COVER BUTTONS ON MOBILE. EACH SERVICES SECTION HAS A CONTAINER WHICH ORDERS STARTING AT BOTTOM OF SERVICES AND WORKS UP. IT MOVES THE PSEUDO ELEMENTS UNDER THE SECTIONS SO EACH BUTTON IS NOT COVERED BY THE PSEUDO LAYER BELOW IT.--*/
/*.septic-section-container  {
  position: relative;
  z-index: 1;
}
#septic::before  {
  position: relative;
  z-index: -1;
}
.windows-section-container  {
  position: relative;
  z-index: 2;
}
#windows::before  {
  position: relative;
  z-index: 1;
}
.roofing-section-container  {
  position: relative;
  z-index: 3;
}
#roofing::before  {
  position: relative;
  z-index: 2;
}
.basements-section-container  {
  position: relative;
  z-index: 4;
}
#basements::before  {
  position: relative;
  z-index: 3;
}
.kitchens-section-container  {
  position: relative;
  z-index: 5;
}
#kitchens::before  {
  position: relative;
  z-index: 4;
}
.baths-section-container  {
  position: relative;
  z-index: 6;
}
#baths::before  {
  position: relative;
  z-index: 5;
}
.homes-section-container  {
  position: relative;
  z-index: 7;
}
#homes::before  {
  position: relative;
  z-index: 6;
}
}

/*#contact::before {
display: block;
content: " ";
margin-top: -120px!important;
height: 120px!important;
visibility: hidden;
pointer-events: none;
}
@media screen and (max-width: 768px)  {
  #contact::before {
  display: block;
  content: " ";
  margin-top: -350px!important;
  height: 330px!important;
  visibility: hidden;
  pointer-events: none;
}
}*/
/*#contact-anchor-newpage::before {
  display: block;
  content: " ";
  margin-top: -15px!important;
  height: 15px!important;
  visibility: hidden;
  pointer-events: none;
}*/


/*-- EXTRA SECTIONS --*/
.extra a {
  color: #e6e1e1;
  transition: 0.5s;
}

.extra:hover,
.extra:active,
.extra:focus {
  color: #7c7878;
  outline: none;
  text-decoration: none;
}

.extra  {
  padding: 0px 120px;
}
@media screen and (max-width: 768px)  {
  .extra  {
    padding: 20px 15px;
  }
}
section img {
    width: 100%;
    border-radius: 6px;
    border: 1px solid white;
  }
.figure img  {
  max-width: 400px;
}
@media screen and (max-width: 768px)  {
  .extra img  {
    margin-top: 10px;
  }
  .extra-1 .col-mobile-top  {
    padding-top: 40px;
  }
  section .col-mobile-top h2  {
    margin-top: -50px;
    padding-top: 0;
  }
}

.extra h2 ion-icon  {
  color: #ff9a00;
  margin-bottom: -3px;
}

.extra-1  {
  background-color: #817c73;
  /*border-top: 2px solid black;
  border-bottom: 2px solid #dca44d;*/
  margin-top: 0px;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px)  {
  .extra-1  {
    padding-top: 0px;
  }
}
.extra-1 p {
  color: white;
}
.extra-1 h2  {
  color: #f5f5f5;
}
.extra-1 h4  {
  color: #e3ddd6;
}

.extra-1 .phone  {
  color: #dbd8b8!important;
}
.extra-1 .phone:hover  {
  color: #d8d6dd!important;
}


.extra-1 h2 i  {
  color: #ff9a00;
  font-size: 25px;
  margin-right: 15px;
  padding: 0px;
  margin-bottom: -3px;
}

h2 ion-icon  {
  font-size: .9em;
  color: #ff9a00;
  padding-right: 12px;
}
@media screen and (max-width: 768px)  {
h2 ion-icon  {
  font-size: .9em;
}
}

/*-- MISSION SECTION --*/
@media screen and (max-width: 768px)  {
#mission  {
  margin-top: 90px!important;
}

.container-about  {
  margin-top: -10px!important;
}
}

/*-- GET INVOLVED SECTION --*/
/*-- FACEBOOK BUTTONS TO HIDE NAMES AND NUMBER --*/
/* make the like button smaller */
.fb_edge_widget_with_comment iframe
{
    width:47px !important;
}

/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width:401px !important;
}


/*-- PRODUCTS SECTION --*/
.text-warning  {
  color: #6d2c7f!important;
  font-size: 1.2em;
}
.products-container  {
  padding-top: 40px;
}
@media screen and (max-width: 768px)  {
.products-container  {
  padding-top: 0px;
}
}

.card-img-top  {
  border: 7px solid #e9e4e4;
}

#products a h3  {
  font-weight: bold;
  color: #1d1d58;
  text-transform: uppercase;
}

.text-reset .card-title  {
  font-size: 1.5em;
}

@media screen and (max-width: 768px)  {
#products .container .list-group  {
  margin-bottom: 120px!important;
}
}

#products .container .list-group .list-group-item i  {
  color: #c12026;
  margin-right: 10px;
  font-size: 1.2em;
}
#products .container .list-group .list-group-item  {
  font-weight: normal;
}

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

/*--PRODUCTS STORE LINK SECTION--*/
.row-store  {
  margin-bottom: 60px!important;
}
.row-store .btn   {
  width: 25%;
  padding: 12px;
}
@media screen and (max-width: 768px)  {
.row-store .btn  {
  width: 75%;
}
}

.hide-products  {
  display: none;
}

/*-- CONTACT SECTION --*/
#contact .section-article  {
  padding-bottom: 30px;
}
#contact .contact-head  {
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.fa-phone-alt, .fa-envelope  {
  color: #6d2c7f!important;
  font-size: 20px;
  }

@media screen and (max-width: 768px)  {
#contact .contact-head h5  {
  text-align: center;
}
#contact .card-body h5  {
  text-align: center;
}
}

#contact .card-container  {
  padding: 0px;
}
#contact .card-container .card-body  {
  padding: 0px;
}

@media screen and (max-width: 768px)  {
#contact .mt-5  {
  margin-top: 0px!important;
}
}

#contact ion-icon  {
  /*margin-left: 30px;*/
  margin-right: 15px;
  color: #cc3a21;
  font-size: 32px;
  margin-bottom: -3px;
}
@media screen and (max-width: 768px)  {
#contact ion-icon  {
  font-size: .9em;
  margin-right: 5px!important;
}
.contact-head h2  {
  padding-right: 0;
  margin-right: 0;
}
}


/* ===== FOOTER =====*/
footer  {
  margin-top: 40px!important;
  width: 100%;
}
footer .copyright  {
  bottom: 0;
  background-color: #6d2c7f;
  padding: 20px!important;
  text-align: center;
  width: 100%;
  font-size: .9em;
  letter-spacing: 2px;
  color: #dcdcdc;
}

footer .copyright img  {
  max-width: 80px;
}
@media only screen and (max-width:768px) {
footer  {
  width: 100%;
  margin-top: 0px;
}

  footer .copyright  {
  background-color: #6d2c7f;
  padding: 20px 10px!important;
  text-align: center;
  width: 100%;
  /*font-family: 'Open Sans', sans-serif;*/
  font-size: .8em;
  letter-spacing: 1px;
  color: #dcdcdc;
}
}

footer .copyright a  {
  color: #ebe5e5;
}
footer .copyright a:hover  {
  opacity: .7;
  transition: 1s;
}


footer i  {
  color: #fff;
  font-size: 24px;
  margin: 20px 20px 0 20px;
  padding: 0px;
  margin: 10px;
}
@media screen and (max-width: 768px)  {
footer i  {
  font-size: 24px;
}
}
footer i:hover  {
  opacity: .7;
}

/*-----CWD Link in footer-----*/
footer .cwd  {
  color: #c0c0c0;
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
}
footer .cwd a  {
  color: #c0c0c0!important;
  text-decoration: none;
}
footer .cwd a:link  {
  color: #c0c0c0!important;
  text-decoration: none;
}
footer .cwd a:visited  {
  color: #c0c0c0!important;
  text-decoration: none;
}
footer .cwd a:hover  {
  color: #c0c0c0!important;
  text-decoration: none;
  opacity: .7;
}
footer .cwd a:active  {
  color: #c0c0c0!important;
  text-decoration: none;
}

/*-----PRIVACY POLICY-----*/
.privacy-policy  {
  padding: 70px 200px!important;
}
@media screen and (max-width: 768px)  {
  .privacy-policy  {
    padding: 40px 20px!important;
  }
}

.privacy-logo img  {
  width: 200px;
  height: auto;
  border: 0px!important;
}