@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ---------->>> NORMALIZE <<<-----------*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

  overflow-x: hidden;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  background: #fff;
}

* {
  box-sizing: border-box;
}

*:after,
*:before {
  box-sizing: border-box;
}

article,
figcaption,
figure,
footer,
header,
aside,
main,
nav,
section {
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

a:active,
a:hover,
a:focus {
  outline-width: 0;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

input {
  border: 0;
  
}

input:focus,
select:focus {
  outline: 0;
}

select {
  text-indent: 1px;
  text-overflow: '';
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
[type='submit'] {
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: 0;
  background-color: transparent;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

::-webkit-input-placeholder {
  opacity: .54;
  color: inherit;
}

textarea {
  overflow: auto;
}

button,
select {
  text-transform: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  padding: 0;
}

.clear:before,
.clear:after {
  display: table;
  content: ' ';
}

.clear:after {
  clear: both;
}

.is-hidden {
  display: none !important;
}

/* ---------->>> GLOBAL <<<-----------*/
.main {
    margin-top: 105px;
}

.arrow {
  width: 67px;
  height: 37px;
  position: absolute;
  bottom: -27px;
  left: calc(50% - 34px);
  background: url('../img/aboutus-down.png') no-repeat center;
  background-size: cover;
  z-index:2;
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 0;
}

.container:before, .container:after {
  display: table;
  content: ' ';
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 744px;
  }
}

@media (min-width: 1024px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1280px) {
  .container {
    width: 1200px;
    padding: 0;
  }
}

body {
  font-family: 'Exo', sans-serif;
  font-weight: lighter;
  color: #333;
}

a:hover, a:focus {
  text-decoration: none;
}


/* ---------->>> HEADER <<<-----------*/
header {
  width: 100%;
  height: 105px;
  background-color: #252525;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

header .container {
  height: 100%;
}

header .logo {
  height: 100%;
  padding-top: 22px;
}

header nav {
  height: 100%;
}

header .bottom-menu .logo, header .menu-bar, header .close {
    display:none;
}

header nav ul {
  width: 100%;
  text-align: right;
}

header nav ul li {
  height: 100%;
  margin: 0 10px;
  display: inline-block;
  list-style: none;
}

header nav ul li a {
  display: block;
  padding-top: 22px;
  line-height: 105px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}

header nav ul li a:hover,
header nav ul li a:active,
header nav ul li a:focus{
   color: #32c6b9;
}

header .header-social {
  padding-top: 63px;
  text-align: right;
}

header .header-social .icon {
  width: 21px;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #252525;
  overflow:hidden;
}

header .header-social .icon.insta {
  background-image: url('../img/insta.png');
}

header .header-social .icon.insta:hover {
  background-image: url('../img/insta-hover.png');
}

header .header-social .icon.fb {
  background-image: url('../img/fb.png');
}

header .header-social .icon.fb:hover {
  background-image: url('../img/fb-hover.png');
}

header .header-social .icon.mail {
  background-image: url('../img/mail.png');
}

header .header-social .icon.mail:hover {
  background-image: url('../img/mail-hover.png');
}

header .header-social .header-login {
  width: 87px;
  height: 21px;
  display: inline-block;
  vertical-align: top;
  border: 0;
  border-radius: 5px;
  background: #00c6b8;
  text-align: center;
  text-transform: uppercase;
  line-height: 21px;
  font-size: 12px;
  font-weight: 900;
  color: #000;
}

header .header-social .header-login:hover {
  color: #00c6b8;
  background-color: #fff;
}

.mobile-menu {
  display: none;
}

@media screen and (max-width: 1023px){
  .mobile-menu {
    display: block;
    float: right;
    width: 55px;
    height: 55px;
    margin-top: 23px;
    margin-right: 15px;
  }

  .mobile-menu.active span {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    background-color: transparent;
  }

  .mobile-menu.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #fff;        
  }

  .mobile-menu.active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background: #fff;         
  }

  .mobile-menu span {
    position: relative;
    display: block;
    width: 47px;
    height: 8px;
    margin: 0 auto;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    border-radius: 0px;
    background-color: #141414;
    transition: .5s;
  }

  .mobile-menu span:before, .mobile-menu span:after {
    position: absolute;
    left: 0;
    width: 47px;
    height: 8px;
    content: '';
    border-radius: 0px;
    background-color: #141414;
    transition: .5s;
  }

  .mobile-menu span:before {
    top: -15px;
  }

  .mobile-menu span:after {
    bottom: -15px;
  }
}



/* ---------->>> FOOTER <<<-----------*/
footer {
  width: 100%;
  height: 132px;
  background: #252525;
}

footer .container {
  text-align: center;
}

footer .footer-logo {
  width: 100%;
  height: 80px;
  background: url("../img/footer-logo.png") no-repeat center;
  background-size: 80px;
}

footer .footer-links a,
footer .footer-links p {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  padding: 0 7px;
  border-left: 1px solid #fff;
}

footer .footer-links a.back {
  color:#00c6b8;
}

footer .footer-links a:last-of-type {
  border-right: 1px solid #fff;
}

/* ---------->>> INDEX <<<-----------*/
section.index-slider {
  width: 100%;
  position: relative;
}

section.index-slider .slider-item {
  width: 100%;
  height: 100%;

  background-image: url('../img/slider1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}

section.index-slider .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(12,201,205,1) , rgba(35,135,188,1));
  opacity: 0.7;
  z-index: 1;
}

section.index-slider .slider-content {
  position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

section.index-slider h1 {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

section.index-slider h1 + hr {
  width: 30px;
  display: block;
  margin-bottom: 20px;
  border: 0;
  border-bottom: 3px solid #fff;
}

section.index-slider h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

a.home-slider-button {
  width: 220px;
  height: 53px;
  margin: 40px auto 0;
  display: block;
  border: 0;
  border-radius: 5px;
  background: #fff;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 900;
  color: #252525;
  padding-top:2px;
}

.layout-slideshow .sprocket-features-arrows .arrow {
  visibility: hidden;
  top:50%;
  transform: translateY(-50%);
  opacity:1;
}

.layout-slideshow .sprocket-features-arrows .arrow:hover {
    opacity:.9;
}


.layout-slideshow .sprocket-features-arrows .arrow:after{
  content:'';
  display: block;
  width:40px;
  height:64px;
  background-position: 0 0;
  background-size:40px 64px;
  visibility: visible;
}


.layout-slideshow .sprocket-features-arrows .arrow.prev {
  left:12%;
}

.layout-slideshow .sprocket-features-arrows .arrow.prev::after {
  background-image: url('../img/prev.png');
}

.layout-slideshow .sprocket-features-arrows .arrow.next {
  left:84%;
}

.layout-slideshow .sprocket-features-arrows .arrow.next::after {
  background-image: url('../img/next.png');
}

a.home-slider-button:hover {
  background-color: #252525;
  color: #00c6b8;
}

.layout-slideshow .sprocket-features-pagination {
  left:50%;
  transform: translateX(-50%);
  bottom: 1%;
}

.layout-slideshow .sprocket-features-pagination li {
  box-shadow: none;
  opacity: 1;
  background-color:#252525;
  width: 13px;
  height: 13px;
  border-radius:50%;
  margin:5px;
}

.layout-slideshow .sprocket-features-pagination li.active {
  background-color:#fff;
}


section.index-resources {
  position: relative;
}

section.index-resources .container {
  height: 100%;
  padding-top: 55px;
}

section.index-resources h1 {
  width: 100%;
  margin-bottom: 70px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  color: #00c6b8
}

section.index-resources .newsflash-container {
  text-align: center;
}

section.index-resources .newsflash-container:after {
  content: "";
  display: table;
  clear: both;
}

section.index-resources .newsflash-item {
  width: 210px;
  height: 100%;
  margin: 30px 50px;
  display: inline-block;
}

section.index-resources .newsflash-item .newsflash-img {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #00c6b8;
  text-align: center;
}

section.index-resources .resource-item .newsflash-img img {
  width: 90%;
  margin: 0 auto;
}

section.index-resources .newsflash-item .newsflash-text {
  padding-top: 20px;
}

section.index-resources .newsflash-item .newsflash-text h2 {
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 32px;
  font-size: 25px;
  font-weight: 700;
  color: #00c6b8;
}

section.index-resources .newsflash-item .newsflash-text a {
  width: 208px;
  height: 50px;
  margin: 20px auto 0;
  display: block;
  border: 0;
  border-radius: 5px;
  background: #00c6b8;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 900;
  color: #fff;
}

section.index-resources .newsflash-item .newsflash-text a:hover {
  background-color:#252525;
  color: #00c6b8;
}

section.index-aboutus {
  width: 100%;
  height: 400px;
  background: #252525;
}

section.index-aboutus .container {
  height:100%; 
}

section.index-aboutus .row {
  width: 80%;
  margin: 0 auto;
} 

section.index-aboutus .aboutus-img {
  height: 100%;
  padding-top: 45px;
}

section.index-aboutus .aboutus-img img {
  height: 305px;
  width: 335px;
}

section.index-aboutus .aboutus-text {
  height: 100%;
  padding-top: 45px;
}

section.index-aboutus .aboutus-text h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  color: #00c6b8;
}

section.index-aboutus .aboutus-text p {
  line-height: 19px;
  font-size: 13px;
  color: #00c6b8;
}

section.index-aboutus .aboutus-text a {
  width: 208px;
  height: 50px;
  margin: 20px 0 0;
  display: block;
  border: 0;
  border-radius: 5px;
  background: #00c6b8;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 900;
  color: #252525;
}

section.index-aboutus .aboutus-text a:hover {
  color: #00c6b8;
  background-color: #fff;
}

section.index-executives {
  width: 100%;
  height: 700px;
  position: relative;
  background: linear-gradient(to right, rgba(12,201,205,1) , rgba(35,135,188,1));
}

section.index-executives .container {
  height: 100%;
  background: url('../img/ec_bg.png') no-repeat center;
  background-size: contain;
}

section.index-executives .icon.mail {
  background-image: url('../img/mail.png');
  width: 21px;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #252525;
  overflow: hidden;
  margin-left: 4px;
}

section.index-executives h1 {
  transform: rotate(-90deg);
  width: 404px;
  position: absolute;
  top: 300px;
  left: 60px;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}

section.index-executives .executives-holder {
  padding-top: 40px;
}

section.index-executives .executives-holder > div {
  width: 170px;
  height: 160px;
  margin: 20px;
  display: inline-block;
  position: relative;
}

section.index-executives .executives-holder > div div:first-child {
  width: 100%;
  height: 100%;
}

section.index-executives .executives-holder > div div:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  background: rgba(37,37,37,.7);
  display:none
}

section.index-executives .executives-holder > div div:first-child:hover + div {
  display:block;
}

section.index-executives .executives-holder > div div:last-child:hover {
  display:block;
}

section.index-executives .executives-holder > div div:last-child h3 {
  width: 100%;
  margin-bottom: 7px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}

section.index-executives .executives-holder > div div:last-child hr {
  width: 10px;
  margin: 0 auto 7px;
  border: 0;
  border-bottom: 2px solid #fff;
}

section.index-executives .executives-holder > div div:last-child p {
  margin: 10px 0 20px;
  text-transform: uppercase;
  text-align: center;
  font-size: 8px;
  color: #fff;
}

section.index-executives .executives-holder > div div:last-child a {
  width: 100px;
  height: 27px;
  display: block;
  margin: 0 auto;
  background: #00c6b8;
  border: 0;
  border-radius: 3px;
  line-height: 27px;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  color: #252525;
}

section.index-executives .executives-holder > div div:last-child a:hover {
  color: #00c6b8;
  background-color: #fff;
}

section.index-members {
  width: 100%;
  height: auto;
}

section.index-members .container {
  height: 100%;
  padding: 40px 0 60px;
}

section.index-members .carousel {
  display:none;
}

section.index-members h1 {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 600;
  color: #1061a0;
}

section.index-members .grid .members-list {
   display: flex;
   flex-wrap:wrap;
}

section.index-members .grid .members-list .img-holder {
  width: 12% !important;
  margin: 10px 2%;
  display: flex;
  align-items:center;
}

section.index-members .grid .members-list .img-holder img {
  height: auto !important;
  width: 100% !important;
}

section.index-contactus {
  width: 100%;
  height: 440px;
  background: #252525;
}

section.index-contactus .container {
  height: 100%;
  padding: 40px 80px 60px;
}

section.index-contactus h1 {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

section.index-contactus .form-holder {
    
}

section.index-contactus .form-holder form {
  
}

section.index-contactus .form-holder form .input-box {
  float: left;
  margin-right: 30px;
}

section.index-contactus .form-holder form input {
  width: 240px;
  height: 42px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
  padding: 0 10px;
  font-weight: 600;
  color: #000;
}

section.index-contactus .form-holder form textarea {
  float: left;
  height: 166px;
  width: 500px;
  border: 0;
  border-radius: 5px;
  padding: 10px;
  resize: none;
}

section.index-contactus .form-holder form label[for^='mod-rscontact-counter']{
  display: none;
}

section.index-contactus .form-holder form .robot-box {
  float: left;
  width: 240px;
  margin-left: 30px;
}

section.index-contactus .form-holder form .robot-box input[type="checkbox"] {
  
}

section.index-contactus .form-holder form .robot-box input[type="checkbox"] + label {
  color: #fff;
  font-size:10px;
  padding-left:35px;
  padding-top:10px;
}

section.index-contactus .form-holder form .robot-box .inner {
  margin-top: -46px;
  margin-bottom: 30px;
}

section.index-contactus .form-holder form button[type="submit"] {
  width: 208px;
  height: 50px;
  position: relative;
  left: calc(50% - 104px);
  display: block;
  border: 0;
  border-radius: 5px;
  background: #00c6b8;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 900;
  color: #252525;
  float: left;
}

section.index-contactus .form-holder form button[type="submit"]:hover {
  color: #00c6b8;
  background-color: #fff;
}

section.index-contactus .form-holder form .form-error {
  color: #b94a48;
}

section.index-map {
  width: 100%;
  height: 410px;
  position: relative;
}

.popup {
  position: absolute;
  width:0;
  height:0;
}

.popup-content {
  position: absolute;
  top: 0;
  left:0;
  width:223px;
  height: 104px;
  background: url('../img/popup-bg.png') 0 0/100% no-repeat;
  transform: translate(6.5%,-122%);
  padding-top:10px;
  padding-left:40px;
}

.popup-content p {
  color:#00c6b8;
  font-weight:bold;
  text-transform: uppercase;
  font-size:13px;
}


section.index-joinus {
  width: 100%;
  height: auto;
  background: #252525;
}

section.index-joinus .row {
  width: 100%;
  margin: 0 auto;
  padding-top:50px;
  padding-bottom: 40px;
  display:flex;
  justify-content: space-around;
} 

section.index-joinus .joinus-img {
  width:51%;
  margin-right: 2%;
}

section.index-joinus .joinus-img img {
  width:100%;
}

section.index-joinus .joinus-text {
  width:66%;
}

section.index-joinus .joinus-text h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #00c6b8;
}

section.index-joinus .joinus-text img {
  display: none;
}

section.index-joinus .joinus-text p {
  line-height: 19px;
  font-size: 13px;
  color: #00c6b8;
}

section.index-joinus .joinus-text .link-holder {
    text-align: left;
    padding:0;
}

section.index-joinus .joinus-text .link-holder a{
  float:none;
}

section.index-joinus .joinus-text .link-holder a:hover{
  color: #00c6b8;
  background-color: #fff;
}

section.index-login {
  width: 100%;
  height: 430px;
  background: linear-gradient(to right, #01c2b7, #1d71a2);
}

section.index-login .container {
  text-align: center;
  height: 100%;
  padding: 40px 0 60px;
}

section.index-login h1 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}

section.index-login form {
  height: 210px;
  margin-bottom: 20px;
}

section.index-login form input[type="text"] {
  display: block;
  width: 350px;
  height: 45px;
  margin: 0 auto 10px;
  border: 0;
  border-radius: 5px;
  background: #fff url('../img/user.png') 10px 12px/20px no-repeat;
  padding: 20px 10px 20px 40px;
  line-height: 45px;
  color: #252525;
  font-weight: 600;
}

section.index-login form input[type="password"] {
  display: block;
  width: 350px;
  height: 45px;
  margin: 0 auto 10px;
  border: 0;
  border-radius: 5px;
  background: #fff url('../img/pw.png')  10px 10px/20px no-repeat;
  padding: 20px 10px 20px 40px;
  line-height: 45px;
  color: #252525;
  font-weight: 600;
}

section.index-login form input[type="checkbox"] {
  width: 350px;
  margin: 0 auto;
}

section.index-login form input[type="checkbox"] + label {
  width: 350px;
  margin: 0 auto;
  top: -34px;
  text-align: left;
  color: #fff;
}

section.index-login form [type="checkbox"]:not(:checked) + label::before, section.index-login form [type="checkbox"]:checked + label::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 3px;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
}

section.index-login form [type="checkbox"]:checked + label::before {
    background: #00a996;
    border: 3px solid #fff;
}

section.index-login form button[type="submit"] {
  width: 208px;
  height: 50px;
  margin-top: 0;
  position: relative;
  left: calc(50% - 104px);
  display: block;
  border: 0;
  border-radius: 5px;
  background: #fff;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 900;
  color: #252525;
  float: left;
}

section.index-login form button[type="submit"]:hover {
  background-color: #252525;
  color: #00c6b8
}

section.index-login a {
  margin: 0 auto 5px;
  width: 200px;
  display: block;
  text-decoration: underline;
  text-align: center;
  font-size: 12px;
  color: #fff;
}


input[type="checkbox"] {
  width: 10%;
  height: 30px !important;
  margin-top: 0;
  display: inline-block;
  -webkit-appearance: checkbox;
  cursor: pointer;
  opacity: 0;
}

input[type="checkbox"] + label {
  width: 100%;
  display: block;
  text-transform: none;
  color: #282828;
  top: -53px;
  left: 6px;
  height: 20px;
  font-size: 14px;
}

input[type="checkbox"] + .label-rest {
  background: url("../images/services/serv-icon-5.png") no-repeat center left;
  background-size: contain;
}

input[type="checkbox"] + label a {
  font-weight: 600;
  text-decoration: underline;
  color: #282828;
}


[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: relative;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  padding-top: 3px;
  cursor: pointer;
  pointer-events: none;
}

[type="checkbox"]:not(:checked) + label a,
[type="checkbox"]:checked + label a {
  pointer-events: all;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: -7px; 
  top: 6px;
  width: 22px; 
  height: 22px;
  border: 0;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
}

[type="checkbox"]:checked + label:before {
  background: #00a996;
  border: 3px solid #fff;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  /*content: '✔';*/
  content: '';
  position: absolute;
  top: 5px; 
  right: 5px;
  font-size: 1em;
  line-height: 0.8;
  color: #fff;
  font-weight: 700;
  transition: all .2s;
  background: #00c6b8;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.component {
  margin-top:95px;
  padding-top: 80px;
}

.component .events .page-header,
.component .news .page-header,
.component .updates .page-header
 {
  padding-bottom: 0;
  border:none;
  margin:  0;
}

.component .events .page-header h1,
.component .news .page-header h1,
.component .updates .page-header h1 {
  width: 100px;
  height: 35px;
  position: relative;
  margin: -20px auto -13px;
  border: 0;
  border-radius: 2px;
  background: #fff;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  color: #000;
}

.component .intro-image {
  width: 100%;
  height: 350px;
  margin-top:-80px;
  margin-bottom:0;
  display:flex;
  justify-content: center;
  align-items: center;
  overflow:hidden;
  position: relative;
  
}

.component .resources .intro-image, .component .updates .intro-image {
  height: 200px;
} 

.component .events .intro-image {
  border-bottom: 2px solid #fff;
}

.component  .about .intro-image::after{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background: linear-gradient(to right, rgba(12,201,205,1) , rgba(35,135,188,1));
  opacity: 0.4;
}

.component .intro-image img {
  width:auto !important;
  max-width:100%;
}

.component .article-body h3, 
.component .article-body h4 {
    margin:15px 0;
    text-align: center;
}

.component .article-body p {
  width: 80%;
  margin: 0 auto 30px;
  text-align: justify;
  text-align-last: center;
  line-height: 24px;
  font-size: 13px;
  color: #000;
  font-weight: lighter;
}

component .article-body a {
  font-weight:bold;
}

component .article-body a {
  color: #000;
}

.component  .intro-text .container  {
  height: 100%;
  text-align: center;
}

.component  .intro-text  h2  {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 26px;
}


.component .intro-text {
  width: 100%;
  background: linear-gradient(rgba(12,201,205,1) , rgba(35,135,188,1));
  height: 100%;
  padding: 20px 0;
  text-align: center;
  width: 100%;
  background: linear-gradient(to right, rgba(12,201,205,1) , rgba(35,135,188,1));
  margin-bottom: 40px;
}


.component .intro-text h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height:26px;
  text-align: center;
}

.component .intro-text p {
  width: 75%;
  margin: 0 auto;
  text-align: justify;
  text-align-last: center;
  line-height: 24px;
  font-size: 13px;
  color: #fff;
}

.component .intro-text a {
  font-weight:bold;
}

.component .intro-text a:hover {
  font-weight:bold;
  color: #fff;
}

.component .intro-text ul {
  color:#fff;
  list-style-type: none;
}

.component .intro-text {
  width: 100%;
  background: linear-gradient( #00c6b8, #2068a1);
  padding:40px 0;
}

section.aboutus .description {
  height: 500px;
  width: 100%;
}

section.aboutus .description .container {
  height: calc(100% - 95px);
  padding: 40px 0;
  overflow: hidden;
}

section.aboutus .desc-overlay {
  position: absolute;
  bottom: 95px;
  width: 100%;
  height: 200px;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

section.aboutus .description a {
  width: 220px;
  height: 55px;
  display: block;
  margin: 10px auto;
  border: 0;
  border-radius: 5px;
  background: #00c6b8;
  line-height: 55px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

/* ---------->>> EVENT <<<-----------*/
section.event {
  position: relative;
}

section.event .top-img {
  width: 100%;
  height: 350px;
  overflow: hidden;
}

section.event .top-img .img-holder {
  display: block;
  float: left;
  width: calc(100% / 3);
}

section.event .top-img .img-holder img {
  width: 100%;
}

.link-holder {
  width: 100%;
  padding: 0 10%;
  margin-top:30px;
  text-align: center;
}

.component .link-holder {
  margin-bottom: 30px;
}

.component .link-holder p {
  text-align: center;
  margin-bottom:0;
}

.link-holder  a {
  width: 290px;
  max-height: 150px;
  display: inline-block;
  margin: 10px 5px;
  background: #00c6b8;
  border: 0;
  border-radius: 5px;
  text-align: center;
  line-height: 55px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.link-holder a:hover {
  background-color:#252525;
  color: #00c6b8;
}

.link-holder .file-inner a  {
  margin:0 2px;
  text-transform: none;
}

.link-holder .file-list {
  width:93.75%;
}

/* ---------->>> EVENT ARCHIVE <<<-----------*/

.jd-item-page {
  width: 80%;
  margin:0 auto;
}

.jd-item-page .back  {
  text-align:right;
}

.jd-item-page .back a {
  color: #000;
  font-weight: bold;
}

.jd-item-page .back a::after {
  content:'>';
}

.jd_top_navi, .jd_cat_subheader{
  display: table;
}

.jd_top_navi {
  color:#00c6b8;
  font-weight:bold;
  text-align:left;
}

.jd_top_navi img {
  display: none;
}

.jd_top_navi select {
  width:auto;
}

.jd_cat_subheader {
  background-color:transparent;
  font-size:inherit;
  border:none;
}

.file-list {
  width:75%;
  margin:0 auto;
}

.file-outer {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.file-outer .container {
  height: 100%;
  padding: 10px 0;
  width:100%;
}

.file-inner {
  width: 100%;
  border-bottom: 2px solid #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.file-inner .cat-title {
  width:65%;
  color: #00c6b8;
  font-weight:bold;
}

.file-inner .sum-subcats {
  width: 20%;
  color: #00c6b8;
  font-weight:bold;
}

.file-inner .sum-files-cat {
  width: 15%;
  color: #00c6b8;
  font-weight:bold;
}

.file-inner span {
  font-weight: 600;
  font-size: 13px;
}

.file-inner .download a {
  width: 147px;
  height: 35px;
  position: relative;
  top: -5px;
  border: 0;
  border-radius: 2px;
  background: #252525;
  padding:5px 10px;
  text-align: center;
  line-height: 25px;
  font-size: 9px;
  font-weight: 600;
  color: #00c6b8 !important;
  text-shadow: none;
  box-shadow: none;
}

.file-inner .download a:hover {
  color: #252525 !important;
  background-color: #00c6b8;
}

/* ---------->>> EVENT LIST <<<-----------*/
section.event-list {

}

/*

section.event-list .search {
  margin: 40px 0;
}

section.event-list .search input {
  width: 100%;
  height: 40px;
  padding-left: 50px;
  border: 0;
  border-bottom: 2px solid #000;
  background: url("../img/search.png") no-repeat center left 5px;
  background-size: 30px;
}

*/

section.event-list .events {
  
}

.event-list h1 {
  width: 100px;
  height: 35px;
  margin: 0 auto 40px;
  border: 2px solid #000;
  border-radius: 5px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  color: #000;
}

.event-list .cwNews.cwPortfolio {
  margin-bottom:50px;
}


.event-list .events:after ,
.event-list .news:after ,
.event-list .updates:after {
  content: "";
  display: table;
  clear: both;
}

.event-list .cwNews.cwPortfolio .cwItem.col-2 {
  width: 46%;
  height: 225px;
  float: left;
  margin: 20px 2%;
  position: relative;
}

.event-list .events-archive .link-holder {
  position: relative;
  top:-35px;
}

.event-list .cwNews.cwPortfolio .cwItem .cwWrap {
  background-color: #fff;
  margin: 0 !important;
}

.event-list .cwNews.cwPortfolio .cwItem .cwWrap .cwLeft {
  float: left;
  width: 48%;
  margin-right: 4%;
  
}

.event-list .cwNews.cwPortfolio .cwItem .cwWrap .cwNewsLink {
  display: none;
}

.cwNews.cwPortfolio .cwLeft:hover .cwImage {
  opacity:1;
}

.cwNews.cwPortfolio .cwItem .cwRight {
  float: left;
  width: 48%;
  height: 100%;
  padding: 0;
}

.cwNews.cwPortfolio .cwItem .cwTitle {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.cwNews.cwPortfolio .cwItem  .cwreadmore {
  position: absolute;
  bottom: 0;
  height: 46px;
  width: 38%;
  display: block;
  border: 0;
  border-radius: 5px;
  padding: 0;
  background: #00c6b8;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.cwNews.cwPortfolio .cwItem  .cwreadmore:hover {
  background-color:#252525;
  color: #00c6b8;
}

.cwNews.cwPortfolio .load-more{
  width: 100%;
  float: left;
  margin: 20px 0;
  border-top: 1px solid #000;
  text-align: center;
}
.cwNews.cwPortfolio .cwnews_loadmore {
  height: 33px;
  display: block;
  margin-top: 10px;
  background: url("../img/list-arrow.png") no-repeat center bottom;
  background-size: 27px;
  text-transform: uppercase;
  cursor:pointer;
}

/* ---------->>> MEMBER'S AREA <<<-----------*/

.component #system-message-container {
  width:80%;
  margin: 10px auto;
}

.membersarea {
  width: 80%;
  margin: 10px auto;
}

.membersarea .btn, .membersarea input[type="button"] {
  display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 12px;
  margin-bottom: 0;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  background-repeat: repeat-x;
  color: #333;
  font-size: 13px;
  line-height: 18px;
	text-align: center;
	vertical-align: middle;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  border: 1px solid #bbb;
}

.membersarea:active, .membersarea input[type="button"]:active {
  background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.membersarea .control-group {
  margin-bottom: 9px;
}

.membersarea .input-append .btn {
  margin-top: -10px;
  margin-left: -10px;
  position: static;
  padding-bottom: 2px;
  border-radius:0 3px 3px 0;
}

.membersarea .nav-tabs {
  margin-bottom: 25px;
}

.membersarea .nav-tabs a {
  color: #0068b8;
}

.membersarea [class^="icon-"], [class*=" icon-"] {
  display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}

.icon-joomla:before {
	content: "\e200";
}
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
	content: "\e005";
}
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
	content: "\e006";
}
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
	content: "\e007";
}
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
	content: "\e008";
}
.icon-arrow-first:before {
	content: "\e003";
}
.icon-arrow-last:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e009";
}
.icon-arrow-right-2:before {
	content: "\e00a";
}
.icon-arrow-down-2:before {
	content: "\e00b";
}
.icon-arrow-left-2:before {
	content: "\e00c";
}
.icon-arrow-up-3:before {
	content: "\e00f";
}
.icon-arrow-right-3:before {
	content: "\e010";
}
.icon-arrow-down-3:before {
	content: "\e011";
}
.icon-arrow-left-3:before {
	content: "\e012";
}
.icon-menu-2:before {
	content: "\e00e";
}
.icon-arrow-up-4:before {
	content: "\e201";
}
.icon-arrow-right-4:before {
	content: "\e202";
}
.icon-arrow-down-4:before {
	content: "\e203";
}
.icon-arrow-left-4:before {
	content: "\e204";
}
.icon-share:before,
.icon-redo:before {
	content: "\27";
}
.icon-undo:before {
	content: "\28";
}
.icon-forward-2:before {
	content: "\e205";
}
.icon-backward-2:before,
.icon-reply:before {
	content: "\e206";
}
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
	content: "\6c";
}
.icon-undo-2:before {
	content: "\e207";
}
.icon-move:before {
	content: "\7a";
}
.icon-expand:before {
	content: "\66";
}
.icon-contract:before {
	content: "\67";
}
.icon-expand-2:before {
	content: "\68";
}
.icon-contract-2:before {
	content: "\69";
}
.icon-play:before {
	content: "\e208";
}
.icon-pause:before {
	content: "\e209";
}
.icon-stop:before {
	content: "\e210";
}
.icon-previous:before,
.icon-backward:before {
	content: "\7c";
}
.icon-next:before,
.icon-forward:before {
	content: "\7b";
}
.icon-first:before {
	content: "\7d";
}
.icon-last:before {
	content: "\e000";
}
.icon-play-circle:before {
	content: "\e00d";
}
.icon-pause-circle:before {
	content: "\e211";
}
.icon-stop-circle:before {
	content: "\e212";
}
.icon-backward-circle:before {
	content: "\e213";
}
.icon-forward-circle:before {
	content: "\e214";
}
.icon-loop:before {
	content: "\e001";
}
.icon-shuffle:before {
	content: "\e002";
}
.icon-search:before {
	content: "\53";
}
.icon-zoom-in:before {
	content: "\64";
}
.icon-zoom-out:before {
	content: "\65";
}
.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
	content: "\2b";
}
.icon-pencil-2:before {
	content: "\2c";
}
.icon-brush:before {
	content: "\3b";
}
.icon-save-new:before,
.icon-plus-2:before {
	content: "\5d";
}
.icon-minus-sign:before,
.icon-minus-2:before {
	content: "\5e";
}
.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
	content: "\49";
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
	content: "\47";
}
.icon-new:before,
.icon-plus:before {
	content: "\2a";
}
.icon-plus-circle:before {
	content: "\e215";
}
.icon-minus:before,
.icon-not-ok:before {
	content: "\4b";
}
.icon-ban-circle:before,
.icon-minus-circle:before {
	content: "\e216";
}
.icon-unpublish:before,
.icon-cancel:before {
	content: "\4a";
}
.icon-cancel-circle:before {
	content: "\e217";
}
.icon-checkmark-2:before {
	content: "\e218";
}
.icon-checkmark-circle:before {
	content: "\e219";
}
.icon-info:before {
	content: "\e220";
}
.icon-info-2:before,
.icon-info-circle:before {
	content: "\e221";
}
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
	content: "\45";
}
.icon-question-2:before,
.icon-question-circle:before {
	content: "\e222";
}
.icon-notification:before {
	content: "\e223";
}
.icon-notification-2:before,
.icon-notification-circle:before {
	content: "\e224";
}
.icon-pending:before,
.icon-warning:before {
	content: "\48";
}
.icon-warning-2:before,
.icon-warning-circle:before {
	content: "\e225";
}
.icon-checkbox-unchecked:before {
	content: "\3d";
}
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
	content: "\3e";
}
.icon-checkbox-partial:before {
	content: "\3f";
}
.icon-square:before {
	content: "\e226";
}
.icon-radio-unchecked:before {
	content: "\e227";
}
.icon-radio-checked:before,
.icon-generic:before {
	content: "\e228";
}
.icon-circle:before {
	content: "\e229";
}
.icon-signup:before {
	content: "\e230";
}
.icon-grid:before,
.icon-grid-view:before {
	content: "\58";
}
.icon-grid-2:before,
.icon-grid-view-2:before {
	content: "\59";
}
.icon-menu:before {
	content: "\5a";
}
.icon-list:before,
.icon-list-view:before {
	content: "\31";
}
.icon-list-2:before {
	content: "\e231";
}
.icon-menu-3:before {
	content: "\e232";
}
.icon-folder-open:before,
.icon-folder:before {
	content: "\2d";
}
.icon-folder-close:before,
.icon-folder-2:before {
	content: "\2e";
}
.icon-folder-plus:before {
	content: "\e234";
}
.icon-folder-minus:before {
	content: "\e235";
}
.icon-folder-3:before {
	content: "\e236";
}
.icon-folder-plus-2:before {
	content: "\e237";
}
.icon-folder-remove:before {
	content: "\e238";
}
.icon-file:before {
	content: "\e016";
}
.icon-file-2:before {
	content: "\e239";
}
.icon-file-add:before,
.icon-file-plus:before {
	content: "\29";
}
.icon-file-minus:before {
	content: "\e017";
}
.icon-file-check:before {
	content: "\e240";
}
.icon-file-remove:before {
	content: "\e241";
}
.icon-save-copy:before,
.icon-copy:before {
	content: "\e018";
}
.icon-stack:before {
	content: "\e242";
}
.icon-tree:before {
	content: "\e243";
}
.icon-tree-2:before {
	content: "\e244";
}
.icon-paragraph-left:before {
	content: "\e246";
}
.icon-paragraph-center:before {
	content: "\e247";
}
.icon-paragraph-right:before {
	content: "\e248";
}
.icon-paragraph-justify:before {
	content: "\e249";
}
.icon-screen:before {
	content: "\e01c";
}
.icon-tablet:before {
	content: "\e01d";
}
.icon-mobile:before {
	content: "\e01e";
}
.icon-box-add:before {
	content: "\51";
}
.icon-box-remove:before {
	content: "\52";
}
.icon-download:before {
	content: "\e021";
}
.icon-upload:before {
	content: "\e022";
}
.icon-home:before {
	content: "\21";
}
.icon-home-2:before {
	content: "\e250";
}
.icon-out-2:before,
.icon-new-tab:before {
	content: "\e024";
}
.icon-out-3:before,
.icon-new-tab-2:before {
	content: "\e251";
}
.icon-link:before {
	content: "\e252";
}
.icon-picture:before,
.icon-image:before {
	content: "\2f";
}
.icon-pictures:before,
.icon-images:before {
	content: "\30";
}
.icon-palette:before,
.icon-color-palette:before {
	content: "\e014";
}
.icon-camera:before {
	content: "\55";
}
.icon-camera-2:before,
.icon-video:before {
	content: "\e015";
}
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
	content: "\56";
}
.icon-music:before {
	content: "\57";
}
.icon-user:before {
	content: "\22";
}
.icon-users:before {
	content: "\e01f";
}
.icon-vcard:before {
	content: "\6d";
}
.icon-address:before {
	content: "\70";
}
.icon-share-alt:before,
.icon-out:before {
	content: "\26";
}
.icon-enter:before {
	content: "\e257";
}
.icon-exit:before {
	content: "\e258";
}
.icon-comment:before,
.icon-comments:before {
	content: "\24";
}
.icon-comments-2:before {
	content: "\25";
}
.icon-quote:before,
.icon-quotes-left:before {
	content: "\60";
}
.icon-quote-2:before,
.icon-quotes-right:before {
	content: "\61";
}
.icon-quote-3:before,
.icon-bubble-quote:before {
	content: "\e259";
}
.icon-phone:before {
	content: "\e260";
}
.icon-phone-2:before {
	content: "\e261";
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
}
.icon-envelope-opened:before,
.icon-mail-2:before {
	content: "\4e";
}
.icon-unarchive:before,
.icon-drawer:before {
	content: "\4f";
}
.icon-archive:before,
.icon-drawer-2:before {
	content: "\50";
}
.icon-briefcase:before {
	content: "\e020";
}
.icon-tag:before {
	content: "\e262";
}
.icon-tag-2:before {
	content: "\e263";
}
.icon-tags:before {
	content: "\e264";
}
.icon-tags-2:before {
	content: "\e265";
}
.icon-options:before,
.icon-cog:before {
	content: "\38";
}
.icon-cogs:before {
	content: "\37";
}
.icon-screwdriver:before,
.icon-tools:before {
	content: "\36";
}
.icon-wrench:before {
	content: "\3a";
}
.icon-equalizer:before {
	content: "\39";
}
.icon-dashboard:before {
	content: "\78";
}
.icon-switch:before {
	content: "\e266";
}
.icon-filter:before {
	content: "\54";
}
.icon-purge:before,
.icon-trash:before {
	content: "\4c";
}
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
	content: "\23";
}
.icon-unlock:before {
	content: "\e267";
}
.icon-key:before {
	content: "\5f";
}
.icon-support:before {
	content: "\46";
}
.icon-database:before {
	content: "\62";
}
.icon-scissors:before {
	content: "\e268";
}
.icon-health:before {
	content: "\6a";
}
.icon-wand:before {
	content: "\6b";
}
.icon-clock:before {
	content: "\6e";
}
.icon-compass:before {
	content: "\6f";
}
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
	content: "\e01b";
}
.icon-book:before {
	content: "\e271";
}
.icon-lightning:before,
.icon-flash:before {
	content: "\79";
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
}
.icon-feed:before {
	content: "\71";
}
.icon-calendar:before {
	content: "\43";
}
.icon-calendar-2:before {
	content: "\44";
}
.icon-calendar-3:before {
	content: "\e273";
}
.icon-pie:before {
	content: "\77";
}
.icon-bars:before {
	content: "\76";
}
.icon-chart:before {
	content: "\75";
}
.icon-power-cord:before {
	content: "\32";
}
.icon-cube:before {
	content: "\33";
}
.icon-puzzle:before {
	content: "\34";
}
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
	content: "\72";
}
.icon-lamp:before {
	content: "\74";
}
.icon-pin:before,
.icon-pushpin:before {
	content: "\73";
}
.icon-location:before {
	content: "\63";
}
.icon-shield:before {
	content: "\e274";
}
.icon-flag:before {
	content: "\35";
}
.icon-flag-3:before {
	content: "\e275";
}
.icon-bookmark:before {
	content: "\e023";
}
.icon-bookmark-2:before {
	content: "\e276";
}
.icon-heart:before {
	content: "\e277";
}
.icon-heart-2:before {
	content: "\e278";
}
.icon-thumbs-up:before {
	content: "\5b";
}
.icon-thumbs-down:before {
	content: "\5c";
}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
	content: "\40";
}
.icon-star-2:before {
	content: "\41";
}
.icon-featured:before,
.icon-default:before,
.icon-star:before {
	content: "\42";
}
.icon-smiley:before,
.icon-smiley-happy:before {
	content: "\e279";
}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {
	content: "\e280";
}
.icon-smiley-sad:before {
	content: "\e281";
}
.icon-smiley-sad-2:before {
	content: "\e282";
}
.icon-smiley-neutral:before {
	content: "\e283";
}
.icon-smiley-neutral-2:before {
	content: "\e284";
}
.icon-cart:before {
	content: "\e019";
}
.icon-basket:before {
	content: "\e01a";
}
.icon-credit:before {
	content: "\e286";
}
.icon-credit-2:before {
	content: "\e287";
}
.icon-expired:before {
  content: "\4b";
}

.edit .nav-tabs a:hover, .membersarea .nav-tabs a:focus {
  color: #002b41;
}

.membersarea input, .membersarea select {
  width: 206px;
}

.membersarea input {
  background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  transition: border linear .2s, box-shadow linear .2s;
  display: inline-block;
	height: 26px;
	padding: 4px 6px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	border-radius: 3px;
	vertical-align: middle;
}

.membersarea input:focus {
  border-color: rgba(82,168,236,0.8);
	outline: 0;
	outline: thin dotted \9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.membersarea input.invalid {
  border: 1px solid #9d261d;
  background: #f2dede;
}

.membersarea label  {
  display:inline;
  font-size: 13px;
	font-weight: normal;
	line-height: 18px;
}

.membersarea .btn-primary, .profil-edit .btn-primary {
  background: #0068b8;
  color:#fff;
	cursor: pointer;
  border-color: #002f8d #002f8d #001641;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.membersarea .btn-primary:hover, .membersarea .btn-primary:focus  {
	background: #002f8d;
}

.site .moduletable h3 {
  text-align: center;
}

.single-file-upload {
  width:14%;
  margin: 30px auto 200px auto;
}

.single-file-upload input {
  border: 1px solid #333;
}

.single-file-upload input[type="upload"] {
  padding:4px 9px;
}

.membersarea .well {
  border-color: #a8d7ed;
  background-color: transparent;
}

.membersarea:not(.edit) .control-group {
    margin-bottom: 18px;
}

.membersarea:not(.edit) .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.membersarea:not(.edit) .controls {
  margin-left: 180px;
}

.membersarea .invalid {
  color: #9d261d;
	font-weight: bold;
}

.profile-edit .controls::after {
  content:'';
  display:table;
  clear:both;
}

/* ---------->>> Image Upload Modal <<<-----------*/

#sbox-window {
  padding: 0;
} 

.component.standalone {
  margin:0;
  padding:0;
}

.component.standalone {
  width:98%;
  padding: 10px;
}

.component.standalone .thumbnails > li {
  float:left;
}

.component.standalone .thumbnail a {
   color:#005e8d;
}

.component.standalone .thumbnail a:hover {
  color: #002b41;
}



/* ---------->>> MEDIA QUERY <<<-----------*/
/* ---------->>> 1279 <<<-----------*/
@media only screen and (max-width: 1279px) {

  header .logo {
    padding-top: 35px;
  }

  header .menu-bar, header .bottom-menu .close {
      width:40px;
      position: absolute;
      right: 10%;
      display: block;
      padding-top:30px;
  }

  header .bottom-menu .close {
    right:20px;   
  }

  header .bottom-menu {
    position: absolute;
    width:92%;
    top:105px;
    left:0;
    background-color:#252525;
    z-index:9;
  }

  header .bottom-menu.cloaked {
    display:none;
  }

  header .close, header .close:hover {
    opacity:1;
  }

  header nav.col-xs-8 {
      float:none;
      width: 50%;
      clear: both;
  }

  header nav ul li {
    display:block;
    margin-left:0;
    width:100%;
  }

  header nav ul li a{
    line-height: 16px;
    text-align:left;
  }

  header .header-social {
    margin-top:20px;
    padding-top:0;
  } 

  header .header-social .header-login {
    left:0;
    position: absolute;
    bottom:10px;
    width:auto;
    margin-left:10px;
    background-color: #252525;
    color:#fff;
  }

  header .header-social .header-login:hover {
    background-color:#252525;
    color: #00c6b8;
  }

.bottom-menu .menu, .bottom-menu .header-social {
      width:100%;
  }

  section.index-aboutus {
    height: auto;
  }

  section.index-aboutus .container {
    padding-bottom:80px;
  }

  section.index-executives h1 {
    left: 0;
  }

  section.index-executives .executives-holder {
    margin-left: 25%;
    width: 70%;
  }

  section.index-contactus .form-holder form input {
    width: 200px;
  }

  section.index-contactus .form-holder form textarea {
    width: 300px;
  }

  .component .intro-image {
    height: 280px;
  }

  section.event .top-text {
    height: auto;
  }

  section.event .top-text h2 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .event-list .cwNews.cwPortfolio .cwItem.col-2 {
    height: 180px;
  }

  .event-list .cwNews.cwPortfolio .cwItem .cwTitle {
    font-size: 11px;
  }

  section.event-list .intro-text p {
    font-size: 11px;
  }

}

/* ---------->>> 1023 <<<-----------*/
@media only screen and (max-width: 1023px) {

  header {
    position: fixed;
  }

  header .container {
    position: static;
    width:100%;
  }

  
  header .logo {
    margin-left:10%;
    padding-top:15px;
    width:120px;
  }

  header .bottom-menu .close {
    right:10%;   
  
  }

  header .bottom-menu {
    position: absolute;
    width:100%;
    top:105px;
    left:0;
    background-color:#252525;
    z-index:9;
  }

  header .bottom-menu {
    padding-right:9%;
  }

  header .bottom-menu .header-social {
    height:30px;
    padding-right:0;
  }

  header nav ul li {
    margin-left:21%;
  }

  header .header-social .header-login {
    left:10%;
  }

  section.index-slider h1 {
    margin-top:20px;
  }
  
  section.index-slider .slider-content {
      top:-5%;
  }

  section.index-resources .resource-item {
    margin: 0 10px;
  }

  section.index-aboutus .aboutus-img,
  section.index-aboutus .aboutus-text {
    width: 50%;
  }

  section.index-executives h1 {
    left: -120px;
  }

  section.index-executives .executives-holder {
    margin-left: 10%;
    width: 90%;
  }

  section.index-members .members-list .img-holder {
    margin: 5px 10px;
  }

  section.index-contactus .form-holder form .input-box {
    float: none;
  }

  section.index-contactus .form-holder form input {
    width: 100%;
  }

  section.index-contactus {
    height: auto;
  }

  section.index-joinus .joinus-img {
    display: none;
  }

  section.index-joinus .joinus-text {
    width: 100%;
    padding: 30px;
  }

  .component .intro-image {
    height: 180px;
  }

  .component .about  .intro-image::after {
    height: 180px;
  }

  .event-list .cwNews.cwPortfolio .cwItem.col-2 {
    height: auto;
  }

  .event-list .cwNews.cwPortfolio .cwItem .cwWrap .cwLeft {
    float: none;
    width: 100%;
    margin-right: 0%;
  }

  .event-list .cwNews.cwPortfolio .cwItem .cwWrap .cwRight {
    margin-top: 20px;
    width: 100%;
  }  

  .cwNews.cwPortfolio .cwItem .cwreadmore {
    position: relative;
    width:80%;
  }

}

/* ---------->>> 767 <<<-----------*/
@media only screen and (max-width: 767px) {


  section.index-slider .sprocket-features-arrows {
      display:none;
  }

  section.index-slider h1 {
    margin-top:0;
    font-size:24px;
  }

  section.index-slider h1 + hr {

  }

  section.index-slider h2 {
    font-size:13px;
  }

  section.index-slider a {
    height: 40px;
    line-height: 40px;
    margin-top:15px;
  }
  
  section.index-resources {
    height: auto;
  }

  section.index-resources .container {
    padding: 40px 0;
  }

  section.index-resources .resource-item {
    width: 150px;
  }

  section.index-resources .resource-item .intro-text h2 {
    font-size: 15px;
    line-height: 20px;
  }

  section.index-resources .resource-item .intro-text a {
    width: 100%;
    font-size: 13px;
  }

  section.index-aboutus .aboutus-img, section.index-aboutus .aboutus-text {
    width: 100%;
    text-align: center;
  }

  section.index-aboutus .aboutus-text a {
    margin: 20px auto 0;
  }

  section.index-executives {
    height: auto;
  }

  section.index-executives .executives-holder {
    margin-left: 0%;
    width: 100%;
    padding-bottom: 40px;
  }

  section.index-executives h1 {
    position: relative;
    transform: none;
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
    top: 0;
    left: 0;
  }

  section.index-executives .executives-holder > div {
    width: 30%;
    height: auto;
    margin: 1%;
    display: inline-block;
    position: relative;
  }

  section.index-contactus .form-holder form .input-box {
    margin-right: 0;
  }

  section.index-contactus .form-holder form textarea {
    width: 100%;
    margin-bottom: 20px;
  }

  section.index-contactus .form-holder form .robot-box {
    margin-left: 0;
    width: 100%;
    position: relative;
  }

  section.index-contactus .form-holder form textarea + label {
      display: none;
  }

  section.index-contactus .form-holder form .robot-box .inner {
    margin: 10px auto;
    width: 164px;
  }

  section.index-contactus .form-holder form .robot-box input[type="checkbox"] + label {
      margin-left:25%; 
  }

  section.index-members {
    height:400px;
  }

  section.index-members .grid {
    display:none;
  }

  section.index-members .carousel {
    display:block;
  }

  section.index-members .carousel .members-list {
    display:block;
  }

  section.index-members .carousel .img-holder {
    height:200px;
  }

  section.index-members .carousel .img-holder  img{
    display:block;
    margin:0 auto;
    max-height:200px;
  }

  .component .intro-image  {
    height: 140px;
  }

  .component .about  .intro-image::after  {
    height: 140px;
  }

  section.event .top-text p {
    line-height: 18px;
  }

  section.event-list .events .load-more {
    width: 90%;
    margin: 20px 5%;
  }

  section.event-list .search input {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  

}

/* ---------->>> 579 <<<-----------*/
@media only screen and (max-width: 579px) {

  .layout-slideshow .sprocket-features-pagination {
    bottom: 0;
  }
  
  section.index-slider .slider-content {
    top:-10%;
    width:100%;
  }
  
  section.index-slider h1 {
    margin-bottom: 0px;
  }

  section.index-slider h1 + hr {
    margin-top:5px;
    margin-bottom: 5px;
  }

  section.index-slider h2 {
    font-size:12px;
    margin: 5px auto 0 auto;
  }

  section.index-slider a {
    height: 40px;
    line-height: 40px;
    margin-top:15px;
  }


  section.index-resources h1 {
    margin-bottom: 30px;
  }
  
  section.index-resources .resource-item {
    width: 100px;
  }

  section.index-resources .resource-item .intro-text h2 {
    font-size: 13px;
    line-height: 16px;
  }

  section.index-executives .executives-holder > div {
    width: 47%;
  }

  section.index-executives .executives-holder > div:last-of-type {
    margin: 1% 26%;
  }

  section.index-executives .executives-holder > div div:last-child {
    padding-top: 15px;
  }

  section.index-contactus .form-holder form .robot-box .inner {
    position: relative;
  }

  section.index-executives h1 {
    font-size: 32px;
  }

  section.index-login form input[type="text"],
  section.index-login form input[type="password"],
  section.index-login form input[type="checkbox"],
  section.index-login form input[type="checkbox"] + label {
    width: 300px;
  }

  .component .intro-image  {
    height: 80px;
  }

  .component .about  .intro-image::after  {
    height: 80px;
  }

  .event-list .cwNews.cwPortfolio .cwItem.col-2 {
    width: 98% !important;
    margin:20px 1%;
  }

  .cwNews.cwPortfolio .cwItem .cwreadmore {
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  footer .footer-links a,
  footer .footer-links p {
    font-size: 10px;
    padding: 0 3px;
  }

     
}


/* ---------->>> 375 <<<-----------*/
@media only screen and (max-width: 375px) {
  section.index-slider h1 {
    margin-top:0;
  }

  section.index-slider h1 + hr {
    margin:0 auto;
  }

  section.index-slider h2 {
    font-size:12px;
  }

  section.index-slider a {
    height: 30px;
    line-height: 30px;
    margin-top:0;
  }   
}

/* ---------->>> 320 <<<-----------*/
@media only screen and (max-width: 320px) {
  
}

/* ---------->>> 320 Height <<<-----------*/
@media only screen and (max-height: 320px) {
  
}