/*
    BigScreens Grid System based on em
    @author             EH
*/
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('fonts/proxima-regular/Proxima Nova Regular.eot');
  src: local('☺'), url('fonts/proxima-regular/Proxima Nova Regular.woff') format('woff'), url('fonts/proxima-regular/Proxima Nova Regular.ttf') format('truetype'), url('fonts/proxima-regular/Proxima Nova Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url('fonts/proxima-light/proximanova-light-webfont.eot');
  src: url('fonts/proxima-light/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proxima-light/proximanova-light-webfont.woff2') format('woff2'), url('fonts/proxima-light/proximanova-light-webfont.woff') format('woff'), url('fonts/proxima-light/proximanova-light-webfont.ttf') format('truetype'), url('fonts/proxima-light/proximanova-light-webfont.svg#proxima_novalight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaSemibold';
  src: url('fonts/proxima-semibold/Proxima Nova Semibold.eot');
  src: local('☺'), url('fonts/proxima-semibold/Proxima Nova Semibold.woff') format('woff'), url('fonts/proxima-semibold/Proxima Nova Semibold.ttf') format('truetype'), url('fonts/proxima-semibold/Proxima Nova Semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*** RESET ***/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 80rem;
  float: none;
  margin: 0 auto;
}
.full {
  width: 79rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: none;
}
.half {
  width: 39rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.relative {
  position: relative;
  z-index: 1;
}
.error {
  color: red;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}
::-webkit-input-placeholder {
  font-family: 'ProximaNovaLight', sans-serif;
  font-weight: 400;
  opacity: 1;
  color: #777777;
}
::-moz-placeholder {
  font-family: 'ProximaNovaLight', sans-serif;
  font-weight: 400;
  opacity: 1;
}
::-moz-placeholder {
  font-family: 'ProximaNovaLight', sans-serif;
  font-weight: 400;
  opacity: 1;
}
::-ms-input-placeholder {
  font-family: 'ProximaNovaLight', sans-serif;
  font-weight: 400;
  opacity: 1;
}
* html .clearfix {
  height: 1%;
  overflow: visible;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
body {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'ProximaNovaLight', sans-serif;
  font-size: 15px;
  text-transform: none;
  color: #1c1b19;
  -webkit-text-size-adjust: none;
}
html,
body {
  background: #ffffff;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
html.no-scroll,
body.no-scroll {
  height: 100%;
  overflow: hidden;
}
html {
  overflow: visible !important;
}
input,
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
input::-ms-clear,
textarea::-ms-clear {
  display: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #1c1b19;
  outline: none;
}
ul,
ol {
  list-style: none;
}
article,
title,
text,
section {
  display: block;
}
.gradientOrange {
  background: #c04e35;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #c04e35 0%, #c35c23 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #c04e35 0%, #c35c23 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #c04e35 0%, #c35c23 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c04e35', endColorstr='#c35c23', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradientYellow {
  background: #e7a812;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e7a812 0%, #f3942d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #e7a812 0%, #f3942d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #e7a812 0%, #f3942d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7a812', endColorstr='#f3942d', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradientBlue {
  background: #60b2e2;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #60b2e2 1%, #17abb0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #60b2e2 1%, #17abb0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #60b2e2 1%, #17abb0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60b2e2', endColorstr='#17abb0', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.box-shadow {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
/*!
 * fullPage 2.9.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none;
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: hidden;
  position: relative;
}
.fp-scroller {
  overflow: hidden;
}
.iScrollIndicator {
  border: 0 !important;
}
.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}
.fp-slidesNav ul li {
  display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/icons/play-icon.svg") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
#content {
  padding-top: 25px;
}
.ellipse {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  width: 36px;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.ellipse .fa {
  font-size: 17px;
  margin-top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.ellipse.orange {
  border-color: #f39200;
}
.ellipse.orange .fa {
  color: #f39200;
}
.ellipse.white {
  border-color: #ffffff;
}
.ellipse.white .fa {
  color: #ffffff;
}
.ellipse:hover.orange {
  background-color: #f39200;
}
.ellipse:hover.orange .fa {
  color: #ffffff;
}
.ellipse:hover.white {
  background-color: #ffffff;
}
.ellipse:hover.white .fa {
  color: #f39200;
}
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: 30px;
  background-color: #ffffff;
}
header .header-logo {
  width: 19rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
}
header .header-logo .logo {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 250px;
  overflow: hidden;
}
header .header-logo .logo .logo-1,
header .header-logo .logo .logo-2 {
  position: absolute;
  right: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
header .header-logo .logo .logo-1 {
  width: 153px;
  top: -90px;
}
header .header-logo .logo .logo-2 {
  width: 214px;
  top: 5px;
}
header.switch-logo {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
header.switch-logo .logo .logo-1 {
  top: 5px;
}
header.switch-logo .logo .logo-2 {
  top: 70px;
}
header .header-contact {
  width: 19rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: right;
}
header .header-contact span {
  font-family: 'Patrick Hand', cursive;
}
header .header-contact .ellipse {
  vertical-align: middle;
  margin-left: 5px;
}
header .header-contact .fa {
  color: #1c1b19;
}
header .menu-btn .fa {
  font-size: 14px;
}
header .fa-envelope-o {
  padding-right: 7px;
}
header .fa-phone {
  padding-right: 7px;
  padding-left: 7px;
}
header .menu {
  width: 100%;
  height: 0;
  background: #f39200;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
header .menu.open {
  height: 110px;
  overflow: visible;
  padding: 30px 0;
}
header .menu .menu-btn {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
header .menu nav {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 64rem;
}
header .menu nav ul {
  display: inline-block;
  padding-top: 10px;
}
header .menu nav ul li {
  position: relative;
  float: left;
  padding: 0 45px;
  font-family: 'Patrick Hand', cursive;
  font-size: 20px;
}
header .menu nav ul li:before {
  content: "\f111";
  font-family: 'FontAwesome';
  position: absolute;
  color: #ffffff;
  font-size: 7px;
  top: 50%;
  left: 0;
  margin-top: -2px;
}
header .menu nav ul li:first-child:before {
  content: "";
}
header .menu nav ul li a {
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
header .menu nav ul li:hover a,
header .menu nav ul li .active a {
  color: #ffffff;
}
header .menu nav ul li.sub {
  position: relative;
}
header .menu nav ul li.sub ul {
  display: none;
  position: absolute;
  left: 0;
  padding: 20px 0;
  background-color: #f39200;
  border-radius: 0 0 20px 20px;
}
header .menu nav ul li.sub ul li,
header .menu nav ul li.sub ul li:first-child {
  float: none;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  padding: 0 35px;
}
header .menu nav ul li.sub ul li:before,
header .menu nav ul li.sub ul li:first-child:before {
  content: "\f105";
  left: 20px;
  top: 3px;
  margin-top: 0;
  font-size: 18px;
}
header .menu nav ul li.sub:hover ul {
  display: block;
}
header .menu .lang {
  display: inline-block;
  padding-top: 5px;
  width: 4rem;
}
header .menu .lang .sbHolder {
  position: relative;
  font-family: 'Patrick Hand', cursive;
  font-size: 15px;
}
header .menu .lang .sbHolder a {
  color: #ffffff;
}
header .menu .lang .sbSelector {
  padding-left: 5px;
}
header .menu .lang .sbToggle {
  font-family: 'FontAwesome';
}
header .menu .lang .sbToggle:before {
  content: "\f107";
  line-height: 30px;
}
header .menu .lang .sbToggle.sbToggleOpen:before {
  content: "\f106";
}
header .menu .lang .sbOptions {
  background: rgba(255, 255, 255, 0.8);
  list-style: none;
  padding: 5px 0;
}
header .menu .lang .sbOptions li {
  padding: 2px 10px;
}
header .menu .lang .sbOptions li a {
  display: block;
  color: #f39200;
}
footer {
  z-index: 5;
  position: relative;
  perspective: 500px;
  transform-style: preserve-3d;
}
footer .inner {
  padding: 35px 0;
  background-color: #f39200;
  transform-origin: center bottom;
}
footer .col-12 {
  width: 29rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  padding-top: 25px;
}
footer .col-8 {
  width: 19rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
}
footer .footer-column {
  position: relative;
  padding-bottom: 20px;
}
footer .footer-column:nth-child(2) {
  text-align: center;
}
footer .footer-column:last-child {
  text-align: right;
}
footer .footer-column .logo {
  margin-bottom: 25px;
}
footer .footer-column .logo img {
  width: 220px;
}
footer .footer-column .links {
  color: #ffffff;
  margin-bottom: 20px;
}
footer .footer-column .links a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
  font-family: 'ProximaNovaLight', sans-serif;
  font-size: 15px;
}
footer .footer-column .links span {
  padding: 0 17px;
}
footer .footer-column .links .ellipse {
  margin-left: 5px;
}
footer .footer-column h3 {
  font-family: 'Patrick Hand', cursive;
  font-size: 30px;
  color: #eeeeee;
  padding-bottom: 10px;
  font-weight: initial;
}
footer .footer-column .subscribe {
  color: #ffffff;
  font-size: 18px;
}
footer .footer-column .copyrights {
  font-size: 13px;
  color: #ffffff;
}
footer .footer-column .newsletter-form {
  padding: 15px 0;
}
footer .footer-column .newsletter-form input[type='text'] {
  background: rgba(255, 255, 255, 0.4);
  border: none;
  border-radius: 20px;
  height: 34px;
  line-height: 36px;
  width: 260px;
  color: #ffffff;
  font-family: 'ProximaNovaLight', sans-serif;
  padding: 0 17px;
  display: inline-block;
}
footer .footer-column .newsletter-form button[type='submit'] {
  height: 35px;
  width: 35px;
  margin: 0 2px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  color: #f39200;
}
footer .footer-column .newsletter-form button[type='submit'] i {
  font-size: 20px;
}
footer .footer-column .paper-plane {
  width: 223px;
  position: absolute;
  left: -180px;
  top: -80px;
}
footer .footer-column .paper-plane #plane {
  transform: translate(-150px, -40px);
  -webkit-transform: translate(-150px, -40px);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(-150px, -40px);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
/****Fixed animated elements*****/
.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8 {
  position: fixed;
  z-index: 1;
}
.anim-1 {
  width: 32px;
  left: 16%;
  top: 14%;
  -webkit-animation: anim-1 6s infinite linear;
  -moz-animation: anim-1 6s infinite linear;
  -ms-animation: anim-1 6s infinite linear;
  -o-animation: anim-1 6s infinite linear;
  animation: anim-1 6s infinite linear;
}
.anim-2 {
  width: 22px;
  left: 9%;
  bottom: 26%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-animation: anim-2 10s infinite linear;
  -moz-animation: anim-2 10s infinite linear;
  -ms-animation: anim-2 10s infinite linear;
  -o-animation: anim-2 10s infinite linear;
  animation: anim-2 10s infinite linear;
}
.anim-3 {
  width: 13px;
  left: 13%;
  bottom: 17%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-animation: anim-3 10s infinite linear;
  -moz-animation: anim-3 10s infinite linear;
  -ms-animation: anim-3 10s infinite linear;
  -o-animation: anim-3 10s infinite linear;
  animation: anim-3 10s infinite linear;
}
.anim-4 {
  width: 28px;
  right: 19%;
  top: 22%;
  -webkit-animation: anim-4 5s infinite linear;
  -moz-animation: anim-4 5s infinite linear;
  -ms-animation: anim-4 5s infinite linear;
  -o-animation: anim-4 5s infinite linear;
  animation: anim-4 5s infinite linear;
}
.anim-5 {
  width: 24px;
  right: 34%;
  bottom: 14%;
  -webkit-animation: anim-5 6s infinite linear;
  -moz-animation: anim-5 6s infinite linear;
  -ms-animation: anim-5 6s infinite linear;
  -o-animation: anim-5 6s infinite linear;
  animation: anim-5 6s infinite linear;
}
.anim-6 {
  width: 38px;
  right: 5%;
  bottom: 30%;
  transform: rotate(15deg) translate3d(0, 0, 0);
  -webkit-transform: rotate(15deg) translate3d(0, 0, 0);
  -moz-transform: rotate(15deg) translate3d(0, 0, 0);
  -ms-transform: rotate(15deg) translate3d(0, 0, 0);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-animation: anim-6 4s infinite linear;
  -moz-animation: anim-6 4s infinite linear;
  -ms-animation: anim-6 4s infinite linear;
  -o-animation: anim-6 4s infinite linear;
  animation: anim-6 4s infinite linear;
}
.anim-7,
.anim-8 {
  width: 22px;
  right: 13%;
}
.anim-7 {
  top: 39%;
  -webkit-animation: anim-7 3s infinite linear;
  -moz-animation: anim-7 3s infinite linear;
  -ms-animation: anim-7 3s infinite linear;
  -o-animation: anim-7 3s infinite linear;
  animation: anim-7 3s infinite linear;
}
.anim-8 {
  top: 41%;
  -webkit-animation: anim-8 3s infinite linear;
  -moz-animation: anim-8 3s infinite linear;
  -ms-animation: anim-8 3s infinite linear;
  -o-animation: anim-8 3s infinite linear;
  animation: anim-8 3s infinite linear;
}
/****Horizontal scroll****/
.scroll-ground {
  position: fixed;
  bottom: 15px;
  left: 0;
  height: 30px;
  width: 100%;
  background: url(../images/horizontal-scroll/ground.svg) repeat-x;
  background-position: left bottom;
  z-index: 3;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.scroll-ground.show {
  display: block;
  opacity: 1;
}
.horizontal-scroll {
  position: fixed;
  bottom: 25px;
  left: 100%;
  width: auto;
  z-index: 3;
  opacity: 1;
  display: block;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.horizontal-scroll.hide {
  opacity: 0;
  display: none;
}
.horizontal-scroll svg {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 120px;
  visibility: visible;
}
.horizontal-scroll .kid1 {
  width: 170px;
}
.horizontal-scroll .kid1 #to-anim {
  -ms-animation-name: rightHand 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: rightHand 1s 0s infinite alternate linear forwards;
  -moz-animation: rightHand 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: rightHand 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid1 #to-anim2 {
  -ms-animation-name: leftHand 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: leftHand 1s 0s infinite alternate linear forwards;
  -moz-animation: leftHand 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: leftHand 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid1 #to-anim3 {
  -ms-animation-name: hair 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: hair 1s 0s infinite alternate linear forwards;
  -moz-animation: hair 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: hair 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid2 {
  width: 170px;
}
.horizontal-scroll .kid2 #kids2-anim1 {
  -ms-animation-name: kids2-anim1 2s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kids2-anim1 2s 0s infinite alternate linear forwards;
  -moz-animation: kids2-anim1 2s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kids2-anim1 2s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid2 #kids2-anim2 {
  -ms-animation-name: kids2-anim2 2s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kids2-anim2 2s 0s infinite alternate linear forwards;
  -moz-animation: kids2-anim2 2s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kids2-anim2 2s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid3 {
  width: 140px;
}
.horizontal-scroll .kid4 {
  width: 105px;
}
.horizontal-scroll .kid4 #kids4-anim {
  -ms-animation-name: kids4-anim 1.5s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kids4-anim 1.5s 0s infinite alternate linear forwards;
  -moz-animation: kids4-anim 1.5s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kids4-anim 1.5s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid5 {
  width: 120px;
  height: 200px;
}
.horizontal-scroll .kid5 #kid5-anim3 {
  -ms-animation-name: kid5-anim3 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid5-anim3 1s 0s infinite alternate linear forwards;
  -moz-animation: kid5-anim3 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid5-anim3 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid5 #kid5-anim1 {
  -ms-animation-name: kid5-anim1 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid5-anim1 1s 0s infinite alternate linear forwards;
  -moz-animation: kid5-anim1 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid5-anim1 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid5 #kid5-anim2 {
  -ms-animation-name: kid5-anim2 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid5-anim2 1s 0s infinite alternate linear forwards;
  -moz-animation: kid5-anim2 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid5-anim2 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid6 {
  width: 160px;
}
.horizontal-scroll .kid6 #kid6-anim1 {
  -ms-animation-name: kid6-anim1 2s 0s infinite normal linear forwards;
  /* note MS has this different.... ugh */
  animation: kid6-anim1 2s 0s infinite normal linear forwards;
  -moz-animation: kid6-anim1 2s 0s infinite normal linear forwards;
  /* Firefox */
  -webkit-animation: kid6-anim1 2s 0s infinite normal linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid6 #kid6-anim2 {
  -ms-animation-name: kid6-anim2 1s 0.8s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid6-anim2 1s 0.8s infinite alternate linear forwards;
  -moz-animation: kid6-anim2 1s 0.8s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid6-anim2 1s 0.8s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid7 {
  width: 150px;
}
.horizontal-scroll .kid7 #kid7-anim1 {
  -ms-animation-name: kid7-anim1 1.5s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid7-anim1 1.5s 0s infinite alternate linear forwards;
  -moz-animation: kid7-anim1 1.5s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid7-anim1 1.5s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid8 {
  width: 130px;
}
.horizontal-scroll .kid8 #kid8-anim1 {
  -ms-animation-name: kid8-anim1 1.3s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid8-anim1 1.3s 0s infinite alternate linear forwards;
  -moz-animation: kid8-anim1 1.3s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid8-anim1 1.3s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid8 #kid8-anim2 {
  -ms-animation-name: kid8-anim2 1.3s 1s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid8-anim2 1.3s 1s infinite alternate linear forwards;
  -moz-animation: kid8-anim2 1.3s 1s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid8-anim2 1.3s 1s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid8 #kid8-anim3 {
  -ms-animation-name: kid8-anim3 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid8-anim3 1s 0s infinite alternate linear forwards;
  -moz-animation: kid8-anim3 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid8-anim3 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.horizontal-scroll .kid8 #kid8-anim4 {
  -ms-animation-name: kid5-anim3 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: kid5-anim3 1s 0s infinite alternate linear forwards;
  -moz-animation: kid5-anim3 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: kid5-anim3 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.donate-balloon {
  position: fixed;
  bottom: 450px;
  right: -400px;
  z-index: 4;
  transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
}
.donate-balloon img {
  -ms-animation-name: balloon 3s 0s infinite normal linear forwards;
  /* note MS has this different.... ugh */
  animation: balloon 3s 0s infinite normal linear forwards;
  -moz-animation: balloon 3s 0s infinite normal linear forwards;
  /* Firefox */
  -webkit-animation: balloon 3s 0s infinite normal linear forwards;
  /* Safari and Chrome */
}
.donate-balloon.show {
  bottom: 14px;
  right: 2%;
}
.donate-balloon.increaseBottom {
  bottom: 180px;
}
/***** Main Classes ****/
.halfColumn {
  width: 50%;
  float: left;
}
.push-right {
  float: right !important;
}
.button {
  display: block;
  height: 40px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 90px;
  border: 1px solid;
  line-height: 42px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.button.orange {
  font-family: 'ProximaNovaRegular', sans-serif;
  width: 200px;
  margin: 5px auto;
  background-color: #f39200;
  color: #ffffff;
  border-color: #f39200;
}
.button.orange:hover {
  background-color: #ffffff;
  color: #f39200;
}
.button.white {
  width: 130px;
  font-size: 15px;
  background-color: #ffffff;
  color: #f39200;
  border-color: #f39200;
  margin: 5px 0;
}
.button.white:hover {
  background-color: #f39200;
  color: #ffffff;
}
h1 {
  font-family: 'Patrick Hand', cursive;
  font-size: 35px;
  font-weight: initial;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  padding-bottom: 8px;
}
h1.white {
  color: #ffffff;
}
h1.white.underline:before {
  background-color: #ffffff;
}
h1.black {
  color: #1c1b19;
}
h1.black.underline:before {
  background-color: #1c1b19;
}
h1.orange {
  color: #1c1b19;
}
h1.orange.underline:before {
  background-color: #f39200;
}
h1.underline {
  padding-bottom: 55px;
}
h1.underline:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
  height: 1px;
  width: 165px;
}
h2 {
  font-size: 22px;
  font-weight: initial;
  text-align: center;
  padding-bottom: 5px;
}
p {
  line-height: 1.4;
  padding: 10px 0;
}
.content {
  position: relative;
  padding: 140px 0;
}
.content .content-holder {
  width: 49rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: none;
  margin: 0 auto;
}
/****Intro Section****/
.intro {
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.intro .intro-holder {
  width: 49rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  padding: 45px 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.intro .intro-holder .intro-image {
  max-width: 580px;
}
.intro .intro-holder .intro-data {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  padding: 250px 0 40px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.intro .intro-holder .intro-data:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 210px;
  height: 1px;
  width: 165px;
  background-color: #f39200;
}
.intro .intro-holder .intro-data h2 {
  padding-bottom: 60px;
}
.intro .scroll {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 30%;
  width: 100px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 12px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.intro .scroll span {
  display: inline-block;
  vertical-align: text-top;
}
.intro .scroll i {
  color: #c55d46;
  font-size: 16px;
}
.intro .scroll:hover {
  font-weight: bold;
}
.intro .scroll:hover i {
  font-size: 18px;
}
.intro .scroll:hover i:before {
  content: "\f111";
}
.intro-cloud-1 {
  width: 190px;
  position: absolute;
  top: 350px;
  left: 2%;
  z-index: 0;
  -webkit-animation: cloud-1 4.5s infinite linear;
  -moz-animation: cloud-1 4.5s infinite linear;
  -ms-animation: cloud-1 4.5s infinite linear;
  -o-animation: cloud-1 4.5s infinite linear;
  animation: cloud-1 4.5s infinite linear;
}
.intro-cloud-2 {
  width: 170px;
  position: absolute;
  top: 165px;
  right: 3%;
  z-index: 0;
  -webkit-animation: cloud-2 4.5s infinite linear;
  -moz-animation: cloud-2 4.5s infinite linear;
  -ms-animation: cloud-2 4.5s infinite linear;
  -o-animation: cloud-2 4.5s infinite linear;
  animation: cloud-2 4.5s infinite linear;
}
.intro-cloud-3 {
  width: 160px;
  position: absolute;
  bottom: 100px;
  right: 16%;
  z-index: 0;
  -webkit-animation: cloud-3 6.5s infinite linear;
  -moz-animation: cloud-3 6.5s infinite linear;
  -ms-animation: cloud-3 6.5s infinite linear;
  -o-animation: cloud-3 6.5s infinite linear;
  animation: cloud-3 6.5s infinite linear;
}
/***Common****/
.date,
.person {
  display: inline-block;
  font-family: 'Patrick Hand', cursive;
  color: #777777;
  font-size: 15px;
  padding-right: 20px;
}
.date i,
.person i {
  color: #f39200;
}
.person {
  font-size: 17px;
  padding-left: 20px;
  border-left: 2px solid #c0c0c0;
}
.text {
  padding: 5px 0 10px;
  font-size: 15px;
  color: #777777;
}
.text p {
  line-height: 1.6;
}
.box {
  position: relative;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  width: 70rem;
  margin: 30px auto;
  padding: 30px;
}
.box .box-content {
  width: 64rem;
  margin: 0 auto;
}
.box .box-content h2 {
  font-size: 48px;
  font-family: 'Patrick Hand', cursive;
  color: #1c1b19;
  text-align: left;
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 50px;
}
.box .box-content h3 {
  font-family: 'Patrick Hand', cursive;
  font-size: 18px;
  padding-bottom: 10px;
}
.box .box-content .text {
  color: #777777;
}
.box .box-content .text ol,
.box .box-content .text ul {
  list-style: initial;
}
.box .box-content .box-text {
  padding: 10px 0;
}
.box .box-content .box-text .left {
  width: 44rem;
  float: left;
}
.box .box-content .box-text .right {
  width: 19rem;
  float: left;
  padding: 0 30px;
}
.box .box-content .box-text .right .testimonial {
  position: relative;
  font-family: 'Patrick Hand', cursive;
  font-size: 20px;
  color: #f39200;
  padding: 25px 15px;
}
.box .box-content .box-text .right .testimonial:before {
  font-family: 'FontAwesome';
  content: "\f10d";
  left: -15px;
  top: 38px;
  position: absolute;
}
.box .box-content .box-text .right .testimonial:after {
  font-family: 'FontAwesome';
  content: "\f10e";
  position: absolute;
  right: 15px;
  bottom: 38px;
}
.box .box-content .box-text .video {
  padding: 10px 0;
}
.mini-slider {
  margin: 30px 0 20px;
}
.mini-slider .item {
  width: 9rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  margin: 0;
  height: 100px;
  overflow: hidden;
}
.mini-slider .selected .item {
  border: 2px solid orange;
}
.white-rtl-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91&0+0,1+78 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.white-ltr-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91&0+0,1+78 */
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
.owl-carousel .owl-nav {
  height: 0;
  margin-top: 0;
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  margin: 0;
  height: 100%;
  width: 60px;
  border-radius: 0;
  font-size: 40px;
  color: #1c1b19;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
  color: #000;
  font-size: 46px;
}
.owl-carousel .owl-nav .owl-next i,
.owl-carousel .owl-nav .owl-prev i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.owl-carousel .owl-nav .owl-next {
  right: 0;
  text-align: right;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91&0+0,1+78 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.owl-carousel .owl-nav .owl-next:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91&0+0,1+78 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.owl-carousel .owl-nav .owl-prev {
  left: 0;
  text-align: left;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91&0+0,1+78 */
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
.owl-carousel .owl-nav .owl-prev:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+91&0+0,1+78 */
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 78%, #ffffff 91%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
.owl-carousel.video-slider .owl-nav .owl-next,
.owl-carousel.video-slider .owl-nav .owl-prev {
  background: none;
  z-index: 10;
}
.owl-carousel.video-slider .owl-nav .owl-next {
  right: -50px;
}
.owl-carousel.video-slider .owl-nav .owl-prev {
  left: -50px;
}
/** Layal **/
.section {
  position: relative;
  padding: 70px 0;
  width: 100%;
  overflow: hidden;
  /***Lebanon World Statistics section****/
  /***Vision & Mission section***/
  /****Home Events Slider Section****/
}
.section .halfColumn {
  height: 465px;
  position: relative;
  z-index: 2;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  /***text styles***/
  /***animated elements styles***/
}
.section .halfColumn.zindex {
  z-index: 3;
}
.section .halfColumn.right {
  right: -100%;
}
.section .halfColumn.left {
  left: -100%;
}
.section .halfColumn .center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
  padding: 0 100px;
  font-size: 18px;
  overflow: hidden;
}
.section .halfColumn .center h1 {
  top: -100px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.section .halfColumn .center h1.underline:before {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  width: 0px;
}
.section .halfColumn .center .text {
  color: #ffffff;
  font-size: 18px;
  position: relative;
  bottom: -450px;
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.section .halfColumn .center .text p {
  padding: 5px 0;
}
.section .halfColumn.in.left {
  left: 0;
}
.section .halfColumn.in.right {
  right: 0;
}
.section .halfColumn.in .center h1 {
  top: 0;
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
}
.section .halfColumn.in .center h1.underline:before {
  width: 165px;
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.section .halfColumn.in .center .text {
  bottom: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-transition-delay: 0.4s;
  /* Safari */
  transition-delay: 0.4s;
}
.section .halfColumn .childImage,
.section .halfColumn .familyImage,
.section .halfColumn .communityImage {
  position: relative;
  display: block;
  height: 100%;
  transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  left: -100%;
}
.section .halfColumn .childImage.in,
.section .halfColumn .familyImage.in,
.section .halfColumn .communityImage.in {
  left: 0;
}
.section .halfColumn .childImage [class^="elem-"],
.section .halfColumn .familyImage [class^="elem-"],
.section .halfColumn .communityImage [class^="elem-"] {
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.section .halfColumn .childImage [class^="elem-"].show,
.section .halfColumn .familyImage [class^="elem-"].show,
.section .halfColumn .communityImage [class^="elem-"].show {
  opacity: 1;
}
.section .halfColumn .familyImage {
  left: auto;
  right: -100%;
}
.section .halfColumn .familyImage.in {
  left: auto;
  right: 0;
}
.section .halfColumn .childImage .child {
  position: relative;
  left: 30px;
  top: 40px;
}
.section .halfColumn .childImage .elem-1 {
  width: 27px;
  position: absolute;
  top: -6px;
  left: 205px;
}
.section .halfColumn .childImage .elem-1.show {
  -webkit-transition-delay: 0.5s;
  /* Safari */
  transition-delay: 0.5s;
}
.section .halfColumn .childImage .elem-2 {
  width: 20px;
  position: absolute;
  top: 15px;
  left: 185px;
}
.section .halfColumn .childImage .elem-2.show {
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s;
}
.section .halfColumn .childImage .elem-3 {
  width: 29px;
  position: absolute;
  top: 80px;
  left: 205px;
}
.section .halfColumn .childImage .elem-3.show {
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
}
.section .halfColumn .childImage .elem-4 {
  width: 40px;
  position: absolute;
  top: 100px;
  left: 488px;
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .childImage .elem-4.show {
  -webkit-transition-delay: 0.8s;
  /* Safari */
  transition-delay: 0.8s;
}
.section .halfColumn .childImage .elem-5 {
  width: 37px;
  position: absolute;
  top: 19px;
  left: 330px;
}
.section .halfColumn .childImage .elem-5.show {
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s;
}
.section .halfColumn .childImage .elem-6 {
  width: 23px;
  position: absolute;
  top: -5px;
  left: 377px;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .childImage .elem-6.show {
  -webkit-transition-delay: 0.3s;
  /* Safari */
  transition-delay: 0.3s;
}
.section .halfColumn .childImage .elem-7 {
  width: 33px;
  position: absolute;
  top: 23px;
  left: 415px;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .childImage .elem-7.show {
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s;
}
.section .halfColumn .familyImage .family {
  position: relative;
  left: 70px;
  top: 75px;
}
.section .halfColumn .familyImage .elem-1 {
  position: absolute;
  top: 250px;
  left: 130px;
  width: 50px;
  transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .familyImage .elem-1.show {
  -webkit-transition-delay: 0.6s;
  /* Safari */
  transition-delay: 0.6s;
}
.section .halfColumn .familyImage .elem-2 {
  position: absolute;
  top: 80px;
  left: 120px;
  width: 65px;
  transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .familyImage .elem-2.show {
  -webkit-transition-delay: 0.5s;
  /* Safari */
  transition-delay: 0.5s;
}
.section .halfColumn .familyImage .elem-3 {
  position: absolute;
  top: 70px;
  left: 470px;
  width: 27px;
}
.section .halfColumn .familyImage .elem-3.show {
  -webkit-transition-delay: 0.9s;
  /* Safari */
  transition-delay: 0.9s;
}
.section .halfColumn .familyImage .elem-4 {
  position: absolute;
  top: 110px;
  left: 448px;
  width: 25px;
}
.section .halfColumn .familyImage .elem-4.show {
  -webkit-transition-delay: 1s;
  /* Safari */
  transition-delay: 1s;
}
.section .halfColumn .communityImage .community {
  position: relative;
  top: -20px;
  left: 40px;
}
.section .halfColumn .communityImage .community.show {
  -webkit-transition-delay: 0.5s;
  /* Safari */
  transition-delay: 0.5s;
}
.section .halfColumn .communityImage .elem-1 {
  position: absolute;
  top: 88px;
  left: 116px;
  width: 85px;
  transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .communityImage .elem-1.show {
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.section .halfColumn .communityImage .elem-2 {
  position: absolute;
  top: -85px;
  left: 305px;
  width: 83px;
}
.section .halfColumn .communityImage .elem-2.show {
  -webkit-transition-delay: 0.5s;
  /* Safari */
  transition-delay: 0.5s;
}
.section .halfColumn .communityImage .elem-3 {
  position: absolute;
  top: 5px;
  left: 480px;
  width: 65px;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .halfColumn .communityImage .elem-3.show {
  -webkit-transition-delay: 0.8s;
  /* Safari */
  transition-delay: 0.8s;
}
.section .statistics .text {
  width: 46.5rem;
  margin: 0 auto;
  text-align: center;
  font-size: 25px;
  color: #1c1b19;
  top: 200px;
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.section .statistics .text span {
  font-family: 'ProximaNovaSemibold', sans-serif;
}
.section .statistics .illustrations {
  padding: 25px 0;
  text-align: center;
}
.section .statistics .illustrations img {
  width: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
}
.section .statistics .illustrations .world,
.section .statistics .illustrations .lebanon {
  display: inline-block;
  padding: 0 35px;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}
.section .statistics .illustrations .world .world-stat {
  margin-top: 60px;
}
.section .statistics .illustrations .lebanon .beirut {
  margin-top: -240px;
  margin-left: -15px;
}
.section .statistics.animate .text {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
.section .statistics.animate .illustrations .world .earth {
  width: 355px;
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.section .statistics.animate .illustrations .world .world-stat {
  width: 148px;
  -webkit-transition-delay: 1.5s;
  /* Safari */
  transition-delay: 1.5s;
}
.section .statistics.animate .illustrations .lebanon .lebanon-map {
  width: 257px;
  -webkit-transition-delay: 2s;
  /* Safari */
  transition-delay: 2s;
}
.section .statistics.animate .illustrations .lebanon .beirut {
  width: 148px;
  -webkit-transition-delay: 2.5s;
  /* Safari */
  transition-delay: 2.5s;
}
.section .mission,
.section .vision {
  width: 70rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.section .mission .illustration,
.section .vision .illustration,
.section .mission .info,
.section .vision .info {
  width: 34rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  position: relative;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.section .mission .illustration h1:before,
.section .vision .illustration h1:before,
.section .mission .info h1:before,
.section .vision .info h1:before {
  width: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.section .mission .illustration .text,
.section .vision .illustration .text,
.section .mission .info .text,
.section .vision .info .text {
  font-size: 22px;
  text-align: center;
  padding: 0 20px;
  color: #1c1b19;
}
.section .mission .illustration [class^="elem-"],
.section .vision .illustration [class^="elem-"],
.section .mission .info [class^="elem-"],
.section .vision .info [class^="elem-"] {
  opacity: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.section .mission.in .info h1:before,
.section .vision.in .info h1:before {
  width: 165px;
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.section .mission.in .illustration [class^="elem-"],
.section .vision.in .illustration [class^="elem-"] {
  opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
.section .vision .info {
  margin-top: 110px;
  overflow: hidden;
  right: -100%;
  transition: all 0.52s ease;
  -moz-transition: all 0.52s ease;
  -webkit-transition: all 0.52s ease;
  -o-transition: all 0.52s ease;
  -ms-transition: all 0.52s ease;
}
.section .vision .illustration {
  left: -100%;
  top: -500px;
  transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -webkit-transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  -ms-transition: all 1.3s ease;
  transform: rotate(-100deg);
  -webkit-transform: rotate(-100deg);
  -moz-transform: rotate(-100deg);
  -ms-transform: rotate(-100deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section .vision .illustration img {
  margin-top: -75px;
}
.section .vision .illustration .elem-1 {
  width: 38px;
  position: absolute;
  top: 350px;
  left: 130px;
  -webkit-transition-delay: 2.5s;
  /* Safari */
  transition-delay: 2.5s;
}
.section .vision .illustration .elem-2 {
  width: 38px;
  position: absolute;
  bottom: 20px;
  left: 210px;
  transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transition-delay: 2.7s;
  /* Safari */
  transition-delay: 2.7s;
}
.section .vision .illustration .elem-3 {
  width: 30px;
  position: absolute;
  bottom: 80px;
  left: 345px;
  -webkit-transition-delay: 2.4s;
  /* Safari */
  transition-delay: 2.4s;
}
.section .vision .illustration .elem-4 {
  position: absolute;
  top: 320px;
  left: 345px;
  width: 90px;
  -webkit-transition-delay: 1.9s;
  /* Safari */
  transition-delay: 1.9s;
}
.section .vision.in .info {
  right: 0;
}
.section .vision.in .illustration {
  left: 0;
  top: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.section .mission .info {
  padding-top: 45px;
  left: -100%;
  transition: all 0.52s ease;
  -moz-transition: all 0.52s ease;
  -webkit-transition: all 0.52s ease;
  -o-transition: all 0.52s ease;
  -ms-transition: all 0.52s ease;
  -webkit-transition-delay: 1.8s;
  /* Safari */
  transition-delay: 1.8s;
}
.section .mission .illustration {
  right: -100%;
  -webkit-transition-delay: 1.5s;
  /* Safari */
  transition-delay: 1.5s;
}
.section .mission .illustration .elem-1 {
  width: 50px;
  position: absolute;
  top: -50px;
  left: 120px;
  -webkit-transition-delay: 2.5s;
  /* Safari */
  transition-delay: 2.5s;
}
.section .mission .illustration .elem-2 {
  width: 27px;
  position: absolute;
  top: 70px;
  left: 400px;
  -webkit-transition-delay: 2.7s;
  /* Safari */
  transition-delay: 2.7s;
}
.section .mission .illustration .elem-3 {
  width: 20px;
  position: absolute;
  top: 55px;
  left: 370px;
  -webkit-transition-delay: 2.8s;
  /* Safari */
  transition-delay: 2.8s;
}
.section .mission.in .info {
  left: 0;
}
.section .mission.in .info h1:before {
  -webkit-transition-delay: 2.5s;
  /* Safari */
  transition-delay: 2.5s;
}
.section .mission.in .illustration {
  right: 0;
}
.section.events h1 {
  top: -100px;
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-transition-delay: 2s;
  /* Safari */
  transition-delay: 2s;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
.section.events h2 {
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-transition-delay: 1.8s;
  /* Safari */
  transition-delay: 1.8s;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
}
.section.events .events-section {
  padding: 75px 0;
  width: 70rem;
  margin: 0 auto;
}
.section.events .events-section .item {
  height: 645px;
  width: 34rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.section.events .events-section .item article {
  width: 29rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 30px 0;
}
.section.events .events-section .item article h2,
.section.events .events-section .item article h3 {
  text-align: left;
  font-family: 'Patrick Hand', cursive;
  color: #1c1b19;
  font-weight: initial;
}
.section.events .events-section .item article h2 {
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 20px;
  height: 50px;
  overflow: hidden;
}
.section.events .events-section .item article h3 {
  font-size: 18px;
  padding-bottom: 10px;
}
.section.events .events-section .item article figure {
  width: 100%;
  height: 250px;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 5px;
  margin-left: 0;
  margin-top: 0;
  border-bottom: 1px solid #f39200;
}
.section.events .events-section .item article figure img {
  width: 100%;
  height: auto;
  transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
}
.section.events .events-section .item article figure:hover img {
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.section.events .events-section .item article .text {
  height: 120px;
  overflow: hidden;
}
.section.events.previous-events .events-section {
  width: 75rem;
  margin: 0 auto;
}
.section.events.previous-events .events-section .item {
  width: 24rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
}
.section.events.previous-events .events-section .item .text {
  height: 130px;
  overflow: hidden;
}
.section.events.previous-events .events-section .item article {
  width: 21.5rem;
  margin: 0 auto;
}
.section.events.animate h1 {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
.section.events.animate h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
}
.section.events .event-cloud-1 {
  position: absolute;
  top: 70px;
  left: 11.8%;
  width: 80px;
  -webkit-animation: event-cloud-1 14s infinite linear;
  -moz-animation: event-cloud-1 14s infinite linear;
  -ms-animation: event-cloud-1 14s infinite linear;
  -o-animation: event-cloud-1 14s infinite linear;
  animation: event-cloud-1 14s infinite linear;
}
.section.events .event-cloud-2 {
  position: absolute;
  top: 110px;
  left: 4%;
  width: 80px;
  -webkit-animation: event-cloud-2 12s infinite linear;
  -moz-animation: event-cloud-2 12s infinite linear;
  -ms-animation: event-cloud-2 12s infinite linear;
  -o-animation: event-cloud-2 12s infinite linear;
  animation: event-cloud-2 12s infinite linear;
}
.section.events .baloon {
  position: absolute;
  top: 95px;
  right: 8.6%;
  width: 65px;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.partners {
  padding: 80px 0 30px;
}
.partners ul {
  text-align: center;
}
.partners ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.partners ul li img {
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.partners ul li:hover img {
  -webkit-filter: grayscale(0);
  filter: none;
}
/****Contact Page****/
.contact .contact-holder {
  position: relative;
  width: 30rem;
  margin: 0 auto;
}
.contact .contact-holder .form-holder {
  position: relative;
  padding-top: 10px;
}
.contact .numbers {
  text-align: center;
  padding: 20px 0;
}
.contact .numbers li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  font-family: 'Patrick Hand', cursive;
}
.contact .field {
  width: 29rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  margin-bottom: 20px;
}
.contact .field.half {
  width: 14rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
}
.contact .field input[type='text'],
.contact .field textArea {
  width: 100%;
  border: 1px solid #1c1b19;
  border-radius: 50px;
  padding: 10px 15px;
  font-family: 'ProximaNovaLight', sans-serif;
  font-size: 14px;
  color: #777777;
}
.contact .field textArea {
  border-radius: 20px;
  height: 140px;
  resize: none;
}
.contact .field .error {
  font-size: 11px;
  margin: 5px;
  font-family: 'ProximaNovaLight', sans-serif;
}
.contact .accolade-1,
.contact .accolade-2 {
  position: absolute;
  top: -40px;
  left: -240px;
  height: 100%;
  width: 110px;
}
.contact .accolade-1 {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.contact .accolade-2 {
  left: auto;
  right: -240px;
}
.contact .nudge {
  position: absolute;
  top: 10px;
  left: -85px;
  width: 85px;
  -webkit-animation: nudge 2s infinite linear;
  -moz-animation: nudge 2s infinite linear;
  -ms-animation: nudge 2s infinite linear;
  -o-animation: nudge 2s infinite linear;
  animation: nudge 2s infinite linear;
}
.contact .flesh {
  position: absolute;
  top: 50px;
  right: -105px;
  width: 75px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-animation: flesh 1.5s infinite linear;
  -moz-animation: flesh 1.5s infinite linear;
  -ms-animation: flesh 1.5s infinite linear;
  -o-animation: flesh 1.5s infinite linear;
  animation: flesh 1.5s infinite linear;
}
.contact .earth {
  position: absolute;
  top: 55%;
  right: -80%;
  width: 105px;
  -webkit-animation: earth 4s infinite linear;
  -moz-animation: earth 4s infinite linear;
  -ms-animation: earth 4s infinite linear;
  -o-animation: earth 4s infinite linear;
  animation: earth 4s infinite linear;
}
.contact .plume {
  position: absolute;
  top: 45%;
  left: -90%;
  width: 40px;
}
.contact .star-1,
.contact .star-2 {
  position: absolute;
  height: 32px;
  -webkit-animation: nudge 1s infinite linear;
  -moz-animation: nudge 1s infinite linear;
  -ms-animation: nudge 1s infinite linear;
  -o-animation: nudge 1s infinite linear;
  animation: nudge 1s infinite linear;
}
.contact .star-1 {
  top: 50px;
  left: -100%;
}
.contact .star-2 {
  bottom: -50px;
  right: -100%;
}
.contact .triangle-1,
.contact .triangle-2 {
  position: absolute;
  width: 25px;
}
.contact .triangle-1 {
  bottom: 0;
  left: -100%;
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.contact .triangle-2 {
  top: 100px;
  right: -100%;
  transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
/****About Supporters****/
.supporters {
  /****Partners Section****/
}
.supporters p {
  font-size: 22px;
  padding: 50px 0 0;
  text-align: center;
}
.supporters .partners {
  padding: 80px 0 30px;
}
.supporters .partners ul {
  text-align: center;
}
.supporters .partners ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.supporters .partners ul li img {
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.supporters .partners ul li:hover img {
  -webkit-filter: grayscale(0);
  filter: none;
}
.supporters .star-1,
.supporters .star-2 {
  position: absolute;
  height: 30px;
  -webkit-animation: nudge 1s infinite linear;
  -moz-animation: nudge 1s infinite linear;
  -ms-animation: nudge 1s infinite linear;
  -o-animation: nudge 1s infinite linear;
  animation: nudge 1s infinite linear;
}
.supporters .star-1 {
  top: 130px;
  right: 19%;
}
.supporters .star-2 {
  top: 550px;
  right: 10%;
}
.supporters .triangle-1,
.supporters .triangle-2 {
  position: absolute;
  width: 25px;
}
.supporters .triangle-1 {
  bottom: 100px;
  left: 10%;
}
.supporters .triangle-2 {
  top: 200px;
  right: 10%;
  transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.supporters .fullstar-1,
.supporters .fullstar-2 {
  position: absolute;
  width: 45px;
}
.supporters .fullstar-1 {
  top: 250px;
  left: 13%;
}
.supporters .fullstar-2 {
  top: 320px;
  left: 10%;
  transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
/****About Overview****/
.overview .slogan {
  text-align: center;
  color: #f39200;
  font-size: 50px;
  font-family: 'Patrick Hand', cursive;
  line-height: 60px;
  position: relative;
  text-transform: uppercase;
}
.overview .slogan .accolade-1,
.overview .slogan .accolade-2 {
  position: absolute;
  top: -50px;
  left: 80px;
  width: 35px;
}
.overview .slogan .accolade-1 {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.overview .slogan .accolade-2 {
  left: auto;
  right: 80px;
}
.overview .slogan .nudge {
  position: absolute;
  top: -60px;
  left: -30px;
  width: 90px;
  -webkit-animation: nudge 2s infinite linear;
  -moz-animation: nudge 2s infinite linear;
  -ms-animation: nudge 2s infinite linear;
  -o-animation: nudge 2s infinite linear;
  animation: nudge 2s infinite linear;
}
.overview .slogan .rocket {
  position: absolute;
  top: 0;
  right: -45px;
  width: 85px;
  -webkit-animation: rocket 0.3s infinite linear;
  -moz-animation: rocket 0.3s infinite linear;
  -ms-animation: rocket 0.3s infinite linear;
  -o-animation: rocket 0.3s infinite linear;
  animation: rocket 0.3s infinite linear;
}
.overview .flesh {
  position: absolute;
  top: -50px;
  left: 26%;
  width: 75px;
}
.overview .content-holder {
  position: relative;
}
.overview .members .members-list {
  padding: 25px;
}
.overview .members .members-list .members-item {
  width: 18.75rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: left;
  margin-bottom: 20px;
  text-align: center;
}
.overview .members .members-list .members-item .thumb {
  height: 190px;
  width: 190px;
  background-color: #ff6363;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
}
.overview .members .members-list .members-item .thumb img {
  width: 100%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.overview .members .members-list .members-item .thumb:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.overview .members .members-list .members-item h2,
.overview .members .members-list .members-item h3 {
  text-transform: uppercase;
  font-family: 'Patrick Hand', cursive;
}
.overview .members .members-list .members-item h2 {
  font-size: 18px;
}
.overview .members .members-list .members-item h3 {
  font-size: 15px;
  font-weight: initial;
}
.overview .members .members-list .members-item p {
  padding: 30px 0;
  color: #777777;
}
.overview .plume {
  position: absolute;
  right: 5%;
  bottom: 100px;
  width: 70px;
}
.overview .firework {
  position: absolute;
  right: 4%;
  top: 300px;
  width: 150px;
  -webkit-animation: firework 3s infinite ease-out;
  -moz-animation: firework 3s infinite ease-out;
  -ms-animation: firework 3s infinite ease-out;
  -o-animation: firework 3s infinite ease-out;
  animation: firework 3s infinite ease-out;
}
.overview .balls {
  position: absolute;
  left: 4%;
  top: 350px;
  width: 75px;
}
/**** Awarness & training Page *****/
.awarness {
  /*****Video Slider elements*****/
  /****Upcoming events elements****/
  /******Previous events elements******/
}
.awarness .section {
  padding: 50px 0;
}
.awarness .section.events .events-section {
  padding: 45px 0;
}
.awarness .section .slider-section {
  width: 49rem;
  margin: 0 auto;
  padding: 30px 0;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.awarness .section .slider-section h2 {
  font-size: 25px;
  font-family: 'Patrick Hand', cursive;
  color: #1c1b19;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 20px;
}
.awarness .section .slider-section .slide {
  width: 44rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: none;
  margin: 0 auto;
  height: 420px;
  position: relative;
}
.awarness .section .slider-section .slide video {
  width: 100%;
  height: 420px;
}
.awarness .section .slider-section.featured {
  padding: 0;
}
.awarness .section .slider-section.featured .image,
.awarness .section .slider-section.featured .data {
  width: 50%;
  float: left;
}
.awarness .section .slider-section.featured .image {
  overflow: hidden;
}
.awarness .section .slider-section.featured .image img {
  margin-top: 30px;
  width: 100%;
}
.awarness .section .slider-section.featured .data {
  padding: 30px 20px;
}
.awarness.detail h2 {
  text-align: center;
  font-family: 'Patrick Hand', cursive;
  color: #1c1b19;
  font-weight: initial;
  font-size: 18px;
  padding-bottom: 20px;
}
.awarness.detail .date {
  display: block;
}
.awarness.detail .events-slider .owl-nav .owl-next,
.awarness.detail .events-slider .owl-nav .owl-prev {
  background: none;
}
.awarness.detail .events-slider .owl-nav .owl-next:hover,
.awarness.detail .events-slider .owl-nav .owl-prev:hover {
  background: none;
}
.awarness .triangle-filled-1 {
  position: absolute;
  top: 10%;
  left: 7%;
  width: 24px;
  -ms-animation-name: triangle-filled 4s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: triangle-filled 4s 0s infinite alternate linear forwards;
  -moz-animation: triangle-filled 4s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: triangle-filled 4s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .triangle-filled-2 {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 34px;
  -ms-animation-name: triangle-filled 4s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: triangle-filled 4s 0s infinite alternate linear forwards;
  -moz-animation: triangle-filled 4s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: triangle-filled 4s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .puzzle {
  position: absolute;
  top: 10px;
  right: 12%;
  width: 90px;
  -ms-animation-name: hair 2s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: hair 2s 0s infinite alternate linear forwards;
  -moz-animation: hair 2s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: hair 2s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .flower {
  position: absolute;
  bottom: 25%;
  right: 5%;
  width: 30px;
  -ms-animation-name: nudge 2s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: nudge 2s 0s infinite alternate linear forwards;
  -moz-animation: nudge 2s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: nudge 2s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .plume {
  position: absolute;
  top: 90%;
  left: 3%;
  width: 55px;
}
.awarness .star-1 {
  width: 25px;
  position: absolute;
  bottom: 55px;
  right: 13%;
  -ms-animation-name: star 1s 1s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: star 1s 1s infinite alternate linear forwards;
  -moz-animation: star 1s 1s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: star 1s 1s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .star-2 {
  width: 18px;
  position: absolute;
  bottom: 0;
  right: 5%;
  -ms-animation-name: star 1s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: star 1s 0s infinite alternate linear forwards;
  -moz-animation: star 1s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: star 1s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .square-1 {
  width: 45px;
  position: absolute;
  top: 0;
  left: 13%;
  -ms-animation-name: square-1 5s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: square-1 5s 0s infinite alternate linear forwards;
  -moz-animation: square-1 5s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: square-1 5s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .square-2 {
  width: 85px;
  position: absolute;
  top: 80px;
  left: 8%;
  -ms-animation-name: square-2 5s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: square-2 5s 0s infinite alternate linear forwards;
  -moz-animation: square-2 5s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: square-2 5s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .cloud-1 {
  position: absolute;
  bottom: 0;
  left: 60%;
  width: 80px;
  -ms-animation-name: cloud-event-1 22s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: cloud-event-1 22s 0s infinite alternate linear forwards;
  -moz-animation: cloud-event-1 22s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: cloud-event-1 22s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .cloud-2 {
  position: absolute;
  top: 0;
  left: 40%;
  width: 80px;
  -ms-animation-name: cloud-event-2 19s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: cloud-event-2 19s 0s infinite alternate linear forwards;
  -moz-animation: cloud-event-2 19s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: cloud-event-2 19s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.awarness .owl-carousel .owl-item img {
  height: 100%;
  width: initial;
  margin: 0 auto;
}
/**********Fellowship Page*********/
.fellowship .box .box-content .fellowship-image {
  float: left;
  margin-right: 20px;
}
.fellowship .box .box-content .text {
  line-height: 1.6;
}
.fellowship .box .box-content .text p {
  text-align: justify;
}
.fellowship .box .box-content .pencil {
  vertical-align: baseline;
  width: 45px;
  display: inline-block;
}
.fellowship .box .nudge {
  position: absolute;
  top: 100px;
  left: -120px;
  width: 85px;
  -ms-animation-name: nudge 2s 0s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: nudge 2s 0s infinite alternate linear forwards;
  -moz-animation: nudge 2s 0s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: nudge 2s 0s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.fellowship .box .elem-2 {
  position: absolute;
  top: 90%;
  right: -120px;
  width: 75px;
  -ms-animation-name: nudge 3s 1s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: nudge 3s 1s infinite alternate linear forwards;
  -moz-animation: nudge 3s 1s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: nudge 3s 1s infinite alternate linear forwards;
  /* Safari and Chrome */
}
/**********therapy for under-privileged Page*********/
.therapy .box .box-content h3 {
  font-family: 'Patrick Hand', cursive;
  font-size: 18px;
  padding-bottom: 30px;
  text-align: center;
  font-weight: initial;
}
.therapy .box .box-content .text {
  color: #777777;
  line-height: 1.6;
  text-align: center;
  max-width: 95%;
  margin: 0 auto;
}
.therapy .box .box-content .text a {
  margin: 45px auto 0;
}
.therapy .box .triangles-1 {
  position: absolute;
  left: 20px;
  bottom: 30px;
  width: 24px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.therapy .box .triangles-2 {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 24px;
}
.therapy .box .notebook {
  position: absolute;
  top: 40%;
  left: -130px;
  width: 75px;
}
.therapy .box .pad {
  position: absolute;
  top: 100%;
  right: -60px;
  width: 38px;
}
.therapy .box .elem-2 {
  position: absolute;
  top: 20%;
  left: -140px;
  width: 50px;
  transform: rotate(-150deg);
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
/******Published Researches & Resources section******/
.researches .grid {
  position: relative;
}
.researches .section.events .events-section .item {
  position: relative;
  background: #fff;
  z-index: 3;
  height: auto;
}
.researches .section.events .events-section .item h2 {
  font-size: 18px;
  height: 55px;
  border-bottom: 1px solid #f39200;
  margin-bottom: 20px;
  line-height: 22px;
  padding: 0;
}
.researches .section.events .events-section .item .button {
  padding: 0 10px;
  width: 160px;
  height: 38px;
  line-height: 40px;
}
.researches .box {
  position: relative;
  width: 69rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  float: none;
  margin: 50px auto 20px;
  background: #fbd238;
  padding: 30px 0;
}
.researches .box .box-content {
  width: 54rem;
  margin: 0 auto;
}
.researches .box .box-content h3 {
  font-family: 'Patrick Hand', cursive;
  font-size: 18px;
  padding-bottom: 30px;
}
.researches .box .box-content .text {
  color: #1c1b19;
  line-height: 1.6;
  padding-right: 80px;
}
.researches .box .plume {
  position: absolute;
  top: 35px;
  left: 40px;
  width: 45px;
}
.researches .firework {
  position: absolute;
  left: -50px;
  top: 50px;
  width: 120px;
  -webkit-animation: firework 3s infinite ease-out;
  -moz-animation: firework 3s infinite ease-out;
  -ms-animation: firework 3s infinite ease-out;
  -o-animation: firework 3s infinite ease-out;
  animation: firework 3s infinite ease-out;
}
.researches .notebook {
  position: absolute;
  top: 200px;
  right: 50px;
  width: 75px;
}
.researches .paper-plane {
  position: absolute;
  left: -30px;
  top: 50px;
  width: 80px;
  -ms-animation-name: fly 2s 1s infinite normal linear forwards;
  /* note MS has this different.... ugh */
  animation: fly 2s 1s infinite normal linear forwards;
  -moz-animation: fly 2s 1s infinite normal linear forwards;
  /* Firefox */
  -webkit-animation: fly 2s 1s infinite normal linear forwards;
  /* Safari and Chrome */
}
.researches .elem-2 {
  position: absolute;
  top: 85%;
  right: -50px;
  width: 55px;
  -ms-animation-name: nudge 5s 1s infinite alternate linear forwards;
  /* note MS has this different.... ugh */
  animation: nudge 5s 1s infinite alternate linear forwards;
  -moz-animation: nudge 5s 1s infinite alternate linear forwards;
  /* Firefox */
  -webkit-animation: nudge 5s 1s infinite alternate linear forwards;
  /* Safari and Chrome */
}
.researches .pencil {
  position: absolute;
  top: 220px;
  right: -15px;
  width: 45px;
  z-index: 1;
}
.researches .balls {
  position: absolute;
  top: 45%;
  width: 60px;
  left: -30px;
  z-index: 1;
}
.detail .events-slider .slide {
  height: 420px;
  overflow: hidden;
}
.detail .mini-slider {
  margin: 15px 0;
}
.detail .text p a:hover {
  text-decoration: underline;
}
.detail .text p a {
  color: #f39200;
}
.content .text p a:hover {
  text-decoration: underline;
}
.content .text p a {
  color: #f39200;
}
.content .text ol,
.content .text ul {
  list-style: initial;
}
.flash-success {
  text-align: center;
}
.loading__wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  height: 100%;
}
.loading__wrapper > li {
  background: #F19125;
  position: relative;
  transition: transform 0.15s ease-in-out;
  width: 100%;
}
.loading__wrapper > li > svg {
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
}
.desc {
  margin-top: 15px;
}
@keyframes cloud-1 {
  0% {
    left: 2%;
    top: 250px;
  }
  40% {
    left: -0.5%;
    top: 300px;
  }
  60% {
    left: 1%;
    top: 320px;
  }
  80% {
    left: 1.5%;
    top: 290px;
  }
  100% {
    left: 2%;
    top: 250px;
  }
}
@keyframes cloud-2 {
  0% {
    right: 3%;
    top: 165px;
  }
  20% {
    right: 2%;
    top: 175px;
  }
  40% {
    right: 1.3%;
    top: 188px;
  }
  60% {
    right: 2%;
    top: 210px;
  }
  80% {
    right: 2.5%;
    top: 185px;
  }
  100% {
    right: 3%;
    top: 165px;
  }
}
@keyframes cloud-3 {
  0% {
    right: 16%;
    bottom: 100px;
  }
  25% {
    right: 14%;
    bottom: 160px;
  }
  50% {
    right: 10%;
    bottom: 170px;
  }
  75% {
    right: 11%;
    bottom: 120px;
  }
  100% {
    right: 16%;
    bottom: 100px;
  }
}
@keyframes event-cloud-1 {
  0% {
    left: 11.8%;
  }
  25% {
    left: 5.8%;
  }
  75% {
    left: 17.8%;
  }
  100% {
    left: 11.8%;
  }
}
@keyframes event-cloud-2 {
  0% {
    left: 4%;
  }
  25% {
    left: 10%;
  }
  75% {
    left: -4%;
  }
  100% {
    left: 4%;
  }
}
/****************Fixed elements animation******************/
@keyframes anim-1 {
  0% {
    width: 32px;
    left: 16%;
    top: 14%;
  }
  50% {
    width: 40px;
    left: 20%;
    top: 18%;
  }
  100% {
    width: 32px;
    left: 16%;
    top: 14%;
  }
}
@keyframes anim-2 {
  0% {
    left: 9%;
    bottom: 26%;
  }
  10% {
    left: 8%;
    bottom: 24%;
  }
  20% {
    left: 7%;
    bottom: 23%;
  }
  30% {
    left: 6.5%;
    bottom: 22%;
  }
  40% {
    left: 7%;
    bottom: 21%;
  }
  50% {
    left: 8%;
    bottom: 21%;
  }
  60% {
    left: 9%;
    bottom: 21%;
  }
  70% {
    left: 10%;
    bottom: 22%;
  }
  80% {
    left: 11%;
    bottom: 23%;
  }
  90% {
    left: 10%;
    bottom: 25%;
  }
  100% {
    left: 9%;
    bottom: 26%;
  }
}
@keyframes anim-3 {
  0% {
    left: 13%;
    bottom: 17%;
  }
  50% {
    left: 16%;
    bottom: 20%;
  }
  100% {
    left: 13%;
    bottom: 17%;
  }
}
@keyframes anim-4 {
  0% {
    right: 19%;
    top: 22%;
  }
  30% {
    right: 18%;
    top: 21%;
  }
  65% {
    right: 22%;
    top: 20%;
  }
  100% {
    right: 19%;
    top: 22%;
  }
}
@keyframes anim-5 {
  0% {
    right: 34%;
    bottom: 14%;
  }
  25% {
    right: 35%;
    bottom: 14%;
  }
  50% {
    right: 36%;
    bottom: 13%;
  }
  75% {
    right: 35%;
    bottom: 12%;
  }
  100% {
    right: 34%;
    bottom: 14%;
  }
}
@keyframes anim-6 {
  0% {
    right: 5%;
    bottom: 30%;
  }
  50% {
    right: 7%;
    bottom: 33%;
  }
  100% {
    right: 5%;
    bottom: 30%;
  }
}
@keyframes anim-7 {
  0% {
    right: 13%;
    top: 39%;
  }
  25% {
    right: 12%;
    top: 40%;
  }
  50% {
    right: 13%;
    top: 41%;
  }
  75% {
    right: 14%;
    top: 40%;
  }
  100% {
    right: 13%;
    top: 39%;
  }
}
@keyframes anim-8 {
  0% {
    right: 13%;
    top: 41%;
  }
  25% {
    right: 14%;
    top: 40%;
  }
  50% {
    right: 15%;
    top: 39%;
  }
  75% {
    right: 14%;
    top: 38%;
  }
  100% {
    right: 13%;
    top: 41%;
  }
}
/*************************Bottom Scrolling Elements***************************/
@keyframes balloon {
  0% {
    transform: rotateX(18deg) scale(0.99);
    -webkit-transform: rotateX(18deg) scale(0.99);
    -moz-transform: rotateX(18deg) scale(0.99);
    -ms-transform: rotateX(18deg) scale(0.99);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  50% {
    transform: rotateX(0) scale(1);
    -webkit-transform: rotateX(0) scale(1);
    -moz-transform: rotateX(0) scale(1);
    -ms-transform: rotateX(0) scale(1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  100% {
    transform: rotateX(18deg) scale(0.99);
    -webkit-transform: rotateX(18deg) scale(0.99);
    -moz-transform: rotateX(18deg) scale(0.99);
    -ms-transform: rotateX(18deg) scale(0.99);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
@keyframes rightHand {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 50px 200px;
  }
  to {
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 50px 200px;
  }
}
@keyframes leftHand {
  from {
    transform: rotateX(20deg);
    -webkit-transform: rotateX(20deg);
    -moz-transform: rotateX(20deg);
    -ms-transform: rotateX(20deg);
    transform-origin: 0% 85%;
    -moz-transform-origin: 0% 85%;
    -webkit-transform-origin: 0% 85%;
    -ms-transform-origin: 0% 85%;
  }
  to {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform-origin: 0% 85%;
    -moz-transform-origin: 0% 85%;
    -webkit-transform-origin: 0% 85%;
    -ms-transform-origin: 0% 85%;
  }
}
@keyframes hair {
  from {
    transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform-origin: 85px 135px;
    -moz-transform-origin: 85px 135px;
    -webkit-transform-origin: 85px 135px;
    -ms-transform-origin: 85px 135px;
  }
  to {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 85px 135px;
    -moz-transform-origin: 85px 135px;
    -webkit-transform-origin: 85px 135px;
    -ms-transform-origin: 85px 135px;
  }
}
@keyframes kids2-anim2 {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 55px 125px;
    -moz-transform-origin: 55px 125px;
    -webkit-transform-origin: 55px 125px;
    -ms-transform-origin: 55px 125px;
  }
  25% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 55px 125px;
    -moz-transform-origin: 55px 125px;
    -webkit-transform-origin: 55px 125px;
    -ms-transform-origin: 55px 125px;
  }
  40% {
    transform: rotate(118deg);
    -webkit-transform: rotate(118deg);
    -moz-transform: rotate(118deg);
    -ms-transform: rotate(118deg);
    transform-origin: 55px 125px;
    -moz-transform-origin: 55px 125px;
    -webkit-transform-origin: 55px 125px;
    -ms-transform-origin: 55px 125px;
  }
  60% {
    transform: rotate(118deg);
    -webkit-transform: rotate(118deg);
    -moz-transform: rotate(118deg);
    -ms-transform: rotate(118deg);
    transform-origin: 55px 125px;
    -moz-transform-origin: 55px 125px;
    -webkit-transform-origin: 55px 125px;
    -ms-transform-origin: 55px 125px;
  }
  80% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 55px 125px;
    -moz-transform-origin: 55px 125px;
    -webkit-transform-origin: 55px 125px;
    -ms-transform-origin: 55px 125px;
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 55px 125px;
    -moz-transform-origin: 55px 125px;
    -webkit-transform-origin: 55px 125px;
    -ms-transform-origin: 55px 125px;
  }
}
@keyframes kids2-anim1 {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 76px 117px;
    -moz-transform-origin: 76px 117px;
    -webkit-transform-origin: 76px 117px;
    -ms-transform-origin: 76px 117px;
  }
  10% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 76px 117px;
    -moz-transform-origin: 76px 117px;
    -webkit-transform-origin: 76px 117px;
    -ms-transform-origin: 76px 117px;
  }
  25% {
    transform: rotate(115deg);
    -webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform-origin: 76px 117px;
    -moz-transform-origin: 76px 117px;
    -webkit-transform-origin: 76px 117px;
    -ms-transform-origin: 76px 117px;
  }
  80% {
    transform: rotate(115deg);
    -webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform-origin: 76px 117px;
    -moz-transform-origin: 76px 117px;
    -webkit-transform-origin: 76px 117px;
    -ms-transform-origin: 76px 117px;
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 76px 117px;
    -moz-transform-origin: 76px 117px;
    -webkit-transform-origin: 76px 117px;
    -ms-transform-origin: 76px 117px;
  }
}
@keyframes kids4-anim {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  to {
    transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
@keyframes kid5-anim3 {
  from {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  to {
    transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
@keyframes kid5-anim1 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 45px 139px;
    -moz-transform-origin: 45px 139px;
    -webkit-transform-origin: 45px 139px;
    -ms-transform-origin: 45px 139px;
  }
  to {
    transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform-origin: 45px 139px;
    -moz-transform-origin: 45px 139px;
    -webkit-transform-origin: 45px 139px;
    -ms-transform-origin: 45px 139px;
  }
}
@keyframes kid5-anim2 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 74px 143px;
    -moz-transform-origin: 74px 143px;
    -webkit-transform-origin: 74px 143px;
    -ms-transform-origin: 74px 143px;
  }
  to {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform-origin: 74px 143px;
    -moz-transform-origin: 74px 143px;
    -webkit-transform-origin: 74px 143px;
    -ms-transform-origin: 74px 143px;
  }
}
@keyframes kid6-anim1 {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 100px 135px;
    -moz-transform-origin: 100px 135px;
    -webkit-transform-origin: 100px 135px;
    -ms-transform-origin: 100px 135px;
  }
  33% {
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform-origin: 100px 135px;
    -moz-transform-origin: 100px 135px;
    -webkit-transform-origin: 100px 135px;
    -ms-transform-origin: 100px 135px;
  }
  66% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 100px 135px;
    -moz-transform-origin: 100px 135px;
    -webkit-transform-origin: 100px 135px;
    -ms-transform-origin: 100px 135px;
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 100px 135px;
    -moz-transform-origin: 100px 135px;
    -webkit-transform-origin: 100px 135px;
    -ms-transform-origin: 100px 135px;
  }
}
@keyframes kid6-anim2 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
}
@keyframes kid7-anim1 {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform-origin: 50px 155px;
    -moz-transform-origin: 50px 155px;
    -webkit-transform-origin: 50px 155px;
    -ms-transform-origin: 50px 155px;
  }
  to {
    transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    transform-origin: 50px 155px;
    -moz-transform-origin: 50px 155px;
    -webkit-transform-origin: 50px 155px;
    -ms-transform-origin: 50px 155px;
  }
}
@keyframes kid8-anim1 {
  0% {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform-origin: 40px 130px;
    -moz-transform-origin: 40px 130px;
    -webkit-transform-origin: 40px 130px;
    -ms-transform-origin: 40px 130px;
  }
  100% {
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform-origin: 40px 130px;
    -moz-transform-origin: 40px 130px;
    -webkit-transform-origin: 40px 130px;
    -ms-transform-origin: 40px 130px;
  }
}
@keyframes kid8-anim2 {
  0% {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform-origin: 85px 126px;
    -moz-transform-origin: 85px 126px;
    -webkit-transform-origin: 85px 126px;
    -ms-transform-origin: 85px 126px;
  }
  100% {
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform-origin: 85px 126px;
    -moz-transform-origin: 85px 126px;
    -webkit-transform-origin: 85px 126px;
    -ms-transform-origin: 85px 126px;
  }
}
@keyframes kid8-anim3 {
  from {
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  to {
    transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
/*********Papaer Plane**********/
@keyframes plane {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/***************************Contact Page Elements************************************/
@keyframes flesh {
  0% {
    top: 50px;
    right: -105px;
  }
  50% {
    top: 65px;
    right: -90px;
  }
  100% {
    top: 50px;
    right: -105px;
  }
}
@keyframes nudge {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  50% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
@keyframes earth {
  0% {
    transform: rotate(0deg) translate(-30px) rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) translate(-30px) rotate(-180deg) scale(0.8);
  }
  100% {
    transform: rotate(360deg) translate(-30px) rotate(-360deg) scale(1);
  }
}
/******About Overview******/
@keyframes firework {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
  }
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
  }
  100% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
  }
}
@keyframes rocket {
  0% {
    top: 0;
  }
  50% {
    top: -5px;
  }
  100% {
    top: 0;
  }
}
/*******Awarness Page*****/
@keyframes triangle-filled {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  20% {
    transform: translate(-10px, -15px);
    -webkit-transform: translate(-10px, -15px);
    -moz-transform: translate(-10px, -15px);
    -ms-transform: translate(-10px, -15px);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  40% {
    transform: translate(-13px, -18px);
    -webkit-transform: translate(-13px, -18px);
    -moz-transform: translate(-13px, -18px);
    -ms-transform: translate(-13px, -18px);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  60% {
    transform: translate(-8px, -14px);
    -webkit-transform: translate(-8px, -14px);
    -moz-transform: translate(-8px, -14px);
    -ms-transform: translate(-8px, -14px);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  80% {
    transform: translate(-5px, -6px);
    -webkit-transform: translate(-5px, -6px);
    -moz-transform: translate(-5px, -6px);
    -ms-transform: translate(-5px, -6px);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
@keyframes square-1 {
  from {
    width: 45px;
    top: 0;
    left: 13%;
  }
  to {
    width: 85px;
    position: absolute;
    top: 80px;
    left: 8%;
  }
}
@keyframes square-2 {
  from {
    width: 85px;
    position: absolute;
    top: 80px;
    left: 8%;
  }
  to {
    width: 45px;
    top: 0;
    left: 13%;
  }
}
@keyframes cloud-event-1 {
  from {
    left: 60%;
  }
  to {
    left: 90%;
  }
}
@keyframes cloud-event-2 {
  from {
    left: 40%;
  }
  to {
    left: 13%;
  }
}
@keyframes fly {
  0% {
    transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
  }
  100% {
    transform: translate(100px, -100px) scale(0.1);
    -webkit-transform: translate(100px, -100px) scale(0.1);
    -moz-transform: translate(100px, -100px) scale(0.1);
    -ms-transform: translate(100px, -100px) scale(0.1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    opacity: 0.3;
    filter: alpha(opacity=10);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
  }
}
@media screen and (min-width: 1681px) {
  .grid {
    width: 85%;
  }
  .full {
    width: 100%;
  }
  header .menu nav {
    width: 79rem;
  }
  footer .col-12,
  footer .col-8 {
    width: 33.33%;
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  footer .footer-column .paper-plane {
    left: -125px;
  }
  .section .halfColumn .familyImage {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
  }
  .section .halfColumn .childImage.in,
  .section .halfColumn .communityImage.in {
    left: 50px;
  }
  .section .halfColumn .familyImage.in {
    right: 50px;
  }
  .section.events .events-section {
    width: 70rem;
  }
  .section.events .events-section .item {
    width: 34rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events .events-section .item article {
    width: 29rem;
  }
  /****About Overview****/
  .overview .slogan .accolade-1,
  .overview .slogan .accolade-2 {
    left: 150px;
  }
  .overview .slogan .accolade-2 {
    left: auto;
    right: 150px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .grid {
    width: 80rem;
  }
  .full {
    width: 79rem;
  }
  header .menu nav {
    width: 69rem;
  }
  .section .halfColumn {
    /***animated elements styles***/
  }
  .section .halfColumn .childImage,
  .section .halfColumn .familyImage,
  .section .halfColumn .communityImage {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
  }
  .section.events .events-section {
    width: 70rem;
  }
  .section.events .events-section .item {
    width: 34rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events .events-section .item article {
    width: 29rem;
  }
  /****About Overview****/
  .overview .slogan .accolade-1,
  .overview .slogan .accolade-2 {
    left: 120px;
  }
  .overview .slogan .accolade-2 {
    left: auto;
    right: 120px;
  }
}
@media screen and (max-width: 1918px) {
  .overview .members .members-list .members-item {
    width: 17.375rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1788px) {
  .overview .members .members-list .members-item {
    width: 18%;
  }
}
@media screen and (max-width: 1280px) {
  .grid {
    width: 60rem;
  }
  .full {
    width: 59rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
  }
  header .menu nav {
    width: 51.5rem;
  }
  footer .col-12 {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .box {
    width: 100%;
  }
  .box .box-content {
    width: 54rem;
  }
  .box .box-content .box-text .left {
    width: 39rem;
    padding-right: 20px;
  }
  .box .box-content .box-text .right {
    width: 14rem;
    padding: 0 10px;
  }
  .box .box-content .box-text .right .testimonial {
    padding: 25px 0;
  }
  .section {
    /***Vision & Mission section***/
  }
  .section .halfColumn .center {
    padding: 0 65px;
  }
  .section .halfColumn .childImage,
  .section .halfColumn .communityImage,
  .section .halfColumn .familyImage {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
  }
  .section .statistics .illustrations .world,
  .section .statistics .illustrations .lebanon {
    width: 49%;
    padding: 0;
  }
  .section .statistics .illustrations .world img,
  .section .statistics .illustrations .lebanon img {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .section .statistics .illustrations .lebanon .beirut {
    margin-top: -210px;
  }
  .section .statistics .illustrations .world .earth {
    width: 0;
  }
  .section .statistics.animate .illustrations .world .earth {
    width: 310px;
  }
  .section .mission,
  .section .vision {
    width: 60rem;
  }
  .section .mission .illustration,
  .section .vision .illustration,
  .section .mission .info,
  .section .vision .info {
    width: 29rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events .events-section {
    width: 60rem;
  }
  .section.events .events-section .item {
    width: 29rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events .events-section .item article {
    width: 24rem;
  }
  .section.events.previous-events .events-section {
    width: 60rem;
    margin: 0 auto;
  }
  .section.events.previous-events .events-section .item {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events.previous-events .events-section .item article {
    width: 17.75rem;
    margin: 0 auto;
  }
  .section.events.previous-events .events-section .item article .date,
  .section.events.previous-events .events-section .item article .person {
    padding-right: 5px;
  }
  .section.events.previous-events .events-section .item article .person {
    padding-left: 5px;
  }
  .section.events.previous-events .events-section .item .text {
    height: 112px;
  }
  /******Published Researches & Resources section******/
  .researches .box {
    width: 50rem;
  }
  .researches .box .box-content {
    width: 36.5rem;
  }
  .supporters .fullstar-2 {
    left: 5%;
  }
  .supporters .fullstar-1 {
    left: 7%;
  }
}
@media screen and (max-width: 1023px) {
  .grid {
    width: 40rem;
  }
  .full {
    width: 39rem;
  }
  .content {
    padding: 110px 0;
  }
  .content .content-holder {
    width: 34rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
    margin: 0 auto;
  }
  header .grid {
    width: 100%;
  }
  header .menu nav {
    width: 39rem;
  }
  header .menu nav ul li {
    padding: 0 15px;
  }
  header .menu nav ul li:first-child {
    padding-left: 0;
  }
  header .menu nav ul li:last-child {
    padding-right: 0;
  }
  header .menu nav ul li.sub ul {
    width: auto;
  }
  header .menu nav ul li.sub ul li:first-child,
  header .menu nav ul li.sub ul li:last-child {
    padding: 0 25px;
  }
  header .menu nav ul li.sub ul li:first-child:before,
  header .menu nav ul li.sub ul li:last-child:before {
    left: 5px;
  }
  header .menu nav ul li.sub ul li:before {
    left: 5px;
  }
  header .menu .lang {
    text-align: right;
  }
  .intro .intro-holder {
    width: 29rem;
    top: 60%;
  }
  .intro .intro-holder .intro-data {
    padding: 210px 0 40px;
    top: 0;
  }
  .intro .intro-holder .intro-data:before {
    top: 170px;
  }
  .intro .intro-cloud-1,
  .intro .intro-cloud-2,
  .intro .intro-cloud-3 {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .box .box-content {
    width: 34rem;
  }
  .box .box-content .box-text .left {
    width: 100%;
    padding-right: 0;
  }
  .box .box-content .box-text .right {
    width: 100%;
  }
  .box .box-content .box-text .right .testimonial {
    padding: 25px 15px;
  }
  .section {
    padding: 30px 0;
    /****Statistics Section***/
    /***Vision & Mission section***/
    /****Events section****/
  }
  .section .halfColumn .center {
    padding: 0 15px;
  }
  .section .halfColumn .childImage,
  .section .halfColumn .familyImage,
  .section .halfColumn .communityImage {
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
  }
  .section .statistics .text {
    width: 100%;
  }
  .section .statistics .illustrations .world,
  .section .statistics .illustrations .lebanon {
    width: 100%;
  }
  .section .statistics .illustrations .world .beirut,
  .section .statistics .illustrations .lebanon .beirut {
    margin-top: -140px;
  }
  .section .mission,
  .section .vision {
    width: 40rem;
  }
  .section .mission .illustration,
  .section .vision .illustration {
    width: 14rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
  }
  .section .mission .info,
  .section .vision .info {
    width: 24rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section .mission.in .illustration,
  .section .vision.in .illustration {
    transform: scale(0.7) rotate(0deg) translateX(-150px);
    -webkit-transform: scale(0.7) rotate(0deg) translateX(-150px);
    -moz-transform: scale(0.7) rotate(0deg) translateX(-150px);
    -ms-transform: scale(0.7) rotate(0deg) translateX(-150px);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .section.events .events-section {
    width: 40rem;
    padding: 50px 0;
  }
  .section.events .events-section .item {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events .events-section .item article {
    width: auto;
    padding: 30px 10px 30px;
  }
  .section.events .events-section .item article figure {
    margin-bottom: 20px;
    margin-left: 0px;
    height: 202px;
  }
  .section.events.previous-events .events-section {
    width: 40rem;
    margin: 0 auto;
  }
  .section.events.previous-events .events-section .item {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .section.events.previous-events .events-section .item article {
    width: 17.75rem;
    margin: 0 auto;
  }
  .section.events.previous-events .events-section .item article .date,
  .section.events.previous-events .events-section .item article .person {
    display: block;
    padding-bottom: 6px;
  }
  .section.events.previous-events .events-section .item article .person {
    padding: 0;
    border: 0;
  }
  .section.events.previous-events .events-section .item .text {
    height: 200px;
  }
  .donate-balloon {
    width: 90px;
  }
  .horizontal-scroll {
    display: none;
  }
  .contact .accolade-1,
  .contact .accolade-2 {
    display: none;
  }
  .contact .earth {
    right: -40%;
  }
  .contact .plume {
    left: -20%;
  }
  .contact .star-2 {
    right: 0;
  }
  .contact .triangle-1 {
    left: 0;
  }
  /****About Overview****/
  .overview .slogan .accolade-1,
  .overview .slogan .accolade-2 {
    left: 50px;
    top: -25px;
  }
  .overview .slogan .accolade-2 {
    left: auto;
    right: 50px;
  }
  .overview .slogan .nudge {
    top: -25px;
  }
  .overview .flesh {
    top: 0;
    left: 22%;
    width: 50px;
  }
  .overview h1.underline {
    padding-top: 30px;
  }
  /**** Awarness & training Page *****/
  .awarness .section .slider-section {
    width: 39rem;
  }
  .awarness .section .slider-section .slide {
    width: 34rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
    margin: 0 auto;
  }
  /******Published Researches & Resources section******/
  .researches .box {
    width: 100%;
  }
  .researches .box .box-content {
    width: 31.5rem;
    float: right;
  }
  .supporters .fullstar-2,
  .supporters .fullstar-1 {
    left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .grid {
    width: 30rem;
  }
  .full {
    width: 29rem;
    /*        width: 95%;
                margin-left: 2.5%;
                margin-right: 2.5%;*/
  }
  img[class^="anim-"],
  .scroll-ground,
  .horizontal-scroll {
    display: none;
  }
  .content .content-holder {
    width: 24rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
    margin: 0 auto;
  }
  header .header-logo .logo .logo-1 {
    left: 16%;
    right: initial;
  }
  header .menu.open {
    height: auto;
  }
  header .menu nav {
    width: 100%;
  }
  header .menu nav ul li {
    padding: 10px 0px;
    text-align: center;
    display: block;
    float: none;
  }
  header .menu nav ul li:before {
    display: none;
    text-align: center;
  }
  header .menu nav ul li.sub ul {
    width: 100%;
    position: relative;
    padding-bottom: 0;
  }
  header .menu nav ul li.sub ul li,
  header .menu nav ul li.sub ul li:first-child,
  header .menu nav ul li.sub ul li:last-child {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  header .menu nav ul li.sub ul li:before,
  header .menu nav ul li.sub ul li:first-child:before,
  header .menu nav ul li.sub ul li:last-child:before {
    display: block;
    left: -15px;
  }
  header .menu .menu-btn {
    position: absolute;
  }
  header .header-contact {
    width: 16.5rem;
    padding-bottom: 10px;
  }
  header .header-contact .social-icon {
    display: none;
  }
  .intro .intro-holder {
    width: 24rem;
  }
  .intro .intro-holder .intro-data {
    top: 65%;
  }
  .intro .intro-cloud-1,
  .intro .intro-cloud-2 {
    display: none;
  }
  .intro .intro-cloud-3 {
    bottom: 2%;
  }
  .box .box-content {
    width: 24rem;
  }
  .box .box-content .text {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
  }
  .section {
    padding-top: 0;
    padding-bottom: 30px;
    /***Vision & Mission section***/
    /***Events section***/
    /***Partners section***/
  }
  .section .halfColumn {
    width: 100%;
    height: auto;
  }
  .section .halfColumn .center {
    top: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    padding: 35px 25px;
  }
  .section .halfColumn .childImage,
  .section .halfColumn .familyImage,
  .section .halfColumn .communityImage {
    width: 100%;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .section .halfColumn .childImage .child,
  .section .halfColumn .familyImage .child,
  .section .halfColumn .communityImage .child,
  .section .halfColumn .childImage .community,
  .section .halfColumn .familyImage .community,
  .section .halfColumn .communityImage .community,
  .section .halfColumn .childImage .family,
  .section .halfColumn .familyImage .family,
  .section .halfColumn .communityImage .family {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .section .mission,
  .section .vision {
    width: 100%;
  }
  .section .mission .illustration,
  .section .vision .illustration,
  .section .mission .info,
  .section .vision .info {
    width: 100%;
    float: none;
    margin: 0;
    padding-top: 0;
  }
  .section .mission .illustration img,
  .section .vision .illustration img,
  .section .mission .info img,
  .section .vision .info img {
    margin-top: 0;
  }
  .section .mission .illustration,
  .section .vision .illustration {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .section.events .events-section {
    width: 30rem;
  }
  .section.events .events-section .item {
    width: 24rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    float: none;
    margin: 0 auto 20px;
  }
  .section.events .events-section .item article {
    width: 21.5rem;
    margin: 0 auto;
  }
  .section.events .events-section .item article figure {
    height: 175px;
  }
  .section.events.previous-events .events-section {
    width: 30rem;
  }
  .section.events.previous-events .events-section .item {
    height: auto;
    width: 24rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    float: none;
    margin: 0 auto 20px;
  }
  .section.events.previous-events .events-section .item .text {
    height: 150px;
  }
  .section.events.previous-events .events-section .item article {
    width: 21.5rem;
    margin: 0 auto;
  }
  .section.partners ul li {
    padding: 0;
  }
  /***footer***/
  footer .footer-column {
    text-align: center;
  }
  footer .footer-column.col-12,
  footer .footer-column.col-8 {
    float: none;
    margin: 0 auto;
  }
  footer .footer-column:last-child {
    text-align: center;
  }
  footer .footer-column .paper-plane {
    display: none;
  }
  /****Contact Page****/
  .contact .contact-holder {
    width: 25rem;
    margin: 0 auto;
  }
  .contact .contact-holder .field {
    width: 24rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    margin-bottom: 20px;
  }
  .contact .contact-holder .field.half {
    width: 11.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .contact .contact-holder .nudge {
    top: 35px;
    left: 5px;
    width: 50px;
  }
  .contact .contact-holder .flesh {
    top: 55px;
    right: 5px;
    width: 50px;
  }
  .contact .contact-holder .star-2 {
    right: 50%;
  }
  /****About Overview****/
  .overview .slogan {
    padding: 30px 0;
  }
  .overview .slogan .accolade-1,
  .overview .slogan .accolade-2 {
    top: 0px;
    width: 30px;
    left: -30px;
  }
  .overview .slogan .accolade-2 {
    left: auto;
    right: -30px;
  }
  .overview .flesh {
    left: 9%;
  }
  .overview .members .members-list .members-item {
    width: 100%;
  }
  /**** Awarness & training Page *****/
  .awarness .section .slider-section {
    width: 29rem;
  }
  .awarness .section .slider-section .slide {
    width: 26.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
    margin: 0 auto;
  }
  .awarness .section .slider-section.featured .image,
  .awarness .section .slider-section.featured .data {
    width: 100%;
    float: none;
  }
  .awarness .intro-cloud-1,
  .awarness .intro-cloud-2,
  .awarness .square-1,
  .awarness .square-2 {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  /**********Fellowship Page*********/
  .fellowship .box .box-content .fellowship-image {
    float: none;
  }
  .fellowship .box .box-content .text {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
  }
  .fellowship .nudge {
    top: -90px;
    left: -30px;
  }
  .fellowship .elem-2 {
    top: 100%;
    right: -45px;
  }
  /**********therapy for under-privileged Page*********/
  .therapy .box .triangles-1 {
    left: 4px;
    width: 20px;
  }
  .therapy .box .triangles-2 {
    right: 4px;
    width: 20px;
  }
  .therapy .box .pad {
    right: 0px;
    top: 105%;
  }
  /******Published Researches & Resources section******/
  .researches .box .box-content {
    width: 19rem;
    float: right;
  }
  .researches .box .box-content .text {
    padding-right: 20px;
  }
  .detail .events-slider .slide {
    height: 200px;
  }
}
@media screen and (max-width: 479px) {
  .grid {
    width: 20rem;
  }
  .full {
    width: 19rem;
  }
  p {
    line-height: 1.2;
  }
  .content .content-holder {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
  }
  header .menu nav {
    width: 100%;
  }
  .intro .intro-holder {
    width: 19rem;
  }
  .intro .intro-holder .intro-data {
    padding: 125px 0 40px;
    top: 0;
  }
  .intro .intro-holder .intro-data:before {
    top: 110px;
  }
  .intro .intro-holder .intro-data h1 {
    font-size: 25px;
  }
  .intro .intro-holder .intro-data h2 {
    padding-bottom: 20px;
    padding-top: 140px;
    font-size: 20px;
  }
  .intro .intro-cloud-3 {
    right: 1%;
    bottom: 1%;
    display: none;
  }
  .box .box-content {
    width: 16.5rem;
  }
  .box .box-content h2 {
    font-size: 36px;
  }
  .section {
    /****Statistics Section***/
    /***Vision & Mission section***/
    /***Events section***/
  }
  .section .halfColumn .childImage,
  .section .halfColumn .familyImage,
  .section .halfColumn .communityImage {
    width: 100%;
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  .section .halfColumn .familyImage .elem-1 {
    top: 230px;
    left: 0;
  }
  .section .halfColumn .familyImage .elem-2 {
    top: 45px;
    left: 0;
  }
  .section .halfColumn .familyImage .elem-3 {
    top: 70px;
    left: 290px;
  }
  .section .halfColumn .familyImage .elem-4 {
    top: 110px;
    left: 315px;
  }
  .section .halfColumn .center {
    padding: 25px;
  }
  .section .statistics .illustrations .world .beirut,
  .section .statistics .illustrations .lebanon .beirut {
    margin-top: 0;
  }
  .section .mission .illustration,
  .section .vision .illustration {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform-origin: rotate(-100deg);
    -moz-transform-origin: rotate(-100deg);
    -webkit-transform-origin: rotate(-100deg);
    -ms-transform-origin: rotate(-100deg);
    max-height: 420px;
  }
  .section .mission .illustration img,
  .section .vision .illustration img {
    margin-top: -110px;
  }
  .section .mission .info .text,
  .section .vision .info .text {
    padding: 0 5px;
  }
  .section .mission.in .illustration,
  .section .vision.in .illustration {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform-origin: rotate(0deg);
    -moz-transform-origin: rotate(0deg);
    -webkit-transform-origin: rotate(0deg);
    -ms-transform-origin: rotate(0deg);
  }
  .section.events .events-section {
    width: 20rem;
  }
  .section.events .events-section .item {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    float: none;
  }
  .section.events .events-section .item article {
    width: 16.5rem;
  }
  .section.events.previous-events .events-section {
    width: 20rem;
  }
  .section.events.previous-events .events-section .item {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    float: none;
  }
  .section.events.previous-events .events-section .item article {
    width: 16.5rem;
  }
  /****Contact Page****/
  .contact .contact-holder {
    width: 20rem;
    margin: 0 auto;
  }
  .contact .contact-holder .field {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
    margin-bottom: 20px;
  }
  .contact .contact-holder .field.half {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: left;
  }
  .contact .earth,
  .contact .plume {
    display: none;
  }
  @keyframes flesh {
    0% {
      top: 60px;
      right: 0;
    }
    50% {
      top: 65px;
      right: 15px;
    }
    100% {
      top: 60px;
      right: 0;
    }
  }
  /****About Overview****/
  .overview .slogan {
    font-size: 40px;
    line-height: 50px;
    padding: 10px 0;
  }
  .overview .slogan .accolade-1,
  .overview .slogan .accolade-2 {
    top: 0;
    left: -15px;
    width: 25px;
  }
  .overview .slogan .accolade-2 {
    left: auto;
    right: -15px;
  }
  .overview .slogan .nudge,
  .overview .slogan .rocket {
    display: none;
  }
  .overview .plume {
    width: 45px;
  }
  .overview .firework {
    display: none;
  }
  .overview .balls {
    width: 45px;
    left: 5px;
  }
  .overview .flesh {
    left: 0;
  }
  .overview .members .members-list .members-item {
    width: 100%;
  }
  /**** Awarness & training Page *****/
  .awarness .section .slider-section {
    width: 20rem;
  }
  .awarness .section .slider-section .slide {
    width: 19rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    float: none;
    margin: 0 auto;
  }
  .awarness .intro-cloud-1,
  .awarness .intro-cloud-2,
  .awarness .square-1,
  .awarness .square-2,
  .awarness .triangle-filled-2,
  .awarness .triangle-filled-1 {
    display: none;
  }
  /**********Fellowship Page*********/
  .fellowship .box .pencil {
    width: 40px;
  }
  .researches .box .box-content .plume {
    display: none;
  }
  .supporters .fullstar-2,
  .supporters .fullstar-1 {
    left: 0;
  }
}
body.ar {
  direction: rtl;
  /***Header***/
  /***Footer***/
  /***Sections***/
  /******Published Researches & Resources section******/
}
body.ar .push-right {
  float: left !important;
}
body.ar header .header-logo {
  float: right;
}
body.ar header .header-logo .logo .logo-1,
body.ar header .header-logo .logo .logo-2 {
  left: 0;
  right: auto;
}
body.ar header .header-contact {
  float: left;
}
body.ar header .header-contact .ellipse {
  margin-left: 0;
  margin-right: 5px;
}
body.ar header .menu nav ul li {
  float: right;
}
body.ar header .menu nav ul li:before {
  right: 0;
  left: auto;
}
body.ar header .menu nav ul li.sub ul li:before,
body.ar header .menu nav ul li.sub ul li:first-child:before {
  content: "\f104";
  left: auto;
  right: 30px;
}
body.ar footer .col-12,
body.ar footer .col-8 {
  float: right;
}
body.ar footer .footer-column:last-child {
  text-align: left;
}
body.ar footer .footer-column .newsletter-form button[type='submit'] i:before {
  content: "\f104";
}
body.ar footer .footer-column .paper-plane {
  right: -180px;
  left: auto;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
body.ar .section .halfColumn {
  float: right;
}
body.ar .section .halfColumn.right {
  right: auto;
  left: -100%;
}
body.ar .section .halfColumn.left {
  left: auto;
  right: -100%;
}
body.ar .section .halfColumn .childImage,
body.ar .section .halfColumn .familyImage,
body.ar .section .halfColumn .communityImage {
  transform: scaleX(-1) scale(0.85);
  -webkit-transform: scaleX(-1) scale(0.85);
  -moz-transform: scaleX(-1) scale(0.85);
  -ms-transform: scaleX(-1) scale(0.85);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  left: auto;
  right: -100%;
}
body.ar .section .halfColumn .childImage.in,
body.ar .section .halfColumn .familyImage.in,
body.ar .section .halfColumn .communityImage.in {
  right: 0;
}
body.ar .section .halfColumn.in.left {
  left: auto;
  right: 0;
}
body.ar .section .halfColumn.in.right {
  right: auto;
  left: 0;
}
body.ar .section .halfColumn .familyImage {
  left: -100%;
  right: auto;
}
body.ar .section .halfColumn .familyImage.in {
  left: 0;
  right: auto;
}
body.ar .section .mission .illustration,
body.ar .section .vision .illustration,
body.ar .section .mission .info,
body.ar .section .vision .info {
  float: right;
}
body.ar .section .mission .illustration,
body.ar .section .vision .illustration {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  direction: ltr;
}
body.ar .section .vision .info {
  right: auto;
  left: -100%;
}
body.ar .section .vision .illustration {
  left: auto;
  right: -100%;
  transform: rotate(100deg);
  -webkit-transform: rotate(100deg);
  -moz-transform: rotate(100deg);
  -ms-transform: rotate(100deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
body.ar .section .vision.in .info {
  right: auto;
  left: 0;
}
body.ar .section .vision.in .illustration {
  left: auto;
  right: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
body.ar .section .mission .info {
  left: auto;
  right: -100%;
}
body.ar .section .mission .illustration {
  right: auto;
  left: -100%;
}
body.ar .section .mission.in .info {
  left: auto;
  right: 0;
}
body.ar .section .mission.in .illustration {
  right: auto;
  left: 0;
}
body.ar .section.events .events-section .item article h2,
body.ar .section.events .events-section .item article h3 {
  text-align: right;
}
body.ar .section.events .events-section .item article .date,
body.ar .section.events .events-section .item article .person {
  padding-right: 0;
  padding-left: 20px;
}
body.ar .section.events .events-section .item article .person {
  padding-left: 0;
  border-left: 0;
  padding-right: 20px;
  border-right: 2px solid #c0c0c0;
}
body.ar .donate-balloon {
  right: auto;
  left: -400px;
}
body.ar .donate-balloon.show {
  right: auto;
  left: 2%;
}
body.ar .scroll-ground {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
body.ar .horizontal-scroll {
  left: auto;
  right: 100%;
}
body.ar .researches .box .box-content .text {
  padding-right: 0;
  padding-left: 80px;
}
body.ar .researches .box .plume {
  left: auto;
  right: 40px;
}
@media screen and (min-width: 1681px) {
  body.ar {
    /***Sections***/
  }
  body.ar .section .halfColumn {
    /***animated elements styles***/
  }
  body.ar .section .halfColumn .childImage,
  body.ar .section .halfColumn .familyImage,
  body.ar .section .halfColumn .communityImage {
    direction: ltr;
    transform: scaleX(-1) scale(1.05);
    -webkit-transform: scaleX(-1) scale(1.05);
    -moz-transform: scaleX(-1) scale(1.05);
    -ms-transform: scaleX(-1) scale(1.05);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  body.ar .section .halfColumn .childImage.in,
  body.ar .section .halfColumn .communityImage.in {
    left: auto;
    right: 50px;
  }
  body.ar .section .halfColumn .familyImage.in {
    right: auto;
    left: 50px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  body.ar {
    /***Sections***/
  }
  body.ar .section .halfColumn {
    /***animated elements styles***/
  }
  body.ar .section .halfColumn .childImage,
  body.ar .section .halfColumn .familyImage,
  body.ar .section .halfColumn .communityImage {
    direction: ltr;
    transform: scaleX(-1) scale(1);
    -webkit-transform: scaleX(-1) scale(1);
    -moz-transform: scaleX(-1) scale(1);
    -ms-transform: scaleX(-1) scale(1);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
}
@media screen and (max-width: 1280px) {
  body.ar {
    /***Sections***/
  }
  body.ar .section .halfColumn .childImage,
  body.ar .section .halfColumn .familyImage,
  body.ar .section .halfColumn .communityImage {
    direction: ltr;
    transform: scaleX(-1) scale(0.7);
    -webkit-transform: scaleX(-1) scale(0.7);
    -moz-transform: scaleX(-1) scale(0.7);
    -ms-transform: scaleX(-1) scale(0.7);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  body.ar .section .halfColumn .childImage img {
    margin-left: -60px;
  }
  body.ar .section .halfColumn .childImage .child {
    left: auto;
    right: 30px;
    margin-left: 0;
  }
  body.ar .section .halfColumn .familyImage img {
    margin-left: -140px;
  }
  body.ar .section .halfColumn .familyImage .family {
    left: auto;
    right: 70px;
    margin-left: 0;
  }
  body.ar .section .halfColumn .communityImage img {
    margin-left: -80px;
  }
  body.ar .section .halfColumn .communityImage .community {
    right: 40px;
    left: auto;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  body.ar {
    /******Published Researches & Resources section******/
  }
  body.ar .section .mission .illustration,
  body.ar .section .vision .illustration {
    transform: scaleX(-1) scale(0.7);
    -webkit-transform: scaleX(-1) scale(0.7);
    -moz-transform: scaleX(-1) scale(0.7);
    -ms-transform: scaleX(-1) scale(0.7);
    transform-origin: 75% 50%;
    -moz-transform-origin: 75% 50%;
    -webkit-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
  }
  body.ar .researches .box .box-content {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  body.ar {
    /******Published Researches & Resources section******/
  }
  body.ar header .menu nav ul li {
    float: none;
  }
  body.ar .section .halfColumn .childImage,
  body.ar .section .halfColumn .familyImage,
  body.ar .section .halfColumn .communityImage {
    transform: scaleX(-1) scale(0.6);
    -webkit-transform: scaleX(-1) scale(0.6);
    -moz-transform: scaleX(-1) scale(0.6);
    -ms-transform: scaleX(-1) scale(0.6);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  body.ar .section .halfColumn .childImage .child,
  body.ar .section .halfColumn .familyImage .child,
  body.ar .section .halfColumn .communityImage .child,
  body.ar .section .halfColumn .childImage .community,
  body.ar .section .halfColumn .familyImage .community,
  body.ar .section .halfColumn .communityImage .community,
  body.ar .section .halfColumn .childImage .family,
  body.ar .section .halfColumn .familyImage .family,
  body.ar .section .halfColumn .communityImage .family {
    left: auto;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
  }
  body.ar .section.events .events-section .item {
    float: none;
  }
  body.ar footer .footer-column.col-12,
  body.ar footer .footer-column.col-8 {
    float: none;
  }
  body.ar footer .footer-column .links {
    text-align: center;
  }
  body.ar footer .footer-column .paper-plane {
    display: none;
  }
  body.ar .researches .box .box-content .text {
    padding-right: 0;
    padding-left: 20px;
  }
}
@media screen and (max-width: 479px) {
  body.ar .section .halfColumn .childImage,
  body.ar .section .halfColumn .familyImage,
  body.ar .section .halfColumn .communityImage {
    transform: scaleX(-1) scale(0.4);
    -webkit-transform: scaleX(-1) scale(0.4);
    -moz-transform: scaleX(-1) scale(0.4);
    -ms-transform: scaleX(-1) scale(0.4);
    transform-origin: 65% 50%;
    -moz-transform-origin: 65% 50%;
    -webkit-transform-origin: 65% 50%;
    -ms-transform-origin: 65% 50%;
  }
  body.ar .section .mission .illustration {
    transform: scaleX(-1) scale(0.7);
    -webkit-transform: scaleX(-1) scale(0.7);
    -moz-transform: scaleX(-1) scale(0.7);
    -ms-transform: scaleX(-1) scale(0.7);
    transform-origin: 60% 80%;
    -moz-transform-origin: 60% 80%;
    -webkit-transform-origin: 60% 80%;
    -ms-transform-origin: 60% 80%;
  }
  body.ar .section .vision .illustration {
    transform: scaleX(-1) scale(0.7);
    -webkit-transform: scaleX(-1) scale(0.7);
    -moz-transform: scaleX(-1) scale(0.7);
    -ms-transform: scaleX(-1) scale(0.7);
    transform-origin: 60% 15%;
    -moz-transform-origin: 60% 15%;
    -webkit-transform-origin: 60% 15%;
    -ms-transform-origin: 60% 15%;
  }
}