@import url('https://fonts.googleapis.com/css?family=El+Messiri:500&subset=arabic');
/*==============================================
	Custom Fonts Used
===============================================*/
@font-face {
    font-family: 'Familiar Pro';
    src: url("../fonts/familiar_pro-regular-webfont.3496d0134465.eot");
    src: url("../fonts/familiar_pro-regular-webfont.3496d0134465.eot?#iefix") format('embedded-opentype'),
        url("../fonts/familiar_pro-regular-webfont.bc6f08b81220.woff") format('woff'),
        url("../fonts/familiar_pro-regular-webfont.9c1555d3b5ad.ttf") format('truetype'),
        url("../fonts/familiar_pro-regular-webfont.f79448de6cb9.svg#FamiliarPro-Regular") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Familiar Pro';
    src: url("../fonts/familiar_pro-bold-webfont.7585c22890af.eot");
    src: url("../fonts/familiar_pro-bold-webfont.7585c22890af.eot?#iefix") format('embedded-opentype'),
        url("../fonts/familiar_pro-bold-webfont.660cc0185744.woff") format('woff'),
        url("../fonts/familiar_pro-bold-webfont.8dee5b66fabb.ttf") format('truetype'),
        url("../fonts/familiar_pro-bold-webfont.8c6678dfded4.svg#FamiliarPro-Bold") format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Larke Neue';
    src: url("../fonts/larkeneue-thin-webfont.bff2ce8aee24.eot");
    src: url("../fonts/larkeneue-thin-webfont.bff2ce8aee24.eot?#iefix") format('embedded-opentype'),
        url("../fonts/larkeneue-thin-webfont.29ec81c5f880.woff2") format('woff2'),
        url("../fonts/larkeneue-thin-webfont.d1288251e62d.woff") format('woff'),
        url("../fonts/larkeneue-thin-webfont.be501d90572e.ttf") format('truetype'),
        url("../fonts/larkeneue-thin-webfont.d3e422326225.svg#larkeneue-thin-webfont") format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Larke Neue';
    src: url("../fonts/larkeneue-regular-webfont.21a31059b6d4.eot");
    src: url("../fonts/larkeneue-regular-webfont.21a31059b6d4.eot?#iefix") format('embedded-opentype'),
        url("../fonts/larkeneue-regular-webfont.4de630d8a849.woff2") format('woff2'),
        url("../fonts/larkeneue-regular-webfont.307c643a4167.woff") format('woff'),
        url("../fonts/larkeneue-regular-webfont.b52ec5b19af8.ttf") format('truetype'),
        url("../fonts/larkeneue-regular-webfont.528846685ac1.svg#larkeneue-regular-webfont") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Larke Neue';
    src: url("../fonts/larkeneuebold-bold-webfont.e198b600b29a.eot");
    src: url("../fonts/larkeneuebold-bold-webfont.e198b600b29a.eot?#iefix") format('embedded-opentype'),
        url("../fonts/larkeneuebold-bold-webfont.a50794990e60.woff2") format('woff2'),
        url("../fonts/larkeneuebold-bold-webfont.37e843bf8363.woff") format('woff'),
        url("../fonts/larkeneuebold-bold-webfont.3c30b3a1da2b.ttf") format('truetype'),
        url("../fonts/larkeneuebold-bold-webfont.ca46427d9013.svg#larkeneuebold-bold-webfont") format('svg');
    font-weight: bold;
    font-style: normal;
}


/* ------------------------------------- */
/* 1. LOADING SCREEN ................... */
/* ------------------------------------- */
.before-loading {
  visibility: hidden !important;
  opacity: 0 !important;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tra-logo-loading { width: 50px; height: auto; margin-right: 5px;  }
#loading {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
}

#loading:before {
  position: absolute;
  z-index: -10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(50% + 2px);
  content: '';
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  background: #474747;
}

#loading:after {
  position: absolute;
  z-index: -20;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: calc(50% + 2px);
  content: '';
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  background: #474747;
}

#loading.loaded:before {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

#loading.loaded:after {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

#loading .loader,
#loading .loader__figure {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#loading .loader {
  overflow: visible;
  width: 100%;
  height: 50px;
  padding: 0 100px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
}

#loading .loader.loaded {
  opacity: 0;
}

#loading .loader .dots {
  font-size: 36px;
  position: relative;
  display: inline-block;
  opacity: 0;
  color: #8cc63f;
}
#loading .loader .dots:nth-child(3n+0) { color: #e31937; }

#loading .loader .dots:nth-child(6) {
  -webkit-animation: moving 3s infinite ease;
          animation: moving 3s infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(5) {
  -webkit-animation: moving 3s 100ms infinite ease;
          animation: moving 3s 100ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(4) {
  -webkit-animation: moving 3s 200ms infinite ease;
          animation: moving 3s 200ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(3) {
  -webkit-animation: moving 3s 300ms infinite ease;
          animation: moving 3s 300ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(2) {
  -webkit-animation: moving 3s 400ms infinite ease;
          animation: moving 3s 400ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .dots:nth-child(1) {
  -webkit-animation: moving 3s 500ms infinite ease;
          animation: moving 3s 500ms infinite ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#loading .loader .loader__label {
  font-family: 'Familiar Pro', serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100%;
  margin: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #FFFFFF;
}

#loading .loader .loader__label span {
  position: relative;
  display: inline-block;
  font-family: 'Larke Neue', serif;
  font-weight: 100;
  font-style: normal;
  font-size: 12px;
}

#loading .loader .loader__label span#text__loader {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: loader-label 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: left;
}

#loading .loader .loader__label [data-words] {
  position: static;
  vertical-align: top;
}

#loading .loader .loader__label [data-words] > span {
  position: absolute;
  color: #8cc63f;
}

@-webkit-keyframes moving {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
}

@keyframes moving {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
}

/*
-----------------------------------------------------------------------
   2.General Styles
-----------------------------------------------------------------------
*/
html, body {
  height: 100%;
  font-family: 'Larke Neue', serif;
  font-weight: 100;
  font-style: normal;
  font-size: 16px;
  color: #474747;
  line-height: 26px;
  background:#fff;
  opacity: 1;
  transition: 1s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}
/* Enable For Page Loading Fade Color */
html {
    background-color: #fff;
}

p { padding-bottom:26px; margin-bottom:0; font-size: 18px; line-height: 24px; font-weight: 100; }
strong { font-family: 'Larke Neue', serif; font-weight: bold; letter-spacing: 0;   }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: 'Familiar Pro', serif;
  font-weight: bold;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
    font-size: 42px;
    line-height: 42px;
}
h2 {
    font-size: 42px;
    line-height: 42px;
	color: #474747;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
h3 {
    font-size: 28px;
    line-height: 32px;
	color: #fff;
	letter-spacing: -1px;
}
h4 {
    font-size: 26px;
    line-height: 28px;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
}
h5 {
    font-size: 18px;
    line-height: 20px;
	letter-spacing: -0.5px;
}
h6 {
    font-size: 12px;
    line-height: 20px;
}
h2.green { color: #7fbc03;  }
h3.red { color: #cf152d; margin-bottom: 15px;  }
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a, a:active, a:focus { color: #7fbc03; font-size: 16px; font-weight: normal;}
a:hover { color: #cf152d; }
a.arrowlink { padding-top: 5px; padding-bottom: 5px; display: inline-block;}
a.arrowlink:before {
	content: "\f178";
	font-family: 'FontAwesome', serif;
      display: inline-block;
	  color: #7fbc03;
	  padding-right: 5px;
	  -moz-transition: all 0.3s ease-in-out;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
}
a:hover.arrowlink:before { color: #cf152d; padding-left: 5px; }

a.arrowlink.external-link:before {
	content: "\f08e";
	font-family: 'FontAwesome', serif;
	margin-left: 5px;
}

hr.border1 { border-top:solid 1px #696b6e; width:100%; clear: both; }

h2 span { text-transform: uppercase; color: #898988; font-family: 'Larke Neue', serif; font-weight: 100; font-style: normal; font-size: 14px; letter-spacing: 1.5px; display: block; line-height: 24px; }
h2 span.light { color: #a3a3a3; font-weight: normal; }

.infoicon, .infoicon a, .starnote { color: #a3a3a3; background-color: transparent !important; }
.infoicon a:hover { color: #cf152d;  }

@media only screen and (max-width: 991px) {
	h1 { font-size: 36px; line-height: 36px; }
	h2 { font-size: 36px; line-height: 36px; }
}
@media only screen and (max-width: 479px) {
	h1 { font-size: 32px; line-height: 32px; }
	h2 { font-size: 32px; line-height: 32px; }
	p { font-size: 16px; line-height: 22px; }
}

.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }
.pt0 {padding-top: 0;}
.mt15 { margin-top: 15px; }
.ml0 { margin-left: 0 !important; }

/*----------- Buttons --------------*/
  .btn{
    padding: 6px 28px;
    display: inline-block;
    font-size: 16px;
    border-radius: 30px;
    background: #f5f2e9;
    color: #483949;
    text-align: center;
    letter-spacing: 0;
    line-height: 1.7500em;
	font-family: 'Familiar Pro', serif;
    font-weight: bold !important;
    font-style: normal;
  }

  .btn:not([class*="btn-style"]):hover{
    background: #e9e6dd;
  }

  .btn-small{
    font-size: 14px;
    padding: 4.5px 20px 3.5px;
  }

  .btn-big{
    padding: 9.5px 30px 9.5px;
    font-size: 18px;
  }

  [class*="btn"] > i{
    display: inline-block;
    vertical-align: -2px;
    margin-right: 10px;
    line-height: 15px;
  }

  .btn-small > i{
    font-size: 14px;
    vertical-align: 0;
  }

  .btn-big.btn-icon > i{
    font-size: 20px;
  }

  [class*="btn"].btn-style-2{
    background: #3fb3ff;
    color: #fff;
  }

  [class*="btn"].btn-style-2:hover{
    background: #3b9cdb;
  }

  [class*="btn"].btn-style-3{
    color: #fff;
    background: rgba(0,0,0,0.10);
	padding-right: 50px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: solid 2px rgba(255,255,255,1);
  }

  [class*="btn"].btn-style-3:after{
	  content: "\f178";
	  font-family: 'FontAwesome', serif;
      display: inline-block;
	  position: absolute;
      margin-left: 8px;
	  opacity: 0;
	  transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
  }

	[class*="btn"].btn-style-3:hover:after{
	  content: "\f178";
	  font-family: 'FontAwesome', serif;
      display: inline-block;
      margin-left: 12px;
	  opacity: 1;
  }

  [class*="btn"].btn-style-3:hover{
    background: rgba(127,188,3,1.0);
	border: solid 2px rgba(127,188,3,1);
  }

.textinput { position: relative; }
.textinput input { display: inline-block; }
  [class*="btn"].btn-style-4{
    color: #fff;
    background: rgba(15,69,131,1);
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	top:0;
	right: 0;
	height: 100%;
  }
 [class*="btn"].btn-style-4:after{
	  content: "\e970";
	  font-family: 'fonts-votebh', serif;
      display: inline-block;
      margin-left: 8px;
  }

  [class*="btn"].btn-style-4:hover{
    background: rgba(63,179,255,1.0);
  }

  [class*="btn"].btn-style-5{
    background: #65ae84;
    color: #fff;
    box-shadow: 0 8px 21px 0 rgba(101,174,132,0.45);
  }

  [class*="btn"].btn-style-5:hover{
    background: #7dbc98;
  }

  [class*="btn"].btn-style-6{
    background: #483949;
    color: #fff;
    box-shadow: 0 8px 21px 0 rgba(72,57,73,0.45);
  }

  [class*="btn"].btn-style-6:hover{
    background: #665a67;
  }

/*----------- Nina --------------*/
/* Common button styles */
.button {
	float: left;
	min-width: 115px;
	max-width: 250px;
	display: block;
	/*margin: 1em;*/
	padding: 0.6em 2em;
	font-weight: normal;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
 /* Nina */
.button--nina {
	padding: 0 1em;
	background: #fff;
	color: #474747;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--nina.button--inverted {
	background: #fff;
	color: #7986cb;
}

.button--nina.style2 { border:dotted 1px #7fbc03; background-color: #f8f8f8; }

.button--nina > span {
	display: inline-block;
	padding: 0.2em 0;
	opacity: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0.25em 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {
	background-color: #7fbc03;
	color: #fff;
}
.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
.button--nina:hover > span:nth-child(11) {
	-webkit-transition-delay: 0.495s;
	transition-delay: 0.495s;
}
.button--nina:hover > span:nth-child(12) {
	-webkit-transition-delay: 0.54s;
	transition-delay: 0.54s;
}
.button--nina:hover > span:nth-child(13) {
	-webkit-transition-delay: 0.585s;
	transition-delay: 0.585s;
}
.button--nina:hover > span:nth-child(14) {
	-webkit-transition-delay: 0.63s;
	transition-delay: 0.63s;
}
.button--nina:hover > span:nth-child(15) {
	-webkit-transition-delay: 0.675s;
	transition-delay: 0.675s;
}

/* The Modal Popup*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/*==============================================
	Subpages General Styles
===============================================*/

.subpage-banner { width:100%; height: 420px; position: relative;}
.subpage-banner .banner-img { width:100%; height:420px; background-color:#4c4f51; background-size:cover; background-position:center; position:relative; overflow:hidden; }
.subpage-banner .overlay-innerbanner {
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.subpage-banner .subpage-bannertitle { position:relative; bottom:320px; z-index:8; width: 100%; text-align: center; margin:0 auto; }
.subpage-banner .subpage-bannertitle p { font-size:30px; color:#fff; line-height:36px; }
.subpage-banner .subpage-bannertitle h1 { color:#7fbc03; vertical-align:middle; padding-bottom: 20px; }
.abstract { color: #d0112b; font-size: 24px; line-height: 30px; font-family: 'Familiar Pro', serif; font-weight: normal; font-style: normal;  }
.abstract.dark { color: #474747; }

@media only screen and (min-width: 991px) {
	.subpage-banner .subpage-bannertitle p { max-width: 55%; margin: 0 auto; }
	/*.subpage-content-topsection { padding-right: 15px; }*/
}

.side-wrapper { margin-top: -40px; background-color: #f5f5f5; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; overflow: hidden;}
.side-img {  position: relative; width: 100%; height: auto; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; background-position: center center;
	 -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.side-img img { width: 100%; height: auto;}
.side-wrapper .side-content { padding: 30px; }
.side-wrapper .side-content h3 {  color: #7fbc03; margin-bottom: 15px; }
.side-wrapper .side-content a.arrowlink { padding-bottom: 0; padding-top: 0; }
.side-wrapper:hover .side-img {
	background-size: 105% auto;
}
.side-img-greywrapper {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #f5f5f5;
	padding: 50px 30px 10px;
	color: #474747;
}

.side-img-greenwrapper {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #7fbc03;
	padding: 50px 30px 10px;
	color: #fff;
}
.side-img-greenwrapper h3 { text-transform: uppercase; font-size: 22px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 15px; }

.subpage-content-bottomwrapper { padding: 60px 0; background-color: #f5f5f5;  }

@media only screen and (max-width: 1199px) {
	.subpage-banner .subpage-bannertitle p { font-size:28px; color:#fff; line-height:34px; }
}
@media only screen and (max-width: 991px) {
	.subpage-banner .subpage-bannertitle p { font-size:26px; color:#fff; line-height:30px; }
	.abstract { font-size: 20px; line-height: 24px; }
	.subpage-content-wrapper { padding-bottom: 30px; }
	.subpage-content-wrapper h2.page-title { margin-top: 0; }
	.subpage-content-bottomwrapper { padding: 60px 0 30px; }
	.subpage-content-bottomwrapper.extramargin { margin-top: 30px; }
	.green-highlight-box {  margin-top: -120px; margin-bottom: 30px; }
	.side-img-greenwrapper { padding: 80px 30px 20px; }

}
@media only screen and (max-width: 767px) {
	.subpage-banner .subpage-bannertitle p { font-size:22px; color:#fff; line-height:26px; }
	.subpage-content-bg { background-size: cover; }
	.side-img-greenwrapper { padding: 80px 30px 20px; }
}
@media only screen and (max-width: 479px) {
	.side-img-greenwrapper { padding: 50px 30px 20px; }
}

/**** Listing Styles - Normal List ****/
ul.content-list { margin:0 0 20px; list-style:none; }
ul.content-list li { padding-left: 30px; text-align:justify; padding-bottom:10px; line-height:24px; }
ul.content-list li:before {
	content: "\f18d";
	font-family: "Flaticon", serif;
	color: #a3a3a3;
	padding-right:10px;
	margin-left:-22px;
	font-size: 12px;
}

ul.content-list ul { margin:15px 0 0; list-style:none; font-size: 15px; }
ul.content-list ul li { padding-left: 22px; line-height: 22px;  }
ul.content-list ul li:before {
	content: "\f101";
	font-family: 'FontAwesome', serif;
	color: #a3a3a3;
	padding-right:10px;
	margin-left:-18px;
	font-size: 14px;
}

/**** Listing Styles - Ordered List ****/
ol { margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter; }
ol li { padding-left: 30px; text-align:justify; padding-bottom:10px; line-height:24px; counter-increment: my-awesome-counter; }
ol li:before {
  content: counter(my-awesome-counter) ". ";
  font-weight: 100;
	color: #a3a3a3;
	padding-right:10px;
	margin-left:-30px;
	width: 30px;
	display: inline-block;
}
ol ul { margin:15px 0 0; list-style:none; font-size: 15px; }
ol ul li { padding-left: 22px; line-height: 22px;  }
ol ul li:before {
	content: "\f101";
	font-family: 'FontAwesome', serif;
	color: #a3a3a3;
	padding-right:10px;
	margin-left:-18px;
	font-size: 14px;
	width:inherit;
}

ul ol { margin:15px 0 0; font-size: 15px; list-style: none; counter-reset: my-awesome-counter; }
ul ol li { padding-left: 24px !important; line-height: 22px; counter-increment: my-awesome-counter;  }
ul ol li:before {
	content: counter(my-awesome-counter) ". " !important;
    font-weight: 100;
	color: #a3a3a3;
	padding-right:10px;
	margin-left:-24px !important;
	font-family: 'Larke Neue', serif !important;
	font-size: 14px !important;
}


/**** Pagination Styles ****/
.pagination-wrapper {
  max-height: 45px;
  text-align: center;
	/*margin-top: 10px;*/
    display:table;
    margin:0 auto;
}
.pagination-wrapper .pg-pagination {
  display: inline-block;
  overflow: hidden;
  list-style-type: none;
  text-align: center;
}
.pagination-wrapper .pg-pagination li {
  float: left;
  margin-right: 10px;
}
.pagination-wrapper .pg-pagination li:last-child {
  margin-right: 0;
}
.pagination-wrapper .pg-pagination li a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #a3a3a3;
  display: block;
  border-radius: 5px;
}
.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover {
  color: #7fbc03;
}
.pagination-wrapper .pg-pagination .active a {
  border: 1px solid #7fbc03;
}
.pagination-wrapper .pg-pagination li a .icon {
	-webkit-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.pagination-wrapper .pg-pagination li.nextarrow a:hover .icon {
	padding-left: 10px;
}
.pagination-wrapper .pg-pagination li.prevarrow a:hover .icon {
	padding-right: 10px;
}
.pagination-wrapper-left {
  text-align: left;
}
.pagination-wrapper-right {
  text-align: right;
}
@media screen and (min-width: 1200px) {
  .pagination-wrapper-right {
    padding-right: 50px;
  }
}
@media (max-width: 991px) {
  .pagination-wrapper .pg-pagination li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
  }
  .pagination-wrapper-right {
    margin-top: 45px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .pagination-wrapper .pg-pagination li {
    margin-right: 5px;
  }
}

/**** Breadcrumb Styles ****/
.breadcrumbwrapper { display: block; width: 100%; position: relative;}
.breadcrumb { background-color: transparent; text-transform: uppercase; font-size: 14px; color: #898988; border-bottom: solid 1px #ededed; margin-top: -105px; }
.breadcrumb li:first-child img { height: 20px; width: auto; }
.breadcrumb>li+li:before {
	color: #7fbc03;
	content: "\f178";
	font-family: 'FontAwesome', serif;
	padding: 0 8px 0 5px;
}

/**** Footable Fix ****/
table>tbody>tr>td>span.footable-toggle { display: table-cell !important; padding-bottom:10px !important;  }


/**** Date Styles ****/

.date-time { font-size: 14px; color: #7fbc03; display: block; font-family: 'Larke Neue', serif; font-weight: normal; letter-spacing: 0; margin-bottom: 5px; }
.date-time:before {
	content: "\f14c";
	padding-right: 6px;
	color: #a3a3a3;
	font-family: "Flaticon", serif;
	font-size: 13px;
}

/*==============================================
	Subpages General Styles
===============================================*/

.subpage-banner { width:100%; height: 420px; position: relative;}
.subpage-banner .banner-img { width:100%; height:420px; background-color:#4c4f51; background-size:cover; background-position:center; position:relative; overflow:hidden; }
.subpage-banner .overlay-innerbanner {
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.subpage-banner .subpage-bannertitle { position:relative; bottom:320px; z-index:8; width: 100%; text-align: center; margin:0 auto; }
.subpage-banner .subpage-bannertitle p { font-size:30px; color:#fff; line-height:36px; }
.subpage-banner .subpage-bannertitle h1 { color:#7fbc03; vertical-align:middle; padding-bottom: 20px; }
.abstract { color: #d0112b; font-size: 24px; line-height: 30px; font-family: 'Familiar Pro', serif; font-weight: normal; font-style: normal;  }
.abstract.dark { color: #474747; }

.subpage-content-wrapper { position: relative; padding-bottom: 60px; background-color: #fff; min-height:250px; }
.subpage-content-bg {
    position: absolute;
    background-image: url("../img/subpage-bg-top.bba4dcfe0d24.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    /*background-size: contain;*/
    height: 301px;
    width: 100%;
    left: 0;
    margin-top: -120px;
    text-align: center;
    border-top-right-radius: 44px;
    border-top-left-radius: 44px;
}
.subpage-content-bg:after { display: block; position: relative; background-color: #fff; width: 100%; height: 500px; }

.subpage-content-wrapper h2.page-title { margin-top: -40px; margin-bottom: 20px; }

@media only screen and (min-width: 991px) {
    .subpage-banner .subpage-bannertitle p { max-width: 55%; margin: 0 auto; }
}

.side-wrapper { margin-top: -40px; background-color: #f5f5f5; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; overflow: hidden;}
.side-img {
    position: relative;
    width: 100%;
    height: auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: center center;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.side-img img { width: 100%; height: auto;}
.side-wrapper .side-content { padding: 30px; }
.side-wrapper .side-content h3 {  color: #7fbc03; margin-bottom: 15px; }
.side-wrapper .side-content a.arrowlink { padding-bottom: 0; padding-top: 0; }
.side-wrapper:hover .side-img {
    background-size: 105% auto;
}
.side-img-greywrapper {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #f5f5f5;
    padding: 50px 30px 10px;
    color: #474747;
}
.side-img-greenwrapper {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #7fbc03;
    padding: 50px 30px 10px;
    color: #fff;
}
.side-img-greenwrapper h3 { text-transform: uppercase; font-size: 22px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 15px; }
.subpage-content-bottomwrapper { padding: 60px 0; background-color: #f5f5f5;  }
.green-highlight-box {
    background-color: #7fbc03;
    background-image: url("../img/sideimg-mask-top.0134f4c1d715.png");
    background-repeat: no-repeat;
    background-size:100% auto;
    background-position: top center;
    position: relative;
    margin-top: -110px;
    padding: 60px 40px 40px 40px;
    color: #fff;
    font-family: 'Familiar Pro', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 60px;
    -moz-border-radius:0 0 15px 15px;
    -webkit-border-radius:0 0 15px 15px;
    border-radius:0 0 15px 15px;
}
.green-highlight-box p { font-size: 24px; line-height: 28px; padding-bottom: 0; }
.para-highlight { font-family: 'Familiar Pro', serif; font-weight: bold; font-style: normal; }
.img-diamond {
    background-image:url("../img/svg/diamond-01.7d1f58f1e10b.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    width: 100%;
    min-height: 330px;
    opacity: 0.8;
}

@media only screen and (max-width: 1199px) {
    .subpage-banner .subpage-bannertitle p { font-size:28px; color:#fff; line-height:34px; }
}
@media only screen and (max-width: 991px) {
    /*.subpage-banner .subpage-bannertitle h1 { font-size:36px; line-height: 36px; }*/
    .subpage-banner .subpage-bannertitle p { font-size:26px; color:#fff; line-height:30px; }
    .abstract { font-size: 20px; line-height: 24px; }
    .subpage-content-wrapper { padding-bottom: 30px; }
    .subpage-content-wrapper h2.page-title { margin-top: 0; }
    .subpage-content-bottomwrapper { padding: 60px 0 30px; }
    .subpage-content-bottomwrapper.extramargin { margin-top: 30px; }
    .green-highlight-box {  margin-top: -120px; margin-bottom: 30px; }
    .side-img-greenwrapper { padding: 80px 30px 20px; }

}
@media only screen and (max-width: 767px) {
    .subpage-banner .subpage-bannertitle p { font-size:22px; color:#fff; line-height:26px; }
    .subpage-content-bg {
        background-size: cover;
        background-image: none;
        background-color: #fff;
        margin-top: -105px;
        height: 250px;
    }
    .side-img-greenwrapper { padding: 80px 30px 20px; }
}
@media only screen and (max-width: 479px) {
    .side-img-greenwrapper { padding: 50px 30px 20px; }
    .subpage-content-bg {
        background-image: none;
        background-color: #fff;
        height: 250px;
        margin-top: -106px;
    }
}

/***

====================================================================
	Services/Stakeholders Section
====================================================================

***/

section.stakeholder{
    position:relative;
    padding:60px 0 50px;
    background-color:#fff;
}

.nav-pills { position: absolute; top:-121px; overflow: hidden; max-height: 61px; margin: 0 40px;}
.nav-pills>li:not(:first-child) { margin-left: 15px; }
.nav-pills>li>a {
    border-radius: 0;
    background-image: url("../img/svg/tab.7e4300043230.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
    background-color: transparent !important;
    color: #fff;
    height: 62px;
    font-size: 14px;
    line-height: 76px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.5px;
}
.nav-pills>li>a:hover {
    background-color: transparent !important;
    letter-spacing: 1px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-image: url("../img/svg/tab-active.5b2c5a139b88.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
    background-color: transparent !important;
    color: #474747;
}

@media only screen and (max-width: 767px) {
    section.stakeholder{ padding:40px 0 30px; }
    .nav-pills { top: -100px; max-height: 35px; }
    .nav-pills>li:not(:first-child) { margin-left: 10px; }
    .nav-pills>li>a {
        font-size: 11px;
        line-height: 32px;
        height: 35px;
    }
}
@media only screen and (max-width: 479px) {
    section.stakeholder{ padding:30px 0 30px; }
    .nav-pills { top:-111px; height: 35px; }
    .nav-pills>li:not(:first-child) { margin-left: 1px; }
    .nav-pills>li>a {
        background-image:none;
        font-size: 10px;
        line-height: 20px;
        background-color: #cf152d !important;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }
    .nav-pills>li {
        max-width: 30%;
    }
    .nav-pills>li>a:hover {
        letter-spacing: 2px;
    }
    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
        background-image:none;
        color: #474747;
        background-color: #fff !important;
    }
}

.stakeholder .services-outer{
    position:relative;
    margin-top: 40px;
}
.stakeholder .services-outer .owl-nav .owl-prev, .stakeholder .services-outer .owl-nav .owl-next { position:absolute; color: #a3a3a3; }
.stakeholder .services-outer .owl-nav .owl-prev:hover, .stakeholder .services-outer .owl-nav .owl-next:hover { color: #7fbc03; }
.stakeholder .services-outer .owl-nav .owl-prev {
    left:0;
    top: 55px;
}
.stakeholder .services-outer .owl-nav .owl-next {
    right:0;
    top: 55px;
}

.stakeholder .services-outer .services-carousel .slide-item { text-align: center; line-height: 20px; }
.stakeholder .services-outer .services-carousel .slide-item a { color: #474747; display: block; padding: 0 20px; }
.stakeholder .services-outer .services-carousel .slide-item:hover a { color: #7fbc03;}
.stakeholder .services-outer .services-carousel .slide-item span {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.stakeholder .services-outer .services-carousel .slide-item span img {
    height: 62px;
    width: auto;
    padding: 10px;
    margin: 0 auto;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.stakeholder .services-outer .services-carousel .slide-item:hover span img {
    height: 62px;
    width: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
    overflow: visible;
}

/*.stakeholder .services-outer .services-carousel .owl-stage { min-width: 10240px; }*/

.consumer-carousel, .stakeholder-carousel  {
    -webkit-transition: all 3.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 3.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 3.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    /*-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
    opacity: 1;
}
.consumer-carousel.loaded, .stakeholder-carousel.loaded  {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*opacity: 1 !important;*/
}

@media only screen and (max-width: 479px) {

}

/***

/*==============================================
	Login Popup Styles
===============================================*/
.login-modal { z-index: 999999; }
.login-modal .modal-content { padding: 10px 15px 5px; right:0; }
.login-modal .modal-content li { display: table; width: 100%; }
.login-modal .modal-content li:not(:last-child) { border-bottom: dashed 1px #ccc;}
.login-modal .modal-content li a { width: 100%; display: table; clear: both; vertical-align: middle;
    font-family: 'Familiar Pro', serif; font-weight: bold; font-size: 16px; line-height: 18px; padding: 15px 0; }
.login-modal .modal-content li div { display: table-cell; vertical-align: middle; text-align: left;}
.login-modal .modal-content li img { width: 80px;  }
.login-modal .modal-content li .login-img { width: 80px; border-radius: 5px; overflow: hidden; }
.login-modal .modal-content li .login-text { padding-left: 15px; padding-right: 35px; }
.login-modal .modal-content li a:hover { background-color: #f5f5f5; padding: 15px; }
.login-modal .modal-content li .login-text:after {
	content: "\f178";
    font-family: 'FontAwesome';
    display: inline-block;
	position: absolute;
	right:30px;
	color: #aaa;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.login-modal .modal-content li a:hover .login-text:after {
    color: #7fbc03;
}


/*==============================================
	Footer Section Styles
===============================================*/
footer { background-color:#474747; padding:60px 0 20px 0; font-family: 'Larke Neue', serif; font-weight: 100; font-style: normal; }
footer .sr-only { color:#fff; }
footer h2, footer h2 a { color:#fff !important; text-transform: uppercase; letter-spacing:-0.5px; font-size:24px; margin-bottom: 0; font-weight: bold; }
footer h2 a:hover, footer h2 a:focus, footer h2 a:active { font-size:24px; font-weight: bold; }
footer h2 a:hover { color:#7fbc03 !important; font-size:24px; font-weight: bold; }
footer a.arrowlink:hover, footer a:hover.arrowlink:before  { color: #fff !important; }
footer a.arrowlink:visited { color:#7fbc03; }
footer .address h2 { line-height: 30px; padding-top: 6px;  }
footer .address .po { color:#c6c8c9; font-size:18px; padding-top:10px;padding-bottom:20px; }
footer .address .ncc { color:#c6c8c9; font-size:12px; padding-bottom:0; margin-bottom: 5px; }
footer .address .ncc a { font-size:30px; color:#7fbc03; letter-spacing:-1px; padding-right:5px; font-family: 'Familiar Pro', serif; font-weight: normal; font-style: normal; }
footer .address .ncc a:hover { color:#fff; }
footer .quicklinks h2 { border-bottom:solid 1px #696b6e; padding-bottom:10px; }
footer .quicklinks ul { margin-top: 20px; width:100%; display:block; float:left; }
footer .quicklinks li { display: inline-block; width: calc(50% - 20px); margin-right:20px; line-height:18px; padding-top:6px; padding-bottom:4px; vertical-align: top; }
footer .quicklinks li:nth-of-type(2n){ margin-right:0;}
footer .quicklinks li a { font-size:14px; color:#eeeeee; line-height:18px; font-family: 'Larke Neue', serif; font-weight: 100; font-style: normal; }
footer .quicklinks li a:hover { color:#7fbc03; }
footer .copyright { font-size:12px; line-height:16px; color:#c6c8c9; padding-bottom:0; }
footer .boxon { font-size:12px; line-height:20px; color:#c6c8c9; padding-bottom:0; }
footer .boxon img { margin-bottom:10px; height: 16px; width: auto;}
footer hr { margin:30px 0; }
footer .footer-logos li { float:left; }
footer .footer-logos li.bahrain-bh { margin-top:15px; margin-left:30px; }
footer .footer-links { color:#c6c8c9; font-size:12px; font-family: 'Familiar Pro', serif; font-weight: normal; font-style: normal; text-transform:uppercase; line-height:22px; }
footer .footer-links a { color:#fff; padding: 0 5px; font-size: 12px; }
footer .footer-links a:first-child { padding-left: 0; }
footer .footer-links a:last-child { padding-right: 0; }
footer .footer-links a:hover { color:#7fbc03; }
footer .social-txt { font-size:12px; text-transform:uppercase; color:#eee; float:left; margin-right:15px; margin-top:18px; }
footer .social-icons { margin-top:16px; }
footer .social-icons li { float:left; margin-right:10px; }
footer .social-icons li a {color:#474747; }
footer .social-icons li a:hover {color:#fff; }
footer .social-icons i {
	width:30px;
	height:30px;
	text-align:center;
	padding:7px 0;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
	background-color:#fff;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
footer .social-icons i:hover { background-color:#7fbc03; }

footer .subscribe-newsletter { display: block; float: left; width: 100%; margin-top: 15px; }
footer .subscribe-newsletter h3 { text-transform: none; font-size: 18px; line-height: 22px; letter-spacing: 0.5px; margin-bottom: 5px;  }
footer .subscribe-newsletter input {
	border: 0; outline: 0;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding: 3px 15px;
	background-color:rgba(255,255,255,0.30);
	font-size: 14px;
	color: #fff;
	width: 62%; float: left;
	margin-right: 10px; margin-bottom: 10px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
footer .subscribe-newsletter button { width: 10% !important; }
footer .subscribe-newsletter input:focus {
	background-color:rgba(255,255,255,1);
	color: #474747;
}
footer .subscribe-newsletter input::-webkit-input-placeholder { color:#ddd; }
footer .subscribe-newsletter input::-moz-placeholder { color:#ddd; }
footer .subscribe-newsletter input:-moz-placeholder { color:#ddd; }
footer .subscribe-newsletter input:-ms-input-placeholder { color:#ddd; }

footer .subscribe-newsletter input:focus::-webkit-input-placeholder { color:#474747; }
footer .subscribe-newsletter input:focus::-moz-placeholder { color:#474747; }
footer .subscribe-newsletter input:focus:-moz-placeholder { color:#474747; }
footer .subscribe-newsletter input:focus:-ms-input-placeholder { color:#474747; }

@media only screen and (max-width: 1199px) {
	footer .address .ncc a { display:block; }
	footer .social-icons { display:block; clear:both; }
	footer .footer-links { margin-top:10px; }
	footer .subscribe-newsletter input { width: 100%; }
}
@media only screen and (max-width: 991px) {
	.supage-content-wrapper h2.page-title { margin-top: 0; }
	.side-wrapper { margin-top: 30px; margin-bottom: 30px; clear: both; }
	footer .copyright { margin-top:30px; }
	footer .quicklinks {display: table; clear: both; width: 100%; }
	footer .quicklinks ul { margin-bottom:30px; }
	footer .address .ncc a { display:inline-block; }
	footer .social-txt { margin-top:0; }
	footer .subscribe-newsletter input { width: 55%; }
	footer .subscribe-newsletter { display: block; float: left; width: 100%; margin-top: 10px; margin-bottom: 30px;}
	.tp-caption .btn { min-height: 25px !important; font-size: 12px !important; display: block !important; margin-top: 15px !important; padding: 10px 40px 10px 10px !important; }
}
@media only screen and (max-width: 767px) {
	footer .social-txt { margin-top:20px; }
	footer .quicklinks li { width:100%; margin-right:0; }

}
@media only screen and (max-width: 479px) {
	footer .address .ncc a { display:block; }
	footer .subscribe-newsletter input { width: 100%; }
	p { font-size: 16px; line-height: 22px; }
	/*.tp-caption .btn { min-height: 25px !important; fonts-size: 12px !important; display: block; padding: 20px 100px 10px 40px; }*/
}

.eapps-instagram-feed-posts-grid-load-more-container {display: none !important; }
.eapps-instagram-feed-posts-view { width: calc(100% - 12px) !important; }

.language-switch {
    cursor: pointer;
}

.language-switch__none{
    display: none!important;
}

@media only screen and (min-width: 479px) {
  .language-switch__none{
    display: block!important;
    pointer-events: none; 
    cursor: none; 
    opacity: 0; 
    visibility: hidden;
  }
}