@media all and (max-width: 500px) and (min-width: 0px) {
  h3 {
    font-size: 35px !important;
  }
}


/* NAV RESIZE */
@media all and (min-width: 831px) {
  #mobile_nav_menux {
    display:none !important;
  }
}
@media all and (max-width: 1050px) and (min-width: 830px) {
  #THE_nav li {
    padding-right: 30px !important;
    font-size:14px !important;
  }
  #THE_nav li:last-child {
    padding-right: 50px !important;
    padding-left:15px !important;
  }
  #nav_logo {
    padding-left: 40px !important;
  }
}
@media all and (max-width: 831px) and (min-width: 0px) {
  #THE_nav {
    display:none !important;
  }
  #THE_mobile_nav {
    display:block !important;
  }
  #nav_logo {
    padding-left: 10px !important;
  }
}
@media all and (max-height: 450px) and (min-height: 0px) {
  #mobile_nav_menu li {
    padding-top:20px !important;
  }
}
@media all and (max-height: 310px) and (min-height: 0px) {
  #mobile_nav_menu li {
    padding-top:10px !important;
  }
}


/* HOME RESIZE */
@media all and (max-width: 800px) and (min-width: 500px) {
  h1 {
    font-size: 60px !important;
    letter-spacing: -3px !important;
  }
  h2 {
    font-size: 25px !important;
    letter-spacing: -1px !important;
    margin-top:-20px !important;
    margin-left:5px !important;
  }
  #home_title {
    padding-left: 30px !important;
  }
}
@media all and (max-width: 500px) and (min-width: 0px) {
  h1 {
    font-size: 45px !important;
    letter-spacing: -3px !important;
  }
  h2 {
    font-size: 25px !important;
    letter-spacing: -1px !important;
    margin-top:-20px !important;
    margin-left:5px !important;
  }
  #home_title {
    padding-left: 20px !important;
  }
}
@media all and (max-width: 350px) and (min-width: 0px) {
  h1 {
    font-size: 38px !important;
    letter-spacing: -2px !important;
  }
  h2 {
    font-size: 20px !important;
    letter-spacing: 0px !important;
    margin-top:-15px !important;
    margin-left:5px !important;
  }
  #home_title {
    padding-left: 10px !important;
  }
}

/* ABOUT RESIZE */
@media all and (max-width: 1000px) and (min-width: 910px) {
  #about_blurb {
    width: 45% !important;
    padding: 20px 40px !important;
    padding-bottom: 40px !important;
  }
}
@media all and (max-width: 911px) and (min-width: 0px) {
  #about_blurb {
    width: calc(100% - 80px) !important;
    padding: 20px 40px !important;
    padding-bottom: 40px !important;
  }
  #jans_face {
  position:relative !important;
  width: 100% !important;
  height: 325px !important;
  text-align:center;
  margin-bottom: 0px !important;
  margin-top:20px;
  overflow:hidden;
  }
  #jans_face img {
    width:120% !important;
    min-height: 100% !important;
    min-width:auto !important;
    height:auto !important;
    margin-top:-40px;
  }
}
@media all and (max-width: 701px) and (min-width: 0px) {
  #jans_face {
  height: 250px !important;
  }
}
@media all and (max-width: 500px) and (min-width: 0px) {
  #jans_face {
  height: 200px !important;
  }
  #jans_face img {
  margin-top: -20px !important;
  }
}
/* STATS RESIZE */
@media all and (max-width: 1100px) and (min-width: 950px) {

}
@media all and (max-width: 951px) and (min-width: 750px) {
  .stat {
    width:33% !important;
  }
  .stat .num {
    font-size: 50px !important;
  }
  .stat .text {
    margin-top: -10px !important;
  }
}
@media all and (max-width: 751px) and (min-width: 0px) {
  .stat {
    width:32% !important;
  }
  .stat .num {
    font-size: 35px !important;
  }
  .stat .text {
    font-size: 12px !important;
    margin-top: -10px !important;
  }
}
@media all and (max-width: 500px) and (min-width: 0px) {
  .stat {
    width:32% !important;
  }
  .stat .num {
    font-size: 30px !important;
  }
  .stat .text {
    font-size: 12px !important;
    margin-top: -10px !important;
  }
}
@media all and (max-width: 400px) and (min-width: 0px) {
  .stat {
    width:100% !important;
  }
  .stat .num {
    font-size: 30px !important;
  }
  .stat .text {
    font-size: 12px !important;
    margin-top: -10px !important;
  }
  #stats_bar {
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}
/* SERVICES RESIZE */
@media all and (max-width: 1000px) and (min-width: 0px) {
  #services_heading {
    padding-left:20px !important;
    padding-bottom:30px !important;
  }
  #services_do, #services_use {
    width: calc(100% - 20px) !important;
    padding-top: 10px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .service {
    min-width:140px !important;
  }
  .service_name p {
    font-size: 14px !important;
    line-height:14px !important;
    padding-top:35% !important;
  }
}

/* NEED RESIZE */
@media all and (max-width: 1000px) and (min-width: 0px) {
  #need_heading {
    padding-left: 20px !important;
  }
}

/* PORTFOLIO RESIZE */
@media all and (max-width: 1000px) and (min-width: 0px) {
  #portfolio_heading {
    padding-left: 20px !important;
  }
  #port_links li {
    margin-right: 30px !important;
  }
  #gallery {
    padding: 0px 20px !important;
    width: calc(100% - 40px) !important;
  }
}
@media all and (max-width: 800px) and (min-width: 0px) {
  #gallery_container {
    -webkit-column-count: 2 !important;
    -moz-column-count:    2 !important;
    column-count:         2 !important;
  }
}

/* TESTIMONIAL RESIZE */
@media all and (max-width: 1000px) and (min-width: 0px) {
  #testi_heading {
    padding-left: 20px !important;
    line-height:50px;
  }
  #testi_heading h3 {
    font-size:40px !important;
  }
  .testi {
    width:calc(100% - 160px) !important;
    margin: 20px 60px !important;
    min-height: auto !important;
  }
  #testi_testis {
    padding: 10px 10px !important;
  }
}
@media all and (max-width: 500px) and (min-width: 0px) {
  #testi_testis {
    padding: 10px 10px !important;
  }
}

/* CONTACT RESIZE */
@media all and (max-width: 1000px) and (min-width: 0px) {
  #contact_heading, #msg_heading, #telephone {
    padding-left: 20px !important;
  }
  #form {
    width:calc(100% - 40px) !important;
    padding-left:20px !important;
  }
}
@media all and (max-width: 850px) and (min-width: 0px) {
  #email {
    width:calc(100% - 20px) !important;
    padding-left: 20px !important;
  }
  #msg {
    padding-top: 30px !important;
  }
}
@media all and (max-width: 650px) and (min-width: 0px) {
  #msg_heading h3 {
    font-size: 40px !important;
  }
  #msg {
    padding-top: 30px !important;
  }
  h5 {
    margin-bottom: -10px !important;
  }
  h6 {
    font-size: 40px !important;
  }
  #email h6 {
    font-size: 18px !important;
    padding-top: 10px !important;
  }
  .testi {
    width:calc(100% - 80px) !important;
    margin: 20px 20px !important;
  }
}
@media all and (max-width: 450px) and (min-width: 0px) {
  #msg_heading h3 {
    font-size: 30px !important;
  }
  #msg {
    padding-top: 20px !important;
  }
}

@media all and (max-width: 350px) and (min-width: 0px) {
  #email h6 {
    font-size: 16px !important;
  }
}

* {
    margin: 0;
}
html, body {
    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
    min-width:100%;
}
h1,h2 {
  margin: 0px;
  font-weight: normal;
}
.scroll {
  overflow:hidden !important;
}
#bgs {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100vh;
  z-index:-1000;
   transition: all .01s linear;
   -moz-transition: all .01s linear;
   -webkit-transition: all .01s linear;
}
#testi_bg {
  position:fixed;
  width:100%;
  height:100%;
  background-image: url("../img/testi_bg.jpg");
  background-size: cover;
  background-position: center;
  z-index:10;
  display:none;
}
#need_bg {
  position:fixed;
  width:100%;
  height:200%;
  top:-50%;
  background-image: url("../img/need_wall.jpg");
  background-size: cover;
  background position: center;
  z-index:5;
  display:none;
}
#home_bg {
  position: fixed;
  width: 100%;
  height:100%;
  background-image: url('../img/home_bg.jpg');
  background-size: cover;
  background-position: center 0px;
  z-index:1;
}


/* NAV BAR */

#nav_bar {
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  z-index: 100;
  padding-top: 5px;
  background-color: rgba(43,40,50,0.2);
  color:#e6e6e6;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   overflow: visible;
}
.nav_bar_white {
  background-color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  color: #929292 !important;
}
#nav_logo {
  position: relative;
  float: left;
  width:120px;
  padding-left: 60px;
}
#nav_logo img {
  width:120px;
  height:55px;
}
#THE_nav {
  position: relative;
  float:right;
  text-align:right;
  width:75%;
  top: 16px;
  padding-right:20px;
}
#THE_nav ul {
  list-style: none;
  display: block;
}
#THE_nav li {
  display: inline;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -1px;
  padding-right: 50px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   cursor:pointer;
}
#THE_nav li:hover {
  color:#cdcdcd;
}
.nav_bar_white #THE_nav li:hover {
  color:#333;
}
#THE_mobile_nav {
  position: relative;
  float:right;
  top: 6px;
  margin-right:20px;
  cursor: pointer;
  display:none;
}
#mobile_nav_menu {
  position:fixed;
  top:64px;
  left:-110vw;
  width:100%;
  height:calc(100vh - 64px);
  background-color:#333;
  z-index:200;
  opacity: 0;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

#mobile_nav_menu ul {
  list-style: none;
}
#mobile_nav_menu li {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color:#e6e6e6 !important;
  font-weight: 100;
  padding-right: 50px;
  padding-top:40px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   cursor:pointer;
}
#THE_nav li:hover {
  color:#cdcdcd;
}

.show {
  left: 0px !important;
  opacity: 1 !important;
}

.mobile_nav_bar_white {
  background-color: #333 !important;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin: 10px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}



/* HOME */

#home {
  position: relative;
  width: 100%;
  height:100vh;
}
#home_bg_cover {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(43,40,50,0.3);
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}
.darker {
  background-color: rgba(43,40,50,0.7) !important;
}
#home_title {
  position: relative;
  top:40%;
  padding-left: 60px;
}
h1 {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 75px;
  letter-spacing: -3px;
  font-weight: 700;
}
h2 {
  margin-top:-30px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 25px;
  letter-spacing: -1px;
  font-weight: 700;
}

.arrow_center_top {
  position:absolute;
  width:24px;
  height:50px;
  bottom:50px;
  left: calc(50% - 12px);
  cursor:pointer;
  z-index:2;
}

#doWn {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    transition: opacity .3s;
}
#doWn span {
    position: absolute;
    width: 17px;
    height: 17px;
    margin-left: 3px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
 @-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



/* ABOUT */

#about {
  position: relative;
  float: left;
  width:100%;
  background-color: #f5f5f5;
  
}
#about_bg {
  width:100%;
  background-color: #f5f5f5;
}
#jans_face {
  position:absolute;
  right:0px;
  width:45%;
  overflow:hidden;
  text-align:right;
}
#jans_face img {
  position:relative;
  display:inline;
  height:100%;
  min-width:100%;
  float:right;
}
#about_blurb {
  position: relative;
  float:left;
  max-width:800px;
  width: 45%;
  padding-top: 40px;
  padding-bottom: 60px;
  padding-left: 60px;
}
h3 {
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 45px;
  letter-spacing: -2px;
  font-weight: 700;
}
h4 {
  margin-top: -10px;
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 200;
}
p {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 14px;
  padding-top: 20px;
}





/* STATS BAR */

#stats_bar {
  position: relative;
  float:left;
  width:100%;
  background-color: #333;
  padding-bottom:60px;
  padding-top:60px;
}
#all_stats {
  position: relative;
  width:100%;
  text-align:center;
}
.stat {
  display:inline-block;
  text-align: center;
  width: 33%;
}
.stat .num {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 60px;
  font-weight: 600;
}
.stat .text {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 16px;
  margin-top: -20px;
}






/* SERVICES */

#services {
  position: relative;
  float: left;
  width:100%;
  background-color: #f5f5f5;
  padding-top:60px;
  padding-bottom:80px;
}
#services_bg {
  width:100%;
  background-color: #f5f5f5;
}
#services_heading {
  padding-left: 60px;
  clear: both;
}
#services_do, #services_use {
  width: calc(100%);
  padding-top: 30px;
  text-align:center;
}
#do {
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  color:#333;
  font-weight: 100;
  padding-bottom:20px;
  text-transform:uppercase;
}
#use {
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  color:#333;
  font-weight: 100;
  padding-bottom:20px;
  text-transform:uppercase;
  padding-top:20px;
}
.service {
  position:relative;
  display:inline-block;
  width:18%;
  min-width:175px;
}
.service .cover_it {
  position:absolute;
  top:0px;
  width:100%;
  height:calc(100% - 4.545px);
  background-color:rgba(0,0,0,0.5);
  z-index:50;
}
.service img {
  width:100%;
}
.service_name {
  padding:10px;
  position:absolute;
  top:0px;
  height:calc(100% - 20px);
  width:calc(100% - 20px);
  text-align:center;
  z-index:80;
}
.service_name p {
  padding-top: 40%;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  color:#fff;
  font-weight: 100;
  line-height:26px;
}





/* NEEDAWALL BAR */

#need {
  position: relative;
  float: left;
  width:100%;
  overflow: hidden;
}
#need_cover {
  position:relative;
  background-color: rgba(40,40,40,0.1);
  z-index:15;
  padding-bottom:40px;
}
#need_heading {
  padding-left: 60px;
  padding-top:50px;
  clear: both;
}
#need_heading h3, #need_heading h4 {
  color:#fff;
  margin:0px;
}
#need_heading h4 {
  margin-bottom:-15px;
  margin-left:5px;
}
#need button {
  background-color: #fff;
  color:#333;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding:12px 20px;
  margin-top: 20px;
  border: solid 1px #fff;
  border-radius: 25px;
  cursor:pointer;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
#need button:hover {
    border-color: #fff;
    background-color: transparent;
    color:#fff;
    box-shadow:none;
}





/* PORTFOLIO */

#portfolio {
  position: relative;
  float: left;
  width:100%;
  background-color: #fff;
  padding-top:60px;
  padding-bottom:80px; 
}
#portfolio_bg {
  width:100%;
  background-color: #fff;
}
#portfolio_heading {
  padding-left: 60px;
  padding-bottom:40px;
  clear: both;
}
#port_links ul {
  list-style: none;
  display: block;
  padding:0;
  padding-top:10px;
}
#port_links li {
  display: inline;
  color:#333;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-right: 50px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   cursor:pointer;
}
#port_links li:hover {
  color:#929292;
  border-bottom: solid 3px #929292;
}
.selected_port_link {
  border-bottom: solid 3px #333;
}
#gallery {
  width:calc(100% - 120px);
  padding:0px 60px;
}
#no_gallery {
  display: none;
  width:100%;
  background-color: #fff;
  height:100px;
}

#gallery_container img {
  width: 100% !important;
  height: auto !important;
  padding-bottom:8px;
}
#gallery_container {
  line-height: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap:   8px;
  -moz-column-count:    3;
  -moz-column-gap:      8px;
  column-count:         3;
  column-gap:           8px; 
  background-color:#fff;
}


/* #gallery_container {
  width:100%;
}

#gallery_container .pic {
  display:inline-block;
  width: calc(33.1% - 12px);
  margin:6px;
  overflow: hidden;
}

.ver:nth-child(odd) {
  float:right !important;
  clear:both;
}

.ver:nth-child(even) {
  float:left !important;
    clear:both;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

#gallery_container .pic img {
  width:100%;
  min-height:100%;
}
*/

.spinner {
  width: 40px;
  height: 40px;
  display:none;
  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



/* TESTIMONIALS */

#testi {
  position: relative;
  float: left;
  width:100%;
  background-color: rgba(40,40,40,0.1);
   transition: all .01s linear;
   -moz-transition: all .01s linear;
   -webkit-transition: all .01s linear;
}
#testi_heading {
  padding-left: 60px;
  padding-top:30px;
  clear: both;
}
#testi_heading h3, #testi_heading h4 {
  color:#fff;
}
#testi_testis {
  padding: 40px 0px;
  text-align: center;
}
.testi {
  top:0px;
  display:inline-block;
  margin: 20px 20px;
  padding:20px;
  width:300px;
  min-height:150px;
  background-color:#fff;
  vertical-align: top;
}
.testi_name {
  color:#333;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
}
.testi_sub {
  color:#333;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  padding-bottom:10px;
}
.testi_main {
  color:#333;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}





/* CONTACT */

#contact {
  position: relative;
  float: left;
  width:100%;
  background-color: #f5f5f5;
  padding-top:60px;
  padding-bottom:80px; 
}
#contact_bg {
  width:100%;
  background-color: #f5f5f5;
}
#contact_heading {
  padding-left: 60px;
  padding-bottom:40px;
  clear: both;
}
#telephone, #email {
  float:left;
  padding-left: 60px;
}
#email {
  padding-left:100px;
}
h5 {
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 200;
  margin-bottom:-15px;
}
h6 {
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 50px;
  letter-spacing: 0px;
  font-weight: 600;
}
#email h6 {
  font-size:20px;
  padding-top:20px;
}
h6 a {
  color:#333;
  text-decoration:none;
  cursor:pointer;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   outline:none;
}

h6 a:hover {
    color: #2fe55d;
}







/* FORM */

#msg {
  position: relative;
  float: left;
  width:100%;
  background-color: #333;
  padding-top:60px;
  padding-bottom:60px; 
}
#msg_bg {
  width:100%;
  background-color: #333;
}
#msg_heading {
  padding-left: 60px;
  padding-bottom:40px;
  clear: both;
}
#msg h3, #msg h4 {
  color:#fff;
}
#form {
  width:calc(100% - 120px);
  padding-left:60px;
}
input[type="text"] {
  width:calc(100% - 32px);
  background-color: transparent;
  color:#bdbdbd;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding:10px;
  margin: 10px 0px;
  border: solid 1px #bdbdbd;
  border-radius: 7px;
  outline:none;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
textarea {
  width:calc(100% - 32px);
  background-color: transparent;
  color:#bdbdbd;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding:10px;
  margin: 10px 0px;
  border: solid 1px #bdbdbd;
  border-radius: 7px;
  outline:none;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
input[type=text]:focus, textarea:focus {
    box-shadow: 0px 0px 2px 1px #67ff8e;
    border-color: #67ff8e;
}
.error {
    border-color: #a94442 !important;
}
.error:focus {
    box-shadow: 0px 0px 2px 1px #e1e1e1 !important;
}
button {
  background-color: #bdbdbd;
  color:#333;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding:12px 20px;
  margin: 10px 0px;
  border: solid 1px #333;
  border-radius: 25px;
  cursor:pointer;
  outline:none;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
button:hover {
    box-shadow: 0px 0px 2px 1px #67ff8e;
    border-color: #67ff8e;
    background-color: transparent;
    color:#67ff8e;
}

/* FOOTER */

#footer {
  position: relative;
  float: left;
  width:100%;
  background-color: #ededed;
  padding-top:30px;
  padding-bottom:20px; 
}
#footer_bg {
  width:100%;
  background-color: #ededed;
}
#logo_footer {
  width:100%;
  text-align:center;
  margin-top:30px;
}
#logo_footer p {
  padding-top:0px !important;
  font-size:10pt;
}
.arrow_center {
  position:relative;
  margin: 0 auto;
  width:24px;
  height:40px;
  cursor:pointer;
}
#uP {
    position: absolute;
    top:30px;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #333;
    transition: opacity .3s;
    z-index: 999;
}
#uP span {
    position: absolute;
    top: 0;
    width: 17px;
    height: 17px;
    margin-left: 3px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-animation: sdb06 1.5s infinite;
    animation: sdb06 1.5s infinite;
    box-sizing: border-box;
}
 @-webkit-keyframes sdb06 {
  0% {
    -webkit-transform: rotate(135deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(135deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb06 {
  0% {
    transform: rotate(135deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(135deg) translate(-20px, 20px);
    opacity: 0;
  }
}