.navbar {
  background-color: #000; }

.navbar a span {
  color: #fff;
  font-size: 23px; }

.navbar ul li a {
  color: #686868;
  padding: 0px 10px;
  font-weight: normal;
  font-size: 20px;
  margin: 0px 5px; }

.navbar ul li a:hover {
  color: #fff;
  text-decoration: none; }

.navbar-dark .navbar-toggler {
  background-color: #6eb2c0; }

.slider {
  background-image: url(../img/slider.jpg);
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider h1 {
  text-align: center;
  margin-top: 20%;
  color: #fff;
  font-size: 55px; }

.slider p {
  color: #fff;
  font-size: 25px;
  text-align: center; }

.slider button {
  background-color: #8a595c;
  display: block;
  margin: auto;
  color: #fff; }

.icon i {
  display: block;
  text-align: center;
  font-size: 35px; }

.icon h3 {
  text-align: center; }

.icon p {
  text-align: center; }

.icon .row {
  padding: 50px 0px; }

.ad {
  background-image: url(../img/welcome.jpg);
  background-position: center center;
  background-size: cover;
  padding: 50px 0px; }

.ad h3 {
  color: #fff;
  text-align: center;
  margin-top: 20px; }

.ad p {
  color: #fff;
  text-align: center; }

.color .row {
  padding: 60px 0px; }

.color .row .col-md-6 h4 {
  text-align: left;
  margin-top: 60px; }

.color .row .col-md-6 p {
  text-align: left; }

.color .row .col-md-6 button {
  margin-bottom: 30px; }

.color .color-img {
  height: 300px;
  background-image: url(../img/color.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.video .row .col-md-12 {
  background-image: url(../img/video.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
  text-align: center; }

.video .row .col-md-12 i {
  margin-top: 95px;
  color: red;
  font-size: 50px; }

.video .row .col-md-12 h3 {
  color: #fff;
  font-size: 35px; }

.photo {
  margin-bottom: 50px; }

.photo h4 {
  text-align: center;
  margin-top: 50px; }

.photo h6 {
  text-align: center;
  margin-bottom: 60px; }

.photo .row .col-md-4 {
  margin-top: 10px; }

.photo img {
  width: 100%;
  height: 300px;
  display: block;
  margin: auto; }

.photo .gap {
  margin-top: 50px; }

.newsletter {
  padding-bottom: 50px;
  background-color: #343a40; }

.newsletter input[type="text"] {
  width: 100%;
  margin-right: 30px; }

.newsletter input[type="submit"] {
  width: 150px;
  height: 39px; }

.newsletter .row h4 {
  margin-top: 50px;
  text-align: center;
  color: #fff; }

.newsletter .row p {
  text-align: center;
  color: #fff; }

.footer {
  padding: 50px;
  background-color: #000; }

.footer h4 {
  text-align: center;
  color: #fff;
  font-size: 16px; }