/* CSS Document */
/*------------------------------------------------------------------
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */
/* 02 - CUSTOM CSS */
/* 03 - HEADER MENU */
/* 04 - PRELOADER */
/* 05 - BANNER */
/* 06 - SWIPER */
/* 07 - BUTTONS */
/* 08 - INIT CSS */
/* 09 - PORTFOLIO */
/* 10 - TITLES */
/* 11 - TESTIMONIAL */
/* 12 - POSTS LIST */
/* 13 - CONTACT INFO */
/* 14- CONTACT FORM */
/* 15- BLOG */
/* 16- BLOG DETAIL */
/* 17- COMMENTS */
/* 18- PAGINATION */
/* 19- SIDEBAR */
/* 20- FOOTER */
/* 21- EXPERIENCES */
/* 22- RESPONSIVE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* 01. FONTS
--------------------------------------------------------------------*/
/*@font-face {
  font-family: 'Montserrat extrabold';
  src: url(../fonts/Montserrat-ExtraBold.otf) format("opentype"); }
@font-face {
  font-family: 'Montserrat-Thin';
  src: url(../fonts/Montserrat-Thin.ttf) format("truetype"); }*/
  
@import url('https://fonts.googleapis.com/css?family=Orbitron');
@import url('https://fonts.googleapis.com/css?family=Kelly+Slab');
@import url('https://fonts.googleapis.com/css?family=Passion+One');
@import url('https://fonts.googleapis.com/css?family=Coda');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Cuprum');

/*-------------------------------------------------------------------*/
/* 02. CUSTOM CSS
--------------------------------------------------------------------*/
html {
  margin-top: 0 !important;
  overflow: -moz-scrollbars-vertical;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.post-block .text h6 {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.s-back-switch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.pagination .sm-wrap-post {
  background-color: black; }

a:hover {
  text-decoration: none !important; }

.overflow {
  overflow: hidden; }

body {
  background-color: #F6F6F6; }

span.wpcf7-not-valid-tip {
  margin-top: 10px;
  text-align: center; }

div.wpcf7-validation-errors {
  border: none; }

/****WP Styles****/
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: none;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 6px 10px 7px;
  text-align: center;
  height: inherit; }

.content.hentry img {
  max-width: 100%;
  height: auto;
  position: relative; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

.gallery-caption, .bypostauthor {
  position: relative; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.post-wrap ul li {
  color: #272727;
  line-height: 1.4; }

.multipage .article ol, .multipage .article ul {
  margin-left: 17px; }
  .multipage .article ol li, .multipage .article ul li {
    margin-bottom: 3px;
    margin-top: 3px; }

.post-wrap ol, .post-wrap ul {
  margin-left: 17px;
  margin-bottom: 0; }
  .post-wrap ol li, .post-wrap ul li {
    margin-bottom: 3px;
    margin-top: 3px; }
  .post-wrap ol ol, .post-wrap ol ul, .post-wrap ul ol, .post-wrap ul ul {
    margin-left: 10px; }

.pos-abs {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* WordPress Gallery
------------------------------------------ */
.gallery {
  margin-left: -0.5em;
  margin-right: -0.5em; }

.gallery:after {
  display: table;
  content: "";
  clear: both; }

.gallery-item {
  margin: 0;
  float: left;
  padding: 0.5em;
  text-align: center;
  font-style: italic; }
  .gallery-item figcaption {
    text-align: center; }

header.full .logo-wrap h1 {
  margin-top: 5px;
  font-size: 26px; }

.error-page .element p, .error-page .element h4, .error-page .element strong, .error-page .element a, .error-page .element span {
  font-family: "Domino", sans-serif; }
.error-page .element p.small {
  font-weight: 900; }

.widget_nav_menu li a::before {
  content: none; }
.widget_nav_menu li span {
  cursor: pointer; }
.widget_nav_menu .sub-menu {
  margin-left: 10px;
  display: block; }

.gallery-columns-1 .gallery-item {
  width: 100%;
  float: none; }

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-3 .gallery-item {
  width: 33.3333%; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.gallery-columns-5 .gallery-item {
  width: 20%; }

.gallery-columns-6 .gallery-item {
  width: 16.6667%; }

.gallery-columns-7 .gallery-item {
  width: 14.2857%; }

.gallery-columns-8 .gallery-item {
  width: 12.5%; }

.gallery-columns-9 .gallery-item {
  width: 11.1111%; }

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  clear: left; }

/****Blog****/
.container-masonry .gutter-sizer {
  width: 0; }

.container-masonry figure {
  width: 33.333%; }

span.button.active {
  border: none; }

.post-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block; }

.sticky:before {
  content: "\f0c6";
  position: absolute;
  background: #fff;
  z-index: 50;
  padding: 17px;
  font: normal normal normal 28px/1 FontAwesome;
  left: 0;
  top: 0; }

.news-comments {
  padding-top: 30px; }

.news-comments #respond {
  padding: 40px 40px 80px 40px; }

.comments-list h3 {
  text-align: inherit; }

.comment .comment {
  width: 95%;
  margin-left: 5%; }

.comments-list blockquote p {
  color: #000; }

.comments-list blockquote {
  padding: 20px;
  margin: auto;
  background-size: initial; }

.news-comments table th, .content.hentry table th {
  background: #F9F9F9;
  padding: 15px; }

.news-comments table td, .content.hentry table td {
  border-bottom: 1px solid #D5D5D5;
  padding: 15px; }

.news-comments table, .content.hentry table {
  width: 100%;
  margin: 40px 0; }

.comment .content .text ol,
.comment .content .text ul {
  margin-left: 15px; }

dt {
  font-weight: bold; }

dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0; }

.comments-list ul, .comments-list ol {
  list-style: initial;
  padding-left: 40px;
  margin: 20px 0; }

abbr, acronym {
  border-bottom: 1px dashed; }

big {
  font-size: larger; }

cite, q, var {
  font-family: Lora, Georgia, 'Times New Roman', Times, serif;
  font-style: italic; }

.comments-list pre {
  padding: 30px; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

tt, code, kbd, samp {
  font-family: monospace; }

embed, iframe {
  max-width: 100%; }

h4.post-no-found {
  text-align: center; }

.sub-title {
  font-size: 1.5em;
  margin-bottom: 50px; }

.sidebar .widget_categories li ul li {
  margin: 0; }

.sidebar .widget_categories ul li .children {
  margin-top: 2px; }

.sidebar .search-form {
  position: relative; }

.widget_pages li ul {
  margin-left: 10px; }

.widget_nav_menu li .arrow {
  display: none !important; }

.widget_nav_menu li ul li ul li ul li ul {
  margin-left: 0 !important; }

.post-block .text a h6 {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important; }

/*Sidebar*/
#tertiary {
  position: fixed;
  top: 0;
  right: -320px;
  height: 100%;
  width: 320px;
  background: #2A2A2A;
  z-index: 5000;
  box-sizing: border-box;
  overflow: hidden; }

#tertiary .widget-area {
  position: absolute;
  overflow-y: scroll;
  height: 100%;
  box-sizing: border-box;
  padding: 127px 43px 30px 30px;
  width: 338px;
  overflow-x: hidden;
  color: #fff; }

#tertiary h5 {
  color: #fff; }

#tertiary .element {
  border-bottom: 1px solid #474747;
  padding-bottom: 20px;
  margin-bottom: 30px; }

#wp-calendar {
  width: 100%; }

#wp-calendar td, #wp-calendar th {
  padding: 6px 0;
  text-align: center; }

#wp-calendar thead {
  background: #414141; }

#wp-calendar caption {
  padding-bottom: 15px; }

#tertiary ul ul {
  margin: 5px 0 5px 20px; }

.widget_rss ul li {
  margin-bottom: 20px; }

#tertiary img, #tertiary iframe {
  max-width: 100%; }

#tertiary .wp-caption p {
  padding-top: 10px; }

#tertiary .wp-caption {
  max-width: 100%;
  padding: 0;
  width: 100%;
  color: #000; }

.show-sidebar.show-out {
  position: fixed;
  right: 0px;
  top: 35%;
  background: #2A2A2A;
  cursor: pointer;
  z-index: 5000; }

.show-sidebar.show-in {
  text-align: right;
  margin-bottom: 20px;
  display: none; }

.show-sidebar.show-out i {
  color: #fff;
  font-size: 1.5em;
  padding: 23px; }

/****Page 404****/
.error404 .section {
  padding: 100px 0;
  text-align: center; }

.error404 .element .small {
  font-size: 3em; }

figcaption {
  text-align: left;
  padding-left: 7px;
  padding-top: 5px; }

.post-nav span:not(:first-child),
.post-nav a span {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  color: #fff;
  display: inline-block;
  padding: 6px 9px;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }

.post-nav > span:not(:first-child),
.post-nav a:hover span {
  background-color: #fff;
  color: black; }

.post-nav {
  display: block;
  margin-bottom: 20px; }

.post-password-form label,
.search-f label {
  color: #686868;
  display: block;
  font-family: Montserrat,"Helvetica Neue",sans-serif;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 1.75em;
  text-transform: uppercase; }
.post-password-form input[type="search"],
.post-password-form input[type="password"],
.search-f input[type="search"],
.search-f input[type="password"] {
  margin-top: 7px;
  background: #f7f7f7;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  color: #686868;
  padding: 0.625em 0.4375em;
  width: 100%; }
.post-password-form input[type="submit"],
.search-f input[type="submit"] {
  background: #1a1a1a;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-family: Montserrat,"Helvetica Neue",sans-serif;
  font-weight: 700;
  letter-spacing: 0.046875em;
  line-height: 1;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase; }

.comments {
  list-style: none !important; }

ul.children {
  list-style: none;
  margin-left: 0; }

.pages {
  text-align: center; }
  .pages span,
  .pages a {
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #fff;
    display: inline-block;
    padding: 6px 9px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-left: 2px;
    margin-right: 2px; }
  .pages span {
    background-color: #fff;
    color: black;
    border: 1px solid #1a1a1a !important; }
  .pages a:hover {
    background-color: #fff;
    color: black; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

.single-content li > ul,
.single-content li > ol {
  margin-left: 20px; }

.social_icons {
  margin-left: 0; }

/*-------------------------------------------------------------------*/
/* 03. HEADER MENU
--------------------------------------------------------------------*/
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9000;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: transform 300ms ease;
  transition: transform 300ms ease; }
  header > div.container {
    position: relative; }
    header > div.container .odessa-top-menu {
      position: absolute;
      right: 0;
      top: 0; }

.menu,
.menu ul {
  list-style: none; }

.menu {
  margin-left: 0; }

header.top {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }
  header.top .odessa-top-menu {
    -webkit-: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }

.logo-wrap a:hover {
  color: white; }

header.full > div.container {
  background-color: black;
  padding: 27px 40px 20px !important;
  display: table;
  vertical-align: middle;
  top: 0 !important; }
  header.full > div.container .logo {
    padding-top: 0px !important; }
  header.full > div.container .odessa-top-menu {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0;
    text-align: right;
    position: relative;
    right: auto;
    padding-right: 28px; }
    header.full > div.container .odessa-top-menu nav li {
      display: inline-block;
      margin-left: 12px;
      position: relative; }
    header.full > div.container .odessa-top-menu nav ul {
      margin-bottom: 0; }
    header.full > div.container .odessa-top-menu nav > ul > li::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 200%; }
    header.full > div.container .odessa-top-menu .menu-item-has-children > a {
      padding-right: 15px !important; }
    header.full > div.container .odessa-top-menu .topmenu {
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle; }
      header.full > div.container .odessa-top-menu .topmenu a {
        font-size: 15px;
        font-weight: 400 !important; }
    header.full > div.container .odessa-top-menu .social_icons {
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle;
      margin-left: 4.6%; }
      header.full > div.container .odessa-top-menu .social_icons li {
        margin-right: 0;
        margin-left: 14px; }
    header.full > div.container .odessa-top-menu .hire_me {
      display: inline-block;
      vertical-align: middle;
      margin-top: -4px;
      margin-left: 2.5%; }
  header.full > div.container .logo-wrap {
    display: table-cell;
    vertical-align: middle; }
  header.full > div.container .sub-menu {
    position: absolute;
    background-color: black;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px 0;
    min-width: 130px;
    top: 200% !important;
    text-align: left;
    margin-left: 0;
    visibility: hidden;
    opacity: 0; }
    header.full > div.container .sub-menu .sub-menu {
      left: 100%;
      top: 0 !important;
      -webkit-transform: none;
      transform: none; }
    header.full > div.container .sub-menu li {
      padding: 3px 15px;
      margin-left: 0 !important;
      display: block !important; }
      header.full > div.container .sub-menu li a {
        text-align: left; }
  header.full > div.container li:hover > .sub-menu {
    opacity: 1;
    visibility: visible; }

.logo-wrap a {
  color: #fff;
  text-decoration: none;
  font-family: "Montserrat extrabold", sans-serif; }

.odessa-top-menu {
  float: right;
  background-color: black;
  color: #fff;
  padding: 40px 47px 47px;
  min-width: 300px; }

.topmenu li a {
  font-size: 18px;
  /*font-family: "Montserrat", sans-serif;*/
  font-family: 'Comfortaa', cursive;
  color: white;
  font-weight: 400;
  line-height: 1.9;
  text-align: right;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer; }

.menu-item-has-children {
  position: relative; }

.menu-item-has-children > a {
  padding-right: 25px; }

.menu-item-has-children > span {
  font-size: inherit;
  position: relative;
  top: 0px;
  font-size: inherit; }

.logo {
  float: left;
  padding-top: 24px !important; }

.hire_me a {
  color: #fff;
  position: relative;
  font-size: 12px;
  letter-spacing: 1px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }
  .hire_me a::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 15px;
    height: 1px;
    background-color: #fff; }
  .hire_me a:hover {
    text-decoration: none;
    opacity: .7; }

.display {
  display: block !important; }

.odessa-top-menu nav {
  margin: 0px auto 22px;
  position: relative;
  z-index: 1000; }
  .odessa-top-menu nav li {
    margin-bottom: 2px; }
  .odessa-top-menu nav li:hover > .sub-menu {
    opacity: 1; }
  .odessa-top-menu nav li.active > a,
  .odessa-top-menu nav li:hover > a {
    opacity: .7; }

.no-menu {
  position: relative;
  top: 0;
  display: block;
  z-index: 1000;
  float: none;
  margin-bottom: 10px; }
  .no-menu a {
    color: white;
    text-decoration: underline; }

.sub-menu {
  display: none;
  margin-left: 10px; }
  .sub-menu > li > a {
    font-size: 17px; }
  .sub-menu .sub-menu > li > a {
    font-size: 15px; }

.social_icons {
  margin-bottom: 24px; }
  .social_icons li {
    display: inline-block;
    margin-right: 15px; }
    .social_icons li a {
      color: #fff;
      font-size: 13px;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .social_icons li a:hover {
        opacity: .7;
        text-decoration: none; }

.nav-button {
  display: none;
  cursor: pointer;
  height: 18px;
  vertical-align: middle; }
  .nav-button i {
    position: relative;
    width: 23px;
    height: 2px;
    float: right;
    display: block;
    background-color: white; }
    .nav-button i::before, .nav-button i::after {
      content: '';
      position: absolute;
      width: 23px;
      display: block;
      height: 2px;
      background-color: white;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .nav-button i::before {
      top: 6px; }
    .nav-button i::after {
      bottom: 6px; }
  .nav-button.active i {
    background-color: transparent !important; }
    .nav-button.active i::before {
      top: -2px;
      -webkit-transform: rotateZ(45deg);
      -moz-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
      -o-transform: rotateZ(45deg);
      transform: rotateZ(45deg); }
    .nav-button.active i::after {
      bottom: 2px;
      -webkit-transform: rotateZ(-45deg);
      -moz-transform: rotateZ(-45deg);
      -ms-transform: rotateZ(-45deg);
      -o-transform: rotateZ(-45deg);
      transform: rotateZ(-45deg); }

@media only screen and (max-width: 991px) {
  header.full > div.container .logo {
    padding-top: 0px !important; }

  header.full > div.container {
    position: relative;
    width: 100%; }
    header.full > div.container .odessa-top-menu {
      padding-right: 0;
      padding-left: 0; }
    header.full > div.container .odessa-top-menu nav li {
      display: block !important;
      margin-bottom: 15px;
      margin-left: 0;
      padding-right: 15px;
      padding-left: 15px;
      text-align: center; }
      header.full > div.container .odessa-top-menu nav li a {
        font-size: 17px !important; }
      header.full > div.container .odessa-top-menu nav li .sub-menu li a {
        font-size: 13px !important;
        line-height: 20px; }
      header.full > div.container .odessa-top-menu nav li.menu-item-has-children > a {
        padding-right: 0 !important; }
        header.full > div.container .odessa-top-menu nav li.menu-item-has-children > a::before {
          right: -25px; }
    header.full > div.container .sub-menu {
      visibility: visible;
      opacity: 1;
      display: none;
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      padding-bottom: 0 !important; }
      header.full > div.container .sub-menu li {
        margin-bottom: 0 !important; }
    header.full > div.container .odessa-top-menu {
      position: absolute;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      top: 0;
      left: 0;
      height: 100vh;
      overflow-y: auto;
      width: 100%;
      -webkit-transition: transform 300ms ease;
      transition: transform 300ms ease;
      display: block;
      z-index: -1;
      text-align: left;
      padding-bottom: 100px;
      padding-top: 5px; }
      header.full > div.container .odessa-top-menu .topmenu {
        display: block;
        padding-bottom: 13px; }
      header.full > div.container .odessa-top-menu .social_icons {
        display: block;
        margin-left: 0 !important;
        margin-bottom: 10px;
        text-align: center; }
        header.full > div.container .odessa-top-menu .social_icons li {
          margin-left: 6px !important;
          margin-right: 6px !important; }
      header.full > div.container .odessa-top-menu .hire_me {
        margin-left: 0 !important;
        display: block;
        text-align: center;
        margin-top: 15px !important; }
  header.full.active .odessa-top-menu {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important; }

  .nav-button {
    display: table-cell;
    vertical-align: middle; }

  .single-content {
    margin-bottom: 170px !important; } }
@media only screen and (min-width: 768px) {
  .no-padding-lg {
    padding: 0 !important; } }
@media only screen and (max-width: 767px) {
  header.full > div.container {
    padding: 27px 15px 20px !important; } }
/*-------------------------------------------------------------------*/
/* 04. PRELOADER
--------------------------------------------------------------------*/
.preload-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999; }

.a-preload {
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0); }

.cssload-preloader {
  position: absolute;
  left: 50%;
  font-size: 19px;
  display: block;
  width: 3.75em;
  height: 4.25em;
  margin-left: -1.875em;
  margin-top: -2.125em;
  transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  transform: rotateY(180deg) rotateZ(-60deg);
  -o-transform: rotateY(180deg) rotateZ(-60deg);
  -ms-transform: rotateY(180deg) rotateZ(-60deg);
  -webkit-transform: rotateY(180deg) rotateZ(-60deg);
  -moz-transform: rotateY(180deg) rotateZ(-60deg); }

.cssload-preloader .cssload-slice {
  border-top: 1.125em solid transparent;
  border-right: none;
  border-bottom: 1em solid transparent;
  border-left: 1.875em solid #24bbab !important;
  position: absolute;
  top: 0px;
  left: 50%;
  transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  border-radius: 3px 3px 0 0; }

.cssload-preloader .cssload-slice:nth-child(1) {
  transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  -o-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  -ms-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  -webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  -moz-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
  animation: 0.17s linear 0.94s preload-hide-1 both 1;
  -o-animation: 0.17s linear 0.94s preload-hide-1 both 1;
  -ms-animation: 0.17s linear 0.94s preload-hide-1 both 1;
  -webkit-animation: 0.17s linear 0.94s preload-hide-1 both 1;
  -moz-animation: 0.17s linear 0.94s preload-hide-1 both 1; }

.cssload-preloader .cssload-slice:nth-child(2) {
  transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  -o-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  -ms-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  -webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  -moz-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
  animation: 0.17s linear 0.85s preload-hide-2 both 1;
  -o-animation: 0.17s linear 0.85s preload-hide-2 both 1;
  -ms-animation: 0.17s linear 0.85s preload-hide-2 both 1;
  -webkit-animation: 0.17s linear 0.85s preload-hide-2 both 1;
  -moz-animation: 0.17s linear 0.85s preload-hide-2 both 1; }

.cssload-preloader .cssload-slice:nth-child(3) {
  transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  -o-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  -ms-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  -webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  -moz-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
  animation: 0.17s linear 0.76s preload-hide-3 both 1;
  -o-animation: 0.17s linear 0.76s preload-hide-3 both 1;
  -ms-animation: 0.17s linear 0.76s preload-hide-3 both 1;
  -webkit-animation: 0.17s linear 0.76s preload-hide-3 both 1;
  -moz-animation: 0.17s linear 0.76s preload-hide-3 both 1; }

.cssload-preloader .cssload-slice:nth-child(4) {
  transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  -o-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  -ms-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  -webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  -moz-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
  animation: 0.17s linear 0.67s preload-hide-4 both 1;
  -o-animation: 0.17s linear 0.67s preload-hide-4 both 1;
  -ms-animation: 0.17s linear 0.67s preload-hide-4 both 1;
  -webkit-animation: 0.17s linear 0.67s preload-hide-4 both 1;
  -moz-animation: 0.17s linear 0.67s preload-hide-4 both 1; }

.cssload-preloader .cssload-slice:nth-child(5) {
  transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  -o-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  -ms-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  -webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  -moz-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
  animation: 0.17s linear 0.58s preload-hide-5 both 1;
  -o-animation: 0.17s linear 0.58s preload-hide-5 both 1;
  -ms-animation: 0.17s linear 0.58s preload-hide-5 both 1;
  -webkit-animation: 0.17s linear 0.58s preload-hide-5 both 1;
  -moz-animation: 0.17s linear 0.58s preload-hide-5 both 1; }

.cssload-preloader .cssload-slice:nth-child(6) {
  transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  -o-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  -ms-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  -webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  -moz-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
  animation: 0.17s linear 0.48s preload-hide-6 both 1;
  -o-animation: 0.17s linear 0.48s preload-hide-6 both 1;
  -ms-animation: 0.17s linear 0.48s preload-hide-6 both 1;
  -webkit-animation: 0.17s linear 0.48s preload-hide-6 both 1;
  -moz-animation: 0.17s linear 0.48s preload-hide-6 both 1; }

.cssload-preloader.cssload-loading {
  animation: 2.3s preload-flip steps(2) infinite both;
  -o-animation: 2.3s preload-flip steps(2) infinite both;
  -ms-animation: 2.3s preload-flip steps(2) infinite both;
  -webkit-animation: 2.3s preload-flip steps(2) infinite both;
  -moz-animation: 2.3s preload-flip steps(2) infinite both; }

.cssload-preloader.cssload-loading .cssload-slice:nth-child(1) {
  transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
  animation: 2.3s preload-cycle-1 linear infinite both;
  -o-animation: 2.3s preload-cycle-1 linear infinite both;
  -ms-animation: 2.3s preload-cycle-1 linear infinite both;
  -webkit-animation: 2.3s preload-cycle-1 linear infinite both;
  -moz-animation: 2.3s preload-cycle-1 linear infinite both; }

.cssload-preloader.cssload-loading .cssload-slice:nth-child(2) {
  transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
  animation: 2.3s preload-cycle-2 linear infinite both;
  -o-animation: 2.3s preload-cycle-2 linear infinite both;
  -ms-animation: 2.3s preload-cycle-2 linear infinite both;
  -webkit-animation: 2.3s preload-cycle-2 linear infinite both;
  -moz-animation: 2.3s preload-cycle-2 linear infinite both; }

.cssload-preloader.cssload-loading .cssload-slice:nth-child(3) {
  transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
  animation: 2.3s preload-cycle-3 linear infinite both;
  -o-animation: 2.3s preload-cycle-3 linear infinite both;
  -ms-animation: 2.3s preload-cycle-3 linear infinite both;
  -webkit-animation: 2.3s preload-cycle-3 linear infinite both;
  -moz-animation: 2.3s preload-cycle-3 linear infinite both; }

.cssload-preloader.cssload-loading .cssload-slice:nth-child(4) {
  transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
  animation: 2.3s preload-cycle-4 linear infinite both;
  -o-animation: 2.3s preload-cycle-4 linear infinite both;
  -ms-animation: 2.3s preload-cycle-4 linear infinite both;
  -webkit-animation: 2.3s preload-cycle-4 linear infinite both;
  -moz-animation: 2.3s preload-cycle-4 linear infinite both; }

.cssload-preloader.cssload-loading .cssload-slice:nth-child(5) {
  transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
  animation: 2.3s preload-cycle-5 linear infinite both;
  -o-animation: 2.3s preload-cycle-5 linear infinite both;
  -ms-animation: 2.3s preload-cycle-5 linear infinite both;
  -webkit-animation: 2.3s preload-cycle-5 linear infinite both;
  -moz-animation: 2.3s preload-cycle-5 linear infinite both; }

.cssload-preloader.cssload-loading .cssload-slice:nth-child(6) {
  transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
  animation: 2.3s preload-cycle-6 linear infinite both;
  -o-animation: 2.3s preload-cycle-6 linear infinite both;
  -ms-animation: 2.3s preload-cycle-6 linear infinite both;
  -webkit-animation: 2.3s preload-cycle-6 linear infinite both;
  -moz-animation: 2.3s preload-cycle-6 linear infinite both; }

@keyframes preload-show-1 {
  from {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-show-1 {
  from {
    -o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-show-1 {
  from {
    -ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-show-1 {
  from {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-show-1 {
  from {
    -moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-hide-1 {
  to {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-hide-1 {
  to {
    -o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-hide-1 {
  to {
    -ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-hide-1 {
  to {
    -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-hide-1 {
  to {
    -moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  10%,
  75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  80%,
  100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-cycle-1 {
  5% {
    -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  10%,
  75% {
    -o-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  80%,
  100% {
    -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-cycle-1 {
  5% {
    -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  10%,
  75% {
    -ms-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  80%,
  100% {
    -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-cycle-1 {
  5% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  10%,
  75% {
    -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  80%,
  100% {
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-cycle-1 {
  5% {
    -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  10%,
  75% {
    -moz-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  80%,
  100% {
    -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-show-2 {
  from {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-show-2 {
  from {
    -o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-show-2 {
  from {
    -ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-show-2 {
  from {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-show-2 {
  from {
    -moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-hide-2 {
  to {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-hide-2 {
  to {
    -o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-hide-2 {
  to {
    -ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-hide-2 {
  to {
    -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-hide-2 {
  to {
    -moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  15%,
  70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  75%,
  100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-cycle-2 {
  10% {
    -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  15%,
  70% {
    -o-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  75%,
  100% {
    -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-cycle-2 {
  10% {
    -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  15%,
  70% {
    -ms-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  75%,
  100% {
    -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-cycle-2 {
  10% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  15%,
  70% {
    -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  75%,
  100% {
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-cycle-2 {
  10% {
    -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  15%,
  70% {
    -moz-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  75%,
  100% {
    -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-show-3 {
  from {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-show-3 {
  from {
    -o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-show-3 {
  from {
    -ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-show-3 {
  from {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-show-3 {
  from {
    -moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-hide-3 {
  to {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-hide-3 {
  to {
    -o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-hide-3 {
  to {
    -ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-hide-3 {
  to {
    -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-hide-3 {
  to {
    -moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  20%,
  65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  70%,
  100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-cycle-3 {
  15% {
    -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  20%,
  65% {
    -o-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  70%,
  100% {
    -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-cycle-3 {
  15% {
    -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  20%,
  65% {
    -ms-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  70%,
  100% {
    -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-cycle-3 {
  15% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  20%,
  65% {
    -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  70%,
  100% {
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-cycle-3 {
  15% {
    -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  20%,
  65% {
    -moz-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  70%,
  100% {
    -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-show-4 {
  from {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-show-4 {
  from {
    -o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-show-4 {
  from {
    -ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-show-4 {
  from {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-show-4 {
  from {
    -moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-hide-4 {
  to {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-hide-4 {
  to {
    -o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-hide-4 {
  to {
    -ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-hide-4 {
  to {
    -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-hide-4 {
  to {
    -moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  25%,
  60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  65%,
  100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-cycle-4 {
  20% {
    -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  25%,
  60% {
    -o-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  65%,
  100% {
    -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-cycle-4 {
  20% {
    -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  25%,
  60% {
    -ms-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  65%,
  100% {
    -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-cycle-4 {
  20% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  25%,
  60% {
    -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  65%,
  100% {
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-cycle-4 {
  20% {
    -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  25%,
  60% {
    -moz-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  65%,
  100% {
    -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-show-5 {
  from {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-show-5 {
  from {
    -o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-show-5 {
  from {
    -ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-show-5 {
  from {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-show-5 {
  from {
    -moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-hide-5 {
  to {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-hide-5 {
  to {
    -o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-hide-5 {
  to {
    -ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-hide-5 {
  to {
    -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-hide-5 {
  to {
    -moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  30%,
  55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  60%,
  100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-cycle-5 {
  25% {
    -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  30%,
  55% {
    -o-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  60%,
  100% {
    -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-cycle-5 {
  25% {
    -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  30%,
  55% {
    -ms-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  60%,
  100% {
    -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-cycle-5 {
  25% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  30%,
  55% {
    -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  60%,
  100% {
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-cycle-5 {
  25% {
    -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  30%,
  55% {
    -moz-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  60%,
  100% {
    -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-show-6 {
  from {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-show-6 {
  from {
    -o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-show-6 {
  from {
    -ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-show-6 {
  from {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-show-6 {
  from {
    -moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-hide-6 {
  to {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-hide-6 {
  to {
    -o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-hide-6 {
  to {
    -ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-hide-6 {
  to {
    -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-hide-6 {
  to {
    -moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  35%,
  50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  55%,
  100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-o-keyframes preload-cycle-6 {
  30% {
    -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  35%,
  50% {
    -o-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  55%,
  100% {
    -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-ms-keyframes preload-cycle-6 {
  30% {
    -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  35%,
  50% {
    -ms-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  55%,
  100% {
    -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-webkit-keyframes preload-cycle-6 {
  30% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  35%,
  50% {
    -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #24bbab; }
  55%,
  100% {
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; } }
@-moz-keyframes preload-cycle-6 {
  30% {
    -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #24bbab; }
  35%,
  50% {
    -moz-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #ffcc00; }
  55%,
  100% {
    -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #ffcc00; } }
@keyframes preload-flip {
  0% {
    transform: rotateY(0deg) rotateZ(-60deg); }
  100% {
    transform: rotateY(360deg) rotateZ(-60deg); } }
@-o-keyframes preload-flip {
  0% {
    -o-transform: rotateY(0deg) rotateZ(-60deg); }
  100% {
    -o-transform: rotateY(360deg) rotateZ(-60deg); } }
@-ms-keyframes preload-flip {
  0% {
    -ms-transform: rotateY(0deg) rotateZ(-60deg); }
  100% {
    -ms-transform: rotateY(360deg) rotateZ(-60deg); } }
@-webkit-keyframes preload-flip {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(-60deg); }
  100% {
    -webkit-transform: rotateY(360deg) rotateZ(-60deg); } }
@-moz-keyframes preload-flip {
  0% {
    -moz-transform: rotateY(0deg) rotateZ(-60deg); }
  100% {
    -moz-transform: rotateY(360deg) rotateZ(-60deg); } }
/*-------------------------------------------------------------------*/
/* 05. BANNER
--------------------------------------------------------------------*/
.autoheight {
  height: auto !important; }

.blog .banner-overlay,
.post-banner .banner-overlay {
  z-index: 18; }

.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }

.banner-wrap .banner {
  min-height: 710px; }
  .banner-wrap .banner .relative {
    min-height: inherit; }
.banner-wrap .info {
  margin-top: 169px;
  max-width: 778px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  opacity: 0;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in; }
  .banner-wrap .info.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1; }
  .banner-wrap .info .title {
    font-size: 80px;
    font-family: "Montserrat extrabold", sans-serif;
    color: white;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .5px;
    padding-left: 2px; }
  .banner-wrap .info .subtitle {
    margin-top: 22px;
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: .6;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: .3px; }

.about {
  margin-top: 218px;
  width: 100%;
  display: table;
  table-layout: fixed; }
  .about .content {
    width: 75%;
    display: table-cell;
    float: none;
    margin-bottom: 120px;
    position: relative; }
  .about .img-wrapper {
    padding-right: 70px;
    padding-left: 70px;
    position: absolute;
    width: 100%;
    top: -218px; }
  .about .img-wrap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 370px;
    width: 100%; }
  .about .text {
    padding: 186px 70px 70px;
    background-color: #fff; }
	
#about h4   {
	font-size: 1.6em !important;
	/*font-family: 'Kelly Slab', cursive !important;*/
	/*font-family: 'Comfortaa', cursive;*/
	font-family: 'Cuprum', sans-serif;
}

#about .text p  {
	font-size: 1em !important;
	font-family: 'Coda', cursive;
}

#about .text ul  {
	font-family: 'Coda', cursive;
}

#about .text ul li{
	font-size: 1.2em !important;
	font-family: 'Coda', cursive;
}
    .about .text .title {
      font-size: 2.4em;
      /*font-family: "Oswald", sans-serif;*/
	  /*font-family: "Orbitron", sans-serif;*/
	  /*font-family: 'Passion One', cursive;*/
	  font-family: 'Coda', cursive;
      color: #272727;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 16px; }
    .about .text .descr {
      font-size: 14px;
      font-family: "Domine", sans-serif;
      color: #acacac;
      line-height: 22px;
      letter-spacing: -.05px; }
      .about .text .descr p {
        margin-bottom: 6px; }
    .about .text .button {
      margin-left: 2px;
      margin-top: 2px;
      padding: 12px 40px; }

.playlist p:empty {
  display: none; }

.cue-playlist .cue-track {
  background-color: #13102F !important;
  transition: all 300ms ease; }

.cue-playlist .cue-track.is-current, .cue-playlist .cue-track:hover {
  background-color: #252440 !important; }

.cue-playlist .cue-track {
  position: relative;
  padding-left: 50px !important; }

.cue-playlist .cue-track::before {
  content: "\f04b";
  color: white;
  font-size: 10px;
  font-family: "FontAwesome";
  position: absolute;
  left: 18px;
  top: 50%;
  padding: 10px 11px;
  border: 1px solid #fff;
  transform: translateY(-50%);
  border-radius: 50%; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time span {
  font-size: 12px !important;
  font-family: "Montserrat", sans-serif;
  opacity: 0.5 !important;
  font-weight: bold; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time .mejs-time-separator {
  padding: 0 !important; }

.cue-playlist .cue-track .cue-track-length {
  font-size: 12px !important;
  font-family: "Montserrat", sans-serif;
  opacity: 0.5 !important;
  font-weight: bold; }

.cue-playlist .cue-track.is-current::before {
  content: "\f04c";
  color: white;
  font-family: "FontAwesome";
  font-size: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%; }

.cue-skin-default.mejs-container .mejs-controls .mejs-volume-button {
  margin-right: 0 !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail {
  height: 8px !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider {
  width: 130px !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-volume-button button {
  height: 15px !important;
  width: 15px !important; }

.cue-skin-default.mejs-container .mejs-track-details .mejs-track-artist {
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .1px;
  margin-top: 10px;
  margin-bottom: 5px; }

.cue-playlist .cue-track .cue-track-details {
  padding: 13px 20px 17px !important; }

.cue-skin-default.mejs-container .mejs-track-details {
  margin-bottom: 40px; }

.cue-skin-default.mejs-container .mejs-track-details .mejs-track-title {
  font-size: 14px !important;
  font-family: "Domine", sans-serif;
  opacity: 0.7 !important;
  line-height: 1.5;
  font-weight: 300 !important;
  letter-spacing: .1px; }

.cue-skin-default.mejs-container .mejs-controls .mejs-next-button button,
.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button button {
  opacity: 0 !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-next-button {
  position: relative;
  opacity: 1 !important;
  margin-right: 25px !important; }
  .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::before, .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
    content: "\f0da";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    font-size: 19px;
    transform: translateY(-50%);
    left: 0;
    color: white; }
  .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
    left: 6px; }

.cue-skin-default.mejs-container .mejs-track-artwork {
  height: 140px !important;
  width: 140px !important;
  margin: 15px 30px 70px 15px !important;
  box-shadow: none !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button {
  position: relative !important;
  top: -8px !important;
  left: -3px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  color: #272727 !important;
  height: 40px !important;
  width: 40px !important;
  margin-right: 15px !important; }
  .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button::before {
    content: "\f04b";
    color: #272727;
    font-size: 13px;
    font-family: "FontAwesome";
    top: 50%;
    left: 54%;
    position: absolute;
    transform: translate(-50%, -50%); }
  .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button button {
    display: none; }

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-track-artwork {
  display: none !important; }
.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-track-details {
  text-align: center; }
.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-track-details .mejs-track-artist {
  margin-right: auto !important; }
.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
  margin-left: 37.5%; }
.cue-playlist-container.responsive .cue-skin-default.mejs-container {
  padding-bottom: 60px !important; }
.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-controls .mejs-time {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%); }
.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-controls .mejs-time {
  margin-right: 10px !important; }

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container {
  padding-bottom: 115% !important; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-track-details {
  bottom: 60px !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-time-rail {
  bottom: 22px !important; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-track-artwork {
  margin: 0 !important;
  height: 100% !important;
  width: 100% !important; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-next-button,
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button {
  margin: 0 !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 33% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-defau
lt.mejs-container .mejs-controls .mejs-next-button,
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button,
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-next-button {
  top: 33% !important; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
  margin-left: -100px; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-next-button {
  margin-left: 65px; }
.cue-playlist-container.responsivemob .cue-playlist.max-width-300 .cue-skin-default.mejs-container .mejs-track-details {
  display: block !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-time {
  bottom: 40px !important;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button {
  height: 70px !important;
  width: 70px !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::before,
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after,
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::before,
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
  font-size: 35px !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after {
  right: 10px !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
  left: 10px !important; }
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button::before {
  font-size: 25px !important; }
.cue-playlist-container.responsivemob .cue-playlist .cue-tracks {
  display: none; }

@media only screen and (min-width: 600px) {
  .cue-tracks {
    max-height: 460px !important; } }
.cue-playlist .cue-track .cue-track-details .cue-track-title {
  font-size: 14px !important;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  margin-top: 3px;
  letter-spacing: .1px;
  margin-bottom: 6px !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause::before {
  content: "\f04c";
  color: #272727;
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.cue-playlist .cue-track .cue-track-details .cue-track-artist {
  font-size: 10px !important;
  font-family: "Domine", sans-serif !important;
  opacity: 0.7 !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button {
  display: none; }

.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
  opacity: 1 !important; }
  .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::before, .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after {
    content: "\f0d9";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    font-size: 19px;
    transform: translateY(-50%);
    right: 0;
    color: white; }
  .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after {
    right: 6px; }

.cue-skin-default.mejs-container .mejs-controls .mejs-volume-button {
  top: 1px !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  height: 4px !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail {
  bottom: -66px !important;
  margin-left: 30px !important;
  width: calc(100% - 30px) !important;
  box-shadow: none !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  width: inherit !important; }

.cue-playlist,
.cue-skin-default.mejs-container {
  border-radius: 0px !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time {
  bottom: -47px !important;
  right: 30px !important; }

.cue-skin-default.mejs-container .mejs-player-background {
  opacity: 0.6 !important; }

.cue-skin-default.mejs-container {
  background-color: #13102F !important; }

.cue-skin-default.mejs-container .mejs-audiotheme-mark {
  display: none !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
  height: 20px !important;
  width: 20px !important;
  background-color: #fff !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
  border-radius: 50% !important; }

span.mejs-time-current {
  background-color: #EAB730 !important; }

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: rgba(2, 142, 151, 0.5) !important; }

.cue-playlist .cue-track {
  color: white !important; }

.cue-playlist .cue-track .cue-track-details .cue-track-title {
  color: white !important; }

.cue-playlist .cue-track, .cue-playlist .cue-tracks {
  border-color: #252440 !important; }

.counter {
  float: none;
  width: 300px;
  height: 200px;
  display: table-cell;
  vertical-align: middle; }
  .counter .clients-wrap {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px; }

	.counter .counter-wrap {
    /*background: #00fcff !important;*/
	background: #184548 !important;
	background: -moz-linear-gradient(-45deg, #184548 9%, #000000 40%) !important;
	background: -webkit-linear-gradient(-45deg, #184548 9%,#000000 40%) !important;
	background: linear-gradient(135deg, #184548 9%,#000000 40%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184548', endColorstr='#000000',GradientType=1 ) !important;
	-webkit-box-shadow:inset 2px 0 6px 2px rgba(0,0,0,0.6) !important;
	box-shadow:inset 2px 0 6px 2px rgba(0,0,0,0.6) !important;
}
	
	
    .counter .counter-wrap .pagination {
      display: block;
      text-align: center; }
    .counter .counter-wrap .swiper-pagination-switch {
      display: inline-block;
      width: 30px;
      margin-top: 27px;
      height: 3px;
      cursor: pointer;
      background-color: rgba(5, 21, 22, 0.5);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .counter .counter-wrap .swiper-pagination-switch.swiper-active-switch {
        background-color: rgba(2, 142, 151, 0.5); }
  .counter .wrap {
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    padding: 50px 0 41px; }
  .counter .count-title {
    text-align: center;
    font-size: 34px;
    max-width: 236px;
    margin-right: auto;
    line-height: 1;
    margin-left: auto;
    /*font-family: "Montserrat extrabold", sans-serif;*/
	font-family: 'Comfortaa', cursive;
    color: white;
    margin-bottom: 21px; }
  .counter .progress-circle {
    position: relative;
    display: inline-block;
    height: 182px;
    width: 182px; }
    .counter .progress-circle .content-circle {
      text-align: center;
      background: #051516 !important;
      border-radius: 50%;
      height: 120px;
      width: 120px;
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.9);
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .counter .progress-circle .wrapper {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .counter .progress-circle strong, .counter .progress-circle i {
      font-size: 34px;
      font-family: "Montserrat", sans-serif;
      color: #fff;
      font-weight: bold; }
    .counter .progress-circle .count-subtitle {
      font-size: 14px;
      font-family: "Montserrat", sans-serif;
      color: #062b2e;
      margin-top: -2px; }

.custom-shortcode {
  background-color: rgba(2, 142, 151, 0.5);
  padding: 52px 100px 50px; }
  .custom-shortcode .cue-playlist-container {
    margin-top: 50px; }
  .custom-shortcode p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    line-height: 1.5;
    text-align: center;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto; }
  .custom-shortcode h1, .custom-shortcode h2, .custom-shortcode h3:not(.main-title), .custom-shortcode h4, .custom-shortcode h5, .custom-shortcode h6 {
    color: #272727;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: "Oswald",sans-serif; }
  .custom-shortcode h4 {
    font-size: 20px; }
  .custom-shortcode .booked-calendar-shortcode-wrap {
    margin-top: 50px;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto; }

/*-------------------------------------------------------------------*/
/* 06. SWIPER
--------------------------------------------------------------------*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  height: inherit; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: ew-resize;
  margin: 0 auto;
  height: inherit;
  float: left; }

.swiper-slide {
  float: left;
  height: inherit;
  position: relative; }

/*-------------------------------------------------------------------*/
/* 07. BUTTONS
--------------------------------------------------------------------*/
.a-btn {
  display: inline-block;
  color: white;
  padding: 10px 40px;
  border-radius: 20px;
  background-color: #512DEA;
  box-shadow: 0px 10px 20px 0px rgba(86, 50, 240, 0.5);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: .18px; }
  .a-btn:hover, .a-btn:visited {
    box-shadow: none !important;
    color: #fff;
    text-decoration: none; }
  .a-btn:focus {
    color: #fff; }
  .a-btn:active {
    color: #fff;
    text-decoration: none; }

/*-------------------------------------------------------------------*/
/* 08. INIT CSS
--------------------------------------------------------------------*/
.relative {
  position: relative; }

.no-padding {
  padding: 0 !important; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  float: none; }

.single-content .post-wrap figure img {
  margin-top: 0; }

.centered {
  text-align: center; }

.hidden {
  display: none !important;
  visibility: hidden; }

.vertical-align {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%; }

body {
  font: 14px 'Open Sans', Arial, Helvetica, sans-serif;
  color: #555;
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
  width: 100%; }

* {
  outline: none !important; }

*, *:after, *:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  padding: 0;
  margin: 0; }

ul, ol {
  margin-left: 10px; }

strong {
  font-weight: 700; }

a {
  color: #851ab5;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }
  a:visited, a:focus {
    text-decoration: none; }
  a:hover {
    color: inherit; }

abbr, acronym {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help; }

big {
  font-size: 125%; }

p {
  padding: 0px 0px 16px 0;
  line-height: 1.6;
  font-weight: 400; }

em {
  font-style: italic; }

code {
  background-color: #d1d1d1;
  padding: 0.125em 0.25em;
  color: #1a1a1a; }

code, kbd, tt, var, samp, pre {
  font-family: Inconsolata,monospace; }

code, kbd, pre, samp {
  font-size: 1em; }

pre {
  border: 1px solid #d1d1d1;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre-wrap;
  word-wrap: break-word; }

var {
  font-style: italic; }

blockquote, q {
  quotes: none; }

blockquote {
  border-left: 5px solid #acacac; }
  blockquote cite {
    display: block; }

blockquote p {
  padding-bottom: 0 !important;
  font-style: italic; }

dfn, cite, em, i {
  font-style: italic; }

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%; }

table, th, td {
  border: 1px solid #acacac; }

th, td {
  padding: 7px; }

th {
  border-width: 0 1px 1px 0;
  font-weight: 700; }

td {
  border-width: 0 1px 1px 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

dd {
  margin: 0 0 1.75em; }

address {
  font-style: italic; }

kbd {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
  font-family: Inconsolata,monospace; }

mark, ins {
  background: #007acc;
  color: #fff;
  padding: 0.125em 0.25em;
  text-decoration: none; }

/*-------------------------------------------------------------------*/
/* 09. PORTFOLIO
--------------------------------------------------------------------*/
.portfolio-index {
  position: relative;
  z-index: 1000; }

.hidden-item {
  display: none; }

.mfp-content figcaption {
  padding-top: 0 !important; }

figcaption {
  padding-top: 0 !important; }

.mfp-counter {
  display: none; }

.mfp-title {
  font-size: 20px;
  font-family: "Oswald",sans-serif;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 1.5;
  margin-bottom: 7px;
  font-style: normal;
  text-align: center;
  padding-right: 0;
  margin-top: 15px; }

.mfp-bg,
.mfp-wrap {
  z-index: 9999; }

.podrt_descr {
  max-width: calc(100% - 300px);
  width: 100%;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
  position: relative;
  text-align: left; }
  .podrt_descr .modal-box-content {
    max-width: 900px;
    position: relative;
    margin: auto;
    background-color: #fff;
    padding-bottom: 35px; }
    .podrt_descr .modal-box-content .mfp-close {
      background-color: white; }
	  
  .podrt_descr h3 {    
	margin-top: 50px;
	font-size: 1.3em;
	/**font-family: 'Cuprum', sans-serif;**/
	font-family: "Oswald",sans-serif;
	color: #333 !important;
	padding: 0 50px;
	font-weight: 500;
	letter-spacing: .1px;
	line-height: 1.5;
	margin-bottom: 7px;
	font-style: normal;
	text-transform: uppercase;
	}
	
  .podrt_descr .descr {
    font-weight: Normal;
    letter-spacing: .2px;
    font-size: 14px;
    /**font-family: "Domine",sans-serif;**/
    font-family: "Helvetica", arial, sans-serif;
	color: #333;
    opacity: .7;
    padding: 0 50px;
    line-height: 1.5;
    margin: 5px auto 15px; }
  .podrt_descr img {
    max-width: 100%; }

.odessa-portfolio-wrap {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 25px; }
  .odessa-portfolio-wrap.style1 .item:nth-child(n + 5) {
    width: 50%; }
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 1),
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 2),
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 3),
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 6),
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 9),
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 10) {
    width: 25%; }
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 4) {
    width: 25%; }
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 7),
  .odessa-portfolio-wrap.style1 .item:nth-child(10n + 8) {
    width: 50%; }
  .odessa-portfolio-wrap.style2 .item:nth-child(n + 4) {
    width: 50%; }
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 1),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 2),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 5),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 6),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 9),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 10) {
    width: 25%; }
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 3),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 7),
  .odessa-portfolio-wrap.style2 .item:nth-child(10n + 8) {
    width: 50%; }
  .odessa-portfolio-wrap.style3 .item {
    width: 33.333%;
    padding: 0; }
  .odessa-portfolio-wrap .view-item {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
  .odessa-portfolio-wrap .item {
    padding: 5px; }
    .odessa-portfolio-wrap .item .view-item {
      height: 100%;
      width: 100%; }
    .odessa-portfolio-wrap .item:hover .item-desc {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
  .odessa-portfolio-wrap .item-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    /*background-color: #4F19E7;*/
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,255,255,0.66) 0%, rgba(0,254,255,0.66) 1%, rgba(0,212,255,0.74) 35%, rgba(0,164,232,1) 100%) !important; 
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,255,255,0.66) 0%,rgba(0,254,255,0.66) 1%,rgba(0,212,255,0.74) 35%,rgba(0,164,232,1) 100%) !important; 
	background: radial-gradient(ellipse at center, rgba(0,255,255,0.66) 0%,rgba(0,254,255,0.66) 1%,rgba(0,212,255,0.74) 35%,rgba(0,164,232,1) 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a800ffff', endColorstr='#00a4e8',GradientType=1 ) !important; 
	}
	
	
    .odessa-portfolio-wrap .item-desc .content {
      z-index: 15;
      padding: 20px;
      color: #fff;
      text-align: center; }
      .odessa-portfolio-wrap .item-desc .content h4 {
        font-size: 1.6em;
        font-family: "Oswald", sans-serif;
		/*font-family: 'Comfortaa', cursive !important;*/
		/*font-family: 'Cuprum', sans-serif;*/
        font-weight: 500;
		color: white;
        line-height: 1.5;
        margin-bottom: 7px;
        font-style: normal; }
      .odessa-portfolio-wrap .item-desc .content h6 {
        font-weight: 300;
        letter-spacing: .2px;
        font-size: 1.2em;
        /*font-family: "Domine", sans-serif;*/
		font-family: 'Cuprum', sans-serif;
        color: #fff;
        opacity: .7;
        line-height: 1.5;
        margin: 5px auto 15px; }
      .odessa-portfolio-wrap .item-desc .content h5 {
        font-size: 14px;
        font-family: "Domine", sans-serif;
        color: #fff;
        opacity: .7;
        line-height: 1.5;
        margin-bottom: 16px; }
      .odessa-portfolio-wrap .item-desc .content .icon-plus {
        color: #00ffff !important;
        font-size: 18px;
        display: block;
        width: 100%;
        font-family: "Montserrat extrabold", sans-serif;
        position: relative;
        padding: 0;
        font-style: normal; }
        .odessa-portfolio-wrap .item-desc .content .icon-plus:hover {
          text-decoration: none; }
        .odessa-portfolio-wrap .item-desc .content .icon-plus:before {
          content: '';
          background-color: #fff;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          position: absolute;
          width: 29px;
          height: 29px;
          z-index: -1;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.mfp-arrow:before, .mfp-arrow:after {
  border: none !important;
  color: #fff;
  opacity: 1; }

.mfp-arrow-right::before {
  padding-left: 2px; }

.mfp-arrow-left::before {
  padding-right: 2px; }

.mfp-arrow-left::before {
  content: "\f053";
  font-family: "FontAwesome"; }

.mfp-arrow-right::before {
  content: "\f054";
  font-family: "FontAwesome"; }

.mfp-arrow {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }

.mfp-arrow::before {
  background: #212121;
  width: 40px;
  text-align: center;
  height: 40px;
  padding-top: 13px;
  border-radius: 50%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }

.mfp-close {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer !important; }
  .mfp-close:hover {
    color: #212121; }

.odessa-load-more {
  padding: 10px 49px;
  margin-bottom: 49px; }

/*-------------------------------------------------------------------*/
/* 10. TITLES
--------------------------------------------------------------------*/
.main-title {
  font-size: 34px;
  font-family: "Montserrat extrabold", sans-serif;
  color: #262626;
  line-height: 1.5;
  text-align: center;
  letter-spacing: .5px; }

/*-------------------------------------------------------------------*/
/* 11. TESTIMONIAL
--------------------------------------------------------------------*/
.main-header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 72px 0px 98px; }
  .main-header .main-wrap {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px; }
  .main-header .swiper-slide {
    text-align: center;
    color: white; }
  .main-header .content-slide {
    max-width: 630px;
    width: 100%;
    margin: auto; }
    .main-header .content-slide .logo-customer {
      display: block;
      margin-bottom: 18px; }
      .main-header .content-slide .logo-customer img {
        max-height: 65px; }
    .main-header .content-slide h5 {
      font-size: 1.7em;
      /*font-family: "Oswald", sans-serif;*/
	  font-family: 'Cuprum', sans-serif;
      font-style: italic !important;
      line-height: 1.5; }
	  
	  
    .main-header .content-slide h1, .main-header .content-slide h2, .main-header .content-slide h3, .main-header .content-slide h4, .main-header .content-slide h5, .main-header .content-slide h6 {
      margin-bottom: 16px; }
    .main-header .content-slide .description {
      font-size: 1.25em;
      /*font-family: "Domine", sans-serif;*/
	  	font-family: 'Coda', cursive;
      line-height: 1.5; }
      .main-header .content-slide .description p {
        margin-bottom: 0; }
    .main-header .content-slide .author {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      font-weight: bold;
      line-height: 2;
      letter-spacing: .2px; }
  .main-header .pagination {
    display: block;
    text-align: center; }
  .main-header .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    margin-top: 43px;
    height: 3px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2); !important;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .main-header .swiper-pagination-switch.swiper-active-switch {
      background-color: #29F4F6 !important; }

.pagination-color {
  display: none; }

/*-------------------------------------------------------------------*/
/* 12. POSTS LIST
--------------------------------------------------------------------*/
.posts-list-wrap.simplelist .container,
.posts-list-wrap.sliderlist .container {
  padding-right: 30px !important;
  padding-left: 30px !important; }

.posts-list-wrap.sliderlist {
  margin-right: -15px;
  margin-left: -15px; }
  .posts-list-wrap.sliderlist .pagination {
    display: block;
    text-align: center; }
  .posts-list-wrap.sliderlist .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    margin-top: 54px;
    height: 3px;
    cursor: pointer;
    background-color: #6A717A;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom: 70px; }
    .posts-list-wrap.sliderlist .swiper-pagination-switch.swiper-active-switch {
      background-color: #29F4F6; }

.post-block {
  background-color: #fff;
  margin-bottom: 30px; }
  .post-block.simplelist, .post-block.sliderlist {
    background-color: transparent; }
    .post-block.simplelist .text, .post-block.sliderlist .text {
      padding: 12px 0px 6px; }
      .post-block.simplelist .text a h6, .post-block.sliderlist .text a h6 {
        margin-bottom: 5px; }
    .post-block.simplelist .time, .post-block.sliderlist .time {
      font-size: 12px;
      font-family: "Montserrat",sans-serif;
      color: #acacac;
      z-index: 10;
      display: block;
      margin-top: 14px; }
    .post-block.simplelist .image, .post-block.sliderlist .image {
      height: 270px; }
    .post-block.simplelist .image .img, .post-block.sliderlist .image .img {
      filter: none; }
  .post-block.sliderlist {
    margin: 0 15px;
    padding: 10px 10px 0;
    text-align: center;
    background-color: #fff; }
    .post-block.sliderlist .image {
      height: 210px; }
    .post-block.sliderlist .text p {
      line-height: 1.6;
      padding: 0px 12px 16px;
      margin-bottom: 2px; }
    .post-block.sliderlist .text a {
      display: block; }
      .post-block.sliderlist .text a h6 {
        margin-bottom: 7px; }
    .post-block.sliderlist .time {
      margin-top: 16px; }
  .post-block.sticky .text a h6 {
    display: block;
    position: relative; }
  .post-block .text h6 {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .post-block .text h6:hover {
      opacity: .7; }
  .post-block .image {
    width: 100%;
    height: 220px;
    display: block;
    position: relative;
    background-color: #000;
    z-index: 10;
    overflow: hidden; }
    .post-block .image:hover .time {
      transform: none; }
    .post-block .image:hover .img {
      filter: grayscale(100%); }
      .post-block .image:hover .img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2); }
    .post-block .image .img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      width: 100%;
      height: 100%;
      filter: grayscale(0%);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .post-block .image .img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease; }
    .post-block .image .time {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      color: #fff;
      opacity: .8;
      position: absolute;
      bottom: 20px;
      left: 20px;
      z-index: 10;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .post-block .image .time {
      -webkit-transform: translateX(-150%);
      transform: translateX(-150%); }
  .post-block .text {
    padding: 14px 20px 0; }
    .post-block .text a h6 {
      font-size: 20px;
      margin-top: 0;
      font-family: "Oswald", sans-serif;
      color: #262626;
      font-weight: bold;
      line-height: 1.5;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .post-block .text a:hover {
      text-decoration: none; }
    .post-block .text p {
      font-size: 14px;
      font-family: "Domine", sans-serif;
      color: #acacac;
      line-height: 1.5; }

/*-------------------------------------------------------------------*/
/* 13. CONTACT INFO
--------------------------------------------------------------------*/
.contact-info {
  background-color: #04172e !important;
  padding: 42px 15px;
  width: 100%;
  margin-top: 14px;
  text-align: center;
  color: white; }
  .contact-info p.label-text {
    opacity: .5; }
  .contact-info p {
    font-size: 14px;
    /*font-family: "Domine", sans-serif;*/
	font-family: 'Coda', cursive;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 1px;
    padding: 0; }
  .contact-info .social {
    margin-top: 20px;
    text-align: center; }
    .contact-info .social ul {
      margin: 0; }
    .contact-info .social li {
      display: inline-block;
      margin: 0 7.3px;
      font-size: 12px; }
    .contact-info .social a {
      color: #fff;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .contact-info .social a:hover {
        color: #2072d6;
        text-decoration: none; }

/*-------------------------------------------------------------------*/
/* 14. CONTACT FORM
--------------------------------------------------------------------*/
div[role="form"], .comment-respond {
  padding: 63px 55px; }
  div[role="form"] label, .comment-respond label {
    width: 100%; }
  div[role="form"] form h5, .comment-respond form h5 {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 34px;
    margin-left: 4px; }
  div[role="form"] form input, .comment-respond form input {
    max-width: 100%;
    width: 100%;
    border: none;
    background-color: #F6F6F6;
    color: #262626;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    padding: 14px 13px 14px 20px;
    letter-spacing: .2px; }
  div[role="form"] form textarea, .comment-respond form textarea {
    width: 100%;
    border: none;
    background-color: #F6F6F6;
    color: #262626;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding: 14px 13px 14px 20px;
    letter-spacing: .2px;
    resize: none; }
  div[role="form"] form input[type="submit"], .comment-respond form input[type="submit"] {
    display: inline-block;
    color: white;
    padding: 11px 67px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 6px;
    border-radius: 20px;
    background-color: #00f7ef;
    box-shadow: 0px 10px 20px 0px rgba(0,255,199,0.5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: .18px; }
    div[role="form"] form input[type="submit"]:hover, div[role="form"] form input[type="submit"]:visited, .comment-respond form input[type="submit"]:hover, .comment-respond form input[type="submit"]:visited {
      box-shadow: none !important;
      color: #fff;
      text-decoration: none; }
  div[role="form"] form *::-webkit-input-placeholder, .comment-respond form *::-webkit-input-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold; }
  div[role="form"] form *:-moz-placeholder, .comment-respond form *:-moz-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold; }
  div[role="form"] form *::-moz-placeholder, .comment-respond form *::-moz-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold; }
  div[role="form"] form *:-ms-input-placeholder, .comment-respond form *:-ms-input-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold; }

/*-------------------------------------------------------------------*/
/* 15. BLOG
--------------------------------------------------------------------*/
.blog-wrap-title {
  background-color: #000;
  padding: 174px 0 166px;
  position: relative; }

.blog-title {
  margin-left: 2px;
  font-size: 80px;
  font-family: "Montserrat extrabold", sans-serif;
  color: white;
  line-height: 1;
  font-weight: bold;
  letter-spacing: .5px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  opacity: 0;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in; }
  .blog-title.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1; }

.blog-subtitle {
  margin-top: 35px;
  margin-left: 2px;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  color: #fff;
  opacity: .6;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .3px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  opacity: 0;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in; }
  .blog-subtitle.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1; }

.blog .main-title {
  letter-spacing: 0px;
  margin-top: 52px;
  margin-bottom: 36px;
  padding: 0 15px; }

/*-------------------------------------------------------------------*/
/* 16. BLOG DETAIL
--------------------------------------------------------------------*/
.blog .content {
  position: relative;
  z-index: 20; }

.post-banner {
  padding: 183px 0px 340px;
  position: relative;
  z-index: 1;
  background-color: #000; }
  .post-banner .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 14;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .post-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: inherit; }

.post-details .content {
  position: relative;
  z-index: 20; }
.post-details .blog-title {
  max-width: 810px;
  width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.blog-single-wrap {
  margin-top: -200px;
  position: relative;
  z-index: 20; }

.single-content {
  padding: 66px 70px 140px;
  background-color: #fff;
  margin-bottom: 113px; }
  .single-content .gallery {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 38px; }
    .single-content .gallery::before {
      display: table;
      content: ""; }
    .single-content .gallery::after {
      display: table;
      content: "";
      clear: both; }
    .single-content .gallery.gallery-columns-2 .gallery-item {
      width: 50%;
      padding-right: 15px;
      padding-left: 15px;
      float: left; }
    .single-content .gallery.gallery-columns-1 .gallery-item {
      width: 100%; }
    .single-content .gallery.gallery-columns-2 .gallery-item {
      width: 50%; }
    .single-content .gallery.gallery-columns-3 .gallery-item {
      width: 33.33%; }
    .single-content .gallery.gallery-columns-4 .gallery-item {
      width: 25%; }
    .single-content .gallery.gallery-columns-5 .gallery-item {
      width: 20%; }
    .single-content .gallery.gallery-columns-6 .gallery-item {
      width: 16.66%; }
    .single-content .gallery.gallery-columns-7 .gallery-item {
      width: 14.28%; }
    .single-content .gallery.gallery-columns-8 .gallery-item {
      width: 12.5%; }
    .single-content .gallery.gallery-columns-9 .gallery-item {
      width: 11.11%; }
  .single-content .date-post {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #acacac;
    margin-bottom: 10px; }
  .single-content .post-wrap h3 {
    font-size: 20px; }
  .single-content .post-wrap h1, .single-content .post-wrap h2, .single-content .post-wrap h3, .single-content .post-wrap h4, .single-content .post-wrap h5, .single-content .post-wrap h6 {
    font-family: "Oswald", sans-serif;
    color: #262626;
    margin-top: 22px;
    margin-bottom: 24px; }
  .single-content .post-wrap p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    margin-bottom: 6px; }
  .single-content .post-wrap img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px; }
  .single-content .post-wrap .post-info {
    margin-top: 43px; }
    .single-content .post-wrap .post-info span {
      font-size: 14px;
      font-family: "Domine", sans-serif;
      color: #acacac;
      display: inline-block;
      margin-right: 25px;
      margin-bottom: 5px; }
      .single-content .post-wrap .post-info span a {
        font-size: 14px;
        font-family: "Domine", sans-serif;
        color: #262626; }
        .single-content .post-wrap .post-info span a:hover {
          text-decoration: none;
          opacity: .7; }

/*-------------------------------------------------------------------*/
/* 17. COMMENTS
--------------------------------------------------------------------*/
.comments {
  margin-top: 57px;
  margin-bottom: 30px; }
  .comments .comments-title {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 29px; }
  .comments .comment {
    position: relative;
    clear: both;
    margin-bottom: 15px; }
    .comments .comment .content {
      position: relative; }
    .comments .comment .person img {
      float: left;
      margin-right: 20px;
      margin-bottom: 30px;
      margin-top: 4px; }
    .comments .comment .person .comment-date {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      color: #acacac;
      margin-bottom: 10px;
      margin-top: -5px; }
    .comments .comment .person .author {
      font-size: 14px;
      font-family: "Domine", sans-serif;
      color: #262626;
      line-height: 1.5;
      display: block;
      margin-bottom: 6px;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .comments .comment .person .author:hover {
        text-decoration: none; }
    .comments .comment .text {
      overflow: hidden; }
    .comments .comment .text p {
      font-size: 14px;
      font-family: "Domine", sans-serif;
      color: #acacac;
      line-height: 1.5; }
    .comments .comment .comment-reply-link {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 11px;
      font-family: "Domine", sans-serif;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      .comments .comment .comment-reply-link:hover {
        text-decoration: none; }

.comment-respond {
  padding: 0; }
  .comment-respond .comment-reply-title {
    margin-top: 35px;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: bold; }
  .comment-respond .pr, .comment-respond .pl {
    width: 50%;
    float: left; }
  .comment-respond .pr {
    padding-right: 10px; }
  .comment-respond .pl {
    padding-left: 10px; }
  .comment-respond textarea {
    margin-bottom: 20px;
    min-height: 160px; }

.comment-respond form input {
  margin-bottom: 20px; }

.comment-respond form input[type="submit"] {
  margin-top: 13px;
  background-color: #ffcc00;
  box-shadow: 0px 10px 20px 0px rgba(255, 204, 0, 0.5);
  padding: 13px 31px; }

.comments-form {
  margin-bottom: 40px; }

/*-------------------------------------------------------------------*/
/* 18. PAGINATION
--------------------------------------------------------------------*/
.single-content .pagination {
  position: absolute; }

.pagination {
  width: 100%;
  left: 0;
  padding: 0 70px; }
  .pagination .sm-wrap-post {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden; }
    .pagination .sm-wrap-post .banner-overlay {
      transition: all 300ms ease; }
    .pagination .sm-wrap-post:hover .banner-overlay {
      opacity: 0; }
    .pagination .sm-wrap-post:hover .pag-title,
    .pagination .sm-wrap-post:hover .post-date,
    .pagination .sm-wrap-post:hover .title {
      -webkit-transform: translateX(-115%);
      transform: translateX(-115%); }
    .pagination .sm-wrap-post:hover .content {
      opacity: 0; }
    .pagination .sm-wrap-post:hover .img {
      filter: grayscale(0%); }
    .pagination .sm-wrap-post .img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      text-decoration: none;
      background-color: #000;
      filter: grayscale(100%);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      transition-delay: .25s; }
    .pagination .sm-wrap-post .post-info-wrapper {
      position: absolute;
      bottom: 20px;
      left: 0;
      padding-right: 20px;
      padding-left: 20px; }
    .pagination .sm-wrap-post .content {
      display: block;
      padding: 14px 20px 13px;
      position: relative;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      transition-delay: .25s; }
    .pagination .sm-wrap-post .pag-title {
      font-size: 14px;
      font-family: "Domine", sans-serif;
      color: white;
      line-height: 1.5;
      margin-bottom: 97px;
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .pagination .sm-wrap-post .post-date {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      color: #fff;
      opacity: .8;
      display: block;
      margin-bottom: 12px;
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .pagination .sm-wrap-post .title {
      font-size: 19.986px;
      font-family: "Oswald", sans-serif;
      color: white;
      font-weight: bold;
      line-height: 1.5;
      -webkit-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
  .pagination .pagin-wrap.pl {
    padding-left: 15px;
    width: 50%; }
  .pagination .pagin-wrap.pr {
    padding-right: 15px;
    width: 50%; }
  .pagination .pagin-wrap {
    float: left; }

.mfp-wrap {
  max-height: 100vh;
  position: fixed !important;
  top: 0 !important; }

/*-------------------------------------------------------------------*/
/* 19. SIDEBAR
--------------------------------------------------------------------*/
.sidebar {
  background-color: #6D1297;
  color: white;
  margin-bottom: 15px;
  padding: 30px; }
  .sidebar img {
    max-width: 100%; }
  .sidebar .wp-caption .wp-caption-text {
    color: black;
    padding: 0; }
  .sidebar .textwidget p {
    font-size: 13px; }
  .sidebar .element li > ul > li:last-child {
    padding-bottom: 0; }
  .sidebar .element select,
  .sidebar .element option {
    color: #000;
    max-width: 100%; }
  .sidebar .element caption {
    color: #fff; }
  .sidebar .widget_categories li > ul {
    margin-left: 0px !important; }
  .sidebar .widget_categories li ul li a {
    padding-left: 15px !important; }
  .sidebar .widget_categories li ul li ul li {
    padding-left: 30px !important; }
    .sidebar .widget_categories li ul li ul li a {
      padding-left: 0px !important; }
  .sidebar .recentcomments {
    color: #ccc !important; }
  .sidebar .widget_rss li a.rsswidget {
    text-transform: uppercase; }
  .sidebar .widget_rss span.rss-date {
    opacity: .7;
    display: inline-block;
    margin: 5px auto;
    font-weight: 100; }
  .sidebar .widget_rss cite {
    margin-top: 5px;
    display: inline-block; }
  .sidebar ul {
    list-style: none;
    margin-left: 0; }
  .sidebar a {
    color: white; }
  .sidebar .element {
    margin-bottom: 15px; }
    .sidebar .element label {
      width: 100%; }
    .sidebar .element h5 {
      font-size: 14px;
      font-family: "Oswald", sans-serif;
      color: rgba(255, 255, 255, 0.7);
      font-weight: bold;
      text-transform: uppercase;
      line-height: 1.4;
      letter-spacing: .3px;
      margin-bottom: 12px; }
    .sidebar .element ul li,
    .sidebar .element ul li a {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      color: white;
      line-height: 1.5; }
    .sidebar .element ul li {
      position: relative;
      padding-bottom: 4px; }
  .sidebar .widget_categories ul li .children {
    padding-top: 4px !important; }
    .sidebar .widget_categories ul li .children .children {
      margin-top: 2px;
      margin-bottom: -2px; }

.search-sub-wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 20px;
  right: 0;
  padding: 12px 19px;
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  transition: all 300ms ease; }
  .search-sub-wrap:hover {
    background-color: white; }
  .search-sub-wrap::before {
    content: "\f002";
    font-family: 'FontAwesome';
    color: #1a1a1a;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.widget_search label {
  margin-bottom: 0; }

.widget_search .screen-reader-text,
.widget_search input[type="submit"] {
  background: transparent;
  position: absolute;
  top: 0;
  width: 20px;
  right: 0;
  color: #1a1a1a; }

.widget_search {
  margin-bottom: 33px !important; }

.widget_search input[type="search"] {
  padding-right: 45px; }

.widget_search input {
  max-width: 100%;
  width: 100%;
  padding: 12px 20px;
  border: none;
  letter-spacing: -.2px;
  background-color: rgba(255, 255, 255, 0.2); }
  .widget_search input::-webkit-input-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5); }
  .widget_search input:-moz-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5); }
  .widget_search input::-moz-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5); }
  .widget_search input:-ms-input-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5); }

.widget_categories ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 4px;
  padding-bottom: 4px;
  list-style: none;
  padding-left: 0 !important; }
  .widget_categories ul li .children {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 2px; }
  .widget_categories ul li::before {
    background-color: transparent !important; }
  .widget_categories ul li:last-child {
    border-bottom: none; }
  .widget_categories ul li:first-child {
    padding-top: 0; }

.widget_recent_posts .pop-img {
  width: 100%;
  height: 95px;
  max-width: 300px; }
.widget_recent_posts a {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px; }
.widget_recent_posts .popular-block {
  margin-bottom: 18px;
  margin-top: 18px; }

figure figcaption {
  padding-top: 10px !important; }

/*-------------------------------------------------------------------*/
/* 20. FOOTER
--------------------------------------------------------------------*/
footer {
  background-color: #000; }

.table {
  display: table;
  table-layout: fixed; }

.table-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 0 !important; }

div[role="form"] {
  background-color: #fff; }

.footer-wrap {
  position: relative;
  margin-top: 340px;
  padding-bottom: 115px;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }
  .footer-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .footer-wrap.no {
    padding-bottom: 43px;
    margin-top: 20px; }
    .footer-wrap.no .table {
      display: none; }
    .footer-wrap.no .copyright {
      margin-top: 43px; }
  .footer-wrap .table {
    margin-top: -248px;
    z-index: 100;
    position: relative; }
    .footer-wrap .table .table-cell:first-child {
      width: 25.5%; }
    .footer-wrap .table .table-cell:last-child {
      width: 74.5%; }

.copyright {
  text-align: right;
  color: #79dee8;
  letter-spacing: .09px;
  font-size: 14px;
  /*font-family: "Domine", sans-serif;*/
  font-family: 'Coda', cursive;
  line-height: 1.5;
  margin-top: 93px; }
  .copyright a {
    color: white;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .copyright a:hover {
      text-decoration: none;
      opacity: .7; }

/*-------------------------------------------------------------------*/
/* 21. EXPERIENCES
--------------------------------------------------------------------*/
#portfolio h3.main-title {
    font-family: 'Comfortaa', cursive !important;
    font-size: 2.6em !important;
    font-weight: bold !important;
}

#blog-2-2 h3.main-title {
    font-family: 'Comfortaa', cursive !important;
    font-size: 2.6em !important;
    font-weight: bold !important;
}

#experience h3.main-title {
    font-family: 'Comfortaa', cursive !important;
    font-size: 2.6em !important;
    font-weight: bold !important;
	color: #2a3940 !important;
	}

.experiences {
  color: white;
  padding: 70px 0 70px; }
  .experiences .btn-wrap {
    margin-bottom: 50px; }
  .experiences .izotope-container-2 {
    margin-right: -15px;
    margin-left: -15px; }
  .experiences .main-title {
    color: white;
    line-height: 1.5;
    letter-spacing: .2px;
    margin-bottom: 57px;
    margin-top: 60px; }
  .experiences .experiences-items {
    margin-bottom: 30px; }
    .experiences .experiences-items .experiences-item {
      /*background-color: rgba(0, 0, 0, 0.4);*/
      padding: 30px 30px 22px; }
      .experiences .experiences-items .experiences-item .title {
        font-size: 1.2em;
        /*font-family: "Domine", sans-serif;*/
		font-family: 'Cuprum', sans-serif;
		font-style: italic;
        color: #074547 !important;
        line-height: 0;
        border-radius: 29px;
        display: inline-block;
        padding: 3px 10px;
        margin: -1px 0 5px 0 !important;
		}
      .experiences .experiences-items .experiences-item .content {
        font-size: 14px;
        font-family: "Domine", sans-serif;
        color: #fff;
        line-height: 1.5; }
        .experiences .experiences-items .experiences-item .content h1, .experiences .experiences-items .experiences-item .content h2, .experiences .experiences-items .experiences-item .content h3, .experiences .experiences-items .experiences-item .content h4, .experiences .experiences-items .experiences-item .content h5, .experiences .experiences-items .experiences-item .content h6 {
          margin-top: 0;
          font-size: 20px;
          font-family: "Oswald", sans-serif;
          color: white;
          font-weight: bold;
          line-height: 1.5;
          margin-bottom: 6px; }
        .experiences .experiences-items .experiences-item .content p {
          /*opacity: .7;*/
          padding-bottom: 0;
          margin-bottom: 1px;
		  color: #074547;
		  font-family: 'Coda', cursive;
		  font-size: 1em !important;
		  line-height: 1.3em !important;
		  margin: 6px 0 2px 0;
		  }
        .experiences .experiences-items .experiences-item .content p:empty {
          display: none; }
    .experiences .experiences-items.slider .experiences-item {
      background-color: transparent;
      padding: 25px 45px;
	  text-align: center !important;
	  }
      .experiences .experiences-items.slider .experiences-item .logo-experience {
        position: absolute;
        right: 45px;
        top: 30px;
        max-height: 46px; }
      .experiences .experiences-items.slider .experiences-item .title {
        margin: 8px 2px 5px;
        border-radius: 0px;
		background-color: transparent !important;
		}
      .experiences .experiences-items.slider .experiences-item .content {
        margin-top: 11px;
        margin-left: -1px; }
		
      .experiences .experiences-items.slider .experiences-item .title-item-slider {
        font-size: 1.6em;
        /*font-family: "Oswald", sans-serif;*/
		font-family: 'Cuprum', sans-serif;
		text-transform: uppercase;
        color: #074547;
        font-weight: bold;
        transition: all 300ms ease;
		width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
	}
		
		
.experiences .experiences-items.slider .experiences-item .title-item-slider:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: rgba(95, 106, 114, 0.2);
    width: 40px;
}

.experiences .experiences-items.slider .experiences-item .title-item-slider:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: rgba(95, 106, 114, 0.2);
    width: 40px;
}	
      .experiences .experiences-items.slider .experiences-item:hover .title-item-slider {
        color: inherit; }
    .experiences .experiences-items.slider::before {
      content: '';
      display: block;
      border-bottom: 6px solid rgba(95, 106, 114, 0.2);
      position: absolute;
      width: calc(100% - 30px);
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      transition: all 300ms ease; }
    .experiences .experiences-items.slider:hover::before {
      /*border: 1px solid rgba(255, 255, 255, 0.05);*/ }
  .experiences .btn-wrap {
    text-align: center;
    margin-top: 20px; }
    .experiences .btn-wrap .a-btn {
      padding: 13px 25px; }
  .experiences .pagination {
    display: block;
    text-align: center; }
    .experiences .pagination .swiper-pagination-switch {
      display: inline-block;
      width: 30px;
      margin-top: 90px;
      margin-bottom: 10px;
      height: 2px;
      cursor: pointer;
      background-color: rgba(95, 106, 114, 0.2);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    
	.experiences .pagination .swiper-pagination-switch.swiper-active-switch {
        background-color: #24f4f6; }

#education h3.main-title {
    font-family: 'Comfortaa', cursive !important;
    font-size: 2.6em !important;
    font-weight: bold !important;
}

.education-img {
  max-width: 400px !important;
  height: auto;
  float: left;
  margin-top: 5px !important;
  margin-right: 30px !important;
  margin-bottom: 15px !important; }

.education-wrap {
  padding-top: 40px;
  padding-bottom: 45px; }
  .education-wrap .btn-wrap {
    text-align: center;
    padding: 5px 0 25px; }
    .education-wrap .btn-wrap .a-btn {
      padding: 12px 24px; }

.events-content h1, .events-content h2, .events-content h4 .events-content h6 {
  /*font-family: "Oswald", sans-serif;*/
  font-family: 'Cuprum', sans-serif;
    font-weight: bold;
  color: #5e6a72;
  line-height: 1em;
 text-align: center; 
 }
 
.events-content h3 {
	font-family: 'Cuprum', sans-serif;
	text-transform: uppercase;
	font-size: 2em !important;
	color: #5e6a72;
	text-align: center !important;
	margin-top: 6px;
	font-weight: bolder;
 }

 .events-content h5  {
	font-family: 'Cuprum', sans-serif;
	font-size: 1.4em !important;
	font-style: italic;
	color: #5e6a72;
	text-align: center;
	margin-bottom: 15px !important;
	margin-top: -5px !important;
 }
 
.events-content p {
	font-family: 'Coda', cursive !important;
	font-size: 1.2em !important;
	color: #5e6a72 !important;
	text-align: center !important;
	line-height: 1.2em !important;  
}
 
.events-content ol {
  margin-left: 0; }
.events-content h4 {
  font-size: 20px;
  margin-bottom: 31px; }


  .events-content p:empty {
  display: none; }

.container.portfolio-index {
  max-width: 100%; }

/*-------------------------------------------------------------------*/
/* 22. RESPONSIVE
--------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  .sidebar {
    padding: 50px; }

  .banner-wrap .info .title {
    font-size: 70px; } }
@media only screen and (max-width: 1199px) {
  header.full > div.container .odessa-top-menu {
    padding-right: 0; }

  .banner-wrap .info {
    max-width: 670px; }

  header.full > div.container .odessa-top-menu .hire_me {
    margin-left: 2.5%; }

  header.full > div.container .odessa-top-menu .social_icons li {
    margin-left: 4px; }

  header.full > div.container .odessa-top-menu .social_icons {
    margin-left: 2.6%; } }
@media only screen and (max-width: 1024px) {
  .custom-shortcode .booked-calendar-shortcode-wrap {
    margin-top: 30px; }

  .footer-wrap {
    padding-bottom: 60px; }

  .copyright {
    margin-top: 45px; } }
@media only screen and (max-width: 1023px) {
  .post-banner {
    padding-top: 102px !important; }

  .blog-title {
    font-size: 60px; }

  .blog-wrap-title {
    padding: 150px 0; }

  .sidebar {
    padding: 30px; } }
@media only screen and (min-width: 992px) {
  .full .sub-menu .menu-item-has-children > span {
    transform: translateY(-50%) rotate(-90deg);
    top: 6px; }

  div[role="form"] .col-xs-12 {
    padding-right: 10px !important;
    padding-left: 10px !important; }

  header.full > div.container .sub-menu {
    display: block !important; } }
@media only screen and (max-width: 992px) {
  .menu-item-has-children > span {
    right: -20px; }

  .post-block.simplelist {
    margin-bottom: 0 !important; }

  .about .img-wrap {
    height: 250px; }

  .podrt_descr .descr,
  .podrt_descr h3 {
    padding: 0 15px; }

  .podrt_descr .modal-box-content {
    padding-bottom: 10px; }

  .podrt_descr h3 {
    margin-top: 20px; }

  .podrt_descr {
    max-width: calc(100% - 150px); }

  .education-wrap .main-title {
    line-height: 1.5; }

  .events-content h4 {
    margin-bottom: 15px; }

  .events-content li {
    text-align: center; }
    .events-content li div {
      text-align: left; }
    .events-content li img {
      float: none;
      margin: 0 auto 15px !important;
      max-width: 100%; }

  .booked-calendar-shortcode-wrap {
    margin-top: 0 !important; }

  .custom-shortcode {
    padding: 30px 50px 25px; }

  .experiences .main-title {
    margin-top: 30px; }

  .post-banner {
    padding: 80px 0px 240px; }

  .footer-wrap.yes {
    margin-top: 320px;
    padding-bottom: 35px; }

  .copyright {
    margin-top: 25px; }

  .blog-single-wrap {
    margin-top: -70px; }

  .about .img-wrapper {
    top: -77px; } }
@media only screen and (max-width: 991px) {
  .about .text {
    padding: 186px 50px 50px; }

  .banner-wrap .info {
    max-width: 100%;
    padding: 0 15px;
    text-align: center; }

  .education-wrap {
    padding-top: 20px;
    padding-bottom: 20px; }

  .cd-horizontal-timeline {
    margin: 15px auto 10px; }

  .post-banner {
    padding: 140px 0 140px !important; }

  .post-details .blog-title {
    text-align: center; }

  .about .img-wrap {
    height: 250px; }

  .banner-wrap .info .title {
    font-size: 60px; }

  .info {
    margin-top: 125px;
    margin-bottom: 100px; }

  div[role="form"] {
    padding: 40px 30px; }
    div[role="form"] form h5 {
      text-align: center;
      margin-bottom: 10px; }
    div[role="form"] img.ajax-loader {
      display: block;
      margin: auto !important;
      clear: both;
      margin-top: 15px !important; }

  div[role="form"] form input[type="submit"] {
    margin-top: 15px;
    margin-left: 0; }

  .xs-sm-center {
    text-align: center; }

  .contact-info {
    padding: 30px 15px; }

  .odessa-portfolio-wrap .item {
    width: 33.333%; }
    .odessa-portfolio-wrap .item.n6 {
      width: 66.666%; }

  .main-header {
    padding: 60px 15px 40px; }

  .blog-wrap-title {
    padding: 170px 0 100px; }

  .blog-title {
    font-size: 54px; }

  .blog-subtitle {
    font-size: 13px; }

  .banner-wrap .banner {
    min-height: 490px; } }
@media only screen and (max-width: 768px) {
  .education-wrap {
    padding-top: 15px;
    padding-bottom: 25px; }

  .experiences .row {
    margin-right: 0;
    margin-left: 0; }

  .experiences .pagination .swiper-pagination-switch {
    margin-top: 30px;
    margin-bottom: 10px; }

  .blog .main-title {
    font-size: 30px; }

  .single-content {
    padding: 46px 30px 100px; } }
@media only screen and (max-width: 767px) {
  .cue-playlist {
    margin: 0 !important; }

  .footer-wrap .table,
  .odessa-portfolio-wrap {
    padding-right: 0;
    padding-left: 0; }

  .about .text .button {
    margin-top: 10px; }

  .odessa-portfolio-wrap {
    margin-right: -5px;
    margin-left: -5px;
    padding-bottom: 15px; }

  .footer-wrap.yes {
    margin-top: 270px; }

  .single-content .pagination {
    position: static;
    padding: 0; }

  .single-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }

  .about .text .descr p {
    padding: 0px 0px 4px 0; }

  .custom-shortcode .cue-playlist-container {
    margin-top: 20px; }

  .cd-horizontal-timeline {
    margin: 0 auto; }

  .custom-shortcode {
    padding: 20px 20px 5px; }
    .custom-shortcode .main-title {
      margin-bottom: 0; }

  .education-wrap .btn-wrap {
    padding: 5px 0 5px; }

  .copyright {
    padding-right: 15px;
    padding-left: 15px; }

  .main-title {
    font-size: 30px !important; 
}

  .odessa-load-more {
    margin-bottom: 33px; }

  .comment-respond .pr,
  .comment-respond .pl {
    padding: 0 !important;
    width: 100%; }

  .izotope-container-2 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .experiences .main-title {
    margin-top: 0;
    margin-bottom: 27px; }

  .experiences {
    padding-bottom: 50px; }

  .experiences .btn-wrap {
    margin-top: 0; }

  .experiences .experiences-items {
    margin-bottom: 20px; }

  .sidebar {
    padding: 30px;
    margin-bottom: 30px; }

  .pagination .pagin-wrap.pr,
  .pagination .pagin-wrap.pl {
    padding: 0 !important;
    width: 100%;
    margin-bottom: 20px; }

  .xs-padding {
    padding-right: 15px !important;
    padding-left: 15px !important; }

  .posts-list-wrap.sliderlist .swiper-pagination-switch {
    margin-top: 35px;
    margin-bottom: 30px; }

  .posts-list-wrap.sliderlist {
    margin-right: 0;
    margin-left: 0; }

  .about,
  .about .content,
  .counter {
    display: block;
    width: 100%; }

  .counter {
    padding-top: 0;
    height: auto; }
    .counter .wrap {
      padding: 20px 0 25px; }

  .about .content {
    margin-bottom: 0;
    text-align: center; }

  .banner-wrap .info .title {
    font-size: 50px; }

  .odessa-portfolio-wrap .item {
    width: 50% !important; }

  .xs-padding {
    padding-right: 15px !important;
    padding-left: 15px !important; }

  .blog-wrap-title {
    padding: 130px 15px 50px;
    text-align: center; }

  .blog-title {
    font-size: 50px; }

  .footer-wrap .table {
    display: block; }
    .footer-wrap .table .table-cell {
      display: block;
      width: 100% !important; }

  .copyright {
    text-align: center;
    margin-top: 20px; }

  .footer-wrap {
    padding-bottom: 35px; }

  .contact-info {
    margin-top: 0; } }
@media only screen and (max-width: 600px) {
  .posts-list-wrap.sliderlist .swiper-pagination-switch {
    margin-top: 15px; }

  .podrt_descr {
    max-width: calc(100% - 100px); }

  .pagination {
    padding: 0; }

  .comments .comments-title,
  .comment-respond .comment-reply-title,
  .comments-form .input-wrapper {
    text-align: center; }

  .comments .person img {
    width: 70px;
    height: 70px; }

  .experiences {
    padding-bottom: 35px; }

  .single-content {
    padding: 25px 15px 100px; }

  .single-content .post-wrap img {
    margin-top: 10px; }

  .single-content .post-wrap h1, .single-content .post-wrap h2, .single-content .post-wrap h3, .single-content .post-wrap h4, .single-content .post-wrap h5, .single-content .post-wrap h6 {
    margin-top: 10px;
    margin-bottom: 10px; }

  .comments .comment .person img {
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px; }

  .comments .comment {
    text-align: center; }

  .comments .comment .comment-reply-link {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

  .about .img-wrapper {
    top: -100px; }

  .about .img-wrap {
    height: 160px; }

  .about .text {
    padding: 65px 15px 40px; }

  .counter .count-title {
    font-size: 26px; }

  .banner-wrap .info .title {
    font-size: 38px; }

  .odessa-portfolio-wrap .item {
    width: 100% !important; }

  .blog-title {
    font-size: 38px;
    text-align: center; }

  .blog-subtitle {
    font-size: 12px;
    text-align: center; }

  .blog .main-title {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 25px;
    line-height: 1.2; }

  .banner-wrap .banner {
    min-height: 400px !important; }

  .banner-wrap .info {
    margin-top: 110px !important; }

  .about .img-wrapper {
    padding-right: 50px !important;
    padding-left: 50px !important; }

  .about .img-wrap {
    height: 140px; }

  .about .text {
    padding: 77px 15px 40px; } }
@media only screen and (max-width: 480px) {
  .custom-shortcode {
    padding: 20px 20px 5px; }

  .copyright {
    margin-top: 20px; }

  div[role="form"] {
    padding: 30px 15px 20px; }

  .about .img-wrapper {
    top: -60px; }

  .about .img-wrap {
    height: 120px; }

  .blog .main-title {
    font-size: 24px; } }
body table.booked-calendar tr.days,
body table.booked-calendar thead th .monthName {
  text-transform: capitalize; }

.centralizer.pages {
  opacity: 1 !important; }

.centralizer.pages .points {
  background-color: #1a1a1a;
  color: #fff;
  cursor: default; }

.wpcf7-form label {
  margin-bottom: 0; }
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
  margin-bottom: 5px; }

select.wpcf7-form-control.wpcf7-select {
  width: 100%; }

.margin-lg-0t {
  margin-top: 0px; }

.margin-lg-5t {
  margin-top: 5px; }

.margin-lg-10t {
  margin-top: 10px; }

.margin-lg-15t {
  margin-top: 15px; }

.margin-lg-20t {
  margin-top: 20px; }

.margin-lg-25t {
  margin-top: 25px; }

.margin-lg-30t {
  margin-top: 30px; }

.margin-lg-35t {
  margin-top: 35px; }

.margin-lg-40t {
  margin-top: 40px; }

.margin-lg-45t {
  margin-top: 45px; }

.margin-lg-50t {
  margin-top: 50px; }

.margin-lg-55t {
  margin-top: 55px; }

.margin-lg-60t {
  margin-top: 60px; }

.margin-lg-65t {
  margin-top: 65px; }

.margin-lg-70t {
  margin-top: 70px; }

.margin-lg-75t {
  margin-top: 75px; }

.margin-lg-80t {
  margin-top: 80px; }

.margin-lg-85t {
  margin-top: 85px; }

.margin-lg-90t {
  margin-top: 90px; }

.margin-lg-95t {
  margin-top: 95px; }

.margin-lg-100t {
  margin-top: 100px; }

.margin-lg-105t {
  margin-top: 105px; }

.margin-lg-110t {
  margin-top: 110px; }

.margin-lg-115t {
  margin-top: 115px; }

.margin-lg-120t {
  margin-top: 120px; }

.margin-lg-125t {
  margin-top: 125px; }

.margin-lg-130t {
  margin-top: 130px; }

.margin-lg-135t {
  margin-top: 135px; }

.margin-lg-140t {
  margin-top: 140px; }

.margin-lg-145t {
  margin-top: 145px; }

.margin-lg-150t {
  margin-top: 150px; }

.margin-lg-155t {
  margin-top: 155px; }

.margin-lg-160t {
  margin-top: 160px; }

.margin-lg-165t {
  margin-top: 165px; }

.margin-lg-170t {
  margin-top: 170px; }

.margin-lg-175t {
  margin-top: 175px; }

.margin-lg-180t {
  margin-top: 180px; }

.margin-lg-185t {
  margin-top: 185px; }

.margin-lg-190t {
  margin-top: 190px; }

.margin-lg-195t {
  margin-top: 195px; }

.margin-lg-200t {
  margin-top: 200px; }

.margin-lg-0b {
  margin-bottom: 0px; }

.margin-lg-5b {
  margin-bottom: 5px; }

.margin-lg-10b {
  margin-bottom: 10px; }

.margin-lg-15b {
  margin-bottom: 15px; }

.margin-lg-20b {
  margin-bottom: 20px; }

.margin-lg-25b {
  margin-bottom: 25px; }

.margin-lg-30b {
  margin-bottom: 30px; }

.margin-lg-35b {
  margin-bottom: 35px; }

.margin-lg-40b {
  margin-bottom: 40px; }

.margin-lg-45b {
  margin-bottom: 45px; }

.margin-lg-50b {
  margin-bottom: 50px; }

.margin-lg-55b {
  margin-bottom: 55px; }

.margin-lg-60b {
  margin-bottom: 60px; }

.margin-lg-65b {
  margin-bottom: 65px; }

.margin-lg-70b {
  margin-bottom: 70px; }

.margin-lg-75b {
  margin-bottom: 75px; }

.margin-lg-80b {
  margin-bottom: 80px; }

.margin-lg-85b {
  margin-bottom: 85px; }

.margin-lg-90b {
  margin-bottom: 90px; }

.margin-lg-95b {
  margin-bottom: 95px; }

.margin-lg-100b {
  margin-bottom: 100px; }

.margin-lg-105b {
  margin-bottom: 105px; }

.margin-lg-110b {
  margin-bottom: 110px; }

.margin-lg-115b {
  margin-bottom: 115px; }

.margin-lg-120b {
  margin-bottom: 120px; }

.margin-lg-125b {
  margin-bottom: 125px; }

.margin-lg-130b {
  margin-bottom: 130px; }

.margin-lg-135b {
  margin-bottom: 135px; }

.margin-lg-140b {
  margin-bottom: 140px; }

.margin-lg-145b {
  margin-bottom: 145px; }

.margin-lg-150b {
  margin-bottom: 150px; }

.margin-lg-155b {
  margin-bottom: 155px; }

.margin-lg-160b {
  margin-bottom: 160px; }

.margin-lg-165b {
  margin-bottom: 165px; }

.margin-lg-170b {
  margin-bottom: 170px; }

.margin-lg-175b {
  margin-bottom: 175px; }

.margin-lg-180b {
  margin-bottom: 180px; }

.margin-lg-185b {
  margin-bottom: 185px; }

.margin-lg-190b {
  margin-bottom: 190px; }

.margin-lg-195b {
  margin-bottom: 195px; }

.margin-lg-200b {
  margin-bottom: 200px; }

.padding-lg-0t {
  padding-top: 0px; }

.padding-lg-5t {
  padding-top: 5px; }

.padding-lg-10t {
  padding-top: 10px; }

.padding-lg-15t {
  padding-top: 15px; }

.padding-lg-20t {
  padding-top: 20px; }

.padding-lg-25t {
  padding-top: 25px; }

.padding-lg-30t {
  padding-top: 30px; }

.padding-lg-35t {
  padding-top: 35px; }

.padding-lg-40t {
  padding-top: 40px; }

.padding-lg-45t {
  padding-top: 45px; }

.padding-lg-50t {
  padding-top: 50px; }

.padding-lg-55t {
  padding-top: 55px; }

.padding-lg-60t {
  padding-top: 60px; }

.padding-lg-65t {
  padding-top: 65px; }

.padding-lg-70t {
  padding-top: 70px; }

.padding-lg-75t {
  padding-top: 75px; }

.padding-lg-80t {
  padding-top: 80px; }

.padding-lg-85t {
  padding-top: 85px; }

.padding-lg-90t {
  padding-top: 90px; }

.padding-lg-95t {
  padding-top: 95px; }

.padding-lg-100t {
  padding-top: 100px; }

.padding-lg-105t {
  padding-top: 105px; }

.padding-lg-110t {
  padding-top: 110px; }

.padding-lg-115t {
  padding-top: 115px; }

.padding-lg-120t {
  padding-top: 120px; }

.padding-lg-125t {
  padding-top: 125px; }

.padding-lg-130t {
  padding-top: 130px; }

.padding-lg-135t {
  padding-top: 135px; }

.padding-lg-140t {
  padding-top: 140px; }

.padding-lg-145t {
  padding-top: 145px; }

.padding-lg-150t {
  padding-top: 150px; }

.padding-lg-155t {
  padding-top: 155px; }

.padding-lg-160t {
  padding-top: 160px; }

.padding-lg-165t {
  padding-top: 165px; }

.padding-lg-170t {
  padding-top: 170px; }

.padding-lg-175t {
  padding-top: 175px; }

.padding-lg-180t {
  padding-top: 180px; }

.padding-lg-185t {
  padding-top: 185px; }

.padding-lg-190t {
  padding-top: 190px; }

.padding-lg-195t {
  padding-top: 195px; }

.padding-lg-200t {
  padding-top: 200px; }

.padding-lg-0b {
  padding-bottom: 0px; }

.padding-lg-5b {
  padding-bottom: 5px; }

.padding-lg-10b {
  padding-bottom: 10px; }

.padding-lg-15b {
  padding-bottom: 15px; }

.padding-lg-20b {
  padding-bottom: 20px; }

.padding-lg-25b {
  padding-bottom: 25px; }

.padding-lg-30b {
  padding-bottom: 30px; }

.padding-lg-35b {
  padding-bottom: 35px; }

.padding-lg-40b {
  padding-bottom: 40px; }

.padding-lg-45b {
  padding-bottom: 45px; }

.padding-lg-50b {
  padding-bottom: 50px; }

.padding-lg-55b {
  padding-bottom: 55px; }

.padding-lg-60b {
  padding-bottom: 60px; }

.padding-lg-65b {
  padding-bottom: 65px; }

.padding-lg-70b {
  padding-bottom: 70px; }

.padding-lg-75b {
  padding-bottom: 75px; }

.padding-lg-80b {
  padding-bottom: 80px; }

.padding-lg-85b {
  padding-bottom: 85px; }

.padding-lg-90b {
  padding-bottom: 90px; }

.padding-lg-95b {
  padding-bottom: 95px; }

.padding-lg-100b {
  padding-bottom: 100px; }

.padding-lg-105b {
  padding-bottom: 105px; }

.padding-lg-110b {
  padding-bottom: 110px; }

.padding-lg-115b {
  padding-bottom: 115px; }

.padding-lg-120b {
  padding-bottom: 120px; }

.padding-lg-125b {
  padding-bottom: 125px; }

.padding-lg-130b {
  padding-bottom: 130px; }

.padding-lg-135b {
  padding-bottom: 135px; }

.padding-lg-140b {
  padding-bottom: 140px; }

.padding-lg-145b {
  padding-bottom: 145px; }

.padding-lg-150b {
  padding-bottom: 150px; }

.padding-lg-155b {
  padding-bottom: 155px; }

.padding-lg-160b {
  padding-bottom: 160px; }

.padding-lg-165b {
  padding-bottom: 165px; }

.padding-lg-170b {
  padding-bottom: 170px; }

.padding-lg-175b {
  padding-bottom: 175px; }

.padding-lg-180b {
  padding-bottom: 180px; }

.padding-lg-185b {
  padding-bottom: 185px; }

.padding-lg-190b {
  padding-bottom: 190px; }

.padding-lg-195b {
  padding-bottom: 195px; }

.padding-lg-200b {
  padding-bottom: 200px; }

@media screen and (max-width: 1199px) {
  .margin-md-0t {
    margin-top: 0px; }

  .margin-md-5t {
    margin-top: 5px; }

  .margin-md-10t {
    margin-top: 10px; }

  .margin-md-15t {
    margin-top: 15px; }

  .margin-md-20t {
    margin-top: 20px; }

  .margin-md-25t {
    margin-top: 25px; }

  .margin-md-30t {
    margin-top: 30px; }

  .margin-md-35t {
    margin-top: 35px; }

  .margin-md-40t {
    margin-top: 40px; }

  .margin-md-45t {
    margin-top: 45px; }

  .margin-md-50t {
    margin-top: 50px; }

  .margin-md-55t {
    margin-top: 55px; }

  .margin-md-60t {
    margin-top: 60px; }

  .margin-md-65t {
    margin-top: 65px; }

  .margin-md-70t {
    margin-top: 70px; }

  .margin-md-75t {
    margin-top: 75px; }

  .margin-md-80t {
    margin-top: 80px; }

  .margin-md-85t {
    margin-top: 85px; }

  .margin-md-90t {
    margin-top: 90px; }

  .margin-md-95t {
    margin-top: 95px; }

  .margin-md-100t {
    margin-top: 100px; }

  .margin-md-105t {
    margin-top: 105px; }

  .margin-md-110t {
    margin-top: 110px; }

  .margin-md-115t {
    margin-top: 115px; }

  .margin-md-120t {
    margin-top: 120px; }

  .margin-md-125t {
    margin-top: 125px; }

  .margin-md-130t {
    margin-top: 130px; }

  .margin-md-135t {
    margin-top: 135px; }

  .margin-md-140t {
    margin-top: 140px; }

  .margin-md-145t {
    margin-top: 145px; }

  .margin-md-150t {
    margin-top: 150px; }

  .margin-md-155t {
    margin-top: 155px; }

  .margin-md-160t {
    margin-top: 160px; }

  .margin-md-165t {
    margin-top: 165px; }

  .margin-md-170t {
    margin-top: 170px; }

  .margin-md-175t {
    margin-top: 175px; }

  .margin-md-180t {
    margin-top: 180px; }

  .margin-md-185t {
    margin-top: 185px; }

  .margin-md-190t {
    margin-top: 190px; }

  .margin-md-195t {
    margin-top: 195px; }

  .margin-md-200t {
    margin-top: 200px; }

  .margin-md-0b {
    margin-bottom: 0px; }

  .margin-md-5b {
    margin-bottom: 5px; }

  .margin-md-10b {
    margin-bottom: 10px; }

  .margin-md-15b {
    margin-bottom: 15px; }

  .margin-md-20b {
    margin-bottom: 20px; }

  .margin-md-25b {
    margin-bottom: 25px; }

  .margin-md-30b {
    margin-bottom: 30px; }

  .margin-md-35b {
    margin-bottom: 35px; }

  .margin-md-40b {
    margin-bottom: 40px; }

  .margin-md-45b {
    margin-bottom: 45px; }

  .margin-md-50b {
    margin-bottom: 50px; }

  .margin-md-55b {
    margin-bottom: 55px; }

  .margin-md-60b {
    margin-bottom: 60px; }

  .margin-md-65b {
    margin-bottom: 65px; }

  .margin-md-70b {
    margin-bottom: 70px; }

  .margin-md-75b {
    margin-bottom: 75px; }

  .margin-md-80b {
    margin-bottom: 80px; }

  .margin-md-85b {
    margin-bottom: 85px; }

  .margin-md-90b {
    margin-bottom: 90px; }

  .margin-md-95b {
    margin-bottom: 95px; }

  .margin-md-100b {
    margin-bottom: 100px; }

  .margin-md-105b {
    margin-bottom: 105px; }

  .margin-md-110b {
    margin-bottom: 110px; }

  .margin-md-115b {
    margin-bottom: 115px; }

  .margin-md-120b {
    margin-bottom: 120px; }

  .margin-md-125b {
    margin-bottom: 125px; }

  .margin-md-130b {
    margin-bottom: 130px; }

  .margin-md-135b {
    margin-bottom: 135px; }

  .margin-md-140b {
    margin-bottom: 140px; }

  .margin-md-145b {
    margin-bottom: 145px; }

  .margin-md-150b {
    margin-bottom: 150px; }

  .margin-md-155b {
    margin-bottom: 155px; }

  .margin-md-160b {
    margin-bottom: 160px; }

  .margin-md-165b {
    margin-bottom: 165px; }

  .margin-md-170b {
    margin-bottom: 170px; }

  .margin-md-175b {
    margin-bottom: 175px; }

  .margin-md-180b {
    margin-bottom: 180px; }

  .margin-md-185b {
    margin-bottom: 185px; }

  .margin-md-190b {
    margin-bottom: 190px; }

  .margin-md-195b {
    margin-bottom: 195px; }

  .margin-md-200b {
    margin-bottom: 200px; }

  .padding-md-0t {
    padding-top: 0px; }

  .padding-md-5t {
    padding-top: 5px; }

  .padding-md-10t {
    padding-top: 10px; }

  .padding-md-15t {
    padding-top: 15px; }

  .padding-md-20t {
    padding-top: 20px; }

  .padding-md-25t {
    padding-top: 25px; }

  .padding-md-30t {
    padding-top: 30px; }

  .padding-md-35t {
    padding-top: 35px; }

  .padding-md-40t {
    padding-top: 40px; }

  .padding-md-45t {
    padding-top: 45px; }

  .padding-md-50t {
    padding-top: 50px; }

  .padding-md-55t {
    padding-top: 55px; }

  .padding-md-60t {
    padding-top: 60px; }

  .padding-md-65t {
    padding-top: 65px; }

  .padding-md-70t {
    padding-top: 70px; }

  .padding-md-75t {
    padding-top: 75px; }

  .padding-md-80t {
    padding-top: 80px; }

  .padding-md-85t {
    padding-top: 85px; }

  .padding-md-90t {
    padding-top: 90px; }

  .padding-md-95t {
    padding-top: 95px; }

  .padding-md-100t {
    padding-top: 100px; }

  .padding-md-105t {
    padding-top: 105px; }

  .padding-md-110t {
    padding-top: 110px; }

  .padding-md-115t {
    padding-top: 115px; }

  .padding-md-120t {
    padding-top: 120px; }

  .padding-md-125t {
    padding-top: 125px; }

  .padding-md-130t {
    padding-top: 130px; }

  .padding-md-135t {
    padding-top: 135px; }

  .padding-md-140t {
    padding-top: 140px; }

  .padding-md-145t {
    padding-top: 145px; }

  .padding-md-150t {
    padding-top: 150px; }

  .padding-md-155t {
    padding-top: 155px; }

  .padding-md-160t {
    padding-top: 160px; }

  .padding-md-165t {
    padding-top: 165px; }

  .padding-md-170t {
    padding-top: 170px; }

  .padding-md-175t {
    padding-top: 175px; }

  .padding-md-180t {
    padding-top: 180px; }

  .padding-md-185t {
    padding-top: 185px; }

  .padding-md-190t {
    padding-top: 190px; }

  .padding-md-195t {
    padding-top: 195px; }

  .padding-md-200t {
    padding-top: 200px; }

  .padding-md-0b {
    padding-bottom: 0px; }

  .padding-md-5b {
    padding-bottom: 5px; }

  .padding-md-10b {
    padding-bottom: 10px; }

  .padding-md-15b {
    padding-bottom: 15px; }

  .padding-md-20b {
    padding-bottom: 20px; }

  .padding-md-25b {
    padding-bottom: 25px; }

  .padding-md-30b {
    padding-bottom: 30px; }

  .padding-md-35b {
    padding-bottom: 35px; }

  .padding-md-40b {
    padding-bottom: 40px; }

  .padding-md-45b {
    padding-bottom: 45px; }

  .padding-md-50b {
    padding-bottom: 50px; }

  .padding-md-55b {
    padding-bottom: 55px; }

  .padding-md-60b {
    padding-bottom: 60px; }

  .padding-md-65b {
    padding-bottom: 65px; }

  .padding-md-70b {
    padding-bottom: 70px; }

  .padding-md-75b {
    padding-bottom: 75px; }

  .padding-md-80b {
    padding-bottom: 80px; }

  .padding-md-85b {
    padding-bottom: 85px; }

  .padding-md-90b {
    padding-bottom: 90px; }

  .padding-md-95b {
    padding-bottom: 95px; }

  .padding-md-100b {
    padding-bottom: 100px; }

  .padding-md-105b {
    padding-bottom: 105px; }

  .padding-md-110b {
    padding-bottom: 110px; }

  .padding-md-115b {
    padding-bottom: 115px; }

  .padding-md-120b {
    padding-bottom: 120px; }

  .padding-md-125b {
    padding-bottom: 125px; }

  .padding-md-130b {
    padding-bottom: 130px; }

  .padding-md-135b {
    padding-bottom: 135px; }

  .padding-md-140b {
    padding-bottom: 140px; }

  .padding-md-145b {
    padding-bottom: 145px; }

  .padding-md-150b {
    padding-bottom: 150px; }

  .padding-md-155b {
    padding-bottom: 155px; }

  .padding-md-160b {
    padding-bottom: 160px; }

  .padding-md-165b {
    padding-bottom: 165px; }

  .padding-md-170b {
    padding-bottom: 170px; }

  .padding-md-175b {
    padding-bottom: 175px; }

  .padding-md-180b {
    padding-bottom: 180px; }

  .padding-md-185b {
    padding-bottom: 185px; }

  .padding-md-190b {
    padding-bottom: 190px; }

  .padding-md-195b {
    padding-bottom: 195px; }

  .padding-md-200b {
    padding-bottom: 200px; } }
@media screen and (max-width: 991px) {
  .margin-sm-0t {
    margin-top: 0px; }

  .margin-sm-5t {
    margin-top: 5px; }

  .margin-sm-10t {
    margin-top: 10px; }

  .margin-sm-15t {
    margin-top: 15px; }

  .margin-sm-20t {
    margin-top: 20px; }

  .margin-sm-25t {
    margin-top: 25px; }

  .margin-sm-30t {
    margin-top: 30px; }

  .margin-sm-35t {
    margin-top: 35px; }

  .margin-sm-40t {
    margin-top: 40px; }

  .margin-sm-45t {
    margin-top: 45px; }

  .margin-sm-50t {
    margin-top: 50px; }

  .margin-sm-55t {
    margin-top: 55px; }

  .margin-sm-60t {
    margin-top: 60px; }

  .margin-sm-65t {
    margin-top: 65px; }

  .margin-sm-70t {
    margin-top: 70px; }

  .margin-sm-75t {
    margin-top: 75px; }

  .margin-sm-80t {
    margin-top: 80px; }

  .margin-sm-85t {
    margin-top: 85px; }

  .margin-sm-90t {
    margin-top: 90px; }

  .margin-sm-95t {
    margin-top: 95px; }

  .margin-sm-100t {
    margin-top: 100px; }

  .margin-sm-105t {
    margin-top: 105px; }

  .margin-sm-110t {
    margin-top: 110px; }

  .margin-sm-115t {
    margin-top: 115px; }

  .margin-sm-120t {
    margin-top: 120px; }

  .margin-sm-125t {
    margin-top: 125px; }

  .margin-sm-130t {
    margin-top: 130px; }

  .margin-sm-135t {
    margin-top: 135px; }

  .margin-sm-140t {
    margin-top: 140px; }

  .margin-sm-145t {
    margin-top: 145px; }

  .margin-sm-150t {
    margin-top: 150px; }

  .margin-sm-155t {
    margin-top: 155px; }

  .margin-sm-160t {
    margin-top: 160px; }

  .margin-sm-165t {
    margin-top: 165px; }

  .margin-sm-170t {
    margin-top: 170px; }

  .margin-sm-175t {
    margin-top: 175px; }

  .margin-sm-180t {
    margin-top: 180px; }

  .margin-sm-185t {
    margin-top: 185px; }

  .margin-sm-190t {
    margin-top: 190px; }

  .margin-sm-195t {
    margin-top: 195px; }

  .margin-sm-200t {
    margin-top: 200px; }

  .margin-sm-0b {
    margin-bottom: 0px; }

  .margin-sm-5b {
    margin-bottom: 5px; }

  .margin-sm-10b {
    margin-bottom: 10px; }

  .margin-sm-15b {
    margin-bottom: 15px; }

  .margin-sm-20b {
    margin-bottom: 20px; }

  .margin-sm-25b {
    margin-bottom: 25px; }

  .margin-sm-30b {
    margin-bottom: 30px; }

  .margin-sm-35b {
    margin-bottom: 35px; }

  .margin-sm-40b {
    margin-bottom: 40px; }

  .margin-sm-45b {
    margin-bottom: 45px; }

  .margin-sm-50b {
    margin-bottom: 50px; }

  .margin-sm-55b {
    margin-bottom: 55px; }

  .margin-sm-60b {
    margin-bottom: 60px; }

  .margin-sm-65b {
    margin-bottom: 65px; }

  .margin-sm-70b {
    margin-bottom: 70px; }

  .margin-sm-75b {
    margin-bottom: 75px; }

  .margin-sm-80b {
    margin-bottom: 80px; }

  .margin-sm-85b {
    margin-bottom: 85px; }

  .margin-sm-90b {
    margin-bottom: 90px; }

  .margin-sm-95b {
    margin-bottom: 95px; }

  .margin-sm-100b {
    margin-bottom: 100px; }

  .margin-sm-105b {
    margin-bottom: 105px; }

  .margin-sm-110b {
    margin-bottom: 110px; }

  .margin-sm-115b {
    margin-bottom: 115px; }

  .margin-sm-120b {
    margin-bottom: 120px; }

  .margin-sm-125b {
    margin-bottom: 125px; }

  .margin-sm-130b {
    margin-bottom: 130px; }

  .margin-sm-135b {
    margin-bottom: 135px; }

  .margin-sm-140b {
    margin-bottom: 140px; }

  .margin-sm-145b {
    margin-bottom: 145px; }

  .margin-sm-150b {
    margin-bottom: 150px; }

  .margin-sm-155b {
    margin-bottom: 155px; }

  .margin-sm-160b {
    margin-bottom: 160px; }

  .margin-sm-165b {
    margin-bottom: 165px; }

  .margin-sm-170b {
    margin-bottom: 170px; }

  .margin-sm-175b {
    margin-bottom: 175px; }

  .margin-sm-180b {
    margin-bottom: 180px; }

  .margin-sm-185b {
    margin-bottom: 185px; }

  .margin-sm-190b {
    margin-bottom: 190px; }

  .margin-sm-195b {
    margin-bottom: 195px; }

  .margin-sm-200b {
    margin-bottom: 200px; }

  .padding-sm-0t {
    padding-top: 0px; }

  .padding-sm-5t {
    padding-top: 5px; }

  .padding-sm-10t {
    padding-top: 10px; }

  .padding-sm-15t {
    padding-top: 15px; }

  .padding-sm-20t {
    padding-top: 20px; }

  .padding-sm-25t {
    padding-top: 25px; }

  .padding-sm-30t {
    padding-top: 30px; }

  .padding-sm-35t {
    padding-top: 35px; }

  .padding-sm-40t {
    padding-top: 40px; }

  .padding-sm-45t {
    padding-top: 45px; }

  .padding-sm-50t {
    padding-top: 50px; }

  .padding-sm-55t {
    padding-top: 55px; }

  .padding-sm-60t {
    padding-top: 60px; }

  .padding-sm-65t {
    padding-top: 65px; }

  .padding-sm-70t {
    padding-top: 70px; }

  .padding-sm-75t {
    padding-top: 75px; }

  .padding-sm-80t {
    padding-top: 80px; }

  .padding-sm-85t {
    padding-top: 85px; }

  .padding-sm-90t {
    padding-top: 90px; }

  .padding-sm-95t {
    padding-top: 95px; }

  .padding-sm-100t {
    padding-top: 100px; }

  .padding-sm-105t {
    padding-top: 105px; }

  .padding-sm-110t {
    padding-top: 110px; }

  .padding-sm-115t {
    padding-top: 115px; }

  .padding-sm-120t {
    padding-top: 120px; }

  .padding-sm-125t {
    padding-top: 125px; }

  .padding-sm-130t {
    padding-top: 130px; }

  .padding-sm-135t {
    padding-top: 135px; }

  .padding-sm-140t {
    padding-top: 140px; }

  .padding-sm-145t {
    padding-top: 145px; }

  .padding-sm-150t {
    padding-top: 150px; }

  .padding-sm-155t {
    padding-top: 155px; }

  .padding-sm-160t {
    padding-top: 160px; }

  .padding-sm-165t {
    padding-top: 165px; }

  .padding-sm-170t {
    padding-top: 170px; }

  .padding-sm-175t {
    padding-top: 175px; }

  .padding-sm-180t {
    padding-top: 180px; }

  .padding-sm-185t {
    padding-top: 185px; }

  .padding-sm-190t {
    padding-top: 190px; }

  .padding-sm-195t {
    padding-top: 195px; }

  .padding-sm-200t {
    padding-top: 200px; }

  .padding-sm-0b {
    padding-bottom: 0px; }

  .padding-sm-5b {
    padding-bottom: 5px; }

  .padding-sm-10b {
    padding-bottom: 10px; }

  .padding-sm-15b {
    padding-bottom: 15px; }

  .padding-sm-20b {
    padding-bottom: 20px; }

  .padding-sm-25b {
    padding-bottom: 25px; }

  .padding-sm-30b {
    padding-bottom: 30px; }

  .padding-sm-35b {
    padding-bottom: 35px; }

  .padding-sm-40b {
    padding-bottom: 40px; }

  .padding-sm-45b {
    padding-bottom: 45px; }

  .padding-sm-50b {
    padding-bottom: 50px; }

  .padding-sm-55b {
    padding-bottom: 55px; }

  .padding-sm-60b {
    padding-bottom: 60px; }

  .padding-sm-65b {
    padding-bottom: 65px; }

  .padding-sm-70b {
    padding-bottom: 70px; }

  .padding-sm-75b {
    padding-bottom: 75px; }

  .padding-sm-80b {
    padding-bottom: 80px; }

  .padding-sm-85b {
    padding-bottom: 85px; }

  .padding-sm-90b {
    padding-bottom: 90px; }

  .padding-sm-95b {
    padding-bottom: 95px; }

  .padding-sm-100b {
    padding-bottom: 100px; }

  .padding-sm-105b {
    padding-bottom: 105px; }

  .padding-sm-110b {
    padding-bottom: 110px; }

  .padding-sm-115b {
    padding-bottom: 115px; }

  .padding-sm-120b {
    padding-bottom: 120px; }

  .padding-sm-125b {
    padding-bottom: 125px; }

  .padding-sm-130b {
    padding-bottom: 130px; }

  .padding-sm-135b {
    padding-bottom: 135px; }

  .padding-sm-140b {
    padding-bottom: 140px; }

  .padding-sm-145b {
    padding-bottom: 145px; }

  .padding-sm-150b {
    padding-bottom: 150px; }

  .padding-sm-155b {
    padding-bottom: 155px; }

  .padding-sm-160b {
    padding-bottom: 160px; }

  .padding-sm-165b {
    padding-bottom: 165px; }

  .padding-sm-170b {
    padding-bottom: 170px; }

  .padding-sm-175b {
    padding-bottom: 175px; }

  .padding-sm-180b {
    padding-bottom: 180px; }

  .padding-sm-185b {
    padding-bottom: 185px; }

  .padding-sm-190b {
    padding-bottom: 190px; }

  .padding-sm-195b {
    padding-bottom: 195px; }

  .padding-sm-200b {
    padding-bottom: 200px; } }
@media screen and (max-width: 767px) {
  .margin-xs-0t {
    margin-top: 0px; }

  .margin-xs-5t {
    margin-top: 5px; }

  .margin-xs-10t {
    margin-top: 10px; }

  .margin-xs-15t {
    margin-top: 15px; }

  .margin-xs-20t {
    margin-top: 20px; }

  .margin-xs-25t {
    margin-top: 25px; }

  .margin-xs-30t {
    margin-top: 30px; }

  .margin-xs-35t {
    margin-top: 35px; }

  .margin-xs-40t {
    margin-top: 40px; }

  .margin-xs-45t {
    margin-top: 45px; }

  .margin-xs-50t {
    margin-top: 50px; }

  .margin-xs-55t {
    margin-top: 55px; }

  .margin-xs-60t {
    margin-top: 60px; }

  .margin-xs-65t {
    margin-top: 65px; }

  .margin-xs-70t {
    margin-top: 70px; }

  .margin-xs-75t {
    margin-top: 75px; }

  .margin-xs-80t {
    margin-top: 80px; }

  .margin-xs-85t {
    margin-top: 85px; }

  .margin-xs-90t {
    margin-top: 90px; }

  .margin-xs-95t {
    margin-top: 95px; }

  .margin-xs-100t {
    margin-top: 100px; }

  .margin-xs-105t {
    margin-top: 105px; }

  .margin-xs-110t {
    margin-top: 110px; }

  .margin-xs-115t {
    margin-top: 115px; }

  .margin-xs-120t {
    margin-top: 120px; }

  .margin-xs-125t {
    margin-top: 125px; }

  .margin-xs-130t {
    margin-top: 130px; }

  .margin-xs-135t {
    margin-top: 135px; }

  .margin-xs-140t {
    margin-top: 140px; }

  .margin-xs-145t {
    margin-top: 145px; }

  .margin-xs-150t {
    margin-top: 150px; }

  .margin-xs-155t {
    margin-top: 155px; }

  .margin-xs-160t {
    margin-top: 160px; }

  .margin-xs-165t {
    margin-top: 165px; }

  .margin-xs-170t {
    margin-top: 170px; }

  .margin-xs-175t {
    margin-top: 175px; }

  .margin-xs-180t {
    margin-top: 180px; }

  .margin-xs-185t {
    margin-top: 185px; }

  .margin-xs-190t {
    margin-top: 190px; }

  .margin-xs-195t {
    margin-top: 195px; }

  .margin-xs-200t {
    margin-top: 200px; }

  .margin-xs-0b {
    margin-bottom: 0px; }

  .margin-xs-5b {
    margin-bottom: 5px; }

  .margin-xs-10b {
    margin-bottom: 10px; }

  .margin-xs-15b {
    margin-bottom: 15px; }

  .margin-xs-20b {
    margin-bottom: 20px; }

  .margin-xs-25b {
    margin-bottom: 25px; }

  .margin-xs-30b {
    margin-bottom: 30px; }

  .margin-xs-35b {
    margin-bottom: 35px; }

  .margin-xs-40b {
    margin-bottom: 40px; }

  .margin-xs-45b {
    margin-bottom: 45px; }

  .margin-xs-50b {
    margin-bottom: 50px; }

  .margin-xs-55b {
    margin-bottom: 55px; }

  .margin-xs-60b {
    margin-bottom: 60px; }

  .margin-xs-65b {
    margin-bottom: 65px; }

  .margin-xs-70b {
    margin-bottom: 70px; }

  .margin-xs-75b {
    margin-bottom: 75px; }

  .margin-xs-80b {
    margin-bottom: 80px; }

  .margin-xs-85b {
    margin-bottom: 85px; }

  .margin-xs-90b {
    margin-bottom: 90px; }

  .margin-xs-95b {
    margin-bottom: 95px; }

  .margin-xs-100b {
    margin-bottom: 100px; }

  .margin-xs-105b {
    margin-bottom: 105px; }

  .margin-xs-110b {
    margin-bottom: 110px; }

  .margin-xs-115b {
    margin-bottom: 115px; }

  .margin-xs-120b {
    margin-bottom: 120px; }

  .margin-xs-125b {
    margin-bottom: 125px; }

  .margin-xs-130b {
    margin-bottom: 130px; }

  .margin-xs-135b {
    margin-bottom: 135px; }

  .margin-xs-140b {
    margin-bottom: 140px; }

  .margin-xs-145b {
    margin-bottom: 145px; }

  .margin-xs-150b {
    margin-bottom: 150px; }

  .margin-xs-155b {
    margin-bottom: 155px; }

  .margin-xs-160b {
    margin-bottom: 160px; }

  .margin-xs-165b {
    margin-bottom: 165px; }

  .margin-xs-170b {
    margin-bottom: 170px; }

  .margin-xs-175b {
    margin-bottom: 175px; }

  .margin-xs-180b {
    margin-bottom: 180px; }

  .margin-xs-185b {
    margin-bottom: 185px; }

  .margin-xs-190b {
    margin-bottom: 190px; }

  .margin-xs-195b {
    margin-bottom: 195px; }

  .margin-xs-200b {
    margin-bottom: 200px; }

  .padding-xs-0t {
    padding-top: 0px; }

  .padding-xs-5t {
    padding-top: 5px; }

  .padding-xs-10t {
    padding-top: 10px; }

  .padding-xs-15t {
    padding-top: 15px; }

  .padding-xs-20t {
    padding-top: 20px; }

  .padding-xs-25t {
    padding-top: 25px; }

  .padding-xs-30t {
    padding-top: 30px; }

  .padding-xs-35t {
    padding-top: 35px; }

  .padding-xs-40t {
    padding-top: 40px; }

  .padding-xs-45t {
    padding-top: 45px; }

  .padding-xs-50t {
    padding-top: 50px; }

  .padding-xs-55t {
    padding-top: 55px; }

  .padding-xs-60t {
    padding-top: 60px; }

  .padding-xs-65t {
    padding-top: 65px; }

  .padding-xs-70t {
    padding-top: 70px; }

  .padding-xs-75t {
    padding-top: 75px; }

  .padding-xs-80t {
    padding-top: 80px; }

  .padding-xs-85t {
    padding-top: 85px; }

  .padding-xs-90t {
    padding-top: 90px; }

  .padding-xs-95t {
    padding-top: 95px; }

  .padding-xs-100t {
    padding-top: 100px; }

  .padding-xs-105t {
    padding-top: 105px; }

  .padding-xs-110t {
    padding-top: 110px; }

  .padding-xs-115t {
    padding-top: 115px; }

  .padding-xs-120t {
    padding-top: 120px; }

  .padding-xs-125t {
    padding-top: 125px; }

  .padding-xs-130t {
    padding-top: 130px; }

  .padding-xs-135t {
    padding-top: 135px; }

  .padding-xs-140t {
    padding-top: 140px; }

  .padding-xs-145t {
    padding-top: 145px; }

  .padding-xs-150t {
    padding-top: 150px; }

  .padding-xs-155t {
    padding-top: 155px; }

  .padding-xs-160t {
    padding-top: 160px; }

  .padding-xs-165t {
    padding-top: 165px; }

  .padding-xs-170t {
    padding-top: 170px; }

  .padding-xs-175t {
    padding-top: 175px; }

  .padding-xs-180t {
    padding-top: 180px; }

  .padding-xs-185t {
    padding-top: 185px; }

  .padding-xs-190t {
    padding-top: 190px; }

  .padding-xs-195t {
    padding-top: 195px; }

  .padding-xs-200t {
    padding-top: 200px; }

  .padding-xs-0b {
    padding-bottom: 0px; }

  .padding-xs-5b {
    padding-bottom: 5px; }

  .padding-xs-10b {
    padding-bottom: 10px; }

  .padding-xs-15b {
    padding-bottom: 15px; }

  .padding-xs-20b {
    padding-bottom: 20px; }

  .padding-xs-25b {
    padding-bottom: 25px; }

  .padding-xs-30b {
    padding-bottom: 30px; }

  .padding-xs-35b {
    padding-bottom: 35px; }

  .padding-xs-40b {
    padding-bottom: 40px; }

  .padding-xs-45b {
    padding-bottom: 45px; }

  .padding-xs-50b {
    padding-bottom: 50px; }

  .padding-xs-55b {
    padding-bottom: 55px; }

  .padding-xs-60b {
    padding-bottom: 60px; }

  .padding-xs-65b {
    padding-bottom: 65px; }

  .padding-xs-70b {
    padding-bottom: 70px; }

  .padding-xs-75b {
    padding-bottom: 75px; }

  .padding-xs-80b {
    padding-bottom: 80px; }

  .padding-xs-85b {
    padding-bottom: 85px; }

  .padding-xs-90b {
    padding-bottom: 90px; }

  .padding-xs-95b {
    padding-bottom: 95px; }

  .padding-xs-100b {
    padding-bottom: 100px; }

  .padding-xs-105b {
    padding-bottom: 105px; }

  .padding-xs-110b {
    padding-bottom: 110px; }

  .padding-xs-115b {
    padding-bottom: 115px; }

  .padding-xs-120b {
    padding-bottom: 120px; }

  .padding-xs-125b {
    padding-bottom: 125px; }

  .padding-xs-130b {
    padding-bottom: 130px; }

  .padding-xs-135b {
    padding-bottom: 135px; }

  .padding-xs-140b {
    padding-bottom: 140px; }

  .padding-xs-145b {
    padding-bottom: 145px; }

  .padding-xs-150b {
    padding-bottom: 150px; }

  .padding-xs-155b {
    padding-bottom: 155px; }

  .padding-xs-160b {
    padding-bottom: 160px; }

  .padding-xs-165b {
    padding-bottom: 165px; }

  .padding-xs-170b {
    padding-bottom: 170px; }

  .padding-xs-175b {
    padding-bottom: 175px; }

  .padding-xs-180b {
    padding-bottom: 180px; }

  .padding-xs-185b {
    padding-bottom: 185px; }

  .padding-xs-190b {
    padding-bottom: 190px; }

  .padding-xs-195b {
    padding-bottom: 195px; }

  .padding-xs-200b {
    padding-bottom: 200px; } }

/*# sourceMappingURL=styles.css.map */


/*---dfdfdfdfsa----*/

#bg-address{
    background: url('http://s237779198.onlinehome.us/luis-sanchez/portfolio/wp-content/uploads/2013/01/bg-diagonal-line.gif') left top repeat;
	clear: both;
	overflow: hidden;
 }
 
 #bg-address h3{
	font-family: 'Coda', cursive;
	font-size: 1.6em;
	font-weight: lighter;
	color: #6ebff5;
	text-transform: uppercase;
	float: left;
	padding: 6px 6px 0 10px;
	margin-top: 11px;
	margin-left: 20px;
	margin-right: 10px;
	background: url('http://s237779198.onlinehome.us/luis-sanchez/portfolio/wp-content/uploads/2013/01/line-address-number.gif') left top no-repeat;
	height: 33px;
	width: 87px;
 }
 
 #bg-address h6{
    font-family: 'Cuprum', sans-serif;
	font-size: 1em;
	color:#6ebff5;
	text-transform: uppercase;
 }
 
 #bg-wrap-description {
	padding: 6px 6px 0 10px;
	margin: 0px auto 5px auto;
	background: url('http://s237779198.onlinehome.us/luis-sanchez/portfolio/wp-content/uploads/2020/11/bg-map-title-position_2020.gif') no-repeat;
	background-position: 50% 0%;
	height: 300px;
	width: 100%;
	border-top: 2px #cde9fc solid;
 }
 
 #bg-wrap-description .bg-azul {
	margin: 0px auto 5px auto;
	background: ;
	height: 300px;
	width: 100%;
 }
  
#bg-wrap-description h2 {
	padding-top: 64px;
	margin: 0 auto 0 auto;
	background: url('http://s237779198.onlinehome.us/luis-sanchez/portfolio/wp-content/uploads/2013/01/line-right-div-about.gif') right top no-repeat;
	height: 186px;
	width: 40%;
	border-bottom: 3px white dotted;
	float: left;
	text-align: right;
	font-size: 2.5em;
	font-family: 'Cuprum', sans-serif;
	font-weight: bold;
	color: #fe3800;
	position: relative;
 }
 
 #bg-wrap-description h4 {
	padding-top: 66px;
	padding-left: 20px;
	margin: 0 auto 0 auto;
	height: 186px;
	width: 60%;
	border-bottom: 3px white dotted;
	float: right;
	text-align: left;
	font-size: 1.2em;
	font-family: font-family: 'Coda', cursive;
	font-weight: 100;
	color: #36484f;
	position: relative;
 }