@charset "utf-8";
/* CSS Document */

/* General CSS */
.on-desktop {
  display: block !important;
}
.off-desktop {
  display: none !important;
}
.bx-wrapper {
  border: none;
  box-shadow: none;
  margin: 0;
}
.bx-wrapper .bx-pager {
  bottom: 30px;
  padding: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0;
  height: 3px;
  margin: 0 3px;
  width: 30px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: rgba(255, 255, 255, 1);
}
.fancybox-bg {
  background-color: #000;
}
.fancybox-is-open .fancybox-bg {
  opacity: 1;
}
.custom-margin {
  margin-bottom: 30px;
}
.custom-display {
  display: none;
}
#nav-item-6, #nav-item-7,#nav-item-8 {
	display: none;
}

/* Lines */
.lines {
  background-color: #d4d4d4;
  height: 2px;
  margin: 50px 0;
  position: relative;
  width: 100%;
}
.lines.wbtn {
  margin-top: 75px;
}
.lines .top {
  background-color: #ed1c24;
  color: #fff;
  display: block;
  height: 55px;
  width: 55px;
  position: absolute;
  right: 0;
  top: -58px;
}
.lines .top:after {
  content: "\f106";
  font: normal normal normal 36px/1 FontAwesome;
  position: absolute;
  left: calc(50% - 11.5px);
  top: calc(50% - 18px);
}

/* Contacts */
.contacts {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: calc(50% - 61.5px);
  z-index: 1080;
}
.contacts li {
  display: block;
  margin-bottom: 3px;
}
/* .contacts li:first-child{
	margin-bottom: 3px;
} */
.contacts li a {
  background-color: #ed1c24;
  background-image: url(../img/contacts-icon.png);
  background-repeat: no-repeat;
  display: block;
  height: 60px;
  text-indent: -999999px;
  width: 60px;
}
.contacts li a {
  border: #fff solid 1px;
}
/* .contacts li:last-child a{
	background-position: 0 -87px;
} */
.contacts li:nth-child(1) a {
  background-position: 0 -85px !important;
}

.contacts li:nth-child(2) a {
  background-position: 0 -85px !important;
}

.contacts li:nth-child(3) a {
  background-position: 0 -20px !important;
}

.contacts li:nth-child(4) a {
  background-position: 0 -145px !important;
}

/* Header */
.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.bg-light {
  background-color: #fff !important;
}
.navbar-brand {
  margin-bottom: -72px;
}
.navbar-text {
  color: rgba(0, 0, 0, 1) !important;
  font-size: 26px;
  font-weight: 700;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 1) !important;
  font-weight: 500;
  position: relative;
}
.navbar-light .navbar-nav .nav-link:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid red;
  position: absolute;
  left: calc(50% - 14px);
  top: -32px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover:before,
.navbar-light .navbar-nav .active .nav-link:before {
  top: -18px;
  opacity: 1;
}

.btn-group > .btn:first-child {
  font-weight: 500;
  margin-left: 25px;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.dropdown-menu {
  min-width: 8rem;
}

/* Promo */
.promo {
  /*background-image: url(../img/promo-image.jpg);*/
  background-position: center top;
  background-repeat: no-repeat;
  height: 650px;
  position: relative;
}
.promo .content {
  height: 100%;
  width: 1140px;
  position: absolute;
  left: calc(50% - 570px);
  top: 0;
}
.promo .content .contact-form {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
  width: 275px;
}
.promo .content .contact-form .h6 {
  font-weight: 500;
}
.promo .content .contact-form .form-control {
  border: none;
  border-bottom: #cfcfcf solid 1px;
  color: #7e7e7e;
  font-size: 12px;
  font-weight: 600;
  padding: 0.5rem;
  text-align: center;
}
.promo .content .contact-form .form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 0, 90, 0.25);
}
.promo .content .contact-form textarea.form-control {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  resize: none;
}
.promo .content .contact-form .custom-control {
  padding-left: 2rem;
}
.promo .content .contact-form .custom-control-label {
  font-size: 9px;
  font-weight: 600;
}
.promo .content .contact-form .custom-control-label a {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}
.promo .content .custom-control-label::before,
.promo .content .custom-control-label::after {
  background-color: transparent;
  border: #dee2e6 solid 1px;
  border-radius: 0 !important;
  height: 1.5rem;
  width: 1.5rem;
}
.promo .content .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ed1c24 !important;
}
.promo .content .point {
  background-color: #ed1c24;
  border: #fff solid 4px;
  border-radius: 50%;
  box-shadow: 0 0 10px #000;
  display: inline-block;
  height: 19px;
  width: 19px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.promo .content .point:hover {
  height: 25px;
  width: 25px;
}
.promo .content .point.one {
  left: 81px;
  top: 270px;
}

.promo .content .point:before {
  content: "";
  background-color: #fff;
  border: #ed1c24 solid 1px;
  height: 0;
  width: 3px;
  position: absolute;
  bottom: calc(50% - 1px);
  left: calc(50% - 1px);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.promo .content .point:after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 30px;
  width: 0;
  position: absolute;
  left: calc(50% - 1px);
  opacity: 0;
  transition: all 0.3s ease-in-out 0.5s;
}
.promo .content .point.one:hover {
  left: 78px;
  top: 265px;
}
.promo .content .point.one:hover:before {
  height: 75px;
  opacity: 1;
}
.promo .content .point.one:hover:after {
  background-image: url(../img/points-5ada.png);
  bottom: 75px;
  left: calc(50% - 53px);
  width: 106px;
  opacity: 1;
}
.promo .content .point.two {
  left: 154px;
  top: 305px;
}
.promo .content .point.two:hover {
  left: 150px;
  top: 300px;
}
.promo .content .point.two:hover:before {
  height: 135px;
  opacity: 1;
}
.promo .content .point.two:hover:after {
  background-image: url(../img/points-poyraz2.png);
  bottom: 135px;
  left: calc(50% - 70.5px);
  width: 141px;
  opacity: 1;
}
.promo .content .point.three {
  left: 226px;
  top: 335px;
}
.promo .content .point.three:hover {
  left: 220px;
  top: 330px;
}
.promo .content .point.three:hover:before {
  height: 210px;
  opacity: 1;
}
.promo .content .point.three:hover:after {
  background-image: url(../img/points-poyraz1.png);
  bottom: 210px;
  left: calc(50% - 68.5px);
  width: 137px;
  opacity: 1;
}
.promo .content .point.four {
  left: 379px;
  top: 305px;
}
.promo .content .point.four:hover {
  left: 375px;
  top: 300px;
}
.promo .content .point.four:hover:before {
  height: 110px;
  opacity: 1;
}
.promo .content .point.four:hover:after {
  background-image: url(../img/points-gulbahce.png);
  bottom: 110px;
  left: calc(50% - 66.5px);
  width: 150px;
  opacity: 1;
}
.promo .content .point.five {
  left: 402px;
  top: 380px;
}
.promo .content .point.five:hover {
  left: 397px;
  top: 375px;
}
.promo .content .point.five:hover:before {
  height: 130px;
  opacity: 1;
}
.promo .content .point.five:hover:after {
  background-image: url(../img/points-akasya.png);
  bottom: 130px;
  left: calc(50% - 57.5px);
  width: 115px;
  opacity: 1;
}

.promo .content .point.six {
  left: 540px;
  top: 410px;
}
.promo .content .point.six:hover {
  left: 535px;
  top: 405px;
}
.promo .content .point.six:hover:before {
  height: 90px;
  opacity: 1;
}
.promo .content .point.six:hover:after {
  background-image: url(../img/points-gardenya.png);
  bottom: 90px;
  left: calc(50% - 70.5px);
  width: 141px;
  opacity: 1;
}

.promo .content .point.seven {
  left: 620px;
  top: 450px;
}
.promo .content .point.seven:hover {
  left: 615px;
  top: 445px;
}
.promo .content .point.seven:hover:before {
  height: 225px;
  opacity: 1;
}
.promo .content .point.seven:hover:after {
  background-image: url(../img/points-kamelya.png);
  bottom: 225px;
  left: calc(50% - 62px);
  width: 124px;
  opacity: 1;
}

.promo .content .point.eight {
  left: 760px;
  top: 505px;
}
.promo .content .point.eight:hover {
  left: 755px;
  top: 500px;
}
.promo .content .point.eight:hover:before {
  height: 85px;
  opacity: 1;
}
.promo .content .point.eight:hover:after {
  background-image: url(../img/points-bomonti.png);
  bottom: 85px;
  left: calc(50% - 70px);
  width: 140px;
  opacity: 1;
}

.promo .content .point.nine {
  left: 205px;
  top: 290px;
}
.promo .content .point.nine:hover {
  left: 200px;
  top: 285px;
}
.promo .content .point.nine:hover:before {
  height: 85px;
  opacity: 1;
}
.promo .content .point.nine:hover:after {
  background-image: url(../img/points-feri.png);
  bottom: 85px;
  left: calc(50% - 55px);
  width: 105px;
  opacity: 1;
}

/* Projects */
.projects {
  position: relative;
}
.projects .project {
  display: block;
  position: relative;
}
.projects .project:before {
  content: "";
  background-color: #b0aba9;
  height: 15px;
  width: 317px;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 158.5px);
}
.projects .project:after {
  content: "";
  background-color: #ee2f3f;
  height: 15px;
  width: 2px;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 1px);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.projects .project.active:after,
.projects .project:hover:after {
  width: 317px;
  left: calc(50% - 158.5px);
  opacity: 1;
}
.projects .h2 {
  color: #ee2f3f;
  font-weight: 700;
  margin: 3.75rem 0 2.5rem;
}
.projects .help-block {
  color: #777;
  margin-bottom: 3.5rem;
}
.projects .nav-item {
  color: #b0aba9;
  padding: 0 1rem;
}
.projects .nav-link {
  background-image: url(../img/project-properties-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: #b0aba9 solid 1px;
  border-radius: 50%;
  color: #fff;
  height: 105px;
  margin: 0 auto 0.5rem;
  padding: 0;
  width: 105px;
  text-indent: -99999px;
  transition: all 0.3s ease-in-out;
}
.projects .nav-link:hover {
  border-color: #95908f;
  background-position: 0 -105px;
}
.projects .nav-item:nth-child(2) .nav-link {
  background-position: -105px 0;
}
.projects .nav-item:nth-child(2) .nav-link:hover {
  background-position: -105px -105px;
}

.projects #nav-item-6 .nav-link {
  background-position: 0 0;
}
.projects #nav-item-6 .nav-link:hover {
  background-position: 0 -105px;
}

.projects #nav-item-7 .nav-link {
  background-image: url(../img/project-properties-icons2.png)!important;
  background-position: -105px 0!important;
}
.projects #nav-item-7 .nav-link:hover {
  background-image: url(../img/project-properties-icons2.png)!important;
  background-position: -105px -105px!important;
}

.projects #nav-item-8 .nav-link {
  background-image: url(../img/project-properties-icons2.png)!important;
  background-position: -205px 0!important;
}
.projects #nav-item-8 .nav-link:hover {
  background-image: url(../img/project-properties-icons2.png)!important;
  background-position: -205px -105px!important;
}

.projects #nav-item-9 .nav-link {
  background-image: url(../img/project-properties-icons3.png)!important;
  background-position: -197px 0!important;
}
.projects #nav-item-9 .nav-link:hover {
  background-image: url(../img/project-properties-icons3.png)!important;
  background-position: -197px -111px!important;
}

.projects #nav-item-10 .nav-link {
  background-image: url(../img/project-properties-icons3.png)!important;
  background-position: -95px 0!important;
}
.projects #nav-item-10 .nav-link:hover {
  background-image: url(../img/project-properties-icons3.png)!important;
  background-position: -95px -105px!important;
}

.projects #nav-item-11 .nav-link {
  background-image: url(../img/project-properties-icons3.png)!important;
  background-position: 4px 0!important;
}
.projects #nav-item-11 .nav-link:hover {
  background-image: url(../img/project-properties-icons3.png)!important;
  background-position: 4px -105px!important;
}

.projects .nav-item:nth-child(3) .nav-link {
  background-position: -210px 0;
}
.projects .nav-item:nth-child(3) .nav-link:hover {
  background-position: -210px -105px;
}
.projects .nav-item:nth-child(5) .nav-link {
  background-position: -105px 0;
}
.projects .nav-item:nth-child(5) .nav-link:hover {
  background-position: -105px -105px;
}
.projects .nav-item:nth-child(6) .nav-link {
  background-position: -210px 0;
}
.projects .nav-item:nth-child(6) .nav-link:hover {
  background-position: -210px -105px;
}

.projects .nav-item:nth-child(7) .nav-link {
  background-position: -315px 0;
}

.projects .nav-item:nth-child(7) .nav-link:hover {
  background-position: -315px -105px;
}

.projects .nav-item:nth-child(8) .nav-link {
  background-position: -420px 0;
}

.projects .nav-item:nth-child(8) .nav-link:hover {
  background-position: -420px -105px;
}


/* Project Area */
.project-area {
  display: none;
  position: relative;
}
.project-area.active {
  display: block;
}
.project-area .big-photo {
  padding-bottom: 6rem;
  position: relative;
}
.project-area .big-photo .logo {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.project-area .help-block {
  color: #777;
  margin: 3.5rem 0;
}
.project-area .nav-fill .nav-item:first-child {
  padding-right: 1rem;
}
.project-area .nav-fill .nav-item:last-child {
  padding-left: 1rem;
}
.project-area .nav-pills .nav-link {
  border: #e6e6e6 solid 1px;
  border-radius: 0.5rem;
  color: #656565;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.project-area .nav-pills .nav-link:hover {
  background-color: #656565;
  color: #fff;
}
.project-area .nav-pills .nav-link.active {
  background-color: #f12c39;
  color: #fff;
}
.project-area .justify-content-center .nav-link {
  color: #656565;
  font-size: 18px;
  font-weight: 600;
  padding: 1rem 2rem;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.project-area .justify-content-center .nav-link:hover {
  color: #f12c39;
}
.project-area .justify-content-center .nav-link.active {
  color: #f12c39;
}
.project-area .justify-content-center .nav-link small {
  color: #656565;
  display: block;
  font-size: 12px;
}
.project-area .carousel-control-prev {
  left: -15%;
}
.project-area .carousel-control-next {
  right: -15%;
}
.project-area .carousel-control-next-icon,
.project-area .carousel-control-prev-icon {
  height: 48px;
  width: 25px;
}
.project-area .carousel-control-next-icon {
  background-image: url(../img/carousel-control-next-icon.png);
}
.project-area .carousel-control-prev-icon {
  background-image: url(../img/carousel-control-prev-icon.png);
}
.project-area .virtual-tour {
  background-color: #eee;
  background-image: url(../img/virtual-tour-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 460px;
}
.project-area .map {
  background-color: #eee;
  background-image: url(../img/location-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 460px;
}
.project-area .map #mapBomonti,
.project-area .map #mapPoyraz2 {
  height: 460px;
}

/* History */
.history .h2 {
  color: #000;
  font-weight: 500;
}
.history .help-block {
  color: #777;
}

/* Location */
.location {
  position: relative;
}
.location .where-is {
  background-color: #f8f8f8;
  background-image: url(../img/location-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  height: 394px;
}
.location .map {
  background-color: #bbb;
  background-image: url(../img/location-icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 400px;
}

/* Footer */
footer {
  background-color: #f02936;
}
footer .logo {
  border: #fff solid 1px;
  display: inline-block;
}
footer p {
  color: #fff;
  font-size: 12px;
  margin: 0;
}
footer .btn-lg {
  border-radius: 27px;
  font-size: 24px;
  font-weight: 600;
}
footer .btn-lg small {
  font-weight: 600;
  margin-right: 2rem;
}
footer ul li a {
  background-image: url(../img/social-media-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 33px;
  margin: 0 4px;
  width: 33px;
  text-indent: -9999px;
}
footer ul li:nth-child(2) a {
  background-position: -33px 0;
}
footer ul li:nth-child(3) a {
  background-position: -99px 0;
}
footer ul li:nth-child(4) a {
  background-position: -132px 0;
}
footer ul li:nth-child(5) a {
  background-position: -132px 0;
}

@media (max-width: 575.98px) {
  /* General CSS */
  .on-mobile {
    display: block !important;
  }
  .off-mobile {
    display: none !important;
  }

  /* Lines */
  .lines {
    margin: 20px 0 30px;
  }
  .lines.wbtn {
    margin-top: 75px;
  }
  .lines .top {
    background-color: #ed1c24;
    color: #fff;
    display: block;
    height: 55px;
    width: 55px;
    position: absolute;
    right: 0;
    top: -58px;
  }
  .lines .top:after {
    content: "\f106";
    font: normal normal normal 36px/1 FontAwesome;
    position: absolute;
    left: calc(50% - 11.5px);
    top: calc(50% - 18px);
  }

  /* Contacts */
  .contacts {
    bottom: 0;
    left: calc(50% - 94.21px);
    right: auto;
    top: auto;
  }
  .contacts li {
    display: inline-block;
  }
  .contacts li.on-mobile {
    display: inline-block !important;
  }
  .contacts li {
    margin-bottom: 0;
  }

  .contacts li a {
    border: #fff solid 1px;
    border-bottom: none;
  }
  /* .contacts li:last-child a{
		background-position: 0 -60px;
	} */

  /* Header */
  .navbar-brand {
    margin-bottom: 0;
  }
  .navbar-brand.is-mobile {
    display: block;
  }
  .navbar-brand.is-desktop {
    display: none;
  }
  .navbar-text {
    font-size: 24px;
  }
  .navbar-light .navbar-nav .nav-link:before {
    display: none;
  }

  /* Promo */
  .promo {
    background-image: none;
    height: auto;
    position: relative;
  }
  .promo .content {
    height: 100%;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
  }
  .promo .content .contact-form {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 1rem;
    width: 100%;
  }
  .promo .content .contact-form .custom-control-label {
    font-size: 11px;
  }
  .promo .content .point {
    display: none;
  }

  /* Projects */
  .projects .project:before {
    width: 100% !important;
    position: absolute;
    left: 0 !important;
  }
  .projects .project:after {
    width: 100% !important;
    position: absolute;
    bottom: -15px;
    left: 0 !important;
  }
  .projects .project:hover:after {
    width: 100%;
    left: calc(50% - 50%);
  }
  .projects .nav-item {
    line-height: 1;
    font-size: 12px;
    padding: 0 0.5rem 1rem;
    text-align: center;
    width: 33%;
  }
  .projects .nav-link {
    width: 100%;
  }

  /* Project Area */
  .project-area .big-photo {
    padding-bottom: 0;
  }
  .project-area .big-photo .logo {
    position: relative;
    bottom: auto;
    right: auto;
    /* left:  calc(50% - 25%); */
    top: 1rem;
  }
  .project-area .big-photo .logo img {
    width: 100%;
  }
  .project-area .nav-fill .nav-item:first-child {
    padding-right: 0;
  }
  .project-area .nav-fill .nav-item:last-child {
    padding-left: 0;
  }
  .project-area .justify-content-center .nav-link {
    font-size: 14px;
    padding: 1rem 0.5rem;
  }
  .project-area .justify-content-center .nav-link small {
    font-size: 10px;
  }
  .project-area .carousel-control-prev {
    left: 0;
  }
  .project-area .carousel-control-next {
    right: 0;
  }
  .project-area .virtual-tour {
    height: 230px;
  }
  .project-area .map {
    height: auto;
  }

  /* Footer */
  footer {
    text-align: center;
  }
  footer .logo {
    margin-bottom: 1rem;
  }
  footer p {
    margin-bottom: 1rem;
  }
  footer .btn-lg small {
    margin-right: 0;
  }
  footer ul {
    margin-bottom: 1rem !important;
  }
  footer .yyglogo {
    display: inline-block;
    margin-bottom: 4rem;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  /* General CSS */
  .on-mobile {
    display: block !important;
  }
  .off-mobile {
    display: none !important;
  }

  /* Contacts */
  .contacts {
    bottom: 0;
    left: calc(50% - 94.21px);
    right: auto;
    top: auto;
  }
  .contacts li {
    display: inline-block;
  }
  .contacts li.on-mobile {
    display: inline-block !important;
  }
  .contacts li:first-child {
    margin-bottom: 0;
  }

  /* .contacts li:last-child a{
		background-position: 0 -60px;
	} */

  /* Header */
  .navbar-brand {
    margin-bottom: 0;
  }
  .navbar-brand.is-mobile {
    display: block;
  }
  .navbar-brand.is-desktop {
    display: none;
  }
  .navbar-text {
    font-size: 24px;
  }
  .navbar-light .navbar-nav .nav-link:before {
    display: none;
  }

  /* Promo */
  .promo {
    background-image: none;
    height: auto;
    position: relative;
  }
  .promo .content {
    height: 100%;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
  }
  .promo .content .contact-form {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 1rem;
    width: 100%;
  }
  .promo .content .contact-form .custom-control-label {
    font-size: 11px;
  }
  .promo .content .point {
    display: none;
  }

  /* Projects */
  .projects .project:before {
    width: 100% !important;
    position: absolute;
    left: 0 !important;
  }
  .projects .project:after {
    width: 100% !important;
    position: absolute;
    bottom: -15px;
    left: 0 !important;
  }
  .projects .project:hover:after {
    width: 100%;
    left: calc(50% - 50%);
  }
  .projects .nav-item {
    line-height: 1;
    padding: 0 1rem 1rem;
    text-align: center;
    width: 33%;
  }

  /* Footer */
  footer {
    text-align: center;
  }
  footer .logo {
    margin-bottom: 1rem;
  }
  footer p {
    margin-bottom: 1rem;
  }
  footer .btn-lg small {
    margin-right: 0;
  }
  footer ul {
    margin-bottom: 1rem !important;
  }
  footer .yyglogo {
    display: inline-block;
    margin-bottom: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* General CSS */
  .on-mobile {
    display: block !important;
  }
  .off-mobile {
    display: none !important;
  }

  /* Header */
  .navbar-brand {
    margin-bottom: 0;
  }
  .navbar-brand.is-mobile {
    display: block;
  }
  .navbar-brand.is-desktop {
    display: none;
  }
  .navbar-text {
    font-size: 24px;
  }
  .navbar-light .navbar-nav .nav-link:before {
    display: none;
  }

  /* Promo */
  .promo {
    background-image: none;
    height: auto;
    position: relative;
  }
  .promo .content {
    height: 100%;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
  }
  .promo .content .contact-form {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 1rem;
    width: 100%;
  }
  .promo .content .contact-form .custom-control-label {
    font-size: 11px;
  }
  .promo .content .point {
    display: none;
  }

  /* Projects */
  .projects .project:before {
    width: 100%;
    position: absolute;
    left: 0;
  }
  .projects .project:after {
    position: absolute;
    bottom: -15px;
    left: calc(50% - 1px);
  }
  .projects .project:hover:after {
    width: 100%;
    left: calc(50% - 50%);
  }

  /* Footer */
  footer {
    text-align: center;
  }
  footer .logo {
    margin-bottom: 1rem;
  }
  footer p {
    margin-bottom: 1rem;
  }
  footer .btn-lg small {
    margin-right: 0;
  }
  footer ul {
    margin-bottom: 1rem !important;
  }
  footer .yyglogo {
    display: inline-block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Header */
  .navbar-text {
    font-size: 18px;
  }

  /* Promo */
  .promo .content {
    width: 960px;
    left: calc(50% - 480px);
  }

  /* Projects */
  .projects .project:before {
    width: 100%;
    position: absolute;
    left: 0;
  }
  .projects .project:after {
    position: absolute;
    bottom: -15px;
    left: calc(50% - 1px);
  }
  .projects .project:hover:after {
    width: 100%;
    left: calc(50% - 50%);
  }

  /* Footer */
  footer .btn-lg small {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
}