h1 {
  font-size: 48px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

.wrap-holder:after, .header-content:after, .aside .content-top .cell:after, .location-sec .table-holder:after, .location-sec .table-holder a:after, .form-area .form-block:after {
  content: " ";
  display: block;
  clear: both;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.logo img, .video-sec img, .course-overview img, .charity-sec .logo-sec img, .volunterr-area .img-area img, .latest-sec .col img, .partners-area .partners .partners-logo li img, #content .volunteer-area .content-block .img-area img, #content .gallery-filter img, .works-holder .img-holder img, .shop-area .obstacles-info .img-area img, .prepared-area .img-area img, .benefits-area .list .img-holder img {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}

body {
  margin: 0;
  color: #e6e6e6;
  font: 24px/1.5 "Lato", Arial, Helvetica, sans-serif;
  min-width: 320px;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
}

* {
  max-height: 100000px;
}

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

img {
  border-style: none;
}

a {
  text-decoration: none;
  color: #e6e6e6;
}
a:hover {
  text-decoration: underline;
}

input,
textarea,
select {
  font: 100% "Lato", Arial, Helvetica, sans-serif;
  color: dimgray;
  vertical-align: middle;
}

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  border-radius: 0 !important;
}

input[type="submit"]:hover,
button:hover {
  cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  margin: 0;
  padding: 4px 7px;
  color: #7a7a7a;
  background: none;
  border: none;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "norwesterregular", Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  margin: 0 0 20px;
}

p {
  margin: 0 0 20px;
}

q {
  quotes: none;
}
q:before, q:after {
  content: '';
  content: none;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

table {
  border-spacing: 0;
}

@font-face {
  font-family: "norwesterregular";
  src: url("../fonts/norwester-webfont.eot");
  src: url("../fonts/norwester-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/norwester-webfont.woff") format("woff"), url("../fonts/norwester-webfont.ttf") format("truetype"), url("../fonts/norwester-webfont.svgnorwester-webfont") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "rodusround300thin";
  src: url("../fonts/rodusround300-webfont.eot");
  src: url("../fonts/rodusround300-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/rodusround300-webfont.woff") format("woff"), url("../fonts/rodusround300-webfont.ttf") format("truetype"), url("../fonts/rodusround300-webfont.svgrodusround300-webfont") format("svg");
  font-weight: 300;
  font-style: normal;
}
html {
  background: #020202;
}

body {
  font-weight: 300;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: url(../images/bg-wrapper.jpg) repeat-x fixed;
  background-size: 100% auto;
}
@media (max-width: 1279px) {
  body {
    font-size: 18px;
    line-height: 1.67;
  }
}
@media (max-width: 1023px) {
  body {
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.29;
  }
}

ol {
  padding: 0;
  overflow: hidden;
  counter-reset: item;
}

ol ol {
  margin: 0;
}

ol li {
  padding: 0 0 0 25px;
}
@media (max-width: 767px) {
  ol li {
    padding: 0 0 0 15px;
  }
}

ol li:before {
  float: left;
  width: 25px;
  margin: 0 0 0 -25px;
  content: counters(item,".") ". ";
  counter-increment: item;
}
@media (max-width: 767px) {
  ol li:before {
    width: 15px;
    margin: 0 0 0 -15px;
  }
}

a {
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
a:hover {
  color: #149acf;
}
a:hover:hover, a:hover:active, a:hover:focus {
  color: #71cdf1;
  text-decoration: none;
}

@media (max-width: 1279px) {
  h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 24px;
  }
}

@media (max-width: 1279px) {
  h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 16px;
  }
}

@media (max-width: 1279px) {
  h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 14px;
  }
}

.pink {
  color: #db2fa4;
}

.green {
  color: #00ce2e;
}

.blue {
  color: #149acf;
}

.align-left {
  float: left;
}

.align-right {
  float: right;
}

#wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #wrapper {
    padding: 0 10px;
  }
}
#wrapper.home .course-overview .img-holder:after {
  pointer-events: none;
}

#wrapper.fixed {
  padding-top: 80px;
}

.w1 {
  max-width: 1600px;
  margin: 0 auto;
}

.wrap-holder {
  max-width: 1160px;
  margin: 0 auto;
}

#header {
  position: relative;
  z-index: 999;
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #header {
    padding: 0 10px;
  }
}
#header .header-block {
  padding: 0 2%;
}
@media (max-width: 1023px) {
  #header .header-block {
    padding: 0;
  }
}
#header .header-holder {
  max-width: 1600px;
  margin: 0 auto 40px;
  background: black;
  position: relative;
}
@media (max-width: 1279px) {
  #header .header-holder {
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  #header .header-holder {
    padding: 0 2.9%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #header .header-holder {
    padding: 0 4% 5px;
    margin-bottom: 20px;
  }
}
#header .top-list {
  text-align: right;
  letter-spacing: -4px;
  text-transform: uppercase;
  font: 18px "rodusround300thin", Arial, Helvetica, sans-serif;
  padding: 18px 0 0;
  margin: 0 0 -24px;
}
@media (max-width: 1279px) {
  #header .top-list {
    font-size: 14px;
    margin: 0 0 -21px;
  }
}
@media (max-width: 767px) {
  #header .top-list {
    margin: 0 0 -13px;
    padding: 13px 0 0;
  }
}
#header .top-list li {
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 2.3%;
}
#header .top-list li.media a:hover {
  color: #db2fa4;
}
#header .top-list li.contact a:hover {
  color: #149acf;
}
@media (max-width: 1023px) {
  #header .top-list li {
    margin: 0 0 0 3.1%;
  }
}
@media (max-width: 767px) {
  #header .top-list li {
    display: none;
  }
}
@media (max-width: 767px) {
  #header .top-list li.contact {
    display: inline-block;
    position: relative;
  }
}
#header .top-list a {
  color: #e0e0e0;
}
#header .top-list a:hover {
  color: #00ce2e;
}
#header .fixed-logo {
  display: none;
}
#header.header-fixed {
  position: fixed;
  width: 100%;
  padding: 0 20px;
  height: 80px;
  z-index: 999;
}
@media (max-width: 767px) {
  #header.header-fixed {
    padding: 0 10px;
    height: 45px;
  }
}
#header.header-fixed .header-holder {
  height: 80px;
}
@media (max-width: 1279px) {
  #header.header-fixed .header-holder {
    height: 70px;
  }
}
@media (max-width: 767px) {
  #header.header-fixed .header-holder {
    height: 48px;
  }
}
#header.header-fixed .top-list {
  display: none;
}
#header.header-fixed .logo-default {
  display: none;
}
#header.header-fixed .logo {
  margin: 12px 0 0 0;
  width: auto;
}
@media (max-width: 1279px) {
  #header.header-fixed .logo {
    margin: 6px 0 0 0;
  }
}
@media (max-width: 767px) {
  #header.header-fixed .logo {
    display: none;
  }
}
#header.header-fixed .fixed-logo {
  display: inline-block;
  width: 105px;
}
#header.header-fixed #nav {
  padding: 25px 0 0;
}
#header.header-fixed #nav li.active > a:after {
  margin: 2px 0 0 -5px;
}
@media (max-width: 767px) {
  #header.header-fixed #nav {
    padding: 13px 0 0;
  }
}

.header-content {
  padding: 0 0 2px;
}
@media (max-width: 1279px) {
  .header-content {
    padding: 0 0 4px;
  }
}
@media (max-width: 1023px) {
  .header-content {
    padding: 0 0 3px;
  }
}
.header-content .logo {
  float: left;
  margin: 0 0 0 -40px;
}
@media (max-width: 1279px) {
  .header-content .logo {
    width: 285px;
    height: auto;
    margin: 0 0 0 -9px;
  }
}
@media (max-width: 1023px) {
  .header-content .logo {
    margin: 0 -60px 0 -17px;
  }
}
@media (max-width: 767px) {
  .header-content .logo {
    float: none;
    margin: 0 auto;
    display: block;
    width: 214px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .header-content .logo img {
    margin: 0 0 0 18px;
  }
}

.logo {
  display: inline-block;
}

#nav {
  float: right;
  width: 60%;
  padding: 51px 0 0 0;
}
@media (max-width: 1279px) {
  #nav {
    padding: 41px 0 0;
  }
}
@media (max-width: 1023px) {
  #nav {
    width: 65%;
    padding: 41px 0 48px 14px;
  }
}
@media (max-width: 767px) {
  #nav {
    padding: 5px 0 11px;
    width: 100%;
  }
}
#nav ul {
  width: 100%;
  text-transform: uppercase;
  font: 30px "norwesterregular", Arial, Helvetica, sans-serif;
  letter-spacing: -4px;
  text-align: right;
}
@media (max-width: 1279px) {
  #nav ul {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  #nav ul {
    font-size: 18px;
    text-align: center;
  }
}
#nav li {
  letter-spacing: 0;
  margin: 0 0 0 4.8%;
  display: inline-block;
  vertical-align: top;
}
#nav li.pink-nav.active > a:after {
  background: #db2fa4;
}
#nav li.pink-nav a:hover {
  color: #db2fa4;
}
#nav li.blue-nav.active > a:after {
  background: #149acf;
}
#nav li.blue-nav a:hover {
  color: #149acf;
}
#nav li.pink-nav a:hover {
  color: #db2fa4;
}
#nav li.pink-nav.active > a:after {
  background: #db2fa4;
}
@media (max-width: 1279px) {
  #nav li {
    margin: 0 0 0 5.1%;
  }
}
@media (max-width: 1023px) {
  #nav li {
    margin: 0 0 0 6.1%;
  }
  #nav li:first-child {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #nav li {
    margin: 0 3.1%;
  }
  #nav li:first-child {
    display: none;
  }
}
#nav li.has-drop-down.drop-active > a {
  color: #00c52c;
}
#nav li:hover {
  padding: 0 0 85px;
  margin: 0 0 -85px 4.8%;
}
@media (max-width: 1279px) {
  #nav li:hover {
    margin: 0 0 -85px 5.1%;
  }
}
@media (max-width: 1023px) {
  #nav li:hover {
    margin: 0 0 -85px 6.1%;
  }
  #nav li:hover:first-child {
    margin: 0 0 -85px;
  }
}
@media (max-width: 767px) {
  #nav li:hover {
    margin: 0 3.1% 0;
    padding: 0;
  }
}
#nav li.active > a {
  position: relative;
}
#nav li.active > a:after {
  background: #00ce2e;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  margin: 23px 0 0 -5px;
}
@media (max-width: 1279px) {
  #nav li.active > a:after {
    width: 8px;
    height: 8px;
    margin: 17px 0 0 -4px;
  }
}
@media (max-width: 767px) {
  #nav li.active > a:after {
    margin: 2px 0 0 -4px;
  }
}
@media (max-width: 767px) {
  #nav li.active > a {
    color: #00c52c;
  }
}
#nav li ul {
  text-align: left;
  position: absolute;
  left: 0;
  display: none;
  top: 100%;
  padding: 0;
  right: 0;
  text-align: center;
  background: black;
  overflow: hidden;
  z-index: 9999;
}
@media (max-width: 767px) {
  #nav li ul {
    box-sizing: border-box;
  }
}
#nav li ul:after {
  position: absolute;
  left: 22px;
  top: 0;
  right: 22px;
  content: '';
  height: 1px;
  background: #2e2e2e;
}
#nav li ul li {
  margin: 0 2%;
  padding: 45px 0 50px;
  width: 11.1%;
}
@media (max-width: 767px) {
  #nav li ul li:first-child {
    display: block;
  }
}
#nav li ul li:hover {
  padding: 45px 0 50px;
  margin: 0 2%;
}
@media (max-width: 767px) {
  #nav li ul li:hover {
    padding: 0;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #nav li ul li:hover:first-child {
    margin: 0;
  }
}
@media (max-width: 1599px) {
  #nav li ul li {
    width: 14.1%;
  }
}
@media (max-width: 767px) {
  #nav li ul li {
    display: block;
    margin: 10px 0 10px 20px !important;
    width: 100%;
    text-align: left;
    padding: 0;
  }
}
#nav li ul li a {
  padding: 124px 0 0;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1279px) {
  #nav li ul li a {
    padding: 94px 0 0;
  }
}
@media (max-width: 767px) {
  #nav li ul li a {
    padding: 0 0 0 52px;
    height: 54px;
    line-height: 54px;
  }
}
#nav li ul li a:hover {
  color: #149acf;
}
#nav li ul li a:hover:before {
  margin: 0 0 0 -47px;
}
@media (max-width: 1279px) {
  #nav li ul li a:hover:before {
    margin: 0 0 0 -38px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a:hover:before {
    margin: -29px 0 0 -7px;
  }
}
#nav li ul li a:after {
  display: none;
}
#nav li ul li a:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  background: url(../images/sprite.png) no-repeat;
  width: 94px;
  height: 94px;
  margin: 7px 0 0 -40px;
}
@media (max-width: 1279px) {
  #nav li ul li a:before {
    width: 78px;
    height: 78px;
    margin: 7px 0 0 -32px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a:before {
    width: 54px;
    height: 54px;
    margin: -21px 0 0 0;
    left: 0;
    top: 50%;
  }
}
#nav li ul li a.work:before {
  background-position: -803px -109px;
}
@media (max-width: 1279px) {
  #nav li ul li a.work:before {
    background-position: -810px -616px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.work:before {
    background-position: -819px -1119px;
  }
}
#nav li ul li a.work:hover:before {
  background-position: -896px -102px;
}
@media (max-width: 1279px) {
  #nav li ul li a.work:hover:before {
    background-position: -904px -609px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.work:hover:before {
    background-position: -915px -1112px;
  }
}
#nav li ul li a.obstacles:before {
  background-position: -803px -209px;
}
@media (max-width: 1279px) {
  #nav li ul li a.obstacles:before {
    background-position: -810px -717px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.obstacles:before {
    background-position: -819px -1179px;
  }
}
#nav li ul li a.obstacles:hover:before {
  background-position: -895px -202px;
}
@media (max-width: 1279px) {
  #nav li ul li a.obstacles:hover:before {
    background-position: -904px -710px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.obstacles:hover:before {
    background-position: -915px -1172px;
  }
}
#nav li ul li a.facilties:before {
  background-position: -804px -308px;
}
@media (max-width: 1279px) {
  #nav li ul li a.facilties:before {
    background-position: -810px -812px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.facilties:before {
    background-position: -819px -1239px;
  }
}
#nav li ul li a.facilties:hover:before {
  background-position: -896px -301px;
}
@media (max-width: 1279px) {
  #nav li ul li a.facilties:hover:before {
    background-position: -904px -805px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.facilties:hover:before {
    background-position: -915px -1232px;
  }
}
#nav li ul li a.volunteer:before {
  background-position: -803px -408px;
}
@media (max-width: 1279px) {
  #nav li ul li a.volunteer:before {
    background-position: -810px -912px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.volunteer:before {
    background-position: -820px -1298px;
  }
}
#nav li ul li a.volunteer:hover:before {
  background-position: -895px -401px;
}
@media (max-width: 1279px) {
  #nav li ul li a.volunteer:hover:before {
    background-position: -904px -905px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.volunteer:hover:before {
    background-position: -916px -1291px;
  }
}
#nav li ul li a.faq:before {
  background-position: -803px -508px;
}
@media (max-width: 1279px) {
  #nav li ul li a.faq:before {
    background-position: -810px -1011px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.faq:before {
    background-position: -819px -1357px;
  }
}
#nav li ul li a.faq:hover:before {
  background-position: -895px -501px;
}
@media (max-width: 1279px) {
  #nav li ul li a.faq:hover:before {
    background-position: -904px -1005px;
  }
}
@media (max-width: 767px) {
  #nav li ul li a.faq:hover:before {
    background-position: -915px -1350px;
  }
}
#nav a {
  position: relative;
  color: #e0e0e0;
}
#nav a:hover {
  color: #00c52c;
}

#main {
  position: relative;
  padding: 0 0 20px;
  z-index: 3;
}
#main .main-heading {
  padding: 11px 2% 23px;
}
@media (max-width: 1279px) {
  #main .main-heading {
    padding: 19px 2% 15px;
  }
}
@media (max-width: 1023px) {
  #main .main-heading {
    padding: 9px 2.7% 15px;
  }
}
@media (max-width: 767px) {
  #main .main-heading {
    padding-bottom: 9px;
  }
}
#main .main-heading h1 {
  font-size: 72px;
  color: white;
}
@media (max-width: 1279px) {
  #main .main-heading h1 {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 {
    font-size: 36px;
  }
}
#main .main-heading h1 .heading-icon {
  position: relative;
  padding: 0 0 0 107px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon {
    padding: 0 0 0 99px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon {
    padding: 0 0 0 45px;
    margin: 0 0 0 11px;
  }
}
#main .main-heading h1 .heading-icon:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: url(../images/sprite.png) no-repeat -1px -795px;
  margin: -5px 0 0 0;
  width: 80px;
  height: 80px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon:after {
    background-position: -1px -894px;
    width: 64px;
    height: 64px;
    margin: -2px 0 0;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon:after {
    background-position: -1px -992px;
    width: 40px;
    height: 40px;
    margin: -2px 0 0;
  }
}
#main .main-heading h1 .heading-icon.faq-icon:after {
  background-position: -99px -794px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.faq-icon:after {
    background-position: -99px -893px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.faq-icon:after {
    background-position: -98px -992px;
  }
}
#main .main-heading h1 .heading-icon.gallery-icon:after {
  background-position: -199px -794px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.gallery-icon:after {
    background-position: -199px -893px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.gallery-icon:after {
    background-position: -199px -992px;
  }
}
#main .main-heading h1 .heading-icon.works-icon {
  letter-spacing: -1px;
}
#main .main-heading h1 .heading-icon.works-icon:after {
  background-position: -298px -794px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.works-icon:after {
    background-position: -298px -893px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.works-icon:after {
    background-position: -298px -992px;
  }
}
#main .main-heading h1 .heading-icon.obstacles-icon:after {
  background-position: -398px -794px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.obstacles-icon:after {
    background-position: -398px -893px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.obstacles-icon:after {
    background-position: -398px -992px;
  }
}
#main .main-heading h1 .heading-icon.shop-icon:after {
  background-position: -597px -794px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.shop-icon:after {
    background-position: -596px -893px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.shop-icon:after {
    background-position: -596px -992px;
  }
}
#main .main-heading h1 .heading-icon.events-icon:after {
  background-position: -695px -794px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.events-icon:after {
    background-position: -695px -893px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.events-icon:after {
    background-position: -695px -992px;
  }
}
#main .main-heading h1 .heading-icon.form-icon:after {
  background-position: 0 -1392px;
}
@media (max-width: 1279px) {
  #main .main-heading h1 .heading-icon.form-icon:after {
    background-position: -98px -1392px;
  }
}
@media (max-width: 767px) {
  #main .main-heading h1 .heading-icon.form-icon:after {
    background-position: -199px -1392px;
  }
}

.video-sec {
  position: relative;
  margin: 0 0 40px;
  overflow: hidden;
}
.video-sec .thumbnail {
  height: inherit;
}
@media (max-width: 1279px) {
  .video-sec {
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .video-sec {
    margin: 0 0 10px;
  }
}
.video-sec .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-sec .image img {
  display: block;
  width: 100%;
  height: auto;
}
.video-sec:after, .video-sec:before {
  border-top: 20px solid rgba(20, 20, 20, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  content: '';
}
@media (max-width: 1279px) {
  .video-sec:after, .video-sec:before {
    border-width: 15px;
  }
}
@media (max-width: 767px) {
  .video-sec:after, .video-sec:before {
    border-width: 10px;
  }
}
.video-sec:before {
  border-top: none;
  top: auto;
  bottom: 0;
  z-index: 99;
  border-bottom: 20px solid rgba(20, 20, 20, 0.8);
}
@media (max-width: 1279px) {
  .video-sec:before {
    border-width: 15px;
  }
}
@media (max-width: 767px) {
  .video-sec:before {
    border-width: 10px;
  }
}
.video-sec .video-holder {
  position: relative;
  overflow: hidden;
}
.video-sec .video-holder iframe {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .video-sec .video-holder iframe {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .video-sec .video-holder iframe {
    padding: 10px;
  }
}
.video-sec .video-holder:after, .video-sec .video-holder:before {
  z-index: 2;
  border-left: 20px solid rgba(20, 20, 20, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: '';
}
@media (max-width: 1279px) {
  .video-sec .video-holder:after, .video-sec .video-holder:before {
    border-width: 15px;
  }
}
@media (max-width: 767px) {
  .video-sec .video-holder:after, .video-sec .video-holder:before {
    border-width: 10px;
  }
}
.video-sec .video-holder:before {
  border-left: none;
  left: auto;
  right: 0;
  border-right: 20px solid rgba(20, 20, 20, 0.8);
}
@media (max-width: 1279px) {
  .video-sec .video-holder:before {
    border-width: 15px;
  }
}
@media (max-width: 767px) {
  .video-sec .video-holder:before {
    border-width: 10px;
  }
}
.video-sec .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: url(../images/sprite.png) no-repeat;
  width: 232px;
  height: 232px;
  margin: -124px 0 0 -118px;
  z-index: 2;
  overflow: hidden;
  text-indent: -9999px;
  -moz-transition: none 0.4s ease;
  -webkit-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
}
@media (max-width: 1599px) {
  .video-sec .btn-play {
    margin: -135px 0 0 -118px;
  }
}
@media (max-width: 1279px) {
  .video-sec .btn-play {
    background: url(../images/sprite.png) no-repeat 0 -298px;
    width: 186px;
    height: 186px;
    margin: -97px 0 0 -94px;
  }
}
@media (max-width: 1023px) {
  .video-sec .btn-play {
    background: url(../images/sprite.png) no-repeat 0 -499px;
    width: 140px;
    height: 140px;
    margin: -81px 0 0 -68px;
  }
}
@media (max-width: 767px) {
  .video-sec .btn-play {
    background: url(../images/sprite.png) no-repeat 0 -695px;
    width: 70px;
    height: 70px;
    margin: -38px 0 0 -35px;
  }
}
.video-sec .btn-play:hover {
  background-position: -298px 0;
}
@media (max-width: 1279px) {
  .video-sec .btn-play:hover {
    background-position: -199px -298px;
  }
}
@media (max-width: 1023px) {
  .video-sec .btn-play:hover {
    background-position: -199px -499px;
  }
}
@media (max-width: 767px) {
  .video-sec .btn-play:hover {
    background-position: -98px -695px;
  }
}

.coming-event {
  background: #151515;
  padding: 50px 1%;
  margin: 0 0 10px;
}
@media (max-width: 1279px) {
  .coming-event {
    padding: 50px 5% 47px 6.3%;
  }
}
@media (max-width: 1023px) {
  .coming-event {
    padding: 37px 5.4% 10px 6.6%;
  }
}
@media (max-width: 767px) {
  .coming-event {
    padding: 21px 2% 9px;
  }
}
.coming-event .btn {
  float: right;
  width: 181px;
  height: 70px;
  background: #00ce2e;
  text-align: center;
  font: 30px/77px "rodusround300thin", Arial, Helvetica, sans-serif;
  color: #141414;
  text-transform: uppercase;
  margin: 39px 0 0 0;
  border: 1px solid #00ce2e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .coming-event .btn {
    width: 176px;
    height: 56px;
    line-height: 56px;
    font-size: 24px;
    margin: 30px 0 0;
  }
}
@media (max-width: 1023px) {
  .coming-event .btn {
    margin: 8px 0 0;
  }
}
@media (max-width: 767px) {
  .coming-event .btn {
    display: none;
  }
}
.coming-event .btn:hover {
  background: #141414;
  color: #00ce2e;
}
.coming-event .info-area {
  overflow: hidden;
  padding: 0 20px 0 0;
  font: 48px "norwesterregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #e0e0e0;
}
@media (max-width: 767px) {
  .coming-event .info-area {
    padding: 0;
    text-align: center;
  }
}
.coming-event .info-area h2 {
  font-size: 48px;
  letter-spacing: -1px;
}
@media (max-width: 1279px) {
  .coming-event .info-area h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .coming-event .info-area h2 {
    font-size: 24px;
    letter-spacing: 0;
  }
}
.coming-event .info-area h2 a:hover {
  color: #00ce2e;
}
@media (max-width: 767px) {
  .coming-event .info-area h2 a time {
    display: block;
  }
}
.coming-event .info-area .next-event {
  color: #7a7a7a;
  font-size: 30px;
  display: block;
  margin: -2px 0 18px;
}
@media (max-width: 1279px) {
  .coming-event .info-area .next-event {
    margin: 0 0 10px;
  }
}
@media (max-width: 1023px) {
  .coming-event .info-area .next-event {
    margin: 0 0 6px;
  }
}
@media (max-width: 767px) {
  .coming-event .info-area .next-event {
    font-size: 18px;
    margin: 0 0 14px;
  }
}
.coming-event .info-area .info {
  overflow: hidden;
}
@media (max-width: 1279px) {
  .coming-event .info-area .info {
    padding: 16px 0 0;
  }
}
@media (max-width: 1023px) {
  .coming-event .info-area .info {
    padding: 0;
  }
}
.coming-event .info-area img {
  float: left;
  margin: 0 2.7% 0 0;
}
@media (max-width: 1279px) {
  .coming-event .info-area img {
    width: 200px;
    height: auto;
    margin: 0 5.4% 0 0;
  }
}
@media (max-width: 1023px) {
  .coming-event .info-area img {
    display: none;
  }
}

.location {
  margin: 0 0 40px;
  padding: 43px 1% 84px;
  background: #151515;
  text-align: center;
}
@media (max-width: 1599px) {
  .location {
    padding: 67px 1% 60px;
  }
}
@media (max-width: 1279px) {
  .location {
    padding: 45px 1% 48px;
    margin: 0 0 20px;
  }
}
@media (max-width: 1023px) {
  .location {
    padding: 38px 3% 12px;
  }
}
@media (max-width: 767px) {
  .location {
    padding: 29px 3% 6px;
    margin: 0 0 10px;
  }
}
.location h1 {
  color: #149acf;
  position: relative;
  margin: 0 0 46px;
  letter-spacing: -1px;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .location h1 {
    margin: 0 0 50px;
  }
}
@media (max-width: 1023px) {
  .location h1 {
    margin: 0 0 27px;
  }
}
@media (max-width: 767px) {
  .location h1 {
    margin: 0 0 21px;
  }
}
.location h1 a {
  color: #149acf;
}
.location h1 a:hover {
  color: #7a7a7a;
}
.location h1 a:hover span:after {
  background-position: -597px -100px;
}
@media (max-width: 1279px) {
  .location h1 a:hover span:after {
    background-position: -695px -199px;
  }
}
@media (max-width: 767px) {
  .location h1 a:hover span:after {
    background-position: -695px -358px;
  }
}
.location h1 span {
  position: relative;
  padding: 0 0 0 107px;
  margin: 0 0 0 -93px;
}
@media (max-width: 1279px) {
  .location h1 span {
    padding: 0 0 0 95px;
    margin: 0 0 0 -97px;
  }
}
@media (max-width: 1023px) {
  .location h1 span {
    padding: 0 0 0 96px;
    margin: 0 0 0 -11px;
  }
}
@media (max-width: 767px) {
  .location h1 span {
    padding: 0 0 0 49px;
    margin: 0 0 0 -14px;
  }
}
.location h1 span:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -45px 0 0;
  content: '';
  background: url(../images/sprite.png) no-repeat -596px 0;
  width: 80px;
  height: 80px;
}
@media (max-width: 1279px) {
  .location h1 span:after {
    background: url(../images/sprite.png) no-repeat -695px -100px;
    width: 64px;
    height: 64px;
    margin: -40px 0 0;
  }
}
@media (max-width: 1023px) {
  .location h1 span:after {
    margin: -35px 0 0;
  }
}
@media (max-width: 767px) {
  .location h1 span:after {
    background: url(../images/sprite.png) no-repeat -695px -298px;
    width: 40px;
    height: 40px;
    margin: -22px 0 0;
  }
}
.location .list {
  letter-spacing: -4px;
  text-align: center;
  font: 36px "norwesterregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .location .list {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .location .list {
    font-size: 18px;
  }
}
.location .list li {
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 2.6%;
}
@media (max-width: 1279px) {
  .location .list li {
    margin: 0 3.2%;
  }
}
@media (max-width: 1023px) {
  .location .list li {
    margin: 0 0 17px -10px;
    display: block;
  }
}
@media (max-width: 767px) {
  .location .list li {
    margin: 0 0 17px;
  }
}
.location .list a {
  color: #e0e0e0;
}
.location .list a:hover, .location .list a:active, .location .list a:focus {
  color: white;
  text-decoration: none;
}
.location .list a:hover {
  color: #149acf;
}

.course-overview {
  margin: 0 0 40px;
  position: relative;
}
@media (max-width: 1279px) {
  .course-overview {
    margin: 0 0 20px;
  }
}
.course-overview .img-holder {
  position: relative;
}
.course-overview .img-holder:after {
  border: 20px solid rgba(20, 20, 20, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: 99;
}
@media (max-width: 1279px) {
  .course-overview .img-holder:after {
    border-width: 15px;
  }
}
@media (max-width: 767px) {
  .course-overview .img-holder:after {
    border-width: 10px;
  }
}
.course-overview .caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
@media (max-width: 1023px) {
  .course-overview .caption {
    position: relative;
    height: auto;
  }
}
.course-overview .caption .caption-holder {
  display: table;
  width: 100%;
  height: 100%;
}
.course-overview .caption .caption-frame {
  display: table-cell;
  vertical-align: middle;
}
.course-overview .caption .caption-block {
  margin: 0 0 0 220px;
  width: 500px;
  height: 400px;
  background: rgba(1, 1, 1, 0.6);
  z-index: 2;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 43px 3.1%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media (max-width: 1599px) {
  .course-overview .caption .caption-block {
    margin: 0 0 0 40px;
    padding: 43px 4.1%;
  }
}
@media (max-width: 1279px) {
  .course-overview .caption .caption-block {
    font-size: 24px;
    width: 371px;
    height: 313px;
    padding: 29px 2.3% 29px 3.6%;
    margin: 0 0 0 36px;
    line-height: 30px;
  }
}
@media (max-width: 1023px) {
  .course-overview .caption .caption-block {
    width: 100%;
    margin: 0;
    height: auto;
    text-align: center;
    color: lightgray;
    padding: 35px 2% 13px;
    background: #141414;
  }
}
@media (max-width: 767px) {
  .course-overview .caption .caption-block {
    padding: 19px 2% 8px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .course-overview .caption p {
    margin: 0 0 10px;
  }
}
.course-overview h1 {
  color: white;
  margin: 0 0 25px;
  line-height: 49px;
  letter-spacing: -1px;
}
@media (max-width: 1279px) {
  .course-overview h1 {
    line-height: 39px;
    margin: 0 0 21px;
  }
}
@media (max-width: 1279px) {
  .course-overview h1 {
    margin: 0  0 12px;
  }
}
@media (max-width: 767px) {
  .course-overview h1 {
    margin: 0  0 7px;
    line-height: 26px;
    letter-spacing: 0;
  }
}
.course-overview h1 a {
  color: white;
}
.course-overview h1 a:hover {
  color: #db2fa4;
}
@media (max-width: 1023px) {
  .course-overview h1 a {
    color: #e0e0e0;
  }
}
.course-overview a {
  color: #e6e6e6;
}
.course-overview a:hover, .course-overview a:active, .course-overview a:focus {
  color: white;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .course-overview a {
    color: lightgray;
  }
}
.course-overview.map-area {
  overflow: hidden;
}

.charity-sec {
  margin: 0 0 40px;
  text-align: center;
  background: #151515;
  padding: 47px 1% 24px;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #757575;
}
@media (max-width: 1599px) {
  .charity-sec {
    padding: 51px 1% 18px;
  }
}
@media (max-width: 1279px) {
  .charity-sec {
    padding: 49px 1% 76px;
    margin: 0 0 20px;
  }
}
@media (max-width: 1023px) {
  .charity-sec {
    padding: 37px 1% 55px;
  }
}
@media (max-width: 767px) {
  .charity-sec {
    padding: 19px 1% 26px;
    font-size: 14px;
    margin: 0 0 10px;
  }
}
.charity-sec:after {
  position: absolute;
  left: 50%;
  top: 24px;
  bottom: 35px;
  width: 1px;
  margin: 0 0 0 6px;
  content: '';
  background: black;
}
@media (max-width: 1279px) {
  .charity-sec:after {
    margin: 0 0 0 -1px;
  }
}
@media (max-width: 767px) {
  .charity-sec:after {
    display: none;
  }
}
.charity-sec h2 {
  text-transform: uppercase;
  color: #7a7a7a;
}
@media (max-width: 1279px) {
  .charity-sec h2 {
    margin: 0 0 39px;
  }
}
@media (max-width: 1023px) {
  .charity-sec h2 {
    margin: 0 0 26px;
  }
}
.charity-sec .count {
  font: 48px "norwesterregular", Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: top;
  color: #00ce2e;
  background: #2e2e2e;
  padding: 18px 24px 11px;
  text-transform: uppercase;
  margin: 27px 0 8px -8px;
}
.charity-sec .count .counter-prefix,
.charity-sec .count .counter-digit,
.charity-sec .count .counter-digits {
  display: inline;
}
@media (max-width: 1279px) {
  .charity-sec .count {
    font-size: 36px;
    margin: -1px 0 14px 0;
    padding: 18px 40px 11px;
  }
}
@media (max-width: 1023px) {
  .charity-sec .count {
    margin: 3px 0 3px;
  }
}
@media (max-width: 767px) {
  .charity-sec .count {
    margin: -3px 0 3px;
    font-size: 30px;
    padding: 21px 64px 15px;
  }
}
.charity-sec p {
  margin: 0 0 46px;
}
@media (max-width: 1023px) {
  .charity-sec p {
    margin: 0 0 61px;
  }
}
@media (max-width: 767px) {
  .charity-sec p {
    margin: 0 0 21px;
  }
}
.charity-sec .btn {
  width: 227px;
  height: 48px;
  border: 1px solid #00ce2e;
  display: inline-block;
  vertical-align: top;
  font: 24px "rodusround300thin", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 53px;
  color: #00ce2e;
}
@media (max-width: 1279px) {
  .charity-sec .btn {
    width: 199px;
    height: 38px;
    font-size: 18px;
    line-height: 43px;
  }
}
@media (max-width: 767px) {
  .charity-sec .btn {
    width: 159px;
    height: 28px;
    font-size: 14px;
    line-height: 31px;
  }
}
.charity-sec .btn:hover {
  background: #00ce2e;
  color: #141414;
}
.charity-sec .logo-sec {
  letter-spacing: -4px;
  margin: 0 0 -22px -5px;
}
@media (max-width: 1279px) {
  .charity-sec .logo-sec {
    margin: 0 0 -22px -20px;
  }
}
@media (max-width: 1023px) {
  .charity-sec .logo-sec {
    margin: 0 0 -22px -6px;
  }
}
@media (max-width: 767px) {
  .charity-sec .logo-sec {
    margin: 0;
  }
}
.charity-sec .logo-sec li {
  margin: 0 4.5% 24px;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1279px) {
  .charity-sec .logo-sec li {
    width: 33%;
    margin: 0 8.3% 20px;
  }
  .charity-sec .logo-sec li:first-child {
    width: 28%;
  }
}
@media (max-width: 1023px) {
  .charity-sec .logo-sec li {
    width: 45%;
    margin: 0 4.6% 25px;
  }
  .charity-sec .logo-sec li:first-child {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .charity-sec .logo-sec li {
    width: 33%;
    margin: 0 4.6% 20px;
  }
  .charity-sec .logo-sec li:first-child {
    width: 26%;
  }
}
.charity-sec .logo-sec img:hover {
  opacity: 0.8;
}
.charity-sec .col {
  float: right;
  width: 47.4%;
}
@media (max-width: 1279px) {
  .charity-sec .col {
    width: 46%;
  }
}
@media (max-width: 1023px) {
  .charity-sec .col {
    width: 49.4%;
  }
}
@media (max-width: 767px) {
  .charity-sec .col {
    float: none;
    width: 100%;
  }
}
.charity-sec .col:first-child {
  float: left;
}
@media (max-width: 767px) {
  .charity-sec .col:first-child {
    float: none;
    width: 100%;
    margin: 0 0 52px;
  }
}

@media (max-width: 767px) {
  .gallery-sec {
    margin: 0 0 10px;
  }
}
.gallery-sec .caption {
  text-align: center;
}
@media (max-width: 1023px) {
  .gallery-sec .caption {
    position: absolute;
  }
}
.gallery-sec .caption .caption-block {
  display: inline-block;
  vertical-align: top;
  width: 314px;
  height: 314px;
  border-radius: 100%;
  text-align: center;
  margin: 0;
  background: rgba(20, 20, 20, 0.75);
  padding: 28px 3.1%;
}
@media (max-width: 1279px) {
  .gallery-sec .caption .caption-block {
    width: 236px;
    height: 236px;
    padding: 28px 3.1%;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .gallery-sec .caption .caption-block {
    width: 126px;
    height: 126px;
    padding: 25px 0;
  }
}
.gallery-sec p {
  margin: 0 0 0 -6px;
}
@media (max-width: 767px) {
  .gallery-sec p {
    display: none;
  }
}
.gallery-sec h1 {
  margin: 0 0 8px -13px;
}
@media (max-width: 1279px) {
  .gallery-sec h1 {
    margin: 0 0 4px -13px;
  }
}
@media (max-width: 767px) {
  .gallery-sec h1 {
    margin: 0 0 4px -4px;
  }
}
.gallery-sec h1 a {
  position: relative;
  padding: 87px 0 0;
  display: inline-block;
}
@media (max-width: 1279px) {
  .gallery-sec h1 a {
    padding: 69px 0 0;
  }
}
@media (max-width: 767px) {
  .gallery-sec h1 a {
    padding: 44px 0 0;
  }
}
.gallery-sec h1 a:after {
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  background: url(../images/sprite.png) -596px -199px;
  width: 64px;
  height: 64px;
  margin: 0 0 0 -32px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1279px) {
  .gallery-sec h1 a:after {
    background: url(../images/sprite.png) -596px -398px;
    width: 48px;
    height: 48px;
    margin: 0 0 0 -27px;
  }
}
@media (max-width: 767px) {
  .gallery-sec h1 a:after {
    background: url(../images/sprite.png) -596px -596px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 -16px;
  }
}
.gallery-sec h1 a:hover:after {
  background-position: -596px -298px;
}
@media (max-width: 1279px) {
  .gallery-sec h1 a:hover:after {
    background-position: -596px -497px;
  }
}
@media (max-width: 767px) {
  .gallery-sec h1 a:hover:after {
    background-position: -596px -663px;
  }
}

.volunterr-area {
  background: #141414;
  text-align: left;
  padding: 92px 1% 62px;
  font-size: 24px;
  line-height: 31px;
  font-weight: 300;
  color: #cccccc;
}
.volunterr-area:after {
  margin: 0;
  bottom: 60px;
  top: 64px;
}
@media (max-width: 1279px) {
  .volunterr-area:after {
    display: none;
  }
}
@media (max-width: 1279px) {
  .volunterr-area {
    font-size: 18px;
    padding: 40px 4% 40px;
  }
}
@media (max-width: 1023px) {
  .volunterr-area {
    padding: 38px 11.2% 45px 18.4%;
  }
}
@media (max-width: 767px) {
  .volunterr-area {
    padding: 12px 1% 33px;
    margin: 0 0 20px;
  }
}
.volunterr-area p {
  margin: 0 0 29px;
}
@media (max-width: 1023px) {
  .volunterr-area p {
    margin: 0 0 32px;
  }
}
@media (max-width: 767px) {
  .volunterr-area p {
    margin: 0 0 15px;
  }
}
.volunterr-area .btn {
  border-color: #db2fa4;
  color: #db2fa4;
  width: auto;
  padding: 0 29px;
}
@media (max-width: 1279px) {
  .volunterr-area .btn {
    padding: 0 25px;
    line-height: 41px;
  }
}
@media (max-width: 767px) {
  .volunterr-area .btn {
    padding: 0 21px;
    line-height: 30px;
  }
}
.volunterr-area .btn:hover {
  background: #db2fa4;
}
.volunterr-area:after {
  background: #2e2e2e;
}
.volunterr-area .img-area {
  width: 48.4%;
}
@media (max-width: 1279px) {
  .volunterr-area .img-area {
    width: 48.4%;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .img-area {
    width: 40.7%;
  }
}
@media (max-width: 767px) {
  .volunterr-area .img-area {
    float: none;
    width: 43%;
    margin: 0 auto;
  }
}
.volunterr-area h2 {
  letter-spacing: -1px;
  width: 46.1%;
  margin: 24px 0 15px;
  font-size: 36px;
}
@media (max-width: 1279px) {
  .volunterr-area h2 {
    font-size: 30px;
    width: 47.6%;
    margin-bottom: 7px;
  }
}
@media (max-width: 1023px) {
  .volunterr-area h2 {
    width: 51.1%;
    margin: 17px 0 11px;
  }
}
@media (max-width: 767px) {
  .volunterr-area h2 {
    float: none;
    width: 100%;
    font-size: 24px;
    margin: 17px 0;
  }
}
.volunterr-area h2 a {
  color: #db2fa4;
}
.volunterr-area h2 a:hover {
  color: white;
}
.volunterr-area .info {
  width: 46.4%;
}
@media (max-width: 1279px) {
  .volunterr-area .info {
    width: 47.2%;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .info {
    width: 51.1%;
  }
}
@media (max-width: 767px) {
  .volunterr-area .info {
    float: none;
    width: 100%;
  }
}
.volunterr-area .col {
  width: 46.7%;
}
@media (max-width: 1279px) {
  .volunterr-area .col {
    width: 48%;
    float: left;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .col {
    width: 100%;
    float: none;
    margin: 0 0 68px;
  }
}
@media (max-width: 767px) {
  .volunterr-area .col {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 36px !important;
  }
}
.volunterr-area .col.col1 {
  margin: 0 -9px 0 0;
}
@media (max-width: 1279px) {
  .volunterr-area .col.col1 {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .volunterr-area .col.col1 {
    margin: 0 !important;
  }
}
.volunterr-area .col.col1 .info {
  width: 45.2%;
}
@media (max-width: 1279px) {
  .volunterr-area .col.col1 .info {
    width: 47.7%;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .col.col1 .info {
    width: 50.8%;
  }
}
@media (max-width: 767px) {
  .volunterr-area .col.col1 .info {
    float: none;
    width: 100%;
  }
}
.volunterr-area .col.col1 .btn {
  border-color: #00ce2e;
  color: #00ce2e;
}
.volunterr-area .col.col1 .btn:hover {
  background: #00ce2e;
  color: #141414;
}
.volunterr-area .col.col1 h2 a {
  color: #00ce2e;
}
.volunterr-area .col.col1 h2 a:hover {
  color: white;
}
.volunterr-area .list {
  margin: 0 0 20px;
}
@media (max-width: 1279px) {
  .volunterr-area .list {
    margin: 4px -55px 31px 0;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .list {
    margin: 1px -1px 31px 0;
  }
}
@media (max-width: 767px) {
  .volunterr-area .list {
    margin: 12px 0;
    width: 100%;
    text-align: center;
  }
}
.volunterr-area .list li {
  position: relative;
}
@media (max-width: 1279px) {
  .volunterr-area .list li {
    line-height: 22px;
    margin: 0 0 5px;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .list li {
    margin: 0 0 1px;
  }
}
@media (max-width: 767px) {
  .volunterr-area .list li {
    display: block;
    line-height: 20px;
    margin: 0 0 7px;
  }
}
.volunterr-area .list li span {
  display: block;
  position: relative;
  padding: 0 0 0 15px;
}
@media (max-width: 1279px) {
  .volunterr-area .list li span {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 1023px) {
  .volunterr-area .list li span {
    padding: 0 0 0 19px;
  }
}
@media (max-width: 767px) {
  .volunterr-area .list li span {
    display: inline-block;
    margin: 0 0 -5px;
  }
}
.volunterr-area .list li span:after {
  position: absolute;
  left: 0;
  top: 16px;
  content: '';
  background: #e0e0e0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
}
@media (max-width: 1279px) {
  .volunterr-area .list li span:after {
    top: 9px;
  }
}
.volunterr-area .list li a {
  color: #e0e0e0;
}
.volunterr-area .list li a:hover, .volunterr-area .list li a:active, .volunterr-area .list li a:focus {
  color: white;
  text-decoration: none;
}

.latest-sec {
  background: #141414;
  padding: 24px 1% 88px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1279px) {
  .latest-sec {
    padding: 26px 8.8% 47px 9.9%;
  }
}
@media (max-width: 1023px) {
  .latest-sec {
    padding: 26px 4.2% 126px;
  }
}
@media (max-width: 767px) {
  .latest-sec {
    padding: 18px 3.2% 41px;
  }
}
.latest-sec h1 {
  text-align: center;
  font-size: 36px;
  text-transform: uppercase;
  color: #474747;
  margin: 0 0 29px;
}
@media (max-width: 1279px) {
  .latest-sec h1 {
    font-size: 30px;
    margin: 0 0 36px;
  }
}
@media (max-width: 767px) {
  .latest-sec h1 {
    font-size: 18px;
    margin: 0 0 22px;
  }
}
.latest-sec h2 {
  font-size: 36px;
  text-transform: uppercase;
  margin: 0 0 22px;
}
@media (max-width: 1279px) {
  .latest-sec h2 {
    font-size: 30px;
    margin: 0 0 26px;
  }
}
@media (max-width: 767px) {
  .latest-sec h2 {
    font-size: 18px;
    margin: 0 0 18px;
  }
}
.latest-sec .holder {
  overflow: hidden;
  letter-spacing: -4px;
}
.latest-sec .block {
  float: left;
  width: 69.4%;
}
@media (max-width: 1279px) {
  .latest-sec .block {
    width: 100%;
    margin: 0 0 -4px;
  }
}
@media (max-width: 1023px) {
  .latest-sec .block {
    margin: 0 0 62px;
  }
}
@media (max-width: 767px) {
  .latest-sec .block {
    margin: 0 0 31px;
  }
}
.latest-sec .block .col {
  float: left;
  width: 37.2%;
  margin: 0;
}
@media (max-width: 1023px) {
  .latest-sec .block .col {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .latest-sec .block .col {
    float: none;
    width: 100%;
  }
}
.latest-sec .block .col h2 {
  color: #00ce2e;
}
.latest-sec .block .col.photos {
  padding: 0 8%;
  float: right;
  width: 40%;
  position: relative;
}
.latest-sec .block .col.photos h2 {
  color: #149acf;
}
@media (max-width: 1279px) {
  .latest-sec .block .col.photos {
    padding: 0 0 0 10.9%;
  }
}
@media (max-width: 1023px) {
  .latest-sec .block .col.photos {
    width: 48.3%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .latest-sec .block .col.photos {
    float: none;
    width: 100%;
    margin: 0 0 28px;
  }
}
.latest-sec .block .col.photos:after, .latest-sec .block .col.photos:before {
  position: absolute;
  left: 0;
  top: 63px;
  bottom: 0;
  content: '';
  width: 1px;
  background: #2e2e2e;
}
@media (max-width: 1023px) {
  .latest-sec .block .col.photos:after, .latest-sec .block .col.photos:before {
    display: none;
  }
}
.latest-sec .block .col.photos:after {
  left: auto;
  right: 0;
}
@media (max-width: 1279px) {
  .latest-sec .block .col.photos:after {
    display: none;
  }
}
.latest-sec .col {
  letter-spacing: 0;
  float: right;
  width: 25.8%;
  font-size: 18px;
  color: #cccccc;
  line-height: 24px;
}
@media (max-width: 1279px) {
  .latest-sec .col {
    float: left;
    width: 37.3%;
  }
}
@media (max-width: 1023px) {
  .latest-sec .col {
    width: 68.9%;
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .latest-sec .col {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
}
.latest-sec .col.col1:after {
  display: block;
  content: '';
  clear: both;
}
@media (max-width: 1023px) {
  .latest-sec .col.col1 img {
    float: left;
    width: 65%;
    margin: 5px 0 0 15px;
  }
}
@media (max-width: 767px) {
  .latest-sec .col.col1 img {
    float: none;
    width: 100%;
    margin: 0 0 5px;
  }
}
@media (max-width: 1023px) {
  .latest-sec .col.col1 h2 {
    float: right;
    width: 25.2%;
    margin: 0 0 6px;
  }
}
@media (max-width: 767px) {
  .latest-sec .col.col1 h2 {
    float: none;
    width: 100%;
    margin: 0 0 14px;
  }
}
.latest-sec .col h2 {
  color: #db2fa4;
}
@media (max-width: 767px) {
  .latest-sec .col h2 {
    text-align: center;
  }
}
.latest-sec .col p {
  margin: 0 4px 22px 0;
}
.latest-sec .col p span {
  text-transform: uppercase;
}
.latest-sec .col .btn-area {
  text-align: center;
  display: block;
  margin: 57px 0 0 12px;
}
@media (max-width: 1023px) {
  .latest-sec .col .btn-area {
    display: none;
  }
}
@media (max-width: 767px) {
  .latest-sec .col .btn-area {
    display: block;
    margin: -6px 0 0 12px;
  }
}
.latest-sec .col .btn-area .btn {
  width: 90px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  background: #474747;
  color: #141414;
  text-transform: uppercase;
  font: 18px/45px "rodusround300thin", Arial, Helvetica, sans-serif;
}
.latest-sec .col .btn-area .btn:hover {
  opacity: 0.8;
}
.latest-sec .col .video-title {
  font-size: 24px;
  font-weight: 300;
  display: block;
  margin: 16px 0 0;
}
@media (max-width: 1279px) {
  .latest-sec .col .video-title {
    margin: 10px 0 0;
  }
}
@media (max-width: 1023px) {
  .latest-sec .col .video-title {
    float: right;
    width: 33%;
    margin: 0 -38px 0 0;
  }
}
@media (max-width: 767px) {
  .latest-sec .col .video-title {
    float: none;
    width: 100%;
    font-size: 18px;
    margin: 14px 0 0;
  }
}
.latest-sec .col .btn-facebook {
  font-size: 14px;
  font-weight: 700;
  color: #7a7a7a;
}
.latest-sec .col .btn-facebook:hover, .latest-sec .col .btn-facebook:active, .latest-sec .col .btn-facebook:focus {
  color: #bababa;
  text-decoration: none;
}
.latest-sec .col img {
  margin: 0 0 11px;
}
@media (max-width: 1279px) {
  .latest-sec .col img {
    margin: 0 0 14px;
  }
}
.latest-sec .col time {
  display: block;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 7px;
}

.aside {
  padding-top: 55px;
  position: relative;
  z-index: 2;
}
.aside:after {
  margin: -508px -236px 0;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  content: '';
  background: url(../images/shadow.png) no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .aside:after {
    background: black;
  }
}
@media (max-width: 1599px) {
  .aside {
    padding-top: 49px;
  }
}
@media (max-width: 1279px) {
  .aside {
    padding-top: 41px;
  }
}
@media (max-width: 1023px) {
  .aside {
    padding-top: 43px;
  }
}
@media (max-width: 767px) {
  .aside {
    padding-top: 17px;
    background: black;
  }
}
.aside .content-top {
  padding: 0 0 39px;
  margin: 0 0 18px;
  border-bottom: 1px solid white;
  position: relative;
}
@media (max-width: 1279px) {
  .aside .content-top {
    padding: 0 2% 49px;
  }
}
@media (max-width: 1023px) {
  .aside .content-top {
    padding: 0 2.8% 34px;
  }
}
@media (max-width: 767px) {
  .aside .content-top {
    padding: 0 1.7% 0;
    border-bottom: none;
    margin: 0 0 5px;
  }
}
.aside .content-top .logo {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -163px;
}
@media (max-width: 1279px) {
  .aside .content-top .logo {
    margin: 5px 0 0 -127px;
    width: 297px;
  }
}
@media (max-width: 1023px) {
  .aside .content-top .logo {
    margin: -21px 0 0 -138px;
  }
}
@media (max-width: 767px) {
  .aside .content-top .logo {
    position: relative;
    margin: 0 0 4px -85px;
    width: 190px;
  }
}
.aside .content-top .col {
  float: right;
}
@media (max-width: 767px) {
  .aside .content-top .col {
    float: none;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 24px;
  }
}
.aside .content-top .col:first-child {
  float: left;
}
@media (max-width: 1023px) {
  .aside .content-top .col:first-child {
    width: 71.1%;
  }
}
@media (max-width: 767px) {
  .aside .content-top .col:first-child {
    float: none;
    width: 100%;
    overflow: hidden;
  }
}
.aside .content-top .socail-networks {
  margin: 6px 0 20px;
  letter-spacing: -4px;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks {
    margin-bottom: 13px;
  }
}
@media (max-width: 767px) {
  .aside .content-top .socail-networks {
    margin-bottom: 14px;
  }
}
.aside .content-top .socail-networks li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0 20px 0 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li {
    margin: 0 15px 0 0;
  }
}
@media (max-width: 767px) {
  .aside .content-top .socail-networks li {
    margin: 0 3%;
  }
}
.aside .content-top .socail-networks li.facebook a {
  background-position: -695px 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li.facebook a {
    background-position: -695px -40px;
  }
}
.aside .content-top .socail-networks li.facebook a:hover {
  background-position: -851px 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li.facebook a:hover {
    background-position: -851px -40px;
  }
}
.aside .content-top .socail-networks li.instagram a {
  background-position: -747px 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li.instagram a {
    background-position: -736px -40px;
  }
}
.aside .content-top .socail-networks li.instagram a:hover {
  background-position: -903px 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li.instagram a:hover {
    background-position: -892px -40px;
  }
}
.aside .content-top .socail-networks li.play a {
  width: 40px;
  height: 27px;
  background-position: -798px 0;
  margin: 3px 0 0 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li.play a {
    background-position: -778px -40px;
    width: 31px;
    height: 22px;
  }
}
.aside .content-top .socail-networks li.play a:hover {
  background-position: -954px 0;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks li.play a:hover {
    background-position: -934px -40px;
  }
}
.aside .content-top .socail-networks a {
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  -moz-transition: none 0.4s ease;
  -webkit-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  background: url(../images/sprite.png) no-repeat;
}
@media (max-width: 1279px) {
  .aside .content-top .socail-networks a {
    width: 26px;
    height: 26px;
  }
}
.aside .content-top .add-links {
  margin: 0 0 18px;
  font: 14px "rodusround300thin", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: -4px;
  text-align: center;
  display: none;
}
@media (max-width: 767px) {
  .aside .content-top .add-links {
    display: block;
  }
}
.aside .content-top .add-links li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0 4px 0 0;
}
.aside .content-top .powered-by {
  overflow: hidden;
  text-align: right;
  padding: 6px 0 0 0;
  display: block;
}
@media (max-width: 767px) {
  .aside .content-top .powered-by {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -81px;
  }
}
.aside .content-top .powered-by i {
  float: left;
  font: 24px "norwesterregular", Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #7a7a7a;
}
@media (max-width: 1279px) {
  .aside .content-top .powered-by i {
    font-size: 18px;
  }
}
.aside .content-top .powered-by img {
  float: right;
  margin: 0 0 0 31px;
}
@media (max-width: 1279px) {
  .aside .content-top .powered-by img {
    width: 84px;
    margin: 0 0 0 11px;
  }
}
@media (max-width: 767px) {
  .aside .content-top .powered-by img {
    width: 50.9px;
    margin: 0 0 0 15px;
  }
}
.aside .content-top .powered-by img:hover {
  opacity: 0.8;
}
.aside .content-top .newsletter h3 {
  text-transform: uppercase;
  color: #7a7a7a;
  margin: 0 0 15px;
}
@media (max-width: 1279px) {
  .aside .content-top .newsletter h3 {
    margin: 0 0 23px;
  }
}
@media (max-width: 767px) {
  .aside .content-top .newsletter h3 {
    display: none;
  }
}
.aside .content-top .newsletter .search {
  position: relative;
  border: 1px solid #474747;
  width: 300px;
  height: 50px;
  padding: 0 70px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.aside .content-top .newsletter .search .error-text {
  display: none;
}
.aside .content-top .newsletter .search .sent {
  display: none;
}
.aside .content-top .newsletter .search.sent-massage .sent {
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00ce2e;
  text-align: center;
  font: 24px/50px "rodusround300thin", Arial, Helvetica, sans-serif;
  color: #141414;
}
@media (max-width: 1279px) {
  .aside .content-top .newsletter .search.sent-massage .sent {
    font-size: 16px;
    line-height: 40px;
  }
}
.aside .content-top .newsletter .search.parent-active {
  border-color: #00ce2e;
}
.aside .content-top .newsletter .search.parent-active input[type="submit"] {
  background: #00ce2e;
  color: #141414;
}
.aside .content-top .newsletter .search.parent-active input[type="email"] {
  color: #c2c2c2;
}
.aside .content-top .newsletter .search.error {
  border-color: #db2fa4;
}
.aside .content-top .newsletter .search.error input[type="submit"] {
  background: #db2fa4;
  color: #141414;
}
.aside .content-top .newsletter .search.error input[type="email"] {
  color: #c2c2c2;
}
.aside .content-top .newsletter .search.error .error-text {
  display: block;
  text-align: right;
  color: #d6d6d6;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 100%;
  margin: 8px 0 0 0;
}
@media (max-width: 1279px) {
  .aside .content-top .newsletter .search {
    width: 290px;
    height: 40px;
  }
}
@media (max-width: 1023px) {
  .aside .content-top .newsletter .search {
    float: right;
    margin: 15px 0 0;
  }
}
@media (max-width: 767px) {
  .aside .content-top .newsletter .search {
    float: none;
    margin: 0 auto;
  }
}
.aside .content-top .newsletter .search input[type="email"] {
  width: 100%;
  height: 48px;
  padding: 14px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
}
.aside .content-top .newsletter .search input[type="email"]:focus {
  box-shadow: none;
}
@media (max-width: 1279px) {
  .aside .content-top .newsletter .search input[type="email"] {
    width: 100%;
    height: 38px;
    font-size: 14px;
    line-height: 16px;
    float: left;
    padding: 11px 20px;
  }
}
.aside .content-top .newsletter .search input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 69px;
  height: 48px;
  padding: 0;
  background: #474747;
  border: none;
  font: 24px/54px "rodusround300thin", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #e6e6e6;
}
@media (max-width: 1279px) {
  .aside .content-top .newsletter .search input[type="submit"] {
    width: 60px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
  }
}
.aside .content-top .newsletter .search input[type="submit"]:hover {
  opacity: 0.8;
}
.aside.section-active {
  margin: 141px 0 0;
}

@media (max-width: 767px) {
  .partners-area {
    background: #141414;
    margin: 0 -9999px;
    padding: 20px 9999px 4px;
  }
}
.partners-area.even .partners .partners-logo li:first-child {
  display: none;
}
.partners-area .partners {
  text-align: center;
}
.partners-area .partners h3 {
  margin: 0 0 24px;
  color: #149acf;
}
@media (max-width: 1023px) {
  .partners-area .partners h3 {
    margin: 0 0 15px;
  }
}
@media (max-width: 767px) {
  .partners-area .partners h3 {
    margin: 0 0 17px;
  }
}
.partners-area .partners.event .wrap-holder {
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}
.partners-area .partners .partners-logo {
  letter-spacing: -4px;
  margin: 0 -163px 56px;
}
@media (max-width: 1279px) {
  .partners-area .partners .partners-logo {
    margin: 0 1px 28px;
  }
}
@media (max-width: 1023px) {
  .partners-area .partners .partners-logo {
    margin: 0 1px 41px;
  }
}
@media (max-width: 767px) {
  .partners-area .partners .partners-logo {
    text-align: center;
  }
}
.partners-area .partners .partners-logo li {
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
  margin: 1.5% 3%;
}
@media (max-width: 1279px) {
  .partners-area .partners .partners-logo li {
    margin: 0 3.1%;
    width: 13.5%;
  }
}
@media (max-width: 1023px) {
  .partners-area .partners .partners-logo li {
    margin: 0 1%;
    width: 17.2%;
  }
}
@media (max-width: 767px) {
  .partners-area .partners .partners-logo li {
    margin: 0 3.5% 21px;
    width: 26%;
  }
}
.partners-area .partners .partners-logo li img:hover {
  opacity: 0.8;
}
.partners-area .partners-block {
  margin: 0;
  background: #141414;
  padding: 18px 0 4px;
}
@media (max-width: 1279px) {
  .partners-area .partners-block {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 -5px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .partners-area .partners-block {
    display: none;
  }
}
.partners-area .partners-block h3 {
  color: #db2fa4;
}
@media (max-width: 1279px) {
  .partners-area .partners-block h3 {
    margin: 0 0 14px;
  }
}
@media (max-width: 1023px) {
  .partners-area .partners-block h3 {
    margin: 0 0 16px;
  }
}
.partners-area .partners-block .partners.event h3 {
  color: #00ce2e;
}
.partners-area .partners-block .partners-logo {
  margin: 0 -45px 0;
}
@media (max-width: 1279px) {
  .partners-area .partners-block .partners-logo {
    margin: 0 -16px 0;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .partners-area .partners-block .partners-logo {
    text-align: center;
    margin: 0 -4px 0;
  }
}
.partners-area .partners-block .partners-logo li {
  margin: 0 1.7% 23px;
}
@media (max-width: 1279px) {
  .partners-area .partners-block .partners-logo li {
    width: 10%;
    margin: 0 1.9% 23px;
  }
}
@media (max-width: 1023px) {
  .partners-area .partners-block .partners-logo li {
    width: 14.1%;
    margin: 0 0.9% 20px;
  }
}

#footer {
  background: #020202;
  font-size: 16px;
  font-weight: 400;
  color: #e0e0e0;
  padding-top: 9px;
  padding-bottom: 50px;
}
@media (max-width: 1279px) {
  #footer {
    font-size: 14px;
    background: none;
    padding: 9px 2% 50px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #footer {
    text-align: center;
    padding: 14px 2% 50px;
  }
}
#footer .terms-link {
  position: absolute;
  left: 50%;
  margin: 2px 0 0 -68px;
}
@media (max-width: 767px) {
  #footer .terms-link {
    display: none;
  }
}
#footer p {
  float: left;
  margin: 2px 0 0;
}
@media (max-width: 767px) {
  #footer p {
    float: none;
    margin: 0 0 33px;
  }
}
#footer .designed-by {
  float: right;
}
@media (max-width: 767px) {
  #footer .designed-by {
    float: none;
  }
}
#footer .designed-by img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 20px;
  width: 60px;
}
@media (max-width: 1279px) {
  #footer .designed-by img {
    margin: 0 0 0 13px;
    width: 50px;
  }
}

#content {
  background: #141414;
  padding: 91px 2% 141px;
}
@media (max-width: 1279px) {
  #content {
    padding: 64px 3% 141px;
  }
}
@media (max-width: 1023px) {
  #content {
    padding: 63px 4% 141px;
  }
}
@media (max-width: 767px) {
  #content {
    padding: 21px 7%;
  }
}
#content .volunteer-area {
  position: relative;
  padding: 0 451px 0 0;
}
@media (max-width: 1279px) {
  #content .volunteer-area {
    padding: 0 337px 0 0;
  }
}
@media (max-width: 1023px) {
  #content .volunteer-area {
    padding: 0 128px 0 0;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area {
    padding: 0;
  }
}
#content .volunteer-area h2 {
  font-size: 36px;
  margin: 0 0 12px;
}
@media (max-width: 1279px) {
  #content .volunteer-area h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area h2 {
    font-size: 18px;
    text-align: center;
  }
}
#content .volunteer-area p {
  margin: 0 0 53px;
}
@media (max-width: 1279px) {
  #content .volunteer-area p {
    margin: 0  0 38px;
  }
}
@media (max-width: 1023px) {
  #content .volunteer-area p {
    margin: 0 0 19px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area p {
    margin: 0 0 27px;
  }
}
#content .volunteer-area p + ol {
  margin-top: -53px;
}
@media (max-width: 1279px) {
  #content .volunteer-area p + ol {
    margin-top: -38px;
  }
}
@media (max-width: 1023px) {
  #content .volunteer-area p + ol {
    margin-top: -19px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area p + ol {
    margin-top: -27px;
  }
}
#content .volunteer-area p + ul {
  margin-top: -53px;
}
@media (max-width: 1279px) {
  #content .volunteer-area p + ul {
    margin-top: -38px;
  }
}
@media (max-width: 1023px) {
  #content .volunteer-area p + ul {
    margin-top: -19px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area p + ul {
    margin-top: -27px;
  }
}
@media (max-width: 1023px) {
  #content .volunteer-area .content-block {
    padding: 0 115px 0 0;
    min-height: 223px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area .content-block {
    padding: 0;
    min-height: inherit;
    margin: 0 0 22px;
  }
}
#content .volunteer-area .content-block .img-area {
  width: 22%;
  position: absolute;
  right: 0;
  margin: -46px 114px 0 0;
}
@media (max-width: 1279px) {
  #content .volunteer-area .content-block .img-area {
    margin: -32px 5px 0 0;
    width: 206px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area .content-block .img-area {
    margin: 0 auto 16px;
    max-width: 130px;
    position: relative;
    text-align: center;
  }
}
#content .volunteer-area .content-block .btn-area {
  width: 22%;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  margin: 242px 111px 0 0;
}
@media (max-width: 1279px) {
  #content .volunteer-area .content-block .btn-area {
    margin: 196px -1px 0 0;
    width: 206px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area .content-block .btn-area {
    position: relative;
    margin: 0;
    text-align: center;
    display: block;
    width: 100%;
  }
}
#content .volunteer-area .content-block .btn {
  width: 177px;
  height: 68px;
  border: 1px solid #db2fa4;
  display: inline-block;
  vertical-align: top;
  color: #db2fa4;
  font: 30px/75px "rodusround300thin", Arial, Helvetica, sans-serif;
}
@media (max-width: 1279px) {
  #content .volunteer-area .content-block .btn {
    width: 143px;
    height: 58px;
    font-size: 24px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  #content .volunteer-area .content-block .btn {
    width: 97px;
    height: 33px;
    font-size: 14px;
    line-height: 35px;
  }
}
#content .volunteer-area .content-block .btn:hover {
  background: #db2fa4;
  color: #141414;
}
#content.faq {
  padding: 0;
  background: none;
}
#content.faq .faq-holder {
  background: #141414;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 86px 2% 39px;
}
@media (max-width: 1279px) {
  #content.faq .faq-holder {
    padding: 35px 2% 39px 4%;
  }
}
@media (max-width: 1023px) {
  #content.faq .faq-holder {
    padding: 18px 6.3% 26px;
  }
}
@media (max-width: 767px) {
  #content.faq .faq-holder {
    padding: 18px 6.3% 26px;
  }
}
#content.faq .faq-holder h2 {
  font-size: 36px;
  color: #00c52c;
}
@media (max-width: 1279px) {
  #content.faq .faq-holder h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #content.faq .faq-holder h2 {
    font-size: 24px;
  }
}
#content.faq .faq-holder .align-left {
  width: 25%;
  margin: 0;
}
@media (max-width: 1023px) {
  #content.faq .faq-holder .align-left {
    margin: 0 0 21px;
    width: 100%;
    float: none;
  }
}
@media (max-width: 767px) {
  #content.faq .faq-holder .align-left {
    margin: 0 0 9px;
  }
}
#content.faq .faq-holder .align-right {
  width: 74.2%;
}
@media (max-width: 1279px) {
  #content.faq .faq-holder .align-right {
    width: 72.8%;
  }
}
@media (max-width: 1023px) {
  #content.faq .faq-holder .align-right {
    width: 100%;
    float: none;
  }
}
#content.faq .faq-holder:nth-child(2) h2 {
  color: #db2fa4;
}
#content.faq .faq-holder:nth-child(2) li .opener:hover {
  color: #db2fa4;
}
#content.faq .faq-holder:nth-child(2) li .opener:hover .opener-icon:after, #content.faq .faq-holder:nth-child(2) li .opener:hover .opener-icon:before {
  background: #db2fa4;
}
#content.faq .faq-holder:nth-child(2) li.active .opener-icon:after, #content.faq .faq-holder:nth-child(2) li.active .opener-icon:before {
  background: #adadad;
}
#content.faq .faq-holder:nth-child(2) li.active a.opener {
  color: #adadad;
}
#content.faq .faq-holder:nth-child(2) li.active a.opener:hover {
  color: #adadad;
}
#content.faq .faq-holder:nth-child(2) li.active a.opener:hover .opener-icon:after, #content.faq .faq-holder:nth-child(2) li.active a.opener:hover .opener-icon:before {
  background: #adadad;
}
#content .filter-list {
  overflow: hidden;
  margin: 0 0 80px;
}
@media (max-width: 1279px) {
  #content .filter-list {
    margin: -19px 0 46px 7px;
  }
}
@media (max-width: 1023px) {
  #content .filter-list {
    margin: -16px 0 39px 1px;
  }
}
@media (max-width: 767px) {
  #content .filter-list {
    margin: -2px -25px 1px -11px;
  }
}
#content .filter-list li {
  float: left;
  margin: 0 3.2% 0 0;
  font: 36px "norwesterregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  #content .filter-list li {
    font-size: 30px;
    margin: 0 3.1% 0 0;
  }
}
@media (max-width: 1023px) {
  #content .filter-list li {
    margin: 0 4% 6px 0;
  }
}
@media (max-width: 767px) {
  #content .filter-list li {
    font-size: 16px;
    margin: 0 7.8% 14px 0;
  }
}
#content .filter-list li.active a {
  color: #00c52c;
}
#content .filter-list a {
  color: #7a7a7a;
}
#content .filter-list a:hover {
  color: #e0e0e0;
}
#content .gallery-filter {
  overflow: hidden;
}
#content .gallery-filter .filter {
  letter-spacing: -5px;
  margin: 0 0 0 -5.9%;
}
@media (max-width: 1279px) {
  #content .gallery-filter .filter {
    margin: 0 0 0 -4%;
  }
}
@media (max-width: 1023px) {
  #content .gallery-filter .filter {
    margin: 0 0 0 -6.6%;
  }
}
@media (max-width: 767px) {
  #content .gallery-filter .filter {
    margin: 0 0 0 -16px;
  }
}
#content .gallery-filter li {
  position: relative;
  width: 19.4%;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 67px 5.6%;
}
@media (max-width: 1279px) {
  #content .gallery-filter li {
    margin: 0 0 36px 4.9%;
    width: 19.8%;
  }
}
@media (max-width: 1023px) {
  #content .gallery-filter li {
    margin: 0 0 36px 6.2%;
    width: 27.1%;
  }
}
@media (max-width: 767px) {
  #content .gallery-filter li {
    margin: 0 0 19px 6%;
    width: 44%;
  }
}
#content .gallery-filter li a {
  display: block;
  position: relative;
}
#content .gallery-filter li a:hover {
  color: #141414;
}
#content .gallery-filter li a:hover .title {
  background: #149acf;
}
#content .gallery-filter li a:hover:after {
  border: 10px solid #149acf;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-bottom: none;
  content: '';
}
@media (max-width: 1279px) {
  #content .gallery-filter li a:hover:after {
    border-width: 5px;
  }
}
@media (max-width: 767px) {
  #content .gallery-filter li a:hover:after {
    border-width: 1px;
  }
}
#content .gallery-filter .title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  line-height: 58px;
  font-weight: 400;
  padding: 0 0 0 19px;
}
@media (max-width: 1279px) {
  #content .gallery-filter .title {
    height: 50px;
    line-height: 47px;
    padding: 0 0 0 11px;
  }
}
@media (max-width: 767px) {
  #content .gallery-filter .title {
    font-size: 12px;
    height: 30px;
    line-height: 28px;
  }
}
#content .gallery-filter .title em {
  font-style: normal;
  font-weight: 300;
}
#content.gallery-page {
  padding-bottom: 0;
}

.accordion {
  border-bottom: 1px solid #2e2e2e;
  padding: 4px 0 0 0;
}
.accordion li {
  padding: 25px 0;
  border-top: 1px solid #2e2e2e;
}
@media (max-width: 1279px) {
  .accordion li {
    padding: 27px 0;
  }
}
@media (max-width: 767px) {
  .accordion li {
    padding: 17px 0;
  }
}
.accordion li .opener {
  font: 30px "norwesterregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding: 0 20px 0 0;
}
@media (max-width: 1279px) {
  .accordion li .opener {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .accordion li .opener {
    font-size: 16px;
    padding: 0;
    line-height: 18px;
  }
}
.accordion li .opener:hover {
  color: #00c52c;
}
.accordion li .opener:hover .opener-icon:after, .accordion li .opener:hover .opener-icon:before {
  background: #00c52c;
}
.accordion li.active .opener-icon:after, .accordion li.active .opener-icon:before {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  background: #adadad;
}
.accordion li.active a.opener {
  color: #adadad;
}
.accordion li.active a.opener:hover {
  color: #adadad;
}
.accordion li.active a.opener:hover .opener-icon:after, .accordion li.active a.opener:hover .opener-icon:before {
  background: #adadad;
}
.accordion li .opener-icon {
  float: right;
  width: 23px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1279px) {
  .accordion li .opener-icon {
    width: 17px;
  }
}
@media (max-width: 767px) {
  .accordion li .opener-icon {
    display: none;
  }
}
.accordion li .opener-icon:before, .accordion li .opener-icon:after {
  background: #474747;
  position: absolute;
  height: 3px;
  content: '';
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  left: 3%;
  right: 3%;
  top: 10px;
}
.accordion li .opener-icon:after {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.accordion .slide p {
  padding: 16px 150px 0 2px;
  margin: 0;
}
@media (max-width: 1279px) {
  .accordion .slide p {
    padding: 21px 72px 0 2px;
  }
}
@media (max-width: 1023px) {
  .accordion .slide p {
    padding: 22px 63px 0 0;
  }
}
@media (max-width: 767px) {
  .accordion .slide p {
    padding: 20px 0 0;
    line-height: 24px;
  }
}

.works-holder {
  margin: 0 0 10px;
  background: #141414;
  padding: 0 3%;
}
@media (max-width: 1023px) {
  .works-holder {
    padding: 0 4%;
  }
}
@media (max-width: 767px) {
  .works-holder {
    position: relative;
    padding: 0 6%;
    margin: 0 0 22px;
  }
}
.works-holder .article {
  padding: 50px 0;
  overflow: hidden;
  display: table;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1279px) {
  .works-holder .article {
    padding: 29px 0 32px;
  }
}
@media (max-width: 1023px) {
  .works-holder .article {
    padding: 29px 0 32px;
  }
}
@media (max-width: 767px) {
  .works-holder .article {
    padding: 20px 0;
  }
}
.works-holder .article.green-article a {
  color: #00ce2e;
}
.works-holder .article.green-article a:hover {
  color: white;
}
.works-holder .article.green-article .btn:hover {
  background: #00ce2e;
  color: #141414;
}
.works-holder .article.blue-article a {
  color: #149acf;
}
.works-holder .article.blue-article a:hover {
  color: white;
}
.works-holder .article.blue-article .btn:hover {
  background: #149acf;
  color: #141414;
}
.works-holder .article.pink-article a {
  color: #db2fa4;
}
.works-holder .article.pink-article a:hover {
  color: white;
}
.works-holder .article.pink-article .btn:hover {
  background: #db2fa4;
  color: #141414;
}
.works-holder .img-holder {
  width: 22.5%;
  display: table-cell;
  vertical-align: middle;
  border-radius: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .works-holder .img-holder {
    width: 31.3%;
  }
}
@media (max-width: 767px) {
  .works-holder .img-holder {
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 20px 0 0;
  }
}
.works-holder .info-block {
  padding: 0 0 15px;
}
@media (max-width: 1279px) {
  .works-holder .info-block {
    padding: 0 0 20px;
  }
}
@media (max-width: 1023px) {
  .works-holder .info-block {
    padding: 0 0 40px;
  }
}
@media (max-width: 767px) {
  .works-holder .info-block {
    line-height: 20px;
    background: #141414;
    text-align: center;
    padding: 0 0 0 0;
  }
}
.works-holder .info {
  padding: 16px 3.1% 0 3.5%;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1279px) {
  .works-holder .info {
    padding: 21px 0 0 3.0%;
  }
}
@media (max-width: 1023px) {
  .works-holder .info {
    padding: 42px 0 0 4%;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .works-holder .info {
    padding: 0;
    line-height: 24px;
  }
}
.works-holder h2 {
  font-size: 36px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .works-holder h2 {
    font-size: 30px;
    margin: 0 0 5px;
  }
}
@media (max-width: 767px) {
  .works-holder h2 {
    font-size: 24px;
    padding: 0 0 13px 141px;
    height: 130px;
    display: table-cell;
    vertical-align: middle;
  }
}
.works-holder h2 a:hover {
  color: white;
}
.works-holder p {
  margin: 0 0 10px;
}
@media (max-width: 1279px) {
  .works-holder p {
    margin: 0 0 5px;
  }
}
@media (max-width: 767px) {
  .works-holder p {
    margin: 0 0 20px;
  }
}
.works-holder .btn-area {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .works-holder .btn-area {
    position: static;
    text-align: center;
    display: block;
    margin: 0 0 -20px;
  }
}
.works-holder .btn {
  padding: 0 30px;
  height: 69px;
  background: #000;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font: 30px/75px "rodusround300thin", Arial, Helvetica, sans-serif;
}
@media (max-width: 1279px) {
  .works-holder .btn {
    font-size: 24px;
    line-height: 65px;
    height: 60px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .works-holder .btn {
    width: auto;
    padding: 0 20px;
    height: 35px;
    line-height: 40px;
    font-size: 14px;
  }
}
.works-holder .btn:hover {
  color: #141414;
}

.obstacles-info {
  background: #141414;
  padding: 42px 2% 21px;
  text-align: center;
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
  margin: 0 0 20px;
}
@media (max-width: 1279px) {
  .obstacles-info {
    font-size: 24px;
    line-height: 30px;
    padding: 33px 2% 11px;
  }
}
@media (max-width: 1023px) {
  .obstacles-info {
    margin: 0 0 10px;
  }
}
@media (max-width: 767px) {
  .obstacles-info {
    font-size: 16px;
    line-height: 22px;
    padding: 26px 6% 6px;
  }
}
.obstacles-info h2 {
  letter-spacing: -1px;
  word-spacing: 1px;
  font-size: 48px;
  color: #7a7a7a;
  margin: 0 0 19px;
}
@media (max-width: 1279px) {
  .obstacles-info h2 {
    font-size: 36px;
    margin: 0 0 31px;
    letter-spacing: 0;
    word-spacing: 0;
  }
}
@media (max-width: 1023px) {
  .obstacles-info h2 {
    margin: 0 0 18px;
  }
}
@media (max-width: 767px) {
  .obstacles-info h2 {
    font-size: 24px;
    margin: 0 0 13px;
  }
}
.obstacles-info p {
  margin: 0 0 36px;
}
@media (max-width: 1279px) {
  .obstacles-info p {
    margin: 0 0 30px;
  }
}
@media (max-width: 767px) {
  .obstacles-info p {
    margin: 0 0 23px;
  }
}
.obstacles-info.form-info {
  padding: 42px 2% 93px;
  margin: 0 0 10px;
}
@media (max-width: 1279px) {
  .obstacles-info.form-info {
    padding: 34px 2% 69px;
  }
}
@media (max-width: 1023px) {
  .obstacles-info.form-info {
    margin: 0 0 10px;
    padding: 34px 2% 101px;
  }
}
@media (max-width: 767px) {
  .obstacles-info.form-info {
    padding: 26px 6% 30px;
  }
}
@media (max-width: 1023px) {
  .obstacles-info.form-info h2 {
    margin: 0 0 30px;
  }
}
@media (max-width: 767px) {
  .obstacles-info.form-info h2 {
    margin: 0 0 24px;
  }
}
@media (max-width: 1023px) {
  .obstacles-info.form-info p br {
    display: none;
  }
}

.obstacles-visual {
  margin: 0 0 20px;
}
@media (max-width: 1023px) {
  .obstacles-visual {
    margin: 0 0 10px;
  }
}
.obstacles-visual .caption {
  text-align: right;
}
.obstacles-visual .caption .caption-block {
  margin: 0 220px 0 0;
  min-height: 322px;
  height: auto;
}
@media (max-width: 1279px) {
  .obstacles-visual .caption .caption-block {
    margin: -9px 15px 0 0;
    width: 400px;
    padding: 34px 1.6% 29px 4.1%;
    min-height: inherit;
  }
}
@media (max-width: 1023px) {
  .obstacles-visual .caption .caption-block {
    width: 100%;
    padding: 28px 2% 22px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .obstacles-visual .caption .caption-block {
    padding: 20px 6% 31px;
  }
}
.obstacles-visual h1 {
  margin: 0 0 33px;
}
@media (max-width: 1279px) {
  .obstacles-visual h1 {
    margin: 0 0 11px;
  }
}
.obstacles-visual p {
  margin: 0 0 10px;
}
.obstacles-visual.odd .caption {
  text-align: left;
}
.obstacles-visual.odd .caption .caption-block {
  margin: -8px 0 0 220px;
}
@media (max-width: 1279px) {
  .obstacles-visual.odd .caption .caption-block {
    margin: -5px 0 0 15px;
  }
}
@media (max-width: 1023px) {
  .obstacles-visual.odd .caption .caption-block {
    margin: 0;
  }
}

.shop-area .obstacles-info {
  padding: 108px 2% 0;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-info {
    padding: 69px 4% 0;
  }
}
@media (max-width: 1023px) {
  .shop-area .obstacles-info {
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-info {
    padding: 47px 4% 0;
    margin: 0 0 10px;
  }
}
.shop-area .obstacles-info p {
  margin: 0 0 47px;
}
@media (max-width: 767px) {
  .shop-area .obstacles-info p {
    margin: 0 0 32px;
  }
}
.shop-area .obstacles-info .btn {
  width: 272px;
  height: 68px;
  display: inline-block;
  vertical-align: top;
  line-height: 77px;
  border: 1px solid #149acf;
  text-align: center;
  font-family: "rodusround300thin", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-info .btn {
    width: 218px;
    height: 54px;
    line-height: 58px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-info .btn {
    width: 135px;
    height: 33px;
    line-height: 38px;
    font-size: 14px;
  }
}
.shop-area .obstacles-info .btn:hover {
  background: #149acf;
  color: #141414;
}
.shop-area .obstacles-info .info {
  float: right;
  width: 50.6%;
  padding: 8px 0 0;
  position: relative;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-info .info {
    padding: 0;
    width: 50.6%;
  }
}
@media (max-width: 1023px) {
  .shop-area .obstacles-info .info {
    width: 55.5%;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-info .info {
    width: 100%;
    float: none;
    margin: 0 0 64px;
  }
}
.shop-area .obstacles-info .info a {
  color: #149acf;
}
.shop-area .obstacles-info .info h1 {
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .shop-area .obstacles-info .info h1 {
    margin: 0 0 17px;
  }
}
.shop-area .obstacles-info .info h1 a:hover {
  color: white;
}
.shop-area .obstacles-info .img-area {
  float: left;
  width: 52.9%;
  margin: 0px -50px 0 9px;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-info .img-area {
    margin: 3px -74px 0 9px;
    width: 54.5%;
  }
}
@media (max-width: 1023px) {
  .shop-area .obstacles-info .img-area {
    width: 73.4%;
    margin: 3px -200px 0 -68px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-info .img-area {
    float: none;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
  }
}
.shop-area .obstacles-visual {
  margin: 0 0 40px;
}
.shop-area .obstacles-visual .img1 {
  display: none;
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual .img1 {
    display: block;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual .img {
    display: none;
  }
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual {
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual {
    margin: 0 0 10px;
  }
}
.shop-area .obstacles-visual .caption {
  text-align: center;
}
@media (max-width: 1023px) {
  .shop-area .obstacles-visual .caption {
    position: absolute;
  }
}
.shop-area .obstacles-visual .caption .caption-block {
  margin: 0;
  width: 487px;
  height: 487px;
  border-radius: 100%;
  text-align: center;
  margin: -11px 0 0 51px;
  padding: 107px 2.1% 66px;
  background: rgba(1, 1, 1, 0.6);
}
.shop-area .obstacles-visual .caption .caption-block:hover {
  background: #141414;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual .caption .caption-block {
    width: 389px;
    height: 389px;
    margin: 10px 0 0 -4px;
  }
}
@media (max-width: 1023px) {
  .shop-area .obstacles-visual .caption .caption-block {
    width: 340px;
    height: 340px;
    padding: 65px 2.1% 66px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual .caption .caption-block {
    width: 244px;
    height: 244px;
    padding: 45px 4% 30px;
    margin: 3px 0 0 -4px;
  }
}
.shop-area .obstacles-visual .caption .caption-block h1 {
  margin: 0 0 19px;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual .caption .caption-block h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual .caption .caption-block h1 {
    font-size: 24px;
    margin: 0  0 13px;
  }
}
.shop-area .obstacles-visual .caption .caption-block p {
  margin: 0 0 55px;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual .caption .caption-block p {
    margin: 0  0 48px;
  }
}
@media (max-width: 1023px) {
  .shop-area .obstacles-visual .caption .caption-block p {
    margin: 0  0 27px;
  }
}
.shop-area .obstacles-visual .caption .btn {
  font: 30px "rodusround300thin", Arial, Helvetica, sans-serif;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual .caption .btn {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual .caption .btn {
    font-size: 14px;
  }
}
.shop-area .obstacles-visual .caption .btn:hover {
  color: #db2fa4;
}
.shop-area .obstacles-visual.shop-visual {
  position: relative;
}
.shop-area .obstacles-visual.shop-visual .caption:after, .shop-area .obstacles-visual.shop-visual .caption:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  border: 20px solid #e0e0e0;
  width: 40px;
  height: 40px;
  border-right: none;
  border-bottom: none;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual.shop-visual .caption:after, .shop-area .obstacles-visual.shop-visual .caption:before {
    border-width: 15px;
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual.shop-visual .caption:after, .shop-area .obstacles-visual.shop-visual .caption:before {
    display: none;
  }
}
.shop-area .obstacles-visual.shop-visual .caption:before {
  left: auto;
  right: 0;
  border-right: 20px solid;
  border-left: none;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual.shop-visual .caption:before {
    border-width: 15px;
  }
}
.shop-area .obstacles-visual.shop-visual .caption-holder:after, .shop-area .obstacles-visual.shop-visual .caption-holder:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  border: 20px solid #e0e0e0;
  width: 40px;
  height: 40px;
  border-right: none;
  border-top: none;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual.shop-visual .caption-holder:after, .shop-area .obstacles-visual.shop-visual .caption-holder:before {
    border-width: 15px;
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .shop-area .obstacles-visual.shop-visual .caption-holder:after, .shop-area .obstacles-visual.shop-visual .caption-holder:before {
    display: none;
  }
}
.shop-area .obstacles-visual.shop-visual .caption-holder:before {
  left: auto;
  right: 0;
  border-right: 20px solid;
  border-left: none;
}
@media (max-width: 1279px) {
  .shop-area .obstacles-visual.shop-visual .caption-holder:before {
    border-width: 15px;
  }
}
.shop-area .shop-info {
  padding: 62px 2% 59px;
  margin: 0 0 69px;
}
@media (max-width: 1279px) {
  .shop-area .shop-info {
    padding: 57px 7.4% 54px;
    margin: 0 0 104px;
  }
}
@media (max-width: 1023px) {
  .shop-area .shop-info {
    padding: 57px 2.2% 42px;
    margin: 0 0 65px;
  }
}
@media (max-width: 767px) {
  .shop-area .shop-info {
    padding: 40px 3.2% 1px;
    margin: 0 0 18px;
  }
}
.shop-area .shop-info h1 {
  float: right;
  width: 55.5%;
  margin: 25px 0 18px;
}
@media (max-width: 1279px) {
  .shop-area .shop-info h1 {
    margin: 2px 0 33px;
    position: relative;
  }
}
@media (max-width: 1023px) {
  .shop-area .shop-info h1 {
    margin: 2px 0 15px;
  }
}
@media (max-width: 767px) {
  .shop-area .shop-info h1 {
    margin: 0 0 7px;
    width: 100%;
    float: none;
  }
}
.shop-area .shop-info h1 a {
  color: #00ce2e;
}
.shop-area .shop-info h1 a:hover {
  color: white;
}
.shop-area .shop-info p {
  margin: 0 0 43px;
}
@media (max-width: 1279px) {
  .shop-area .shop-info p {
    margin: 0 0 38px;
  }
}
@media (max-width: 767px) {
  .shop-area .shop-info p {
    margin: 0 0 32px;
  }
}
.shop-area .shop-info .info {
  width: 55.5%;
  position: relative;
}
@media (max-width: 767px) {
  .shop-area .shop-info .info {
    float: none;
    width: 100%;
    line-height: 24px;
  }
  .shop-area .shop-info .info br {
    display: none;
  }
}
.shop-area .shop-info .info .btn {
  border-color: #00ce2e;
  color: #00ce2e;
  width: 253px;
}
@media (max-width: 1279px) {
  .shop-area .shop-info .info .btn {
    width: 232px;
    height: 59px;
    line-height: 65px;
    font-size: 24px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .shop-area .shop-info .info .btn {
    width: 125px;
    height: 33px;
    line-height: 38px;
    font-size: 14px;
  }
}
.shop-area .shop-info .info .btn:hover {
  background: #00ce2e;
  color: #141414;
}
.shop-area .shop-info .img-area {
  margin: 0 0 0 87px;
  width: 35.4%;
}
@media (max-width: 1279px) {
  .shop-area .shop-info .img-area {
    width: 37.4%;
    margin: 0 0 0 13px;
  }
}
@media (max-width: 1023px) {
  .shop-area .shop-info .img-area {
    width: 44.6%;
    margin: 0 -15px 0 13px;
  }
}
@media (max-width: 767px) {
  .shop-area .shop-info .img-area {
    margin: 0 auto;
    width: 70%;
    padding: 0 0 6px 19px;
  }
}
.shop-area .work-area {
  text-align: center;
  background: #db2fa4;
  padding: 45px 2% 91px;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  position: relative;
}
@media (max-width: 1279px) {
  .shop-area .work-area {
    padding: 31px 2% 58px;
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .shop-area .work-area {
    padding: 39px 2% 58px;
  }
}
@media (max-width: 767px) {
  .shop-area .work-area {
    font-size: 18px;
    padding: 21px 4% 32px;
    line-height: 22px;
  }
}
.shop-area .work-area .btn-area {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -94px;
  bottom: 0;
}
@media (max-width: 1279px) {
  .shop-area .work-area .btn-area {
    margin: 0 0 0 -86px;
  }
}
@media (max-width: 767px) {
  .shop-area .work-area .btn-area {
    margin: 0 0 0 -48px;
  }
}
.shop-area .work-area .btn {
  width: 190px;
  height: 70px;
  font: 30px/78px "rodusround300thin", Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: top;
  background: #ba288c;
}
@media (max-width: 1279px) {
  .shop-area .work-area .btn {
    width: 170px;
    height: 60px;
    font-size: 24px;
    line-height: 65px;
  }
}
@media (max-width: 767px) {
  .shop-area .work-area .btn {
    font-size: 14px;
    width: 95px;
    height: 35px;
    line-height: 38px;
  }
}
.shop-area .work-area .btn:hover {
  background: #141414;
  color: #db2fa4;
}
.shop-area .work-area h2 {
  font-size: 48px;
  margin: 0 0 28px;
}
@media (max-width: 1279px) {
  .shop-area .work-area h2 {
    font-size: 36px;
    margin: 0 0 22px;
  }
}
@media (max-width: 767px) {
  .shop-area .work-area h2 {
    font-size: 24px;
    margin: 0 0 13px;
  }
}
.shop-area .work-area h2 span {
  position: relative;
  padding: 0 0 0 97px;
  margin: 0 0 0 9px;
}
@media (max-width: 1279px) {
  .shop-area .work-area h2 span {
    margin: 0 0 0 9px;
    padding: 0 0 0 81px;
  }
}
@media (max-width: 767px) {
  .shop-area .work-area h2 span {
    padding: 58px 0 0;
    display: block;
    margin: 0;
  }
}
.shop-area .work-area h2 span:after {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: url(../images/sprite.png) no-repeat -298px -794px;
  margin: -17px 0 0;
}
@media (max-width: 1279px) {
  .shop-area .work-area h2 span:after {
    background-position: -298px -893px;
    width: 64px;
    height: 64px;
    margin: -12px 0 0;
  }
}
@media (max-width: 767px) {
  .shop-area .work-area h2 span:after {
    background-position: -298px -992px;
    width: 40px;
    height: 40px;
    left: 50%;
    margin: 0 0 0 -20px;
  }
}

.location-sec {
  margin: 21px 0 111px;
  background: #141414;
  padding: 41px 2% 68px;
}
@media (max-width: 1279px) {
  .location-sec {
    padding: 32px 2% 68px;
    margin: 21px 0 82px;
  }
}
@media (max-width: 1023px) {
  .location-sec {
    padding: 32px 3% 116px;
    margin: 21px 0 82px;
  }
}
@media (max-width: 767px) {
  .location-sec {
    padding: 14px 3% 19px;
    margin: 21px 0 21px;
  }
}
.location-sec h2 {
  margin: 0 0 38px;
  color: #149acf;
  font-size: 48px;
}
@media (max-width: 1279px) {
  .location-sec h2 {
    font-size: 36px;
    margin: 0 0 59px;
  }
}
@media (max-width: 1023px) {
  .location-sec h2 {
    margin: 0  0 30px;
  }
}
@media (max-width: 767px) {
  .location-sec h2 {
    margin: 0  0 20px;
    font-size: 24px;
    text-align: center;
  }
}
.location-sec .table-location {
  width: 100%;
  text-transform: uppercase;
  border-bottom: 1px solid #2e2e2e;
}
@media (max-width: 767px) {
  .location-sec .table-location {
    font-size: 14px;
  }
}
.location-sec .table-location .title {
  font: 36px "norwesterregular", Arial, Helvetica, sans-serif;
  display: block;
  padding: 6px 0 0 20px;
}
@media (max-width: 1279px) {
  .location-sec .table-location .title {
    font-size: 30px;
    padding: 0 0 0 18px;
  }
}
@media (max-width: 767px) {
  .location-sec .table-location .title {
    font-size: 18px;
    padding: 0 0 0 9px;
  }
}
.location-sec .table-location time span {
  font-weight: 700;
}
.location-sec .table-location .status-info {
  display: block;
  text-align: right;
  font: 30px "rodusround300thin", Arial, Helvetica, sans-serif;
  padding: 0 20px 0 0;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .location-sec .table-location .status-info {
    font-size: 24px;
    padding: 0 15px 0 0;
  }
}
@media (max-width: 767px) {
  .location-sec .table-location .status-info {
    font-size: 16px;
    padding: 0;
  }
}
.location-sec .table-location tr td {
  border: 1px solid transparent;
}
.location-sec .table-location tr.pink-area .status-info {
  color: #db2fa4;
}
.location-sec .table-location tr.pink-area td:hover {
  border: 1px solid #db2fa4;
}
.location-sec .table-location tr.pink-area td:hover .title {
  color: #db2fa4;
}
.location-sec .table-location tr.green-area .status-info {
  color: #00c52c;
}
.location-sec .table-location tr.green-area td:hover {
  border: 1px solid #00c52c;
}
.location-sec .table-location tr.green-area td:hover .title {
  color: #00c52c;
}
.location-sec .table-location tr.blue-area .status-info {
  color: #149acf;
}
.location-sec .table-location tr.blue-area td:hover {
  border: 1px solid #149acf;
}
.location-sec .table-location tr.blue-area td:hover .title {
  color: #149acf;
}
.location-sec .table-location table {
  float: left;
  width: 59.4%;
  border-collapse: collapse;
}
@media (max-width: 1279px) {
  .location-sec .table-location table {
    width: 65.2%;
  }
}
@media (max-width: 1023px) {
  .location-sec .table-location table {
    width: 64.1%;
  }
}
@media (max-width: 767px) {
  .location-sec .table-location table {
    width: 93%;
    margin: 0 auto;
    float: none;
  }
}
.location-sec .table-location table tr td {
  border: none !important;
  border-top: 1px solid #2e2e2e !important;
  padding: 15px 0;
}
@media (max-width: 1279px) {
  .location-sec .table-location table tr td {
    padding: 14px 0;
  }
}
@media (max-width: 1023px) {
  .location-sec .table-location table tr td {
    padding: 13px 0;
  }
}
@media (max-width: 767px) {
  .location-sec .table-location table tr td {
    padding: 12px 0;
  }
}
.location-sec .table-location table tr td:hover {
  border: none !important;
  border-top: 1px solid #2e2e2e !important;
}
.location-sec .table-location table:first-child {
  width: 40.6%;
  border-top: 1px solid #2e2e2e;
}
.location-sec .table-location table:first-child td {
  border: none;
}
@media (max-width: 1279px) {
  .location-sec .table-location table:first-child {
    width: 34.8%;
  }
}
@media (max-width: 1023px) {
  .location-sec .table-location table:first-child {
    width: 35.9%;
  }
}
@media (max-width: 767px) {
  .location-sec .table-location table:first-child {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.location-sec .table-holder a {
  display: block;
}
.location-sec .table-holder a:hover {
  color: inherit;
}

.prepared-area {
  background: #149acf;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
}
@media (max-width: 767px) {
  .prepared-area {
    text-align: center;
    padding: 17px 3% 0;
  }
}
.prepared-area .img-area {
  float: left;
  width: 25.5%;
  margin: -31px 0 -47px 68px;
}
@media (max-width: 1279px) {
  .prepared-area .img-area {
    width: 23.5%;
    margin: -21px 0 -47px 59px;
  }
}
@media (max-width: 1023px) {
  .prepared-area .img-area {
    width: 31.9%;
    margin: -21px 0 -47px 28px;
  }
}
@media (max-width: 767px) {
  .prepared-area .img-area {
    width: 52%;
    float: none;
    padding: 0 25px 0 0;
    margin: 0 auto;
  }
}
.prepared-area h2 {
  float: right;
  width: 62%;
  font-size: 48px;
  text-transform: uppercase;
  margin: 46px 0 16px;
}
@media (max-width: 1279px) {
  .prepared-area h2 {
    font-size: 36px;
    width: 67.3%;
    margin: 27px 0 23px;
  }
}
@media (max-width: 1023px) {
  .prepared-area h2 {
    width: 59.3%;
  }
}
@media (max-width: 767px) {
  .prepared-area h2 {
    font-size: 24px;
    float: none;
    width: 100%;
    margin: 0 0 13px;
  }
}
.prepared-area .info {
  float: right;
  width: 62%;
  position: relative;
  padding: 0 0 62px;
}
@media (max-width: 1279px) {
  .prepared-area .info {
    padding: 0 0 46px;
    width: 67.3%;
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 1023px) {
  .prepared-area .info {
    width: 59.3%;
    padding: 0 0 74px;
  }
}
@media (max-width: 767px) {
  .prepared-area .info {
    float: none;
    width: 100%;
    padding: 0 0 59px;
  }
}
@media (max-width: 1279px) {
  .prepared-area .info p {
    padding: 0 33px 0 0;
  }
}
@media (max-width: 767px) {
  .prepared-area .info p {
    display: none;
  }
}
.prepared-area .btn-area {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .prepared-area .btn-area {
    left: 50%;
    margin: 0 0 0 -75px;
    right: auto;
  }
}
.prepared-area .btn {
  width: 310px;
  height: 70px;
  font: 30px/75px "rodusround300thin", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  background: #148cbc;
  display: block;
}
.prepared-area .btn:hover {
  background: #141414;
  color: #148cbc;
}
@media (max-width: 1279px) {
  .prepared-area .btn {
    width: 253px;
    height: 59px;
    line-height: 65px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .prepared-area .btn {
    width: 155px;
    height: 35px;
    line-height: 38px;
    font-size: 14px;
  }
}

.register-sec {
  background: #141414;
  padding: 42px 2% 17px;
  margin: 0 0 10px;
}
@media (max-width: 1279px) {
  .register-sec {
    padding: 21px 1.8% 17px;
  }
}
@media (max-width: 1023px) {
  .register-sec {
    padding: 35px 3.8% 8px;
  }
}
@media (max-width: 767px) {
  .register-sec {
    padding: 16px 3.8% 10px;
  }
}
.register-sec h1 {
  color: #00ce2e;
}
@media (max-width: 767px) {
  .register-sec h1 {
    margin: 0 0 20px;
    text-align: center;
  }
}
.register-sec .register-holder {
  margin: -59px 0 0;
  overflow: hidden;
}
@media (max-width: 1279px) {
  .register-sec .register-holder {
    margin: -45px 0 0;
  }
}
@media (max-width: 767px) {
  .register-sec .register-holder {
    margin: 0;
  }
}
.register-sec .table-area {
  float: left;
  width: 69%;
}
@media (max-width: 1279px) {
  .register-sec .table-area {
    width: 70%;
  }
}
@media (max-width: 1023px) {
  .register-sec .table-area {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
}
.register-sec .table-area .info {
  text-align: center;
  font-weight: 300;
}
.register-sec .table-area .info .note {
  display: block;
}
@media (max-width: 1023px) {
  .register-sec .table-area .info .note {
    margin: 0 0 23px;
  }
}
.register-sec .table-area .info a {
  color: #00ce2e;
}
@media (max-width: 1279px) {
  .register-sec .table-area .info a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .register-sec .table-area .info a {
    font-size: 14px;
  }
}
.register-sec table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  font-weight: 300;
  border-bottom: 1px solid #2e2e2e;
  margin: 0 0 20px;
}
.register-sec table tr.past td {
  color: #474747;
}
.register-sec table tr.active td {
  color: #e0e0e0;
  font-weight: 700;
}
.register-sec table tr.future td {
  color: #adadad;
}
.register-sec table td {
  border: none;
  color: #adadad;
  border-top: 1px solid #2e2e2e;
  padding: 16px 19px;
}
@media (max-width: 1279px) {
  .register-sec table td {
    padding: 14px 19px;
  }
}
@media (max-width: 767px) {
  .register-sec table td {
    padding: 16px 10px;
  }
}
.register-sec table td time {
  float: right;
  width: 41%;
}
@media (max-width: 767px) {
  .register-sec table td time {
    display: block;
    width: auto;
    float: none;
  }
}
.register-sec table th {
  border: none;
  font: 30px "norwesterregular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: white;
  padding: 0 7px 26px;
}
@media (max-width: 1279px) {
  .register-sec table th {
    font-size: 24px;
    padding: 0 7px 40px 0;
  }
}
@media (max-width: 767px) {
  .register-sec table th {
    font-size: 16px;
    padding: 0 7px 7px 0;
  }
}
.register-sec table th.col {
  width: 484px;
}
@media (max-width: 1279px) {
  .register-sec table th.col {
    width: 349px;
  }
}
@media (max-width: 1023px) {
  .register-sec table th.col {
    width: 399px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .register-sec table th.col {
    width: auto;
    font-size: 16px;
  }
}
.register-sec .col {
  width: 26%;
  float: right;
  text-align: center;
}
@media (max-width: 1279px) {
  .register-sec .col {
    width: 23.5%;
  }
}
@media (max-width: 1023px) {
  .register-sec .col {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 0 3%;
  }
}
@media (max-width: 767px) {
  .register-sec .col {
    padding: 0;
  }
}
.register-sec .col h3 {
  font-size: 30px;
  margin: 0 0 43px;
}
@media (max-width: 1279px) {
  .register-sec .col h3 {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .register-sec .col h3 {
    margin: 0 0 24px;
  }
}
@media (max-width: 767px) {
  .register-sec .col h3 {
    font-size: 16px;
    margin: 0 0 12px;
  }
}
.register-sec .col .instruction-info {
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 1279px) {
  .register-sec .col .instruction-info {
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .register-sec .col .instruction-info {
    padding: 0 16%;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .register-sec .col .instruction-info {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .register-sec .col .instruction-info p {
    margin: 0;
  }
}
.register-sec .col .instruction-info strong {
  font-weight: 700;
  display: block;
  margin: 0 0 5px;
  font-size: 18px;
}
@media (max-width: 1279px) {
  .register-sec .col .instruction-info strong {
    font-size: 16px;
  }
}
.register-sec .col ul {
  margin: 0 0 39px;
}
@media (max-width: 1023px) {
  .register-sec .col ul {
    margin: 0 0 22px;
  }
}
@media (max-width: 767px) {
  .register-sec .col ul {
    margin: 0 -10px 14px;
  }
}
.register-sec .col ul li {
  margin: 0 0 20px;
}
@media (max-width: 1023px) {
  .register-sec .col ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  .register-sec .col ul li {
    margin: 0 5px;
  }
}
.register-sec .col ul li a {
  width: 225px;
  height: 58px;
  background: #00ce2e;
  font: 24px/65px "rodusround300thin", Arial, Helvetica, sans-serif;
  color: #141414;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #00ce2e;
}
.register-sec .col ul li a:hover {
  background: #141414;
  color: #00ce2e;
}
@media (max-width: 1279px) {
  .register-sec .col ul li a {
    width: 180px;
    height: 50px;
    font-size: 18px;
    line-height: 55px;
  }
}
@media (max-width: 767px) {
  .register-sec .col ul li a {
    width: 130px;
    height: 30px;
    font-size: 14px;
    line-height: 35px;
  }
}

.benefits-area {
  background: #141414;
  padding: 42px 2% 47px;
  margin: 0 0 40px;
}
@media (max-width: 1279px) {
  .benefits-area {
    padding: 42px 2% 37px;
    margin: 0 0 10px;
  }
}
@media (max-width: 1023px) {
  .benefits-area {
    padding: 42px 2% 32px;
  }
}
@media (max-width: 767px) {
  .benefits-area {
    padding: 29px 2% 12px;
  }
}
.benefits-area h1 {
  text-align: center;
  margin: 0 0 36px;
  color: #149acf;
}
@media (max-width: 767px) {
  .benefits-area h1 {
    margin: 0 0 19px;
  }
}
.benefits-area .terms {
  text-align: center;
  display: block;
  font-size: 18px;
}
@media (max-width: 767px) {
  .benefits-area .terms {
    font-size: 14px;
  }
}
.benefits-area .terms a {
  color: #149acf;
}
.benefits-area h2 {
  margin: 0 0 6px;
}
@media (max-width: 767px) {
  .benefits-area h2 {
    margin: 0 0 11px;
  }
}
.benefits-area .list {
  font-size: 18px;
  overflow: hidden;
  margin: 0 0 3px;
  letter-spacing: -4px;
}
@media (max-width: 1279px) {
  .benefits-area .list {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .benefits-area .list {
    font-size: 14px;
  }
}
.benefits-area .list li {
  letter-spacing: 0;
  text-align: center;
  width: 15%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 36px;
  padding: 0 0 0 36px;
  position: relative;
}
@media (max-width: 1279px) {
  .benefits-area .list li.add {
    margin: 0;
    padding: 0;
  }
  .benefits-area .list li.add:after, .benefits-area .list li.add:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .benefits-area .list li.add {
    margin: 0 4%;
  }
}
@media (max-width: 1279px) {
  .benefits-area .list li {
    width: 21.7%;
    margin: 0 0 0 47px;
    padding: 0 0 0 51px;
  }
}
@media (max-width: 1023px) {
  .benefits-area .list li {
    width: 26.8%;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
  }
}
@media (max-width: 767px) {
  .benefits-area .list li {
    width: 38%;
    margin: 0  4%;
    padding: 0;
  }
}
.benefits-area .list li:first-child {
  margin: 0;
  padding: 0;
}
.benefits-area .list li:first-child:after, .benefits-area .list li:first-child:before {
  display: none;
}
@media (max-width: 767px) {
  .benefits-area .list li:first-child {
    margin: 0 5%;
  }
}
.benefits-area .list li:after, .benefits-area .list li:before {
  position: absolute;
  left: 0;
  top: 0;
  margin: 84px 0 0 -9px;
  content: '';
  width: 18px;
  height: 4px;
  background: #474747;
}
@media (max-width: 1279px) {
  .benefits-area .list li:after, .benefits-area .list li:before {
    width: 16px;
    height: 3px;
  }
}
@media (max-width: 1023px) {
  .benefits-area .list li:after, .benefits-area .list li:before {
    width: 16px;
    height: 3px;
  }
}
@media (max-width: 767px) {
  .benefits-area .list li:after, .benefits-area .list li:before {
    display: none;
  }
}
.benefits-area .list li:before {
  margin: 77px 0 0 -2px;
  width: 4px;
  height: 18px;
}
@media (max-width: 1279px) {
  .benefits-area .list li:before {
    width: 3px;
    height: 16px;
    margin: 77px 0 0 -2.5px;
  }
}
.benefits-area .list .img-holder {
  border-radius: 100%;
  overflow: hidden;
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .benefits-area .list .img-holder {
    margin: 0 0 11px;
  }
}

.events-page .course-overview {
  margin: 0 0 71px;
}
@media (max-width: 1279px) {
  .events-page .course-overview {
    margin: 0 0 10px;
  }
}
@media (max-width: 767px) {
  .events-page .course-overview {
    margin: 0 0 20px;
  }
}
.events-page .coming-event {
  background: none;
  padding: 4px 1%;
  margin: 0 0 5px;
}
@media (max-width: 1279px) {
  .events-page .coming-event {
    margin: 0;
    padding: 12px 0 9px 2%;
  }
}
@media (max-width: 1023px) {
  .events-page .coming-event .info-area {
    padding: 0;
    text-align: center;
  }
}
.events-page .coming-event h2 {
  font-size: 72px;
  color: white;
}
@media (max-width: 1279px) {
  .events-page .coming-event h2 {
    font-size: 60px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .events-page .coming-event h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .events-page .coming-event h2 time {
    display: block;
  }
}
.events-page .coming-event .btn {
  margin: 0;
  width: 257px;
}
@media (max-width: 1279px) {
  .events-page .coming-event .btn {
    font-size: 24px;
    height: 60px;
    width: 207px;
    line-height: 65px;
  }
}
@media (max-width: 1023px) {
  .events-page .coming-event .btn {
    display: none;
  }
}
.events-page .course-overview .caption .caption-block {
  padding: 49px 3.1%;
}
@media (max-width: 1279px) {
  .events-page .course-overview .caption .caption-block {
    margin: 36px 0 0 15px;
    width: 400px;
    padding: 37px 2.7%;
  }
}
@media (max-width: 1023px) {
  .events-page .course-overview .caption .caption-block {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 18px 2.7% 35px;
  }
}
@media (max-width: 1279px) {
  .events-page .course-overview .caption .caption-block h1 {
    margin: 0 0 22px;
  }
}
@media (max-width: 1023px) {
  .events-page .course-overview .caption .caption-block h1 {
    margin: 0 0 7px;
  }
}
.events-page .course-overview .caption .caption-block p {
  margin: 0 0 58px;
}
.events-page .course-overview .caption .caption-block p em {
  font-style: normal;
}
@media (max-width: 1023px) {
  .events-page .course-overview .caption .caption-block p em {
    display: block;
  }
}
@media (max-width: 1279px) {
  .events-page .course-overview .caption .caption-block p {
    margin: 0 0 42px;
  }
}
@media (max-width: 1023px) {
  .events-page .course-overview .caption .caption-block p {
    margin: 0 0 32px;
  }
}
.events-page .course-overview .caption .caption-block p span {
  font-weight: 700;
}
.events-page .btn-download {
  font: 24px "norwesterregular", Arial, Helvetica, sans-serif;
  position: relative;
  padding: 0 0 0 80px;
}
@media (max-width: 1279px) {
  .events-page .btn-download {
    font-size: 18px;
    padding: 0 0 0 61px;
  }
}
@media (max-width: 767px) {
  .events-page .btn-download {
    font-size: 12px;
    padding: 0 0 0 40px;
  }
}
.events-page .btn-download:after {
  background: url(../images/sprite.png) 0 -1096px;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  margin: -21px 0 0 0;
}
@media (max-width: 1279px) {
  .events-page .btn-download:after {
    width: 52px;
    height: 52px;
    background-position: 0 -1192px;
    margin: -21px 0 0 -6px;
  }
}
@media (max-width: 767px) {
  .events-page .btn-download:after {
    width: 26px;
    height: 26px;
    background-position: 0 -1292px;
    margin: -7px 0 0 0;
  }
}

.map-area .img-holder iframe {
  height: 1054px;
  border: none;
  width: 100%;
  margin: 0 0 -9px;
}
@media (max-width: 1279px) {
  .map-area .img-holder iframe {
    height: 710px;
  }
}
@media (max-width: 1023px) {
  .map-area .img-holder iframe {
    height: 553px;
  }
}
@media (max-width: 767px) {
  .map-area .img-holder iframe {
    height: 318px;
  }
}
.map-area h1 {
  margin: 0 0 7px;
}
@media (max-width: 1279px) {
  .map-area h1 {
    margin: 0 0 7px !important;
  }
}
@media (max-width: 1023px) {
  .map-area .form-search {
    width: 323px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .map-area .form-search {
    width: 260px;
    margin: -14px auto 0;
  }
}
.map-area .form-search .title {
  display: block;
  margin: 0 0 15px;
  font-weight: 300;
  font-size: 24px;
}
@media (max-width: 1279px) {
  .map-area .form-search .title {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .map-area .form-search .title {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .map-area .form-search .title {
    margin: 0 0 6px;
  }
}
.map-area .form-search .view-map {
  font-size: 18px;
  text-align: center;
  display: block;
}
@media (max-width: 1279px) {
  .map-area .form-search .view-map {
    font-size: 16px;
  }
}
.map-area .form-search .view-map a {
  color: #00ce2e;
}
.map-area .form-search .search {
  padding: 0 75px 0 0;
  position: relative;
  background: white;
  height: 50px;
  margin: 0 0 5px;
}
@media (max-width: 1279px) {
  .map-area .form-search .search {
    height: 40px;
    padding: 0 65px 0 0;
  }
}
.map-area .form-search .search input[type="search"] {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 16px 20px;
}
@media (max-width: 1279px) {
  .map-area .form-search .search input[type="search"] {
    height: 40px;
    padding: 11px 10px;
  }
}
.map-area .form-search .search input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 50px;
  background: #00ce2e;
  border: none;
  font-size: 24px;
  text-align-last: center;
  color: #141414;
}
@media (max-width: 1279px) {
  .map-area .form-search .search input[type="submit"] {
    width: 60px;
    height: 40px;
    font-size: 18px;
  }
}
.map-area .caption .caption-block p {
  margin: 0 0 24px !important;
}
@media (max-width: 1023px) {
  .map-area .caption .caption-block p br {
    display: none;
  }
}

@media (max-width: 1023px) {
  .section-wrap {
    display: table;
    width: 100%;
    padding: 6px 0 0 0;
  }
}
@media (max-width: 767px) {
  .section-wrap {
    padding: 111px 0 0;
  }
}
@media (max-width: 1023px) {
  .section-wrap .work-header {
    display: table-header-group;
  }
}
@media (max-width: 1023px) {
  .section-wrap .work-header .work-area {
    margin: 0 0 10px;
  }
}

.slideshow {
  position: relative;
}
.slideshow .slide {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.slideshow .slide.active {
  z-index: 2;
}

.mobile .slideshow .slide {
  position: relative;
}

.form-area {
  background: #141414;
  padding: 88px 1% 71px;
}
@media (max-width: 1279px) {
  .form-area {
    padding: 50px 3.2% 71px 4%;
  }
}
@media (max-width: 1023px) {
  .form-area {
    padding: 36px 4.2% 71px 5%;
  }
}
@media (max-width: 767px) {
  .form-area {
    padding: 23px 7% 44px;
  }
}
.form-area h2 {
  font-size: 36px;
  font-weight: 400;
}
@media (max-width: 1279px) {
  .form-area h2 {
    font-size: 30px;
  }
}
@media (max-width: 1023px) {
  .form-area h2 {
    float: none;
    width: 66.8%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .form-area h2 {
    font-size: 24px;
    width: 100%;
    display: block;
  }
}
.form-area .from-sec {
  max-width: 1160px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .form-area .form-block {
    margin: 0 0 25px;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .form-area .form-block {
    text-align: left;
    margin: 0 0 28px;
  }
}
.form-area .form-block:first-child .block {
  border-top: 1px solid #2e2e2e;
}
@media (max-width: 1023px) {
  .form-area .form-block:first-child .block {
    border-top: none;
  }
}
.form-area .form-block .block {
  width: 74%;
  text-align: right;
  padding: 40px 0;
  border-bottom: 1px solid #2e2e2e;
}
@media (max-width: 1279px) {
  .form-area .form-block .block {
    padding: 33px 0 35px;
    width: 72.2%;
  }
}
@media (max-width: 1023px) {
  .form-area .form-block .block {
    float: none;
    width: 100%;
    padding: 20px 0 33px;
  }
}
@media (max-width: 767px) {
  .form-area .form-block .block {
    text-align: left;
    padding: 22px 0 30px;
  }
}
.form-area .form-block.add .block .row:first-child label {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .form-area .form-block.add .block .row:first-child label {
    margin: 0 0 21px;
  }
}
.form-area .form-block.add .block .row:first-child label:hover {
  color: inherit;
}
.form-area .form-block.add .jcf-checked {
  background: #db2fa4;
}
.form-area .form-block.add label:hover {
  color: #db2fa4;
}
.form-area .form-block.add .cell {
  margin: 17px 0 8px;
}
.form-area .form-block.add .cell label {
  text-transform: none;
}
.form-area .form-block.add .cell:first-child {
  margin: 0 4% 0 0;
}
.form-area .row {
  margin: 30px 0 0;
  text-align: right;
}
.form-area .row:first-child {
  margin: 0;
}
@media (max-width: 767px) {
  .form-area .row {
    margin: 16px 0 0;
  }
}
.form-area label {
  text-transform: uppercase;
  font: 30px "norwesterregular", Arial, Helvetica, sans-serif;
  color: #e0e0e0;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 3% 0 0;
  width: 30%;
}
@media (max-width: 1279px) {
  .form-area label {
    font-size: 24px;
    margin: 4px 4% 0 0;
    width: 25%;
  }
}
@media (max-width: 767px) {
  .form-area label {
    font-size: 16px;
    display: block;
    margin: 0 0 7px;
    text-align: left;
    width: 100%;
  }
  .form-area label br {
    display: none;
  }
}
.form-area .input {
  display: inline-block;
  vertical-align: middle;
  width: 65.2%;
}
@media (max-width: 1279px) {
  .form-area .input {
    width: 66.8%;
  }
}
@media (max-width: 767px) {
  .form-area .input {
    display: block;
    width: 100%;
  }
}
.form-area input {
  height: 60px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #474747;
  font: 300 24px/26px "Lato", Arial, Helvetica, sans-serif;
  color: #e0e0e0;
  text-transform: capitalize;
  padding: 16px 20px;
}
@media (max-width: 1279px) {
  .form-area input {
    height: 50px;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 14px;
  }
}
@media (max-width: 767px) {
  .form-area input {
    font-size: 14px;
    line-height: 16px;
    padding: 12px 10px;
    height: 40px;
  }
}
.form-area input:hover {
  border-color: #adadad;
}
.form-area input:focus {
  border-color: #149acf;
}
.form-area .cell {
  display: inline-block;
  vertical-align: middle;
  width: 65.2%;
}
@media (max-width: 1279px) {
  .form-area .cell {
    width: 66.8%;
  }
}
@media (max-width: 767px) {
  .form-area .cell {
    width: 100%;
    display: block;
  }
}
.form-area .cell:first-child {
  width: 30%;
  margin: 0 4% 0 0;
}
@media (max-width: 1279px) {
  .form-area .cell:first-child {
    width: 28%;
    margin: 0 3% 0 0;
  }
}
@media (max-width: 767px) {
  .form-area .cell:first-child {
    width: 100%;
    display: block;
    margin: 0 0 20px;
    text-align: left;
  }
}
.form-area .cell .info {
  display: block;
  text-align: right;
  text-transform: uppercase;
  font: 30px "norwesterregular", Arial, Helvetica, sans-serif;
  color: #e0e0e0;
}
@media (max-width: 1279px) {
  .form-area .cell .info {
    font-size: 24px;
  }
  .form-area .cell .info br {
    display: none;
  }
}
@media (max-width: 767px) {
  .form-area .cell .info {
    text-align: left;
    font-size: 18px;
  }
}
.form-area .cell .cell-holder {
  margin: 18px 0 0;
  text-align: left;
}
.form-area .cell .cell-holder:first-child {
  margin: 0;
}
@media (max-width: 1279px) {
  .form-area .cell .cell-holder {
    margin: 23px 0 0;
  }
}
@media (max-width: 767px) {
  .form-area .cell .cell-holder {
    margin: 21px 0 0;
  }
}
.form-area .cell label {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 24px;
  margin: 2px 0 0 0;
  width: auto;
}
@media (max-width: 1279px) {
  .form-area .cell label {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .form-area .cell label {
    font-size: 14px;
  }
}
.form-area .cell label:hover {
  color: #00ce2e;
}
.form-area .cell label:hover .jcf-checkbox {
  border-color: #a6a6a6;
}
.form-area .select {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -4px;
  width: 65.2%;
  margin: -10px 0 0 0;
}
@media (max-width: 1279px) {
  .form-area .select {
    width: 66.8%;
  }
}
@media (max-width: 767px) {
  .form-area .select {
    display: block;
    width: 100%;
    margin: 0 0 42px;
  }
}
.form-area .select .select-holder {
  letter-spacing: 0;
  display: block;
  text-align: left;
}
.form-area .btn-submit {
  text-align: right;
  overflow: hidden;
  padding: 72px 0 0 0;
}
@media (max-width: 1023px) {
  .form-area .btn-submit {
    padding: 53px 0 0;
  }
}
@media (max-width: 767px) {
  .form-area .btn-submit {
    padding: 0;
  }
}
.form-area .btn-submit .holder {
  display: inline-block;
  vertical-align: middle;
  width: 48.2%;
  text-align: left;
}
@media (max-width: 1023px) {
  .form-area .btn-submit .holder {
    width: 67.1%;
  }
}
@media (max-width: 767px) {
  .form-area .btn-submit .holder {
    width: 100%;
    text-align: center;
  }
}
.form-area input[type="submit"] {
  width: 178px;
  height: 70px;
  border: 1px solid #00ce2e;
  display: inline-block;
  vertical-align: top;
  font: 30px "rodusround300thin", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 70px;
  background: none;
  color: #00ce2e;
  padding: 0;
}
@media (max-width: 1279px) {
  .form-area input[type="submit"] {
    width: 145px;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .form-area input[type="submit"] {
    width: 100px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }
}
.form-area input[type="submit"]:hover {
  background: #00ce2e;
  color: #141414;
}

.jcf-checkbox,
.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  border: 1px solid #454545;
  margin: 0 26px 0 0;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .jcf-checkbox,
  .jcf-radio {
    height: 35px;
    width: 35px;
    margin: 0 17px 0 0;
  }
}
@media (max-width: 767px) {
  .jcf-checkbox,
  .jcf-radio {
    height: 29px;
    width: 29px;
    margin: 0 21px 0 0;
  }
}
.jcf-checkbox.jcf-checked,
.jcf-radio.jcf-checked {
  background: #00ce2e;
}

.jcf-checkbox input[type="checkbox"],
.jcf-radio input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}

/* custom select styles */
.jcf-select {
  position: relative;
  height: 60px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #474747;
  font: 300 24px/26px "Lato", Arial, Helvetica, sans-serif;
  color: #e0e0e0;
  text-transform: capitalize;
  display: block;
}
@media (max-width: 1279px) {
  .jcf-select {
    height: 50px;
    font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .jcf-select {
    font-size: 14px;
    line-height: 16px;
    height: 40px;
  }
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text {
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 16px 19px;
  text-transform: none;
}
@media (max-width: 1279px) {
  .jcf-select .jcf-select-text {
    padding: 14px 20px;
  }
}
@media (max-width: 767px) {
  .jcf-select .jcf-select-text {
    padding: 12px 10px;
  }
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
  position: absolute;
  z-index: 9999;
  top: 100%;
}

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #474747;
  border-top: none;
}

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  min-width: 200px;
  margin: 0 15px;
}

/* select options styles */
.jcf-list {
  display: block;
  position: relative;
  background: #141414;
  line-height: 26px;
  font-size: 24px;
  width: 100%;
  color: #e0e0e0;
  font-weight: 300;
}
@media (max-width: 1279px) {
  .jcf-list {
    font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .jcf-list {
    font-size: 14px;
    line-height: 16px;
  }
}

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jcf-list ul li {
  overflow: hidden;
  display: block;
  margin: 0 0 10px;
}

.jcf-list .jcf-overflow {
  overflow: auto;
}

.jcf-list .jcf-option {
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 10px 19px;
  color: #e0e0e0;
  height: 1%;
}
@media (max-width: 767px) {
  .jcf-list .jcf-option {
    padding: 12px 10px;
  }
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  color: #db2fa4;
}

.gm-style .place-card-large {
  display: none !important;
}