* {
  padding: 0;
  margin: 0;
  font-family: Montserrat, sans-serif;
}

body {
  height: 1000px;
}

h2 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2.7em;
  padding: 30px;
}

h3 {
  text-transform: uppercase;
  font-weight: normal;
}

::selection {
  background: rgba(0, 0, 0, 0.2);
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.2);
}

.nav {
  background-color: #00ACC1;
}

.nav li {
  display: inline-block;
  padding: 10px 30px 10px 30px;
  color: white;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.nav a:hover li {
  background-color: #00838F;
}

.nav a {
  text-decoration: none;
}

.home-1 {
  /* background-image:url('images/background.JPG');
  background-size:cover;
  background-repeat:no-repeat; */
  background-color: #00ACC1;
  color: #ffffff;
}

.home-1-header {
  background-color: white;
  margin: 0px 0px 10px 0px;
  padding: 20px;
  position: relative;
  background-image: url(images/leather14.jpg);
  background-size: 100% 180%;
  background-position: center;
}

.home-1-header img {
  /* max-height:120px; */
  width: 600px;
  max-width: 80%;
  position: relative;
  padding: 20px;
  border-radius: 1px;
  /*background-color: #fff;
  box-shadow: 0 4px 12px rgba(50,50,40,0.5), 0 4px 8px rgba(50,50,40,0.5);*/
}

.home-1-text {
  padding: 20px;
}

.home-1-text p {
  padding: 30px 60px 30px 60px;
  font-size: 1.2em;
}

.home-1-text hr {
  margin: 0 auto 0 auto;
  border: 1px solid #ffffff;
  width: 200px;
}

.home-1-image {
  background-image: url('images/background.JPG');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 400px;
  margin-left: 50px;
  margin-right: 50px;
}

@media (max-width:450px) {
  .home-1-text p {
    padding-left: 5px;
    padding-right: 5px;

  }

  .home-1-text h2 {
    font-size: 2em;
    padding-left: 0;
    padding-right: 0;
  }
}




.home-main {
  position: relative;
  text-align: center;
}

.home-jumpto {
  color: white;
  font-size: 3em;
  text-shadow: 0 3px 9px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.40);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.home-jumpto:hover {
  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  color: #00ACC1;
}

.home-2 {
  padding: 50px;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
}

.home-2-item {
  color: #000000;
  padding: 20px;
  margin: 20px;
  display: inline-block;
  vertical-align: middle;
  max-width: 300px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  border-radius: 2px;
  border: 2px solid rgba(256, 256, 256, 0);
}

.home-2-item h3 {
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 10px;
}

.home-2 p {
  font-size: 1.2em;
  margin-bottom: 40px;
}

.home-2 ul {
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  max-width: 95%;
  display: inline-block;
  vertical-align: top;
}

.home-2 ul li {
  padding: 0;
  text-align: left;
  margin-bottom: 30px;
}

.home-2 ul li * {
  vertical-align: middle;
}

.home-2 a {
  color: #607D8B;
  text-decoration: none;
  border-bottom: 2px solid #607D8B;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.home-2 a:hover {
  color: #00ACC1;
  border-bottom: 2px solid #00ACC1;
}

.arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 25px solid #00ACC1;
  padding: 0;
  margin-right: 20px;
}


.home-2 i {
  font-size: 2em;
  padding: 10px;
  display: inline-block;
}

.home-2 hr {
  display: inline-block;
  vertical-align: text-top;
  width: 30%;
  max-width: 500px;
}


/*
@media (max-width: 1200px) {
  .home-2-item {
    margin:5px;
    max-width:160px;
  }
} */
@media (max-width: 1200px) {
  .home-2-item {
    margin: 10px;
    max-width: 200px;
  }
}

@media (max-width:800px) {
  .home-2-item {
    margin: 5px;
    max-width: 150px;
  }
}

@media (max-width:500px) {
  .home-2-item {
    max-width: none;

  }
}

.home-2 a:hover .home-2-item {
  border: 2px solid white;
}

.home-3 {
  color: white;
  background-color: #00838F;
  position: relative;
  padding: 50px;
  text-align: center;
}

.quote {
  font-size: 1.5em;
  text-align: Center;
}

.home-3 i {
  font-size: 2em;
  padding: 10px;
  display: inline-block;
}

.home-3 hr {
  display: inline-block;
  vertical-align: text-top;
  width: 30%;
  max-width: 500px;
}

.home-4 {
  background-image: url('images/gallery-background.jpg');
  background-size: cover;
  background-position: center;
}

.home-4-content {
  text-align: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
}

.home-gallery-item {
  display: inline-block;
  height: 200px;
  width: 190px;
  background-color: white;
  margin: 30px;
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.40);
  color: #00838F;
  background-size: cover;
}

.home-gallery-item p {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.home-gallery-item:hover {
  /*box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
}

.home-gallery-item:hover p {
  background-color: rgba(0, 0, 0, 0.7);
}

.home-gallery-link {
  position: relative;
  padding: 25px;
}

.home-gallery-link a {
  color: black;
  text-decoration: none;
  padding: 10px;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.40);
}

.home-gallery-link a:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.home-5 {
  background-color: #00ACC1;
  color: white;
  text-align: center;
}

.home-5-item {
  background-color: white;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.40);
  color: black;
  padding: 20px;
  margin: 20px;
  display: inline-block;
  max-width: 500px;
  border-radius: 2px;
  vertical-align: middle;
}

.home-5-item p,
.home-5-item h3 {
  text-align: left;
}

.home-5-item i {
  color: #00ACC1;
  padding-right: 5px;
}

.home-5-item h3 {
  margin-bottom: 10px;
}

.home-5-item p {
  padding-left: 30px;
}

.home-5-item a {
  color: rgb(0, 100, 109) !important;
  text-decoration: none;
}

.home-5-item a:hover {
  color: #00ACC1 !important;
  cursor: pointer;
}

@media (max-width: 300px) {
  .home-5-item {
    max-width: 90%;
    border-radius: 0;
    margin: 0;
    margin-bottom: 10px;
  }
}

.address-warning {
  font-size: 0.8em;
  color: red;
  font-style: italic;
}

#contact {
  text-align: center;
}

#contact input,
#contact textarea {
  border: 2px solid #BDBDBD;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

#contact input:focus,
#contact textarea:focus {
  outline: none;
  border: 2px solid #00838F;
}

#contact button {
  background-color: white;
  border: none;
  padding: 15px;
}

#contact button:hover {
  cursor: pointer;
}

#contact button:hover i {
  padding-left: 10px;
}

#contact button i {
  padding-left: 5px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

#contact button h3 {
  font-size: 1.5em;
  margin: 0;
}

.footer {
  padding: 30px;
  position: relative;
  background-color: #eaeaea;
  color: #00838F;
  text-align: center;
}

.footer img {
  max-width: 300px;
}

.footer p {
  margin: 10px;
}

.footer a {
  text-decoration: none;
  border-bottom: 2px solid #00838F;
  color: #00838F;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.footer a:hover {
  color: #3a3a3a;
  border-bottom: 2px solid #3a3a3a;
}

.gallery-nav {
  background-color: #00ACC1;
  color: white;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.40);
  padding: 20px;
  text-align: center;
  position: fixed;
  width: 100%;
  line-height: 100%;
}

.gallery-nav a {
  color: white;
}

.gallery-nav p {
  display: inline-block;
}

.gallery-back {
  position: absolute;
  left: 10px;
  font-size: 1em;
  vertical-align: middle;
}

.gallery-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 2.2em;
}

.gallery {
  padding: 10px;
}

.gallery-instagram {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 100px;
  background-color: #d4edda;
  border-radius: 5px;
  border: 1px solid #c3e6cb;
  padding: 15px 10px;
  max-width: 600px;
  color: #155724;
}

.gallery-instagram a {
  color: #155724;
  font-weight: 700;
  border-bottom: 2px solid #155724;
  text-decoration: none;
}

.gallery-instagram a:hover {
  color: #00838F;
  border-bottom: 2px solid #00838F;
}


.gallery-category h3 {
  font-size: 1.8em;
  padding: 15px;
  margin-left: 50px;
}

.gallery-item {
  height: 200px;
  width: 200px;
  margin: 10px;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.20), 0 3px 6px rgba(0, 0, 0, 0.40);
  background-size: cover;
  background-position: center;
}

.gallery-item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.gallery hr {
  width: 60%;
  margin: 50px auto 50px auto;
  border: 1px solid #00ACC1;
}

.see-more {
  background-image: url('images/see_more.png');
  background-size: cover;
  background-position: center;
}

.see-less {
  background-image: url('images/see_less.png');
  background-size: cover;
  background-position: center;
}



@font-face {
  font-family: 'alicons';
  src: url('icons/myicons/font3760-webfont.eot');
  src: url('icons/myicons/font3760-webfont.eot?#iefix') format('embedded-opentype'),
    url('icons/myicons/font3760-webfont.woff') format('woff'),
    url('icons/myicons/font3760-webfont.ttf') format('truetype'),
    url('icons/myicons/font3760-webfont.svg#svgfont_1regular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'icomoon';
  src: url('icons/icomoon.eot?x0o6az');
  src: url('icons/icomoon.eot?#iefixx0o6az') format('embedded-opentype'),
    url('icons/icomoon.woff?x0o6az') format('woff'),
    url('icons/icomoon.ttf?x0o6az') format('truetype'),
    url('icons/icomoon.svg?x0o6az#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-connection:before {
  content: "\e601";
}

.icon-feed:before {
  content: "\e602";
}

.icon-mobile:before {
  content: "\e603";
}

.icon-meter:before {
  content: "\e600";
}

.icon-volume-medium:before {
  content: "\e604";
}

.icon-screen:before {
  content: "\e605";
}

.icon-infinity:before {
  content: "\e606";
}

.icon-sat-nav:before {
  font-family: 'alicons';
  content: "2";
}

.icon-seat:before {
  font-family: 'alicons';
  content: "1";
}

.icon {
  font-size: 3em;
  margin-bottom: 20px;
}

/* Added by the best */

.gallery-category {
  border: 0px solid #000;
  width: 1250px;
  margin-left: auto;
  margin-right: auto;
  max-height: 520px;
  overflow: hidden;
}

.gallery-category p {
  margin-left: 100px;
}

.image-holder {
  border: 0px solid #ff6000;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

input {
  border: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 2px solid #ffffff;
  background-color: #ffffff;
  font-size: 1em;
  padding: 5px 5px 5px 150px;
  color: #3a3a3a;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  border-radius: 0;
}

select {
  font-size: 1em;
  width: 250px;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

.submit_button {
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-color: #4F81BD;
  width: 150px;
  text-align: center;
  padding: 5px;
  height: 50px;
  font-size: 1em;
  color: #fff;
}


.TextInput {
  width: 200px;
  border: 2px solid #4F81BD;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 10px;
  padding: 5px;
}

.logOut {
  position: absolute;
  ;
  top: 300px;
  left: 50px;
  height: 20px;
  width: 100px;
  text-decoration: none;
}

.galleryLink {
  display: inline-block;
  margin: 0;
  padding: 0;
  float: center;
}