/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* @import "compass/reset"; */
/* line 10, ../sass/screen.scss */
body {
  /* overflow-y: hidden; */
  overflow-x: hidden;
  font-family: 'Roboto Condensed', sans-serif;
  background: -webkit-linear-gradient(to top, #ff6a00, #8a0013);
  background: linear-gradient(to top, #ff6a00, #8a0013);
  font-weight: 300;
}

/* line 18, ../sass/screen.scss */
.fuller {
  background: -webkit-linear-gradient(to top, #ff6a00, #8a0013);
  background: linear-gradient(to top, #ff6a00, #8a0013);
}

/* line 23, ../sass/screen.scss */
.white {
  color: white;
}

/* line 26, ../sass/screen.scss */
a:hover {
  text-decoration: none !important;
}

/* line 30, ../sass/screen.scss */
h3 {
  font-size: 2.4em;
  text-transform: uppercase;
}

/* line 35, ../sass/screen.scss */
.index {
  background-image: url("../img/01.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  /* 	background: #ee0979;  
  	background: -webkit-linear-gradient(to top, #ff6a00, rgba(138, 0, 19, 1)); 
  	background: linear-gradient(to top, #ff6a00, rgba(138, 0, 19, 1));
   */
}

/* line 47, ../sass/screen.scss */
.who {
  background-image: url("../img/02.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 55, ../sass/screen.scss */
.what {
  background-image: url("../img/03.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 63, ../sass/screen.scss */
.why {
  background-image: url("../img/04.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 71, ../sass/screen.scss */
.how {
  background-image: url("../img/05.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 79, ../sass/screen.scss */
.partner {
  background-image: url("../img/06.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 87, ../sass/screen.scss */
.team {
  background-image: url("../img/07.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 95, ../sass/screen.scss */
.skills {
  background-image: url("../img/skills.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 102, ../sass/screen.scss */
.service {
  background-image: url("../img/08.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 110, ../sass/screen.scss */
.hello {
  background-image: url("../img/contact.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* line 120, ../sass/screen.scss */
.main-menu-container {
  position: fixed;
  width: 100%;
  /* padding: 45px 0px; */
  -webkit-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  -o-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  z-index: 9;
  background: -webkit-linear-gradient(to left, #ff6a00, #8a0013);
  background: linear-gradient(to left, #ff6a00, #8a0013);
}

/* line 132, ../sass/screen.scss */
.nav-menu {
  -webkit-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  -o-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
}

/* line 138, ../sass/screen.scss */
.nav-menu li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12pt;
  padding: 7px 1px;
  font-weight: 500;
  position: relative;
  right: 0px;
  text-shadow: 2px 2px 2px #000;
  border-radius: 4px;
  -webkit-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  -o-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  background-size: 0% auto;
}

/* line 154, ../sass/screen.scss */
.nav-menu a:hover {
  text-decoration: none;
  background: #e65c00;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F9D423, hsva(21, 44%, 93%, 1));
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F9D423, hsva(21, 44%, 93%, 1));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: 200% auto;
  padding: 22px;
}

/* line 163, ../sass/screen.scss */
.nav-menu li a:after {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background: #17d0cf;
  background: -moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
  background: -webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);
  background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
  background: -ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
  background: -webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
  background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
  background-size: 200% auto;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  -o-transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  transition: 0.5s all cubic-bezier(0, 0.38, 0.13, 0.64);
  border-radius: 4px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

/* line 190, ../sass/screen.scss */
.ul-li ul {
  margin: 0;
  padding: 0;
}

/* line 196, ../sass/screen.scss */
.ul-li ul li {
  list-style: none;
  display: inline-block;
}

/* line 202, ../sass/screen.scss */
.section-title {
  font-size: 17pt;
  color: #11dd68;
  /* text-shadow: 15px 0 #17d0cf; */
}

/* line 209, ../sass/screen.scss */
p {
  font-size: 1.2em;
  text-align: justify;
  line-height: 1.4em;
  /*font-weight: bold;*/
  /* letter-spacing: 1em; */
  font-weight: 300;
}

/* line 219, ../sass/screen.scss */
.heading {
  font-size: 4em;
  /*font-weight: bold;*/
}

/* line 225, ../sass/screen.scss */
.datitle {
  padding: 35px 0px 0px;
  font-size: 55pt;
  margin-bottom: 5px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0pt;
}

/* line 236, ../sass/screen.scss */
h2 {
  padding: 35px 0px 0px;
  font-size: 55pt;
  margin-bottom: 5px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0pt;
}

/* line 245, ../sass/screen.scss */
h5 {
  font-size: 12pt;
  margin: 5px 0px 5px;
  /*font-weight: bold;*/
}

/* line 252, ../sass/screen.scss */
.box {
  padding: 22px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 258, ../sass/screen.scss */
.whatbox {
  height: 400px;
  background-color: white;
  margin: 5px;
}

/* line 264, ../sass/screen.scss */
#triangle-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #f5af19;
  right: 25px;
  position: absolute;
  z-index: 90;
}

/* line 273, ../sass/screen.scss */
#triangle-2 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #93291E;
  right: 25px;
  position: absolute;
  z-index: 90;
  background: #ED213A;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #93291E, #ED213A);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #93291E, #ED213A);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* line 285, ../sass/screen.scss */
#triangle-3 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #91EAE4;
  right: 25px;
  position: absolute;
  z-index: 90;
  background: #7F7FD5;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #91EAE4, #86A8E7, #7F7FD5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #91EAE4, #86A8E7, #7F7FD5);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* line 297, ../sass/screen.scss */
#triangle-4 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #DBD5A4;
  right: 25px;
  position: absolute;
  z-index: 90;
}

/* line 306, ../sass/screen.scss */
.numb {
  background: #f12711;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #f5af19, #f12711);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #f5af19, #f12711);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  height: 150px;
}

/* line 315, ../sass/screen.scss */
.numbheading {
  font-size: 1.7em;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 322, ../sass/screen.scss */
.numb1 {
  background: #ED213A;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #93291E, #ED213A);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #93291E, #ED213A);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  height: 150px;
}

/* line 331, ../sass/screen.scss */
.numb2 {
  background: #7F7FD5;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #91EAE4, #86A8E7, #7F7FD5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #91EAE4, #86A8E7, #7F7FD5);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  height: 150px;
}

/* line 339, ../sass/screen.scss */
.numb3 {
  background: #649173;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #DBD5A4, #649173);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #DBD5A4, #649173);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  height: 150px;
}

/* line 347, ../sass/screen.scss */
.list-group {
  border: none !important;
}

/* line 351, ../sass/screen.scss */
.list-group-item {
  color: black;
  background-color: rgba(255, 255, 255, 0);
  border: none;
}

/* line 357, ../sass/screen.scss */
.fas {
  margin-top: 17px;
  padding-bottom: 5px;
}

/* line 377, ../sass/screen.scss */
.callouts {
  list-style-type: none;
}

/* line 381, ../sass/screen.scss */
li + li {
  margin-left: 3.5333%;
}

/* BASE STYLES FOR EACH */
/* line 386, ../sass/screen.scss */
.callouts li {
  display: inline-block;
  /* Real styles */
  position: relative;
  width: 22%;
  height: 100px;
  padding: 15px;
  color: black;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  box-shadow: 0 0 10px #c1c1c1;
}

/* TOP */
/* line 401, ../sass/screen.scss */
.callouts--top:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 23px;
  top: -42px;
  border: 10px solid transparent;
  border-bottom: 32px solid #c1c1c1;
  /* IE8 Fallback */
  border-bottom: 32px solid rgba(193, 193, 193, 0.5);
  z-index: 2;
}

/* line 413, ../sass/screen.scss */
.callouts--top:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 25px;
  top: -32px;
  border: 8px solid transparent;
  border-bottom: 25px solid #fff;
  z-index: 3;
}

/* BOTTOM */
/* line 426, ../sass/screen.scss */
.callouts--bottom:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 23px;
  bottom: -42px;
  border: 10px solid transparent;
  border-top: 32px solid #c1c1c1;
  /* IE8 Fallback */
  border-top: 32px solid rgba(193, 193, 193, 0.5);
  z-index: 2;
}

/* line 438, ../sass/screen.scss */
.callouts--bottom:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 25px;
  bottom: -31px;
  border: 8px solid transparent;
  border-top: 24px solid #fff;
  z-index: 3;
}

/* LEFT */
/* line 451, ../sass/screen.scss */
.callouts--left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -42px;
  top: 17px;
  border: 10px solid transparent;
  border-right: 32px solid #c1c1c1;
  /* IE8 Fallback */
  border-right: 32px solid rgba(193, 193, 193, 0.5);
  z-index: 2;
}

/* line 463, ../sass/screen.scss */
.callouts--left:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -31px;
  top: 20px;
  border: 8px solid transparent;
  border-right: 24px solid #fff;
  z-index: 3;
}

/* RIGHT */
/* line 476, ../sass/screen.scss */
.callouts--right:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -42px;
  top: 17px;
  border: 10px solid transparent;
  border-left: 32px solid #c1c1c1;
  /* IE8 Fallback */
  border-left: 32px solid rgba(193, 193, 193, 0.5);
  z-index: 2;
}

/* line 488, ../sass/screen.scss */
.callouts--right:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -31px;
  top: 20px;
  border: 8px solid transparent;
  border-left: 24px solid #fff;
  z-index: 3;
}

/* line 503, ../sass/screen.scss */
.speech-bubble .speech-bubbleriup .speech-bubbleleftbot .speech-bubbleridwn, h4 {
  font-size: 1em;
}

/* line 507, ../sass/screen.scss */
.speech-bubble {
  padding: 2em;
  position: relative;
  background: #00aabb;
  border-radius: .4em;
}

/* line 507, ../sass/screen.scss */
.speech-bubble:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #00aabb;
  border-right: 0;
  border-bottom: 0;
  margin-top: -10px;
  margin-right: -20px;
}

/* line 512, ../sass/screen.scss */
.speech-bubbleleftbot {
  padding: 2em;
  position: relative;
  background: #00aabb;
  border-radius: .4em;
}

/* line 512, ../sass/screen.scss */
.speech-bubbleleftbot:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #00aabb;
  border-right: 0;
  border-top: 0;
  margin-top: -10px;
  margin-right: -20px;
}

/* line 516, ../sass/screen.scss */
.speech-bubbleriup {
  padding: 2em;
  position: relative;
  background: #00aabb;
  border-radius: .4em;
}

/* line 516, ../sass/screen.scss */
.speech-bubbleriup:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #00aabb;
  border-left: 0;
  border-bottom: 0;
  margin-top: -10px;
  margin-left: -20px;
}

/* line 519, ../sass/screen.scss */
.speech-bubbleridwn {
  padding: 2em;
  position: relative;
  background: #00aabb;
  border-radius: .4em;
}

/* line 519, ../sass/screen.scss */
.speech-bubbleridwn:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #00aabb;
  border-left: 0;
  border-top: 0;
  margin-top: -10px;
  margin-left: -20px;
}

/* line 523, ../sass/screen.scss */
.teamed p {
  text-align: center;
  /*font-weight: bold;*/
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

/* line 530, ../sass/screen.scss */
.remjagah {
  display: none;
}

/* line 534, ../sass/screen.scss */
.extrajagah {
  display: none;
}

/* line 539, ../sass/screen.scss */
.heighter {
  height: 100vh;
}

/* line 545, ../sass/screen.scss */
.whtcir {
  margin-top: -30px;
}

/* line 550, ../sass/screen.scss */
.mainer {
  margin-top: -70px;
  display: flex;
}

/* line 554, ../sass/screen.scss */
.cacti {
  width: 400px;
  position: relative;
  display: block;
  margin-bottom: 11px;
  /* margin-right: 11px; padding-left: 14px; */
}

/* line 559, ../sass/screen.scss */
.collab {
  width: 275px;
  position: relative;
  display: block;
  margin-bottom: 11px;
}

/* line 563, ../sass/screen.scss */
.cnstncy {
  width: 161px;
  position: relative;
  display: block;
  /* margin-right: 31px; text-align: right; */
  margin-bottom: 11px;
}

/* line 568, ../sass/screen.scss */
.cntrcty {
  width: 241px;
  position: relative;
  display: block;
  text-align: right;
  margin-bottom: 11px;
}

@media (max-width: 576px) {
  /* line 576, ../sass/screen.scss */
  .heighter {
    height: auto;
  }

  /* line 580, ../sass/screen.scss */
  .sm {
    height: 100vh;
  }

  /* line 584, ../sass/screen.scss */
  .fas {
    font-size: 15pt !important;
  }

  /* line 588, ../sass/screen.scss */
  .mainer {
    margin-top: 40px;
    display: flex;
    font-size: 11pt;
  }

  /* line 592, ../sass/screen.scss */
  .cacti {
    width: auto;
    position: relative;
    display: block;
    /* margin-right: 21px; padding-left: 14px; */
  }

  /* line 597, ../sass/screen.scss */
  .collab {
    width: auto;
    position: relative;
    display: block;
    /* margin-right: 21px; */
  }

  /* line 601, ../sass/screen.scss */
  .cnstncy {
    width: auto;
    position: relative;
    display: block;
    /* margin-right: 31px; text-align: right; */
  }

  /* line 606, ../sass/screen.scss */
  .cntrcty {
    width: auto;
    position: relative;
    display: block;
    /* text-align: right; */
  }
}
/* // Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */
@media (min-width: 180px) and (max-width: 520px) {
  /* line 618, ../sass/screen.scss */
  .extrajagah {
    display: block;
  }

  /* line 622, ../sass/screen.scss */
  .main-menu-container {
    position: fixed;
  }

  /* line 627, ../sass/screen.scss */
  #menuwho {
    display: none;
    visibility: hidden;
  }

  /* line 632, ../sass/screen.scss */
  .howdy {
    visibility: hidden;
    display: none;
    content: '';
  }

  /* line 638, ../sass/screen.scss */
  .cacti {
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 644, ../sass/screen.scss */
  .collab {
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 649, ../sass/screen.scss */
  .cnstncy {
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 655, ../sass/screen.scss */
  .cntrcty {
    background: rgba(0, 0, 0, 0.7);
    text-align: left;
  }

  /* line 662, ../sass/screen.scss */
  .fn {
    padding-left: 2px;
    margin-left: 2px;
    text-align: left !important;
  }

  /* line 670, ../sass/screen.scss */
  .cacti:before {
    content: '1: ';
  }

  /* line 676, ../sass/screen.scss */
  .collab:before {
    content: '2: ';
  }

  /* line 681, ../sass/screen.scss */
  .cnstncy:before {
    content: '3: ';
  }

  /* line 687, ../sass/screen.scss */
  .cntrcty:before {
    content: '4: ';
  }
}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  /* line 698, ../sass/screen.scss */
  .heighter {
    height: auto;
  }

  /* line 702, ../sass/screen.scss */
  .sm {
    height: 100vh;
  }

  /* line 706, ../sass/screen.scss */
  .fas {
    font-size: 15pt !important;
  }

  /* line 710, ../sass/screen.scss */
  .mainer {
    margin-top: 40px;
    display: flex;
    font-size: 11pt;
  }

  /* line 714, ../sass/screen.scss */
  .cacti {
    width: 111px;
    position: relative;
    display: block;
    margin-right: 21px;
    padding-left: 14px;
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 719, ../sass/screen.scss */
  .collab {
    width: 111px;
    position: relative;
    display: block;
    margin-right: 21px;
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 723, ../sass/screen.scss */
  .cnstncy {
    width: 111px;
    position: relative;
    display: block;
    margin-right: 31px;
    text-align: right;
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 728, ../sass/screen.scss */
  .cntrcty {
    width: 111px;
    position: relative;
    display: block;
    text-align: right;
    background: rgba(0, 0, 0, 0.7);
  }

  /* line 732, ../sass/screen.scss */
  .menu__item-name {
    font-size: 11pt;
  }
}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* line 740, ../sass/screen.scss */
  .heighter {
    height: auto;
  }

  /* line 744, ../sass/screen.scss */
  .sm {
    height: 100vh;
  }

  /* line 748, ../sass/screen.scss */
  .list-group-item {
    font-size: 1em;
  }

  /* line 752, ../sass/screen.scss */
  .whatbox {
    /* margin-bottom: 22px; */
  }

  /* line 756, ../sass/screen.scss */
  .teamed p {
    font-size: 17pt;
  }

  /* line 760, ../sass/screen.scss */
  .mainer {
    margin-top: 40px;
    display: flex;
  }

  /* line 764, ../sass/screen.scss */
  .cacti {
    width: 200px;
    position: relative;
    display: block;
    margin-right: 11px;
    padding-left: 14px;
  }

  /* line 769, ../sass/screen.scss */
  .collab {
    width: 250px;
    position: relative;
    display: block;
  }

  /* line 773, ../sass/screen.scss */
  .cnstncy {
    width: 191px;
    position: relative;
    display: block;
    margin-right: 31px;
    text-align: right;
  }

  /* line 778, ../sass/screen.scss */
  .cntrcty {
    width: 222px;
    position: relative;
    display: block;
    text-align: right;
  }

  /* line 782, ../sass/screen.scss */
  .fas {
    font-size: 11pt;
  }

  /* line 786, ../sass/screen.scss */
  .numbheading {
    font-size: 18pt;
  }
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* line 793, ../sass/screen.scss */
  .heighter {
    height: 100vh;
  }

  /* line 797, ../sass/screen.scss */
  .list-group-item {
    font-size: 8pt;
  }

  /* line 801, ../sass/screen.scss */
  .mainer {
    margin-top: -40px;
    display: flex;
  }

  /* line 806, ../sass/screen.scss */
  .cacti {
    width: 151px;
    position: relative;
    display: block;
    margin-right: 11px;
    padding-left: 14px;
    margin-top: 45px;
  }

  /* line 812, ../sass/screen.scss */
  .collab {
    width: 151px;
    position: relative;
    display: block;
    margin-top: 45px;
    margin-right: 11px;
  }

  /* line 816, ../sass/screen.scss */
  .cnstncy {
    width: 151px;
    position: relative;
    display: block;
    margin-right: 31px;
    text-align: right;
    margin-top: 45px;
  }

  /* line 821, ../sass/screen.scss */
  .cntrcty {
    width: 111px;
    position: relative;
    display: block;
    text-align: right;
    margin-top: 45px;
  }
}
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* line 828, ../sass/screen.scss */
  .heighter {
    height: 100vh;
  }

  /* line 832, ../sass/screen.scss */
  .list-group-item {
    font-size: 10pt;
  }

  /* line 837, ../sass/screen.scss */
  .mainer {
    margin-top: -70px;
    display: flex;
  }

  /* line 841, ../sass/screen.scss */
  .cacti {
    width: 182px;
    position: relative;
    display: block;
    margin-right: 11px;
    padding-left: 14px;
    margin-top: 45px;
  }

  /* line 847, ../sass/screen.scss */
  .collab {
    width: 181px;
    position: relative;
    display: block;
    margin-top: 45px;
    margin-right: 19px;
  }

  /* line 851, ../sass/screen.scss */
  .cnstncy {
    width: 180px;
    position: relative;
    display: block;
    margin-right: 11px;
    text-align: right;
    margin-top: 45px;
  }

  /* line 856, ../sass/screen.scss */
  .cntrcty {
    width: 151px;
    position: relative;
    display: block;
    text-align: right;
    margin-top: 45px;
  }
}
/* 4k screen devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  /* line 868, ../sass/screen.scss */
  .heighter {
    height: 100vh;
  }

  /* line 872, ../sass/screen.scss */
  .list-group-item {
    font-size: 10pt;
  }

  /* line 877, ../sass/screen.scss */
  .mainer {
    margin-top: -70px;
    display: flex;
  }

  /* line 881, ../sass/screen.scss */
  .cacti {
    width: 242px;
    position: relative;
    display: block;
    margin-right: 11px;
    padding-left: 14px;
    margin-top: 45px;
  }

  /* line 887, ../sass/screen.scss */
  .collab {
    width: 232px;
    position: relative;
    display: block;
    margin-top: 45px;
    margin-right: 19px;
  }

  /* line 891, ../sass/screen.scss */
  .cnstncy {
    width: 180px;
    position: relative;
    display: block;
    margin-right: 11px;
    text-align: right;
    margin-top: 45px;
  }

  /* line 896, ../sass/screen.scss */
  .cntrcty {
    width: 171px;
    position: relative;
    display: block;
    text-align: right;
    margin-top: 45px;
  }
}
/* Big screen devices (large desktops, 1700px and up) */
@media (min-width: 1700px) {
  /* line 908, ../sass/screen.scss */
  .heighter {
    height: 100vh;
  }

  /* line 912, ../sass/screen.scss */
  .list-group-item {
    font-size: 10pt;
  }

  /* line 917, ../sass/screen.scss */
  .mainer {
    margin-top: -50px;
    display: flex;
    background: rgba(0, 0, 0, 0.7);
    /*font-weight: bold;*/
    padding-bottom: 33px;
  }

  /* line 924, ../sass/screen.scss */
  .cacti {
    width: 282px;
    position: relative;
    display: block;
    margin-right: 11px;
    padding-left: 14px;
    margin-top: 45px;
  }

  /* line 930, ../sass/screen.scss */
  .collab {
    width: 282px;
    position: relative;
    display: block;
    margin-top: 45px;
    margin-right: 19px;
  }

  /* line 934, ../sass/screen.scss */
  .cnstncy {
    width: 280px;
    position: relative;
    display: block;
    margin-right: 11px;
    text-align: right;
    margin-top: 45px;
  }

  /* line 939, ../sass/screen.scss */
  .cntrcty {
    width: 271px;
    position: relative;
    display: block;
    text-align: right;
    margin-top: 45px;
  }
}
/* The Menu */
/* line 952, ../sass/screen.scss */
.menu--ama {
  counter-reset: itemCounter;
}

/* line 956, ../sass/screen.scss */
.menu--ama .menu__item {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  margin: 0.4em 0;
  /*  padding-left: 0.5em; */
  color: #ff756e;
}

/* line 966, ../sass/screen.scss */
.menu--ama .menu__item:first-child {
  --menu-item-color: #99fa9a;
}

/* line 970, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(2) {
  --menu-item-color: #ff84fd;
}

/* line 974, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(3) {
  --menu-item-color: #f8b500;
}

/* line 978, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(4) {
  --menu-item-color: #fadd66;
}

/* line 982, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(5) {
  --menu-item-color: #ed1f61;
}

/* line 986, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(6) {
  --menu-item-color: #0072ff;
}

/* line 990, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(7) {
  --menu-item-color: #ff8008;
}

/* line 994, ../sass/screen.scss */
.menu--ama .menu__item:nth-child(8) {
  --menu-item-color: #2280f8;
}

/* line 997, ../sass/screen.scss */
.menu--ama .menu__item::before {
  /* content: counter(itemCounter,decimal-leading-zero); */
  /* font-size: 0.85em;
  /*font-weight: bold;*/
  position: absolute;
  right: 100%;
  bottom: calc(100% - 0.35em);
  counter-increment: itemCounter;
  color: #ddd;
}

/* line 1008, ../sass/screen.scss */
.menu--ama .menu__item:hover::before,
.menu--ama .menu__item:focus::before {
  color: var(--menu-item-color);
  text-decoration: none;
}

/* line 1014, ../sass/screen.scss */
.menu--ama .menu__item-name {
  font-size: 1.5em;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em 0 0 0;
  white-space: pre;
  text-transform: lowercase;
}

/* line 1024, ../sass/screen.scss */
.menu--ama .menu__item-name::before,
.menu--ama .menu__item-name::after {
  /* content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 2.5em;
  height: 4px;
  background: #ddd; */
}

/* line 1035, ../sass/screen.scss */
.menu--ama .menu__item-name::after {
  background: var(--menu-item-color);
  /* transform: scale3d(0,1,1);
  transform-origin: 0% 50%;
  transition: transform 0.5s; */
}

/* line 1042, ../sass/screen.scss */
.menu--ama .menu__item:hover .menu__item-name::after,
.menu--ama .menu__item:focus .menu__item-name::after {
  /* transform: scale3d(1,1,1); */
}

/* line 1047, ../sass/screen.scss */
.menu--ama .menu__item-name span {
  display: inline-block;
}

/*Menu Toggle*/
/* line 1055, ../sass/screen.scss */
.menu-toggle, .mp-menu-toggle {
  background-color: transparent;
  color: #fff;
  display: block;
  /* border: medium none; */
  /* height: 20px; */
  /* overflow: hidden; */
  margin: 11px 0;
  padding: 0;
}

/* line 1065, ../sass/screen.scss */
.menu-toggle.text-dark, .mp-menu-toggle.text-dark {
  color: #3e3e3e;
}

/* line 1068, ../sass/screen.scss */
.menu-toggle i, .mp-menu-toggle i {
  display: block;
  /* font-size: 40px; */
  position: relative;
  top: -10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 1086, ../sass/screen.scss */
.cr-menu-section {
  /* background-image: linear-gradient( 135deg, #FD6E6A 10%, #FFC600 100%); */
  background: #cb2d3e;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #702e10, #cb2d3e);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #702e10, #cb2d3e);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}

/* line 1107, ../sass/screen.scss */
.cr-menu-section .container {
  margin: auto;
}

/* line 1110, ../sass/screen.scss */
.cr-menu-section.active {
  opacity: 1;
  visibility: visible;
}

/*---- Menu ----*/
/* line 1116, ../sass/screen.scss */
.cr-menu {
  padding: 80px 0 50px;
}

/* line 1120, ../sass/screen.scss */
.cr-menu ul li {
  margin-bottom: 40px;
}

/* line 1123, ../sass/screen.scss */
.cr-menu ul li:last-child {
  margin-bottom: 0;
}

/* line 1126, ../sass/screen.scss */
.cr-menu ul li a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

/* line 1134, ../sass/screen.scss */
.cr-menu ul li a:hover, .cr-menu ul li.active a {
  color: #fbb03b;
  font-size: 24px;
  text-decoration: none;
}

/* line 1140, ../sass/screen.scss */
.shad {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
    border-top-color: #e1e137;
  }
  50% {
    transform: rotate(180deg);
    border-top-color: #aaddff;
  }
  100% {
    transform: rotate(360deg);
    border-top-color: #e1e137;
  }
}
/* line 1179, ../sass/screen.scss */
.loader {
  position: relative;
  margin: 15% auto;
  width: 150px;
  /* height: 150px; */
  display: block;
  overflow: hidden;
}

/* line 1187, ../sass/screen.scss */
.loader div {
  height: 100%;
}

/* loader 4 */
/* line 1191, ../sass/screen.scss */
.loader4, .loader4 div {
  border-radius: 50%;
  padding: 8px;
  border: 2px solid transparent;
  animation: rotate linear 3.5s infinite;
  border-radius: 50%;
  padding: 4px;
  animation: rotate2 4s infinite linear;
}

/* line 1200, ../sass/screen.scss */
div:hover {
  animation-play-state: paused;
}

/* line 1203, ../sass/screen.scss */
.loader, .loader * {
  will-change: transform;
}

/* Hello Forms, Chai Peelo */
/* line 1239, ../sass/screen.scss */
.contact-form {
  background: white;
  margin-top: 10%;
  margin-bottom: 5%;
  width: 70%;
}

/* line 1245, ../sass/screen.scss */
.contact-form .form-control {
  border-radius: 1rem;
}

/* line 1248, ../sass/screen.scss */
.contact-image {
  text-align: center;
}

/* line 1251, ../sass/screen.scss */
.contact-image img {
  border-radius: 6rem;
  width: 11%;
  margin-top: -3%;
  transform: rotate(29deg);
}

/* line 1257, ../sass/screen.scss */
.contact-form form {
  padding: 14%;
}

/* line 1260, ../sass/screen.scss */
.contact-form form .row {
  margin-bottom: -7%;
}

/* line 1263, ../sass/screen.scss */
.contact-form h3 {
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #0062cc;
}

/* line 1269, ../sass/screen.scss */
.contact-form .btnContact {
  width: 50%;
  border: none;
  border-radius: 1rem;
  padding: 1.5%;
  background: #dc3545;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}

/* line 1279, ../sass/screen.scss */
.btnContactSubmit {
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #0062cc;
  border: none;
  cursor: pointer;
}

/* line 1292, ../sass/screen.scss */
.fn {
  font-size: 11pt;
}