/* ==============================
   Global styles
   ============================== */

blockquote {
  padding: 0;
  border: none;
  background: none;
  font-style: normal;
  line-height: 1.7;
  color: #777;
}
blockquote p {
  margin-bottom: 1em;
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.6;
}


/* ==============================
   Helper clases
   ============================== */
.right {
  float: right;
}
.left {
  float: left;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.info-message {
  margin: 25px 0 0px;
}
.success {
  border-color: #a9e2c2;
  color: #36a367;
}
.error {
  border-color: #fbb;
  color: #e33131;
}
.black {
  color: #111 !important;
}
.weight-color {
  color: #00b2ca !important;
  font-weight: 500;
}
/* ==============================
   Backgrounds and sections
   ============================== */
.bg-dark-10,
.bg-dark-50,
.bg-dark-80,
.bg-dark-90,
.bg-light-90 {
  color: #fff;
}
.bg-dark-10 *,
.bg-dark-50 *,
.bg-dark-80 *,
.bg-dark-90 *,
.bg-light-90 * {
  color: #fff;
}
.bg-dark-10:before,
.bg-dark-50:before,
.bg-dark-80:before,
.bg-dark-90:before,
.bg-light-90:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bg-dark-10:before {
  background: rgba(0,0,0,0.1);
}
.bg-dark-50:before {
  background: rgba(0,0,0,0.2);
}
.bg-dark-80:before {
  background: rgba(0,0,0,0.8);
}

.bg-img {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.section-icon {
  margin-bottom: 7px;
  text-align: center;
  font-size: 32px;
}

.full-screen {
  height: 100vh;
  width: 100%;
}

/*
 * Parallax
 */
.parallax-hero {
/*  position: fixed; */
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.parallax-fixed {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
.parallax-section-bg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.mobile .parallax-section-bg {
  height: 100% !important;
}

.animate-slider {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.animate-slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
/* ==============================
   Page loaders
   ============================== */
.page-loader {
  display: block;
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fefefe;
  z-index: 100000;
}
.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0,0.08);
  border-right: 1px solid rgba(0,0,0,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  border-left: 1px solid rgba(0,0,0,0.7);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  -moz-animation: spinner 700ms infinite linear;
  -o-animation: spinner 700ms infinite linear;
  -ms-animation: spinner 700ms infinite linear;
  animation: spinner 700ms infinite linear;
  z-index: 100001;
}
/* ==============================
   Owl carousel
   ============================== */
.owl-carousel {
  overflow: hidden;
}
.owl-buttons {
  position: static;
}
.owl-prev,
.owl-next {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 105px;
  height: 105px;
  line-height: 105px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  z-index: 6;
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
.owl-prev {left: -20px;}
.owl-next {right: -20px;}
.owl-prev span.angle,
.owl-next span.angle {display: block; width: 40px; height: 40px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; top: 50%; margin-top: -20px;}
.owl-prev span.angle {right: 40px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.owl-next span.angle {left: 40px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}
.owl-prev:hover,
.owl-next:hover { -webkit-transition: 0 none !important; -moz-transition: 0 none !important; -o-transition: 0 none !important; -ms-transition: 0 none !important; transition: 0 none !important;}
.owl-carousel:hover .owl-prev {opacity: 1; -ms-filter: none; filter: none; left: 5px;}
.owl-carousel:hover .owl-next { opacity: 1; -ms-filter: none; filter: none; right: 5px;}
.owl-pagination { display: block; width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center;}
.owl-page { display: inline-block; padding: 6px 4px; position: relative;}
.owl-page span {width: 15px; height: 5px; display: block; background: rgba(255,255,255,0.9); position: relative; z-index: 1000 !important; -webkit-border-radius: 3px;
  border-radius: 3px; -webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 0px rgba(0,0,0,0.1); -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
.owl-page:hover span {background: #fff;}
.owl-page.active span {background: transparent; border: 1px solid rgba(255,255,255,0.8); -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333);}
.team-slider .owl-pagination { bottom: 0px;}
.team-slider .owl-page span {border: 1px solid #00b2ca; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px;}
.team-slider .owl-page.active span { background: #00b2ca; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.owl-high-pagination .owl-pagination { left: 40px; text-align: left;} 
/* ==============================
   Headers
   ============================== */
span.hs {
  font-weight: 400;
}
.hs-line-1,
.hs-line-2,
.hs-line-3,
.hs-line-4,
.hs-line-5,
.hs-line-6,
.hs-line-8,
.hs-line-9,
.hs-line-first,
.hs-line-second {
  color: #fff;
}
.hs-line-2 { letter-spacing: 1px; text-transform: uppercase;  font-size: 3em; }
.hs-line-4 {text-transform: uppercase;  font-size: 3em; font-weight: 400; letter-spacing: 1px; padding: 0 6%;box-sizing: border-box;}
.hs-line-4 a:hover {color:#fff; text-decoration:none;}
.hs-line-second { margin-top: 0; position: relative; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,0.85);}
/* ==============================
   Hero section
   ============================== */
.hero-content {position: absolute; top: 0; left: 0; display: table; height: 100%; width: 100%; color: #fff;}
.hero-content-inner { position: relative; display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px; z-index: 5;}
.hero-content-inner > div { display: table; margin-left: auto; margin-right: auto;}

@media only screen and (max-width: 1024px) {
  .hs-line-4 {font-size: 3em;}
}
@media only screen and (max-width: 768px) {
  .hs-line-2 {font-size: 0.9em;}
  .hs-line-4 {font-size: 2.8em; letter-spacing: 4px;}
}
 @media only screen and (max-width: 480px) {
  .hs-line-2 {font-size: 0.8em;}
  .hs-line-4{font-size: 2.2em; letter-spacing: 3px;}
}
.page {
  background-color: #fff;
  position: relative;
  overflow-x: hidden;
  width: 100%;
  z-index: 999;
}