@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

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

    COPYRIGHT © 2018 http://87archive.com/
    All Rights Reserved 
  
--------------------------------------------------------------*/






/*div{
  outline: 1px dotted red;
}*/

body {
  /*padding-top: 56px;*/
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
html, body{
  color: #212121;
  /*background-color: #E5E5E5;*/
}

/*LINKS*/
a {
  color: #666;
  transition: all 0.125s ease-in-out 0s;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: #999;
  outline: 0;
}


b{
  font-weight: 500;
}





/*NAV*/
.navbar-light .navbar-toggler {
  border: none;
}
.dropdown-menu{
  border: none;
  background-color: #f8f9fa;
}
.dropdown-item{
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  border: none;
  background-color: #f8f9fa;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
}
@media (min-width: 768px) {
  .dropdown-menu{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
}






/*IMG UTILITY*/

/*make all fluid images 100% width*/
/*could use w-100 on individual items instead*/
.img-fluid{
  min-width: 100%;
}
/*custom shadow*/
.img-shadow{
  box-shadow:0px 5px 10px rgba(0,0,0,.3);
}
.border{
  width:100px;
  height:100px;
}
.overflow{
  overflow: hidden;
}



/*reset bold headers*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}
.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

/*heading*/
.heading h1{
  /*font-weight: 200;*/
  padding-top: 20px;
  font-size: 24px;
  /*font-weight: normal;*/
  font-weight: 500;
}






/*CARDS*/

/*CARD LINK*/
.card .text-muted{
  font-weight: 500;
  /*text-transform: uppercase;*/
  letter-spacing: 1px;
  transition: all 0.125s ease-in-out 0s;
}
.card .text-muted a i{
  transition: all 0.125s ease-in-out 0s;
  /*margin-left: 10px;*/
}
.card .text-muted a:hover i{
  transition: all 0.125s ease-in-out 0s;
  margin-left: 5px;
}

/*HOME BTN*/
.card-text .text-muted a i{
  transition: all 0.125s ease-in-out 0s;
  /*margin-left: 10px;*/
}
.card-text .text-muted a:hover i{
  transition: all 0.125s ease-in-out 0s;
  margin-left: 5px;
}





/*BUTTONS*/

.btn{
  text-shadow: none;
  color: #fff;
}
.btn-outline-light:hover{
  color: #868e96;
}
.btn-outline-dark:hover{
  color: #fff;
}


/*NAV*/
.navbar-brand img {
  height: 25px;
  padding-right: 10px;
  margin-top: -4px;
}
.navbar-brand {
  position: relative;
  top: 0px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  /*text-transform: uppercase;*/
  letter-spacing: 1px;
}
.navbar-nav .active{
  font-weight: 500;
}

/*UTILITY*/

.nopadding {
  margin: 0 !important;
  padding: 0 !important;
}
.pr-40{
  padding-right: 40px;
}
.pr-80{
  padding-right: 80px;
}
.pt-20{
  padding-top: 20px;
}
.pb-20{
  padding-bottom: 20px;
}
.pt-40{
  padding-top: 40px;
}
.pb-40{
  padding-bottom: 40px;
}
.pt-80{
  padding-top: 80px;
}
.pb-80{
  padding-bottom: 80px;
}
.pt-160{
  padding-top: 160px;
}
.pb-160{
  padding-bottom: 160px;
}
.mt-20{
  margin-top: 20px;
}
.mb-20{
  margin-bottom: 20px;
}
.mt-40{
  margin-top: 40px;
}
.mb-40{
  margin-bottom: 40px;
}
.mt-80{
  margin-top: 80px;
}
.mb-80{
  margin-bottom: 80px;
}
.mt-160{
  margin-top: 160px;
}
.mb-160{
  margin-bottom: 160px;
}
.spacer-40{
  padding-top: 40px;
}
.spacer-80{
  padding-top: 80px;
}
.min-400 {
    min-height: 400px;
}
.min-600 {
    min-height: 600px;
}
.min-800 {
    min-height: 800px;
}


.vh-100{
  height: 100vh;
}

/*BACKGROUNDS*/

/*color utility for sections*/
.color1{
  background-color: #F5F5F5;
}
.color2{
  color: #efefef;
  background-color: #292929;
}

.color2 .divider-d {
  border-top: 2px solid #efefef;
}


.color3{
  color:#999;
  background-color: #ffffff;
}
.color4{
  /*color:#999;*/
  background-color: #f6f2ef;
}


.fg-color1{
  color: #efefef;
}








/*DIVIDER*/
.divider-d {
  display: inline-block;
  border-top: 2px solid #202020;
  width: 30px;
  margin: 0;
}

/*BUTTONS*/
.corner-btn {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  padding: 0.7rem 1.4rem;
  min-width: 140px;
}
.square-btn {
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  padding: 0.7rem 1.4rem;
  min-width: 140px;
}
.rounded-btn {
  border-radius: 42px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  padding: 0.7rem 1.4rem;
  min-width: 140px;
}
.round-btn {
  border-radius: 42px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  padding: 0.7rem 0.9rem;
}




.et-icon{
  width: 64px;
}


/*BACKGROUND IMAGES*/


.bg-img{
  /*IMAGE ADDED VIA JS - DATA ATTRIBUTE*/
  /*background-image:url(../img/image.jpg);*/
  background-repeat:none;
  background-attachment:scroll;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}

.bg-img .img-tint, .bg-img-fixed .img-tint {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
}


.bg-img .img-tint-lt, .bg-img-fixed .img-tint-lt{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.5);
}

.bg-img-fixed{
  /*IMAGE ADDED VIA JS - DATA ATTRIBUTE*/
  /*background-image:url(../img/image.jpg);*/
  background-repeat:none;
  background-attachment:fixed;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}

.box-tint-lt{
  background-color: rgba(255,255,255,.5);
}

.box-tint-dk{
  background-color: rgba(0,0,0,.5);
}










/*HEADERS*/

/*tints the text box*/
/*.header-one-tint{
  background-color: rgba(255,255,255,.5);
}*/
/*.header-one h1 {
  font-weight: 400;
}*/


/*
.header-one{
  background-image:url(../img/helio-rosas-302267-unsplash.jpg);
  background-repeat:none;
  
  background-attachment:scroll;
  background-attachment:fixed;
  
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}
*/






/*.header-two{
  background-image:url(../img/john-jennings-430220-unsplash.jpg);
  background-repeat:none;

  background-attachment:scroll;
  background-attachment:fixed;

  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}*/

/*.header-two-tint{
  background-color: rgba(255,255,255,.5);
}*/




/*.header-three{
  background-image:url(../img/franck-v-795965-unsplash.jpg);
  background-repeat:none;

  color: #efefef;
  background-attachment:scroll;
  background-attachment:fixed;

  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}*/

/*.header-three .divider-d {
  border-top: 2px solid #efefef;
}*/













/*LOADING*/

/* The Loader wrapper */
#loader-wrapper {

  background-color: #ccc;
  /*background-color: red;*/
  opacity: 1;


  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;


  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;


}











/* The Loader */
#loader {


  /*background-color: green;*/
  /* OUTER SPINNER OBJECT */

  display: block;
  position: relative;

  /* CENTER ON SCREEN */
  left: 50%;
  top: 50%;


  /* SIZE */
  width: 50px;
  height: 50px;
  

  /* PULLS UP LEFT HALF WIDTH */
  margin: -25px 0 0 -30px;
  
  /* ROUND */
  border-radius: 50%;
  border: 3px solid transparent;



  /*border-color: #888;*/

  border-top-color: #242424;
  /*border-top-color: yellow;*/


  /*SPIN*/
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;

  /* OVERLAY */
  z-index: 11;

}




/*MIDDLE*/



/*#loader:before {

  
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;

  border: 3px solid transparent;
  border-top-color: #e74c3c;

border-top-color: red;

  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}*/
/*INNER*/
/*#loader:after {

  
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;

  border-top-color: black;

  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}*/






@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}









/* COVER LEFT HALF OF PAGE */
/*#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: .6;
  z-index: 10;
}*/


/* COVER LEFT HALF OF PAGE */
/*#loader-wrapper .loader-section.section-left {
  left: 0;

  background-color: #666;

}*/

/* COVER RIGHT HALF OF PAGE */
/*#loader-wrapper .loader-section.section-right {
  right: 0;
  background-color: #666;

}*/




/* Loaded styles */

/* LEFT HALF OUT */
/*.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/


/* RIGHT HALF OUT */
/*.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/


/* FADE OUT */
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* SLIDE OUT - BLUE BG UP */
.loaded #loader-wrapper {
  visibility: hidden;
  
  /*SLIDE OUT*/
  /*-webkit-transform: translateX(100%);*/
          /*transform: translateX(100%);*/

  /*FADE OUT*/
  opacity: 0;


  -webkit-transition: all 0.4s 0.4s ease-out;
  transition: all 0.4s 0.4s ease-out;
}











/*--------------------------------------------------------------
  FOOTER
--------------------------------------------------------------*/
footer {
  /*min-height: 200px;*/
  padding: 10px 0;
}

footer .copyright {
  font-size: 12px;
  margin: 0;
}

footer .footer-social-links {
  text-align: right;
}

footer .footer-social-links a {
  display: inline-block;
  padding: 0 6px;
}



/*STYLE 1*/
.footer-style-1{
  background-color: #1a1a1a;
  color:#efefef;

}

.footer-style-1 small{
  letter-spacing: 1px;
  font-size: 14px;
  color:#888;
}

.footer-style-1 p{
  font-weight: 200;
  font-size: 24px;
  /*color:#999;*/
}
.footer-style-1 a{
  text-decoration: none;
  /*font-size: 24px;*/
  color:#efefef;
}
.footer-style-1 a:hover, .footer-style-1 a:focus, .footer-style-1 a:active {

  /*font-size: 24px;*/
  color:#999;
  transition: all 0.25s ease-in-out 0s;
}







/*--------------------------------------------------------------
  ROLLOVER IMG
--------------------------------------------------------------*/

.img-hover-container{

  /*min-height: 100%;*/
    /*width: 25%;*/
    background-color: #333;

    position: relative;
    overflow: hidden;


}


.img-hover-container img{
  /*width: 100%;*/
    /*height: 100%;*/
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

/* SCALES THE IMAGE */
.img-hover-outer:hover img, .img-hover-outer:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


/*THE CAPTION OVERLAYS*/
.img-hover-overlay{
  position: absolute;
    top: 0;
    left: 0;
    padding: 25% 0;
    width: 100%;
    height: 100%;

    /*TINT COLOR*/
    /*background-color: rgba(63, 97, 132, 0.85);*/
    background-color: rgba(255, 255, 255, 0.2);

    /*background-color: red;*/


    /*text-align: center;*/
    font-size: 15px;

    /*START OPACITY*/
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;


    /* -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;*/



}



/*CHANGE OPACITY WHEN OVER FULL ITEM*/
/*targets the item after hover*/
.img-hover-outer:hover .img-hover-overlay, .img-hover-outer:hover .img-hover-overlay {
    opacity: 1;
}


.img-hover-text{
  text-align: left;
  font-size: 36px;
  color: #111;
  /*position: absolute;*/
  position: absolute;
  top: 0;
  left: 30px;
  margin-top: -25px;
  opacity: 0;
  /*margin-left: -200px;*/
  /*width: 400px;*/
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);

  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;

  /*transition-delay: 200ms;*/

}


.img-hover-text-2{
  text-align: left;
  font-size: 16px;
  color: #111;
  /*position: absolute;*/
  position: absolute;
  /*top: 0;*/
  bottom: 0;
  left: 30px;
  margin-top: -30px;
  opacity: 0;
  /*margin-left: -200px;*/
  /*width: 400px;*/
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);

  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;

  /*transition-delay: 200ms;*/

}

/*CAPTION END POSITION*/
.img-hover-outer:hover .img-hover-text, 
.img-hover-outer:focus .img-hover-text {
  opacity: 1;
    -webkit-transform: translate(10px, 0px);
    -ms-transform: translate(10px, 0px);
    transform: translate(10px, 0px);
}


.img-hover-outer:hover .img-hover-text-2, 
.img-hover-outer:focus .img-hover-text-2 {
  opacity: 1;
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}




/*--------------------------------------------------------------
  BUTTONS
--------------------------------------------------------------*/

.btn-outline-secondary{
  border-radius: 0;
}
/*BTN NO HOVER BG*/
.btn-outline-secondary:hover{
  background: transparent;
}
.button-mask {
    position: relative;
    overflow: hidden;
    border: none;
}
.button-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    -webkit-transform: translate(0, 95%);
    -ms-transform: translate(0, 95%);
    transform: translate(0, 95%);
    -webkit-transition: all 120ms ease-in;
    transition: all 120ms ease-in;
}


.button-mask:hover .button-overlay{
  -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.button-mask label{
  position: relative;
  margin:0;
  z-index: 10;
}











/*BG*/

/*applies the settings for a bg image*/
/*url is passed via style tag on item*/
/*.bg-img{
  background-image:url(../img/bernard-hermant-624963-unsplash.jpg);
  background-repeat:none;
  background-attachment:scroll;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}*/


/*.bg-img-2{
  background-image:url(../img/lauren-richmond-796507-unsplash.jpg);
  background-repeat:none;
  background-attachment:fixed;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  -o-background-size:cover;
}*/


.fg-white{
  color: #efefef;
}
.zi-1030{
  position: relative;
  z-index: 930;
}

.tinted-section{
  position: relative;
}

.tint-item{
  position: absolute;
  top: 0;
  z-index: 920;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.tint-item-2{
  position: absolute;
  top: 0;
  z-index: 920;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.fg-white{
  color: #efefef;
}
















/*PORTFOLIO*/

/*PORTFOLIO FILTER*/
.filter {
  list-style: none;
  padding: 0;
  margin: 0 0 70px;
}
.filter > li {
  display: inline-block;
  padding: 0 0 10px;
  margin-right: 20px;
}
/*SELECTED FILTER*/
.filter li .current{
  color: #1a1a1a;
}
/*PORTFOLIO GRID*/
.works-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}
/*OPTIONAL GUTTER*/
.works-grid.works-grid-gut {
  margin: 0 0 0 -10px;
}
.works-grid.works-grid-gut .work-item {
  padding: 0 0 10px 10px;
}
.work-item {
  width: 50%;
  float: left;
  margin: 0;
}
/*3 column*/
.works-grid-3 .work-item {
  width: 33.3333%;
}
.container .works-grid-3 .work-item {
  width: 33.2%;
}
/*make 3 column grid 2 column on mobile*/
@media (max-width: 767px) {
  .container .works-grid-3 .work-item {
    width: 50%;
  }
}
.works-grid-4 .work-item {
  width: 25%;
}
.works-grid-5 .work-item {
  width: 20%;
}
.work-item > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.work-image {
  position: relative;
  overflow: hidden;
}
.work-image img {
  display: block;
  overflow: hidden;
  width: 100%;
}
.work-image:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.work-caption {
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  position: absolute;
  bottom: 36%;
  left: 0;
  text-align: center;
  overflow: hidden;
}
.work-title {
  font-size: 14px;
  color: #fff;
  margin: 0 0 6px;
}
.work-descr {
  color: #aaa;
}
.work-item:hover .work-image:after {
  background: rgba(0, 0, 0, 0.6);
}
.work-item:hover .work-image > img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.work-item:hover .work-caption {
  bottom: 50%;
  opacity: 1;
  z-index: 3;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
/* Work item white background*/
.works-grid.works-hover-w .work-title {
  color: #111;
}
.works-grid.works-hover-w .work-item:hover .work-image:after {
  background: rgba(255, 255, 255, 0.8);
}
 
.work-caption,
.work-image > img,
.work-image:after{
  transition: all 0.3s ease-in-out 0s;
}





/*BLUEIMP GALLERY*/
.blueimp-gallery .close, .blueimp-gallery .next, .blueimp-gallery .prev {
  color: #fff !important;
}





/*SCOREBOARD*/
.score .score-icon {
  font-size: 36px;

}




/*TEXT CAROUSEL*/
.carousel-text .carousel-item{
  height: 300px;
}
.carousel-text .carousel-caption{
  font-size: 36px;
  color: #efefef;
}









/*PRICE TABLE*/
.price_two{
  color: #000;
}










/*CONTACT FORM*/

.content-form {
  /*background-color: #fff;*/
  padding: 100px 0;
}
.contact-form {
  list-style-type: none;
  /*display: inline-block;*/
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
.contact-form li div {
  margin-bottom: 2.5em;
}
.contact-form input,
.contact-form textarea,
.contact-form select {
  width: 100%;
  margin: 0;
  padding-bottom: 1.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 3px solid slategrey;
  /*background: #2B2E4A;*/
  background: transparent;
  font-family: 'Roboto', sans-serif;
  color: lightgrey;
  font-weight: 500;
  font-size: 18px;
  transition: ease-in-out 0.25s;
}
.contact-form textarea {
  min-height: 50px;
  max-height: 500px;
  white-space: pre-wrap;
  word-wrap: break-word;
  resize: vertical;
  overflow: hidden;
}
.contact-form ::-webkit-input-placeholder {
  font-size: 12px;
  color: slategrey;
  text-transform: uppercase;
  font-weight: 400;
}
.contact-form label {
  font-size: 12px;
  color: slategrey;
  text-transform: uppercase;
  font-weight: 400;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus,
.contact-form button:focus {
  outline: none;
  resize: none;
  border-bottom: 3px solid #007bff;
}
/*.contact-form #slider-range-min {
  outline: 0;
  background: slategrey;
  height: 3.6em;
  border: 0;
  border-radius: 0;
}
.contact-form #slider-range-min .ui-slider-range {
  background: #007bff;
  border-radius: 0;
}
.contact-form #slider-range-min .ui-slider-handle {
  outline: 0;
  top: 1.1em;
  margin-left: -.6em;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background: white;
  cursor: pointer;
}*/
.contact-form #amount {
  border: 0;
  color: lightgrey;
  font-weight: 400;
  font-size: 28px;
  /*padding-top: 1.1em;*/
  padding-top: 39px;
  letter-spacing: 3px;
}
.contact-form button {
  color: lightgrey;
  background: rgba(34, 34, 34, 0);
  border: 3px solid #007bff;
  height: 74px;
  width: 200px;
  /*float: right;*/
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: ease-in-out 0.25s;
}
.contact-form button span {
  transition: ease-in-out 0.25s;
}
.contact-form button:hover {
  background: #007bff;
  /*color: lightgrey;*/
}
.contact-form button:hover span {
  padding-left: 10px;
  color: white;
}













/*BLOG*/
.avatar-img{
  width: 72px;
  height: 72px;
}






/*subscribe*/
.subscribe{
  border-radius: 0;
  padding: 0.5rem 1.0rem;
}