/* FONTS
------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css2?family=Reem+Kufi+Fun:wght@400;500;600;700&display=swap);
/* VARIABLES
------------------------------------------------------------------*/
/* HELPER MIXINS
------------------------------------------------------------------*/
.bg-box {
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
  /* Video background */
}
.bg-box .layer {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.bg-box .video-bg {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 100%;
}
.bg-box .video-bg video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
}
.bg-box .video-bg + .layer {
  background: rgba(0, 0, 0, 0);
}
.bg-box .video-bg.overlay {
  /*background: url('../img/image02.jpg');*/
}
.bg-box .video-bg.overlay + .layer {
  background: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 767px) {
  .bg-box {
    position: fixed;
  }
}

/* H
------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Reem Kufi Fun", sans-serif;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-bottom: 17px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

h5, h6 {
  letter-spacing: 0.11em;
}

h1 {
  font-size: 4.444em;
  margin-bottom: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 3.333em;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 2.222em;
    margin-bottom: 8px;
  }
}

h2 {
  font-size: 2.667em;
  margin-bottom: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 2.222em;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 1.778em;
    margin-bottom: 10px;
    letter-spacing: 0.06em;
  }
}

h3 {
  font-size: 1.556em;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 1.222em;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 1.333em;
    letter-spacing: 0.11em;
    margin-bottom: 8px;
  }
}

h4 {
  font-size: 1.222em;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h4 {
    font-size: 0.889em;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  h4 {
    font-size: 1em;
    margin-bottom: 10px;
    letter-spacing: 0.11em;
  }
}

h5 {
  font-size: 0.889em;
  margin-bottom: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h5 {
    font-size: 0.667em;
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 767px) {
  h5 {
    font-size: 0.889em;
    margin-bottom: 12px;
  }
}

h6 {
  font-size: 0.778em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h6 {
    font-size: 0.611em;
  }
}
@media only screen and (max-width: 767px) {
  h6 {
    font-size: 0.667em;
    letter-spacing: 0.12em;
  }
}

/* P
------------------------------------------------------------------*/
p {
  line-height: 1.667em;
  letter-spacing: 0.046em;
  margin: 0 0 30px 0;
}
p.lead {
  font-size: 1em;
  line-height: 1.69em;
  letter-spacing: 0.05em;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
@media only screen and (max-width: 767px) {
  p {
    font-size: 0.889em;
  }
}

/* A
------------------------------------------------------------------*/
a {
  font-family: "Lato", sans-serif;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  color: #373737;
  transition: all 0.3s;
}
a:focus, a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  text-decoration: none;
  color: inherit;
  outline: none;
  transition: opacity 0.3s;
}
a:active {
  color: #a0a0a0;
  transition: opacity 0.3s;
}

/* FIGURE
------------------------------------------------------------------*/
figure {
  margin: 8px 0 0 0;
}
figure figcaption {
  margin: 16px 0 0 0;
}
@media (max-width: 1186px) {
  figure figcaption {
    margin: 29px 0 0 0;
  }
}
figure figcaption p {
  font-size: 0.889em;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  letter-spacing: 0.06em;
  line-height: 1.9em;
}

.block-img div > p {
  padding: 0 15px;
}

/* LIST
------------------------------------------------------------------*/
ul, ol {
  list-style: inside;
  padding: 0;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: square;
}

li {
  line-height: 2.111em;
}

/* BORDER FOR BLOCK
------------------------------------------------------------------*/
.block-border-top:before,
.block-border-top:after,
.block-border-bottom:before,
.block-border-bottom:after {
  border: 0 none;
  content: "";
  height: 7px;
  margin: 0;
  position: absolute;
  width: 7px;
}

.block-border-top:before {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  left: 0px;
  top: 0px;
}

.block-border-top:after {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  right: 0px;
  top: 0px;
}

.block-border-bottom:before {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  left: 0px;
  bottom: 0px;
}

.block-border-bottom:after {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  right: 0px;
  bottom: 0px;
}

/* TABLE
------------------------------------------------------------------*/
.table-responsive {
  border: 0;
}

.table-block {
  position: relative;
  margin-bottom: 17px;
}

table,
.table {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  margin-top: 5px;
  margin-bottom: 0px;
}

table > thead > tr > th,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: inherit;
}

table, th {
  text-align: center;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-bottom: 0;
}

.table > thead > tr > th {
  padding: 13px 5px 20px 5px;
  letter-spacing: 0.01em;
  font-size: 1em;
  font-weight: 300;
}

.table > tbody > tr > td {
  line-height: 2em;
}

/* BLOCKQUOTES
------------------------------------------------------------------*/
blockquote {
  background: url(../../lib/img/quotes-black.svg) no-repeat 6px 13px;
  background-size: 56px 56px;
  padding: 4px 25px 0 98px;
  border: none;
  margin-bottom: 19px;
  font-size: inherit;
}
@media (max-width: 1186px) {
  blockquote {
    background: url(../../lib/img/quotes-black.svg) no-repeat 1px 22px;
    background-size: 56px 56px;
    padding: 14px 25px 0 77px;
  }
}
@media only screen and (max-width: 767px) {
  blockquote {
    padding: 14px 0px 0 77px;
  }
}
blockquote p {
  font-size: 1.222em;
  color: #333;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  font-weight: 700;
  letter-spacing: 0.057em;
  margin-bottom: 3px;
  line-height: 1.87em;
}
@media (max-width: 1186px) {
  blockquote p {
    font-size: 1em;
    line-height: 1.889em;
  }
}
@media only screen and (max-width: 767px) {
  blockquote p {
    letter-spacing: 0.045em;
  }
}
blockquote footer, blockquote small, blockquote .small {
  font-size: 0.889em;
  opacity: 0.45;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  color: #000;
  letter-spacing: 0.05em;
}
blockquote footer .cite, blockquote small .cite, blockquote .small .cite {
  font-style: normal;
}

/* FORM
------------------------------------------------------------------*/
form:focus {
  outline: none;
}
form .form-message {
  display: block;
}

/* INPUT
------------------------------------------------------------------*/
.form-control {
  font-size: 0.889em;
  line-height: 1.42857143;
  color: #414040;
  background-color: transparent;
  padding: 0;
  text-transform: uppercase;
  background-image: none;
  border: none;
  border-bottom: 1px solid rgba(57, 57, 57, 0.6);
  border-radius: 0px;
  box-shadow: none;
}
.form-control:focus {
  border-color: inherit;
  outline: 0;
  border-bottom: 1px solid rgb(57, 57, 57);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  box-shadow: none;
}

textarea.form-control {
  padding: 3px 0;
  letter-spacing: 0.06em;
  overflow-x: hidden;
  resize: none;
  background-color: transparent;
}

/* STYLE FOR SELECT FORMSTYLER.JS
------------------------------------------------------------------*/
.jq-selectbox.form-control {
  margin-bottom: 15px;
}

.jq-selectbox.form-control,
.jq-selectbox__dropdown > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.jq-selectbox__select {
  letter-spacing: 0.05em;
  line-height: 2.25em;
  background: transperent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  height: 100%;
}

.jq-selectbox__select-text {
  height: 100%;
}

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 100%;
}

.jq-selectbox__trigger-arrow {
  background-image: url(../img/select-arrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  height: 13px;
  right: 0;
  top: 10px;
  width: 13px;
  position: absolute;
}

.opened .jq-selectbox__trigger-arrow {
  transform: rotate(90deg);
}

.jq-selectbox__select:hover {
  cursor: pointer;
}

.jq-selectbox__select:hover .jq-selectbox__trigger-arrow {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transition: all 0.1s ease-in-out 0.1s;
}

.jq-selectbox__dropdown {
  width: 100%;
}

.jq-selectbox__dropdown > ul {
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #000;
}

.jq-selectbox__dropdown li:first-child {
  display: none;
}

.jq-selectbox__dropdown li {
  border-bottom: 1px solid #000;
  text-transform: initial;
  line-height: 2.8em;
  padding: 0 0 0 10px;
}

.jq-selectbox__dropdown li:last-child {
  border-bottom: 0;
}

.jq-selectbox li:hover {
  cursor: pointer;
}

/* CHECKBOX AND RADIO
------------------------------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  display: none;
}
input[type=checkbox] + label,
input[type=radio] + label {
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  letter-spacing: 0.05em;
  font-weight: 300;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  transition: opacity 0.3s;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "";
  border: 2px solid #000;
  display: block;
  position: absolute;
  height: 22px;
  width: 22px;
  left: 2px;
  top: 2px;
}
input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transition: opacity 0.3s;
}
input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  opacity: 0.45;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  transition: opacity 0.3s;
}

input[type=radio] + label:before {
  border-radius: 50%;
}

input[type=checkbox]:checked + label:before {
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #000;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

/* BUTTON
------------------------------------------------------------------*/
.btn {
  font-size: 0.778em;
  letter-spacing: 0.09em;
  margin-bottom: 20px;
  background: transparent;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  border-radius: 0;
  font-weight: 700;
  border: 0;
  border-left: 2px solid;
  border-right: 2px solid;
  padding: 9px 27px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.3s, padding 0.3s;
}
.btn:active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  box-shadow: none;
  transition: padding 0.3s;
}
.btn:hover, .btn:active:hover {
  color: inherit;
  padding: 9px 37px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transition: opacity 0.3s, padding 0.3s;
}
.btn:after, .btn:before {
  content: "";
  position: absolute;
  width: 5px;
  top: 0;
  height: 100%;
}
.btn:before {
  border-top: 2px solid;
  border-bottom: 2px solid;
  left: 0;
}
.btn:after {
  border-top: 2px solid;
  border-bottom: 2px solid;
  right: 0;
}
.btn[aria-label=Close] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.btn[aria-label=Close]:hover {
  padding: 14px 37px;
}
.btn[aria-label=Close] img {
  display: block;
}

.btn-reset {
  background-color: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
}

.btn:focus,
.btn-reset:focus,
.btn:active:focus,
.btn-reset:active:focus {
  outline-offset: 0;
  outline: none;
  color: inherit;
}

/*
.btn span.close-modal:before,
.btn span.close-modal:after {
    content: '';
    height: 2px;
    width: 14px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%; 
}
.btn span.close-modal:before {

    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.btn span.close-modal:after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(135deg);
    -ms-transform: translate3d(-50%, -50%, 0) rotate(135deg);
    -o-transform: translate3d(-50%, -50%, 0) rotate(135deg);
    transform: translate3d(-50%, -50%, 0) rotate(135deg);
}*/
/* TYPOGRAPHY BLOCK
------------------------------------------------------------------*/
.typography {
  overflow: auto;
  text-align: left;
}
.typography main {
  padding-top: 85px;
}

.block-title {
  font-size: 1.667em;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
}

/* HEADER
------------------------------------------------------------------*/
header {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  header {
    position: relative;
    top: 0;
    height: 55px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
  }
}

.brand, .nav {
  text-align: right;
  width: auto;
  z-index: 9;
}

.brand {
  margin: 0;
  height: 100%;
  float: left;
}
.brand a {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  display: block;
  top: 50%;
  position: relative;
  transform: translate3d(0, -50%, 0);
  transition: opacity 0.3s;
}
.brand a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  transition: opacity 0.3s;
}
.brand a img {
  max-height: 80px;
}
@media only screen and (max-width: 767px) {
  .brand {
    margin-top: 10px;
  }
}

nav a {
  position: relative;
  display: inline-block;
  outline: none;
}
nav .section-menu {
  line-height: 76px;
}
nav .section-menu > li {
  list-style-type: none;
  display: inline-block;
  padding-left: 58px;
}
nav .section-menu > li > a {
  font-family: var("Reem Kufi Fun", sans-serif);
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  line-height: 1.03em;
  font-size: 16px;
  opacity: 1;
  transition: opacity 0.3s;
}
nav .section-menu > li > a:visited {
  color: inherit;
}
nav .section-menu > li > a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  transition: opacity 0.3s;
}
nav .section-menu > li.active > a, nav .section-menu > li.active > a:active, nav .section-menu > li.active > a:focus {
  color: inherit;
  opacity: 0.45;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  transition: opacity 0.3s;
}
@media (max-width: 1170px) {
  nav .section-menu > li {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  nav .section-menu > li {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  nav .section-menu {
    position: absolute;
    left: 0px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: 85%;
  }
}

.bt-nav {
  display: none;
  position: absolute;
  top: 36px;
  right: 7px;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.bt-nav .line {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 25px;
  margin-left: -15px;
  height: 3px;
  background: #000;
  @unclude transition(all 0.2s ease);
}
@media only screen and (max-width: 767px) {
  .bt-nav {
    margin-top: 10px;
    display: block;
    top: 50%;
    transform: translateY(-50%);
  }
}

.nav-close .bt-nav .line1 {
  top: 17px;
}

.nav-close .bt-nav .line3 {
  top: 27px;
}

.nav-open .bt-nav .line {
  top: 17px;
}

.nav-open .bt-nav .line1 {
  transform: rotate(45deg);
}

.nav-open .bt-nav .line2 {
  opacity: 0;
}

.nav-open .bt-nav .line3 {
  transform: rotate(-45deg);
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #000;
  font-size: 18px;
  text-align: center;
  padding-right: 0 !important;
  position: static;
}
body main.fullpage section {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
body main.fullpage section .section-content-wrapper {
  position: relative;
}
body main.fullpage section .section-content-wrapper .section-content {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  body main.fullpage section .section-content-wrapper .section-content {
    display: block !important;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  body main.fullpage section .section-content-wrapper {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  body main.fullpage section {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
  }
}
@media only screen and (max-width: 767px) {
  body main.fullpage {
    position: static !important;
  }
}
body main section {
  padding-top: 120px;
  /*@include opacity(0);

  @include respond-to(mobile) { 
      @include opacity(1);
  }*/
}
body main section .section-title {
  font-size: 2.778em;
  margin-bottom: 60px;
}
@media (max-width: 1170px) {
  body main section .section-title {
    font-size: 2.222em;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  body main section .section-title {
    font-size: 1.778em;
    margin-bottom: 15px;
  }
}
body main section .section-content-title {
  letter-spacing: 0.05em;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  body main section .section-content-title {
    font-size: 1em;
    line-height: 1.756em;
    margin-bottom: 10px;
  }
}
body main section p.lead {
  margin-bottom: 62px;
}
@media (max-width: 1170px) {
  body main section p.lead {
    font-size: 1em;
    line-height: 1.667em;
    letter-spacing: 0.045em;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  body main section p.lead {
    font-size: 0.889em;
  }
}
@media only screen and (max-width: 767px) {
  body main section {
    padding-top: 30px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) {
  body {
    /*overflow: hidden;*/
  }
}
@media only screen and (max-width: 767px) {
  body {
    overflow: visible;
  }
}

/* HOME
------------------------------------------------------------------*/
.section-main-title {
  margin-bottom: 10px;
}
@media (max-width: 1170px) {
  .section-main-title {
    font-size: 3.333em;
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .section-main-title {
    font-size: 2.111em;
    margin-bottom: 7px;
  }
}

/* CONTACT
------------------------------------------------------------------*/
.contact-info {
  padding-top: 15px;
  margin-bottom: 50px;
  text-align: left;
  font-size: 0.889em;
}
@media (max-width: 1170px) {
  .contact-info {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info {
    padding-top: 0;
    margin-bottom: 5px;
    text-align: center;
  }
}

.address i, .phone i, .email i {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  font-family: "Reem Kufi Fun", sans-serif;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .address i, .phone i, .email i {
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .address, .phone, .email {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .phone p {
    margin: 0;
    letter-spacing: 0.046em;
    line-height: normal;
  }
}

.phone i,
.email i {
  letter-spacing: 0.101em;
}
@media (max-width: 1170px) {
  .phone i,
.email i {
    letter-spacing: 0.01em;
  }
}

form.contact-form {
  text-align: center;
}
form.contact-form.wrong-email .email {
  border-color: red !important;
}
form.contact-form.send-true .form-control {
  border-color: green !important;
}
form.contact-form .empty-value {
  border-color: red !important;
}
form.contact-form .form-control {
  text-align: left;
}
form.contact-form .form-group {
  margin-bottom: 90px;
}
@media (max-width: 1170px) {
  form.contact-form .form-group {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  form.contact-form .form-group {
    margin-bottom: 28px;
  }
}
form.contact-form .form-group.message {
  margin-bottom: 70px;
}
@media (max-width: 1170px) {
  form.contact-form .form-group.message {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1170px) and (max-width: 767px) {
  form.contact-form .form-group.message {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1170px) and (max-width: 767px) {
  form.contact-form {
    margin-bottom: 100px;
  }
}

form.wrong-email .email,
form .empty-value,
form .empty-value:active,
form .empty-value:focus {
  border-color: red;
}

/* FOOTER
------------------------------------------------------------------*/
.copyright p {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  padding-bottom: 48px;
  padding-top: 48px;
  text-transform: uppercase;
  font-size: 0.778em;
  margin: 0 0 0 0;
}
@media only screen and (max-width: 767px) {
  .copyright p {
    padding-top: 0px;
    padding-bottom: 29px;
  }
}

.share + .copyright p {
  padding-top: 29px;
  padding-bottom: 29px;
}

/* SCROLL
------------------------------------------------------------------*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  border-radius: 0px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #363636;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #363636;
  background-color: rgba(54, 54, 54, 0.05);
  opacity: 5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=500)";
  filter: alpha(opacity=500);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #363636;
  background-color: rgba(54, 54, 54, 0.15);
  opacity: 15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1500)";
  filter: alpha(opacity=1500);
}

/* LIGHT TYPOHRAPHY
------------------------------------------------------------------*/
body.light {
  color: #fff;
  /* link */
  /* form input border */
  /* block border */
  /* blockquote */
  /* checkbox/radio */
  /* select */
  /* header */
  /* corner of section */
  /* social link color */
  /* form notify */
  /* about us section */
  /* feature slide */
}
body.light.typography {
  background: #333;
}
body.light a {
  color: #fff;
}
body.light input::-webkit-input-placeholder, body.light textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.4 !important;
}
body.light input::-moz-placeholder, body.light textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.4 !important;
}
body.light input:-moz-placeholder, body.light textarea:-moz-placeholder {
  color: #fff;
  opacity: 0.4 !important;
}
body.light input:-ms-input-placeholder, body.light textarea:-ms-input-placeholder {
  color: #fff;
  opacity: 0.4 !important;
}
body.light .form-control {
  color: inherit;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
body.light .form-control:focus {
  border-bottom: 1px solid rgb(255, 255, 255);
}
body.light .block-border-top:before {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}
body.light .block-border-top:after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
body.light .block-border-bottom:before {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.light .block-border-bottom:after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.light blockquote {
  background: url(../../lib/img/quotes-light.svg) no-repeat 6px 13px;
  background-size: 56px 56px;
  padding: 4px 25px 0 98px;
  border: none;
  margin-bottom: 19px;
  font-size: inherit;
}
body.light blockquote p {
  color: #fff;
}
body.light blockquote footer, body.light blockquote small, body.light blockquote .small {
  color: #fff;
}
body.light input[type=checkbox] + label:before, body.light input[type=radio] + label:before {
  border: 2px solid #fff;
}
body.light input[type=checkbox]:checked + label:before {
  background-image: url(../img/check-light.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
body.light input[type=radio]:checked + label:after {
  background-color: #fff;
}
body.light .jq-selectbox__dropdown > ul {
  background-color: #333;
  border: 1px solid #fff;
}
body.light .jq-selectbox__dropdown li {
  border-bottom: 1px solid #fff;
}
body.light .jq-selectbox__trigger-arrow {
  background-image: url(../img/select-arrow-light.svg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
}
body.light .bt-nav .line {
  background: #fff;
}
body.light .border-top svg rect,
body.light .border-bottom svg rect {
  fill: #fff;
}
body.light .social > a {
  color: inherit;
}
body.light form.notify button .gl-send {
  background-color: #fff;
}
body.light form.notify.wrong button .gl-send {
  background-color: red;
}
body.light .team-portfolio-list .item > i {
  color: inherit;
}
body.light .wrapper-feature-slide .border-center-icon:before {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-left: 1px solid rgba(255, 255, 255, 0.8);
}
body.light .wrapper-feature-slide .border-center-icon:after {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
body.light .wrapper-feature-slide .border-center-icon span:before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  border-left: 1px solid rgba(255, 255, 255, 0.8);
}
body.light .wrapper-feature-slide .border-center-icon span:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}

/* example for red corner of section */
section.corner-red .border-top svg rect,
section.corner-red .border-bottom svg rect {
  fill: #ed1c24;
}

body.personal .border-top svg rect,
body.personal .border-bottom svg rect {
  fill: #0066f1;
}/*# sourceMappingURL=custom.css.map */