* {
  margin: 0;
  padding: 0;
}

@font-face {
  src: url("../../fonts/shirft/Montserrat-Bold.ttf");
  font-family: MontBold;
}

@font-face {
  src: url("../../fonts/shirft/KaushanScript-Regular.otf");
  font-family: kushan;
}

.active-link {
  border-bottom: 3px solid #fce38a;
}

.head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.head header.header {
  z-index: 11;
}

.head header.header .row .col-md-4 {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head header.header .row .col-md-4 a {
  text-decoration: none;
  font: 30px MontBold;
  color: white;
}

.head header.header .row .col-md-8 {
  padding: 0;
}

.head header.header .row .col-md-8 nav.navbar {
  width: 100%;
}

.head header.header .row .col-md-8 nav.navbar .collapse {
  width: 100%;
}

.head header.header .row .col-md-8 nav.navbar .collapse ul {
  margin: auto;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.head header.header .row .col-md-8 nav.navbar .collapse ul li {
  padding-bottom: 6px;
  height: 50px;
}

.head header.header .row .col-md-8 nav.navbar .collapse ul li a {
  padding: 8px 0px !important;
  color: white;
  -webkit-transition: 0s all;
  transition: 0s all;
  border-bottom-width: 0px;
}

.head header.header .row .col-md-8 nav.navbar .collapse ul li a:hover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid #fce38a;
  -webkit-transition: 0s all;
  transition: 0s all;
  border-bottom-width: 2px;
}

.head header.header.scroll-header {
  background-color: #15023a;
  z-index: 2;
  -webkit-animation: Scrolls 1s ease;
          animation: Scrolls 1s ease;
  position: fixed;
  top: 0;
}

@-webkit-keyframes Scrolls {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes Scrolls {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.head main.main {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.head main.main .sliders #carouselExampleCaptions {
  position: relative;
  z-index: 1;
}

.head main.main .sliders #carouselExampleCaptions .carousel-indicators {
  position: absolute;
  bottom: 35px;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.head main.main .sliders #carouselExampleCaptions .carousel-indicators li {
  width: 20%;
  height: 5px;
}

.head main.main .sliders #carouselExampleCaptions .carousel-indicators li.active {
  background-image: -webkit-gradient(linear, left top, right top, from(#f38181), color-stop(25%, #f38181), color-stop(26%, white), to(white));
  background-image: linear-gradient(to right, #f38181 0%, #f38181 25%, white 26%, white 100%);
}

.head main.main .sliders #carouselExampleCaptions .carousel-text {
  width: 70%;
  position: absolute;
  bottom: 0px;
  left: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.head main.main .sliders #carouselExampleCaptions .carousel-text li {
  width: 20%;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item {
  width: 100%;
  position: relative;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption {
  border: inherit;
  position: absolute;
  top: 150px;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption h3 {
  font: 45px kushan;
  line-height: 2;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption h1 {
  font: 72px MontBold;
  text-transform: uppercase;
  line-height: 0.9;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption hr {
  width: 5%;
  margin: 5% auto;
  border: 1.5px solid white;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption a {
  border: 2px solid white;
  padding: 5px 20px;
  text-decoration: none;
  color: white;
  font: 14px MontBold;
  text-transform: uppercase;
}

.head main.main .sliders #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption a:hover {
  background-color: white;
  color: crimson;
  border: none;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.head main.main section.section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.head main.main section.section .block {
  width: 70%;
  margin-top: 45px;
}

.head main.main section.section .block h4,
.head main.main section.section .block h3 {
  text-align: center;
}

.head main.main section.section .block h4 {
  font: 24px kushan;
}

.head main.main section.section .block h3 {
  margin: 10px;
  font: 30px MontBold;
  text-transform: uppercase;
}

.head main.main section.section .block hr {
  width: 5%;
  border: 2px solid #f38181;
  margin: 30px auto;
  background-color: #f38181;
}

.head main.main section.section .block p {
  text-align: justify;
  text-align-last: center;
}

.head main.main section.section .block ul.imgs {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.head main.main section.section .block ul.imgs li {
  width: 30%;
  list-style-type: none;
  position: relative;
  min-height: 190px;
  cursor: pointer;
}

.head main.main section.section .block ul.imgs li:hover {
  -webkit-transform: translate(-5px, -10px);
          transform: translate(-5px, -10px);
  -webkit-box-shadow: 5px 5px 5px #95e1d3, 5px 5px 2px #95e1d3, 5px 5px 3px #95e1d3, 5px 5px 4px #95e1d3, 5px 5px 3px #95e1d3;
          box-shadow: 5px 5px 5px #95e1d3, 5px 5px 2px #95e1d3, 5px 5px 3px #95e1d3, 5px 5px 4px #95e1d3, 5px 5px 3px #95e1d3;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.head main.main section.section .block ul.imgs li:hover .t {
  display: block;
}

.head main.main section.section .block ul.imgs li img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 190px;
}

.head main.main section.section .block ul.imgs li .t {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e78081), color-stop(#ecac84), to(#ecd686));
  background-image: linear-gradient(to bottom, #e78081, #ecac84, #ecd686);
  opacity: .8;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.head main.main section.section .block ul.imgs li .t .p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.head main.main section.section .block ul.imgs li .t .p .icons_rev {
  color: #2b2b2b;
  font-size: x-large;
  margin: 30px auto;
  position: relative;
  top: 30px;
}

.head main.main section.section .block ul.imgs li .t .p p {
  color: #2b2b2b;
  font: 30px bold;
  position: relative;
  margin: 1px auto;
}

.head main.main section.section-facts {
  min-height: 200px;
  width: 100%;
  background: #95e1d3;
  margin-top: 50px;
}

.head main.main section.section-facts .row {
  width: 75%;
  min-height: 170px;
  margin: 15px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head main.main section.section-facts .row .fact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}

.head main.main section.section-facts .row .fact h6 {
  text-transform: uppercase;
}

.head main.main section.services {
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 15px;
  width: 80%;
}

.head main.main section.services .row {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head main.main section.services .row .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head main.main section.services .row .title h4 {
  font: 24px kushan;
  color: black;
}

.head main.main section.services .row .title h1 {
  font: 30px MontBold;
  text-transform: uppercase;
}

.head main.main section.services .row hr {
  border: 2px solid #ff7a7a;
  width: 5%;
  margin-bottom: 50px;
  margin-top: 50px;
}

.head main.main section.services .row .col-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.head main.main section.services .row .col-4 .icon_block {
  font-size: 50px;
  padding-right: 2px;
  margin-top: -2%;
  margin-left: -30px;
}

.head main.main section.services .row .col-4 .icon_block i {
  color: #95e1d3;
}

.head main.main section.services .row .cards-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 99%;
}

.head main.main section.services .row .cards-row .col-4 .content h3 {
  color: #666666;
  text-transform: uppercase;
}

.head main.main section.services .row .cards-row .hr {
  width: 99%;
  border: 1px solid #e9e6e6;
}

.head main.main section.designer {
  height: 750px;
  background-image: url(../images/bg-img.jpg);
  background-size: cover;
  margin-top: 50px;
  margin-bottom: 100px;
}

.head main.main section.designer .title {
  width: 50%;
  margin: 100px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head main.main section.designer .title h3 {
  font-family: kushan;
}

.head main.main section.designer .title h1 {
  font-family: MontBold;
  text-transform: uppercase;
}

.head main.main section.designer hr {
  border: 1px solid crimson;
  width: 3%;
  background: crimson;
  margin: -70px auto;
}

.head main.main section.designer .responsive-block {
  width: 50%;
  margin: 123px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
}

.head main.main section.designer .responsive-block .img1 {
  height: 470px;
  width: 400px;
  border-radius: 20px;
  border: 1px solid #2b2b2b;
  border-bottom: none;
}

.head main.main section.designer .responsive-block .img2 {
  border-radius: 40px;
  border: 1px solid #2b2b2b;
  width: 200px;
  position: absolute;
  height: 350px;
  top: 160px;
  right: 0;
}

.head main.main section.services-2 {
  width: 100%;
}

.head main.main section.services-2 .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  margin: auto;
}

.head main.main section.services-2 .title h3 {
  font: 24px kushan;
  color: black;
}

.head main.main section.services-2 .title h1 {
  font: 30px MontBold;
  text-transform: uppercase;
}

.head main.main section.services-2 .title hr {
  width: 5%;
  height: 1px;
  background-color: crimson;
}

.head main.main section.services-2 .title p {
  text-align: center;
}

.head main.main section.services-2 .content {
  height: 320px;
  width: 75%;
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.head main.main section.services-2 .content .block:first-child {
  margin-right: 20px;
}

.head main.main section.services-2 .content .block:first-child img {
  height: 320px;
}

.head main.main section.services-2 .content .block:last-child {
  width: 100%;
}

.head main.main section.services-2 .content .block:last-child h2 {
  border: 1px solid #e2dfdf;
  padding: 5px;
  width: 100%;
  cursor: pointer;
  position: relative;
}

.head main.main section.services-2 .content .block:last-child h2 i {
  color: #95e1d3;
}

.head main.main section.services-2 .content .block:last-child h2 i:last-child {
  position: absolute;
  right: 10px;
  top: 5px;
}

.head main.main section.services-2 .content .block:last-child h2 i.fa.fa-chevron-up {
  position: absolute;
  right: 10px;
  top: 5px;
}

.head main.main section.services-2 .content .block:last-child .show-collapses {
  padding: 10px;
  border: 1px solid #95e1d3;
  margin-top: -7.5px;
  display: none;
}

.head main.main section.services-2 .content .block:last-child .show-collapses.show-collaps {
  display: block;
}

.head main.main section.logos {
  width: 100%;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
  margin-top: 30px;
}

.head main.main section.logos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  height: 300px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px auto;
  list-style: none;
}

.head main.main section.our-work {
  width: 100%;
  margin-top: 70px;
}

.head main.main section.our-work .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  margin: auto;
}

.head main.main section.our-work .title h3 {
  font: 24px kushan;
  color: black;
}

.head main.main section.our-work .title h1 {
  font: 30px MontBold;
  text-transform: uppercase;
}

.head main.main section.our-work .title hr {
  width: 5%;
  height: 1px;
  background-color: crimson;
}

.head main.main section.our-work .title p {
  text-align: center;
}

.head main.main section.our-work .working-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.head main.main section.our-work .working-img .row-img {
  position: relative;
}

.head main.main section.our-work .working-img .row-img .col-3 {
  margin: 0;
  padding: 0;
  z-index: 1;
}

.head main.main section.our-work .working-img .row-img .col-3 img {
  width: 100%;
  z-index: -1;
  height: 270px;
}

.head main.main section.our-work .working-img .row-img .col-3 .hover {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  top: 0%;
  display: none;
}

.head main.main section.our-work .working-img .row-img .col-3 .hover img {
  height: 270px;
}

.head main.main section.our-work .working-img .row-img .col-3:hover .hover {
  display: block;
  z-index: 3;
}

.head main.main section.people {
  background-image: url(../images/people-bg-img.jpg);
  background-size: cover;
  width: 100%;
  min-height: 700px;
}

.head main.main section.people .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  margin: 50px auto;
}

.head main.main section.people .title h3 {
  font: 24px kushan;
  color: black;
}

.head main.main section.people .title h1 {
  font: 30px MontBold;
  text-transform: uppercase;
}

.head main.main section.people .title hr {
  width: 5%;
  height: 1px;
  background-color: crimson;
}

.head main.main section.people .content {
  width: 100%;
}

.head main.main section.people .content .dad {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

.head main.main section.people .content .dad .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  margin: 5px;
  border-radius: 50px;
}

.head main.main section.people .content .dad .block:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
  cursor: pointer;
}

.head main.main section.people .content .dad .block img {
  height: 100px;
  width: 100px;
  margin-right: 10px;
  border-radius: 100px;
}

.head main.main section.people .content .dad .block .contents h2 {
  font-family: MontBold;
}

.head main.main section.people .content .dad .block .contents hr {
  width: 8%;
  height: 2px;
  background-color: crimson;
  margin-left: 3px;
}

.head main.main section.people .content .dad .block .contents p {
  width: 90%;
}

.head main.main section.blog {
  width: 100%;
  min-height: 300px;
}

.head main.main section.blog .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  margin: 50px auto;
}

.head main.main section.blog .title h3 {
  font: 24px kushan;
  color: black;
}

.head main.main section.blog .title h1 {
  font: 30px MontBold;
  text-transform: uppercase;
}

.head main.main section.blog .title hr {
  width: 5%;
  height: 1px;
  background-color: crimson;
}

.head main.main section.blog .cards {
  width: 80%;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.head main.main section.blog .cards .card {
  min-height: 300px;
  width: 30%;
  border: none;
  position: relative;
}

.head main.main section.blog .cards .card .block-data {
  height: 60px;
  width: 60px;
  background-color: #95e1d3;
  position: absolute;
  top: 32%;
  left: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: white;
}

.head main.main section.blog .cards .card .block-data h1 {
  font: 25px MontBold;
  margin-top: 25px;
}

.head main.main section.blog .cards .card .block-data h6 {
  margin-bottom: 25px;
  font: 15px kushan;
}

.head main.main section.blog .cards .card:hover {
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
  -webkit-transition: .6s all;
  transition: .6s all;
  -webkit-box-shadow: 5px 5px 8px #cbcbd8;
          box-shadow: 5px 5px 8px #cbcbd8;
  cursor: pointer;
}

.head main.main section.blog .cards .card h5 {
  padding-top: 20px;
  color: #b5b5b5;
  font-family: MontBold;
  font-size: 15px;
  text-transform: uppercase;
}

.head main.main section.blog .cards .card p {
  color: #dddada;
}

.head main.main section.blog .cards .card hr {
  margin-top: 10px;
}

.head main.main section.blog .cards .card .bottom-end {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head main.main section.blog .cards .card .bottom-end span {
  color: #96e1d3;
}

.head main.main section.map {
  background-image: url(../images/map-bg-img.jpg);
  background-size: cover;
  min-height: 300px;
  width: 100%;
}

.head main.main section.map .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  margin: 100px auto;
}

.head main.main section.map .title h3 {
  color: #f38181;
}

.head main.main section.map .title h1 {
  font: 30px MontBold;
  text-transform: uppercase;
  color: #f38181;
}

.head main.main section.map .title hr {
  width: 5%;
  height: 3px;
  background-color: #f38383;
}

.head main.main section.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.head main.main section.footer .cards {
  width: 80%;
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.head main.main section.footer .cards .card {
  width: 30%;
  border: none;
  position: relative;
}

.head main.main section.footer .cards .card h1 {
  color: #cccccc;
  font-family: MontBold;
}

.head main.main section.footer .cards .card .p {
  color: #cccccc;
  text-align: justify;
}

.head main.main section.footer .cards .card p span {
  color: black;
  font-family: MontBold;
}

.head main.main section.footer .cards .card .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 60%;
  color: #95e1d3;
}

.head main.main section.footer .cards .card .icons .icons-follow i {
  color: #95e1d3;
  margin-left: 5px;
}

.head main.main section.footer .cards .card .form {
  width: 100%;
}

.head main.main section.footer .cards .card .form form .email {
  width: 70%;
  margin: 0;
  padding: 3px;
  offset: none;
  border: .3px solid #ccc;
}

.head main.main section.footer .cards .card .form form .email:focus {
  outline-offset: none;
  outline: none;
}

.head main.main section.footer .cards .card .form form .submit {
  width: 27%;
  padding: 3px;
  text-transform: uppercase;
  background-color: #95e1d3;
  color: white;
  border: none;
}

.head main.main section.footer .cards .card2 {
  width: 30%;
}

.head main.main section.footer .cards .card2 h1 {
  color: #cccccc;
  font-family: MontBold;
  text-transform: uppercase;
}

.head main.main section.footer .cards .card2 .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px;
}

.head main.main section.footer .cards .card2 .block img {
  height: 100px;
  width: 100px;
}

.head main.main section.footer .cards .card2 .block strong {
  margin-left: 10px;
}

.head main.main section.footer .cards .card2 .block strong p {
  color: #adadad;
}

.head main.main section.footer .cards .card2 .block strong i {
  color: #cccccc;
}

.head main.main section.footer .cards .card2:nth-child(3) .col {
  margin: 20px;
}

.head main.main section.footer .cards .card2:nth-child(3) .col img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .5s all;
  transition: .5s all;
  cursor: pointer;
}

.head main.main section.footer .copyright {
  width: 100%;
  height: 70px;
  background: #f8f8f8;
  border-top: 1px solid #c4c3c3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.head main.main section.footer .copyright p {
  margin: auto;
  font: 20px MontBold;
}

.head main.main section.footer .copyright p a {
  text-decoration: none;
  text-transform: uppercase;
  color: crimson;
}
/*# sourceMappingURL=index.css.map */