/*
----------------------------------------------------------------

CORSA basic styles

Copyright 2014 UpSolution
http://us-themes.com/

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

html { 
  height: auto;
  }

a {
  color: #c20; /* variable */
  text-decoration: none;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  }

::-moz-selection {
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  }
::selection {
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  }


/* ====================================
====== MAIN GRID ======================
==================================== */

.l-body {
  height: auto;
  min-width: 1200px;
  }
  
/* Preloader Screen */
.l-preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 333;
  overflow: hidden;
  background-color: #fff; /* variable */
  color: #444; /* variable */
  }
  .l-preloader-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: #f2f2f2; /* variable */
    }
  .l-preloader-counter {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 60px;
    font-family: 'Dosis';
    text-align: center;
    line-height: 100px;
    height: 100px;
    width: 200px;
    margin: -50px 0 0 -100px;
    color: #444; /* variable */
    }
  .l-preloader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 32px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    margin: -30px 0 0 -30px;
    background-color: inherit;
    color: inherit;
    }
    
/* Header */
.l-header {
  font-size: 0;
  text-align: right;
  line-height: 80px;
  width: 100%;
  z-index: 2;
  box-shadow: 0 4px 10px rgba(0,0,0,0.07);
  background-color: #fff; /* variable */
  color: #666; /* variable */
  }
.no_logo .l-header {
  text-align: center;
  }
.l-body.headertype_sticky .l-header {
  position: absolute;
  }
.l-body.headertype_sticky .l-header.fixed,
.l-body.headertype_sticky.headerpos_top .l-header {
  position: fixed;
  top: 0;
  }
  .l-header-h {
    position: relative;
    margin: 0 auto;
    height: 100%;
    }

.no-responsive .l-header {
  position: static !important;
  }

/* Footer */
.l-footer {
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 70px;
  overflow-y: auto;
  background-color: #333; /* variable */
  color: #999; /* variable */
  }
  .l-footer a {
    color: #c20; /* variable */
    }
    .no-touch .l-footer a:hover {
      color: #fff; /* variable */
      border-bottom: 1px solid;
      }
  .l-footer p {
    font-size: 13px;
    line-height: 50px;
    margin-bottom: 20px;
    }
  .l-footer p:last-child {
    margin-bottom: 0;
    }
  .l-subfooter {
    width: 96%;
    max-width: 1140px;
    }
  .l-subfooter.at_top {
    padding: 40px 0;
    border-bottom: 1px solid #444; /* variable */
    }
  .l-subfooter.at_bottom {
    padding: 10px 0;
    text-align: center;
    }
    .l-footer .widget {
      margin-bottom: 35px;
      }
    .l-footer .widget:last-child {
      margin-bottom: 0;
      }
    
/* Sections */
.l-main {
  margin-bottom: 70px; /* min height of footer */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1;
  }
.page-template-page-home-php .l-main.align_center {
  text-align: center;
  }
.no-responsive .l-main {
  margin-bottom: 0 !important;
  }
  .l-section {
    overflow: auto; /* to disable .l-subsection margin overlapping */
    background-color: #fff; /* variable */
    color: #444; /* variable */
    }
  .no-responsive .l-section:first-child {
    margin-top: 0 !important;
    }
    .l-subsection {
      position: relative;
      padding: 60px 0;
      background-position: center center;
      background-size: cover;
      }
    .no-touch .l-subsection {
      background-attachment: fixed;
      }
      .l-subsection-h {
        position: relative;
        z-index: 2;
        margin: 0 auto;
        width: 96%;
        max-width: 1140px;
        }
    /* FULL: width */
    .l-subsection.full_width .l-subsection-h {
      width: 100%;
      max-width: 100%;
      }
    /* FULL: height */
    .l-subsection.full_height {
      padding: 0;
      }
    /* WITH: parallax */
    .l-subsection.with_parallax {
      overflow: hidden;
      }
    /* WITH: video */
    .l-subsection.with_video {
      overflow: hidden;
      }
    .no-touch .l-subsection.with_video {
      background-attachment: scroll;
      }
      .l-subsection.with_video .video-background {
        display: block;
        }
      .video-background {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        }
      .video-preload,
      .video-background video {
        display: none;
        }
/* HOMETYPE: fullscreen */
.l-body.hometype_fullscreen .l-section:first-child .l-subsection {
  height: 100%;
  min-height: inherit;
  width: 100%;
  padding: 0;
  overflow: hidden;
  }
  .l-body.hometype_fullscreen .l-section:first-child .l-subsection-h {
    max-width: 100%;
    width: 100%;
    }

/* COLOR: dark */
.l-subsection.color_dark {
  background-color: #000;
  color: #fff;
  }
  .l-subsection.color_dark:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,0.3);
    }
  .no-touch .l-subsection.color_dark a:hover {
    color: #fff;
    }
  .l-subsection.color_dark .g-hr-h:before,
  .l-subsection.color_dark .g-hr-h:after {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    }
    .l-subsection.color_dark .g-hr-h i {
      color: #fff;
      color: rgba(255,255,255,0.5);
      }
  .l-subsection.color_dark .w-iconbox .w-iconbox-title {
    color: #fff;
    }
    
/* COLOR: primary */
.l-subsection.color_primary,
.w-actionbox.color_primary {
  background-color: #c20; /* variable */
  color: #fff;
  }
  .color_primary a {
    color: #fff;
    }
    .no-touch .color_primary a:hover {
      color: #fff;
      }
  .l-subsection.color_primary .g-hr-h:before,
  .l-subsection.color_primary .g-hr-h:after {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    }
    .l-subsection.color_primary .g-hr-h i {
      color: #fff;
      color: rgba(255,255,255,0.5);
      }
  .color_primary .g-btn.color_primary {
    background-color: #fff;
    color: #333;
    }
    
/* COLOR: alternate */
.l-subsection.color_alternate {
  background-color: #f2f2f2; /* variable */
  }
  

/* ====================================
====== TYPOGRAPHY =====================
==================================== */

/* Main font */
body {
  font: 16px/26px 'PT Sans', sans-serif;
  }

/* Headings */
h1 {
  font: 54px/1.3 'Dosis';
  }
h2 {
  font: 44px/1.4 'Dosis';
  }
h3 {
  font: 36px/1.4 'Dosis';
  }
h4 {
  font: 30px/1.4 'Dosis';
  }
h5 {
  font: 24px/1.4 'Dosis';
  }
h6 {
  font: 20px/1.4 'Dosis';
  }
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 22px;
  text-transform: uppercase;
  }
  
/* home heading */
h1.home-heading {
  font-size: 90px;
  line-height: 1;
  text-align: center;
  text-shadow: 0 3px 10px rgba(0,0,0,0.2);
  }
  .home-heading-line {
    display: inline-block;
    vertical-align: top;
    margin: 0 -0.1em;
    padding: 0.5% 1.1% 0.6%;
    color: #fff;
    }
  /* TYPE: black */
  .home-heading-line.type_black {
    color: #111;
    }
  /* TYPE: primary */
  .home-heading-line.type_primary {
    color: #c20; /* variable */
    }
  /* TYPE: secondary */
  .home-heading-line.type_secondary {
    color: #8c0; /* variable */
    }
  /* TYPE: primary bg */
  .home-heading-line.type_primary_bg {
    background-color: #c20; /* variable */
    color: #fff;
    }
  /* TYPE: secondary bg */
  .home-heading-line.type_secondary_bg {
    background-color: #8c0; /* variable */
    color: #fff;
    }
  /* TYPE: dark bg */
  .home-heading-line.type_dark_bg {
    background-color: #111;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    }
  /* TYPE: light bg */
  .home-heading-line.type_light_bg {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    color: #111;
    }
    
/* Paragraph */
.g-html p {
  margin-bottom: 26px;
  }
  .g-html .g-cols > div > p:last-child {
    margin-bottom: 0;
    }
  .g-html p.size_big {
    font-size: 1.2em;
    line-height: 1.6;
    }
  .g-html p.subtitle {
    font-size: 1.3em;
    line-height: 1.4;
    margin-bottom: 5px;
    text-transform: uppercase;
    }
  .no-touch .g-html p a:hover {
    border-bottom: 1px solid;
    }

/* Lists */
.g-html ul,
.g-html ol {
  margin-bottom: 26px;
  }
  .no-touch .g-html li a:hover {
    border-bottom: 1px solid;
    }

/* Address */
.g-html address {
  margin-bottom: 26px;
  }
  
/* Preformat */
.g-html pre {
  font-size: 13px;
  line-height: 20px;
  padding: 10px 15px;
  margin-bottom: 26px;
  border-radius: 5px;
  background-color: #333;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  }
  
/* Blockquote */
.g-html blockquote {
  font-size: 18px;
  line-height: 28px;
  padding: 2px 0 2px 30px;
  margin-bottom: 26px;
  border-left: 5px solid #c20;
  }
  
  
/* ====================================
====== BASIC ELEMENTS =================
==================================== */

/* Image */
.g-html img + h1,
.g-html img + h2,
.g-html img + h3,
.g-html img + h4,
.g-html img + h5,
.g-html img + h6,
.g-html img + ol,
.g-html img + ul,
.g-html img + p {
  margin-top: 26px;
  }
.g-html img.alignleft {
  display: inline;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  }
.g-html img.alignright {
  display: inline;
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
  }
.g-html img.aligncenter {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  }
  .no-touch .g-html a.image-link:hover {
    border-bottom: none !important;
    }
    .g-html a.image-link img {
      -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
      }
    .no-touch .g-html a.image-link:hover img {
      opacity: 0.8;
      }
    
/* Separator */
.g-hr {
  position: relative;
  font-size: 0;
  text-align: center;
  height: 24px;
  margin: 2% 0;
  width: 100%;
  padding: 2px 0;
  overflow: hidden;
  clear: both;
  }
  .g-hr-h:before,
  .g-hr-h:after {
    display: inline-block;
    content: "";
    height: 1px;
    width: 50%;
    margin-top: 9px;
    vertical-align: top;
    position: relative;
    background-color: #e8e8e8; /* variable */
    }
  .g-hr-h:before {
    left: -13px;
    margin-left: -50%;
    }
  .g-hr-h:after {
    left: 13px;
    margin-right: -50%;
    }
    .g-hr-h i {
      font-size: 16px;
      line-height: 20px;
      height: 20px;
      width: 20px;
      vertical-align: top;
      text-align: center;
      color: #e8e8e8; /* variable */
      }
  /* SIZE: small */
  .g-hr.size_small {
    margin: 1% 0;
    }
  /* SIZE: big */
  .g-hr.size_big {
    margin: 3% 0;
    }
  /* TYPE: short */
  .g-hr.type_short {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    }
  /* TYPE: simple */
  .g-hr.type_simple .g-hr-h:before {
    left: 0;
    margin-left: 0;
    width: 100%;
    }
  .g-hr.type_simple .g-hr-h:after,
  .g-hr.type_simple .g-hr-h i {
    display: none;
    }
  /* TYPE: invisible */
  .g-hr.type_invisible {
    height: 0;
    padding: 0;
    }
  
/* Form inputs */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select {
  border: none;
  font-size: 16px;
  height: 42px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  -webkit-transition: box-shadow 0.3s;
      transition: box-shadow 0.3s;
  background-color: #f2f2f2; /* variable */
  }
textarea {
  height: 150px;
  line-height: 24px;
  }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="tel"]:focus,
  input[type="number"]:focus,
  input[type="date"]:focus,
  textarea:focus,
  select:focus {
    border-color: transparent;
    box-shadow: 0 0 0 2px #999;
    }

/* Buttons */
.g-btn,
button,
input[type="submit"] {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  padding: 13px 40px;
  margin: 4px 0;
  border: none !important;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: background-color 0.3s, color 0.3s;
      transition: background-color 0.3s, color 0.3s;
  }
  .g-btn i {
    margin: 0 14px 0 -2px;
    position: relative;
    z-index: 1;
    }
  .g-btn span {
    position: relative;
    z-index: 1;
    }
  .no-touch .g-btn:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    z-index: 0;
    -webkit-transition: height 0.3s;
        transition: height 0.3s;
    }
    .no-touch .g-btn:hover:after {
      height: 100%;
      }
  /* TYPE: default */
  .g-btn.color_default {
    background-color: #e8e8e8; /* variable */
    color: #444; /* variable */
    }
    .no-touch .g-btn.color_default:after {
      background-color: #8c0; /* variable */
      }
    .no-touch .g-btn.color_default:hover {
      color: #fff;
      }
  /* TYPE: primary */
  .g-btn.color_primary,
  input[type="submit"] {
    background-color: #c20; /* variable */
    color: #fff;
    }
    .no-touch .g-btn.color_primary:after,
    .no-touch input[type="submit"]:hover {
      background-color: #8c0; /* variable */
      }
    .no-touch .g-btn.color_primary:hover,
    .no-touch input[type="submit"]:hover {
      color: #fff;
      }
  /* TYPE: secondary */
  .g-btn.color_secondary {
    background-color: #8c0; /* variable */
    color: #fff;
    }
    .no-touch .g-btn.color_secondary:after {
      background-color: #c20; /* variable */
      }
    .no-touch .g-btn.color_secondary:hover {
      color: #fff;
      }
  /* SIZE: small */
  .g-btn.size_small,
  input.g-btn.size_small,
  button.g-btn.size_small {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 30px;
    }
  /* SIZE: big */
  .g-btn.size_big,
  input.g-btn.size_big,
  button.g-btn.size_big {
    font-size: 22px;
    line-height: 32px;
    padding: 14px 44px;
    }
    
/* Alerts */
.g-alert {
  border-radius: 5px;
  }
  .g-alert-close {
    font-size: 20px;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
  .no-touch .g-alert-close:hover {
    opacity: 1;
    }
  .g-alert-body > p:last-child {
    margin-bottom: 0;
    }

/* Pagination */
.g-pagination {
  text-align: center;
  padding: 30px;
  }
  .g-pagination-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    margin: 0 3px;
    border-radius: 50%;
    background-color: #f2f2f2; /* variable */
    color: inherit;
    }
    .g-pagination-item.to_prev,
    .g-pagination-item.to_next {
      font-size: 16px;
      }
    .no-touch a.g-pagination-item:hover {
      background-color: #8c0; /* variable */
      color: #fff;
      }
    .g-pagination-item.active {
      font-weight: 700;
      background-color: #c20; /* variable */
      color: #fff;
      }
    .g-pagination-item.disabled {
      display: none;
      }


/* ====================================
====== WIDGETS ========================
==================================== */

/* w-actionbox */
.w-actionbox {
  padding: 3%;
  border-radius: 5px;
  background-color: #f2f2f2; /* variable */
  }
  .no-touch .w-actionbox-text a:hover {
    border-bottom: 1px solid;
    }
  .w-actionbox-text h3 + p {
    margin: 12px 0 0;
    }
  .w-actionbox-button.g-btn {
    margin: 0;
    }
.w-actionbox.color_primary {
  background-color: #c20; /* variable */
  color: #fff;
  }
.w-actionbox.color_secondary {
  background-color: #666; /* variable */
  color: #fff;
  }


/* w-blog */
.w-blog-list {
  border-bottom: 2px solid #e8e8e8; /* variable */
  }
  .w-blog-entry {
    text-align: left;
    margin: 0;
    padding-right: 3%;
    border-top: 2px solid #e8e8e8; /* variable */
    -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }
    .no-touch .w-blog-entry:hover {
      background-color: #f2f2f2; /* variable */
      }
    .w-blog-entry-h {
      min-height: 100px;
      position: relative;
      overflow: hidden;
      padding-bottom: 3%;
      }
      .w-blog.imgpos_atleft .w-blog-entry-preview {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        }
      .w-blog.imgpos_atleft .w-blog-entry-title {
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
        margin-left: 30%;
        margin-bottom: 1.5%;
        padding: 25px 0 0 35px;
        }
      .w-blog.imgpos_atleft .w-blog-entry-body {
        margin-left: 30%;
        padding-left: 35px;
        }
        .w-blog.imgpos_atleft .w-blog-meta-date {
          position: absolute;
          top: 20px;
          left: 20px;
          width: 60px;
          margin: 0;
          text-align: center;
          text-transform: uppercase;
          z-index: 2;
          border-radius: 3px;
          box-shadow: 0 1px 2px rgba(0,0,0,0.05);
          background-color: #fff;
          color: #333;
          }
          .w-blog-meta-date-month {
            display: block;
            font-size: 16px;
            line-height: 20px;
            padding-top: 6px;
            }
          .w-blog-meta-date-day {
            display: block;
            font-size: 32px;
            line-height: 32px;
            font-family: 'Dosis';
            font-weight: 700;
            }
          .w-blog-meta-date-year {
            display: block;
            font-size: 13px;
            line-height: 24px;
            padding-bottom: 4px;
            }
    .w-blog-entry.sticky .w-blog-entry-title,
    .w-blog-entry.sticky .w-blog-entry-short p {
      font-weight: 700;
      }
  .w-blog-load {
    text-align: center;
    line-height: 0;
    padding-top: 20px;
    }
    .w-blog-load #spinner {
      padding: 8px;
      margin: 0 auto;
      }
  /* type_post */
  .w-blog.type_post {
    padding-bottom: 40px;
    }
    .w-blog.type_post .w-blog-meta {
      font-size: 14px;
      line-height: 1.3;
      margin-bottom: 20px;
      color: #999; /* variable */
      }
      .w-blog.type_post .w-blog-meta > div {
        margin-right: 20px;
        }
      .w-blog-meta a {
        color: inherit;
        }
        .no-touch .w-blog-meta a:hover {
          border-bottom: 1px solid;
          }
      .w-blog-meta i {
        font-size: 16px;
        margin-right: 3px;
        margin-left: 1px;
        opacity: 0.5;
        }

        
/* w-clients */
.w-clients-item-h {
  display: block;
  padding: 10px;
  opacity:1;
  border-radius: 5px;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.3s, opacity 0.3s;
      transition: border-color 0.3s, opacity 0.3s;
  }
  .no-touch .w-clients-item-h:hover {
    opacity: 0.6;
    border-color: #c20; /* variable */
    }


/* w-comments */
.w-comments {
  padding-top: 30px;
  border-top: 1px solid #e8e8e8; /* variable */
  }
  .w-comments-title i {
    margin-right: 10px;
    margin-left: 1px;
    opacity: 0.5;
    }
  .w-comments-item {
    padding-top: 20px;
    margin-bottom: 20px;
    }
    .w-comments-item-text p {
      margin-bottom: 15px;
      }
    .w-comments-item-icon {
      top: 20px;
      border-radius: 50%;
      background-color: rgba(0,0,0,0.04);
      }
      .w-comments-item-icon img {
        display: block;
        border-radius: 50%;
        }
    .w-comments-item-date {
      float: none;
      color: inherit;
      opacity: 0.5;
      }
      .no-touch .w-comments-form-text a:hover,
      .no-touch .w-comments-item-meta a:hover,
      .no-touch .w-comments-item-answer a:hover {
        border-bottom: 1px solid;
        opacity: 1;
        }
  .w-comments .g-pagination {
    text-align: center;
    margin-top: 20px;
    padding: 0;
    }
    .w-comments .g-pagination a {
      margin: 0 5px;
      }
      .no-touch .w-comments .g-pagination a:hover {
        border-bottom: 1px solid;
        }
  .w-comments-form {
    padding: 20px 0;
    }
  

/* w-contacts */
.no-touch .w-contacts a:hover {
  border-bottom: 1px solid;
  }
.l-main .w-contacts-list {
  margin: 0 -20px;
  line-height: 0;
  }
  .l-main .w-contacts-item {
    display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    font-size: 0;
    padding: 0 20px;
    margin-bottom: 15px;
    }
    .l-main .w-contacts-item > i {
      display: inline-block;
      vertical-align: middle;
      vertical-align: -webkit-baseline-middle;
      font-size: 24px;
      text-align: center;
      line-height: 52px;
      height: 50px;
      width: 50px;
      margin: 8px;
      border-radius: 50%;
      box-shadow: 0 1px 1px rgba(0,0,0,0.1);
      background-color: #f2f2f2; /* variable */
      color: #444; /* variable */
      }
    .l-main .w-contacts-item-value {
      display: inline-block;
      vertical-align: middle;
      vertical-align: -webkit-baseline-middle;
      font-size: 24px;
      line-height: 34px;
      margin: 0 8px;
      text-transform: uppercase;
      }
  /* w-contacts in footer */
  .l-footer .w-contacts-item > i {
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    width: 26px;
    }
  .l-footer .w-contacts-item-value {
    display: block;
    margin: 0 0 14px 36px;
    }
    .l-footer .w-contacts-item:last-child  .w-contacts-item-value {
      margin-bottom: 0;
      }


/* w-copyright */
.w-copyright {
  font-size: 13px;
  line-height: 50px;
  }
.w-socials + .w-copyright {
  float: left;
  }
  .no-touch .w-copyright a:hover {
    border-bottom: 1px solid;
    }


/* w-counter */
.w-counter {
  text-align: center;
  margin: 0 auto;
  max-width: 300px;
  }
  .w-counter-number {
    font: 80px/1 'Dosis';
    font-weight: 700 !important;
    color: #c20; /* variable */
    }
  .w-counter h6.w-counter-title {
    margin: 0;
    text-transform: none;
    }


/* w-form */
.w-form {
  max-width: 450px;
  }
.w-form.align_center {
  margin: 0 auto;
  }
.w-form.align_right {
  margin-left: auto;
  }
  .w-form-row {
    padding-bottom: 20px;
    }
    .w-form-label {
      display: none;
      margin-bottom: 3px;
      }
      .w-form-label span {
        margin-left: 3px;
        }
    .w-form-field {
      position: relative;
      }
      .w-form-field > input[type="text"],
      .w-form-field > input[type="password"],
      .w-form-field > input[type="email"],
      .w-form-field > textarea,
      .w-form-field > select {
        padding-left: 50px;
        }
      .w-form-field > i {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 20px;
        text-align: center;
        line-height: 42px;
        height: 42px;
        width: 50px;
        opacity: 0.33;
        -webkit-transition: opacity 0.3s, color 0.3s;
            transition: opacity 0.3s, color 0.3s;
        }
      .w-form-field > input:focus + i,
      .w-form-field > textarea:focus + i {
        opacity: 0.66;
        }
      .w-form-state {
        font-size: 14px;
        line-height: 24px;
        color: red;
        }
      .w-form-row.check_wrong .w-form-field > i {
        color: red;
        opacity: 1;
        }
      .w-form-field-success {
        display: inline-block;
        vertical-align: top;
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 14px;
        color: #4c0;
        }
        .w-form.align_center .w-form-field-success {
          display: block;
          padding: 5px 0 0;
          }
        .w-form.align_right .w-form-field-success {
          float: left;
          padding: 0 10px 0 0;
          }
  .w-form-row.for_submit .g-btn i {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    margin: -15px 0 0 -15px;
    }
  .w-form-row.for_submit .g-btn.loading i {
    display: block;
    }
  .w-form-row.for_submit .g-btn.loading {
    cursor: default;
    }
  .w-form-row.for_submit .g-btn.loading:after {
    display: none;
    }
  .w-form-row.for_submit .g-btn.loading span {
    opacity: 0;
    }


/* w-gallery */
.w-gallery {
  margin-bottom: 20px;
  }
.w-gallery:last-child {
  margin-bottom: 0;
  }
.w-gallery-tnails {
  margin: -5px;
  }
  .w-gallery-tnail {
    position: relative;
    z-index: 1;
    cursor: zoom-in;
    width: 100%;
    max-width: 600px;
    padding: 5px;
    color: inherit;
    }
  .w-gallery.columns_2 .w-gallery-tnail {
    width: 50%;
    }
  .w-gallery.columns_3 .w-gallery-tnail {
    width: 33.3333%;
    }
  .w-gallery.columns_4 .w-gallery-tnail {
    width: 25%;
    }
  .w-gallery.columns_5 .w-gallery-tnail {
    width: 20%;
    }
  .w-gallery.columns_6 .w-gallery-tnail {
    width: 16.6666%;
    }
  .w-gallery.columns_7 .w-gallery-tnail {
    width: 14.2857%;
    }
  .w-gallery.columns_8 .w-gallery-tnail {
    width: 12.5%;
    }
  .w-gallery.columns_9 .w-gallery-tnail {
    width: 11.1111%;
    }
    .w-gallery-tnail img {
      display: block;
      position: relative;
      }
    .no-touch .w-gallery-tnail-title {
      display: block;
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      text-align: center;
      font-size: 40px;
      opacity: 0;
      color: #fff;
      -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
      }
      .no-touch .w-gallery-tnail:hover .w-gallery-tnail-title {
        opacity: 1;
        }
      .no-touch .w-gallery-tnail-title:before {
        display: block;
        content: '';
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.75);
        }
      .no-touch .w-gallery-tnail-title i {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        line-height: 60px;
        height: 60px;
        width: 60px;
        margin: -30px 0 0 -30px;
        -webkit-transform: scale(0);
            transform: scale(0);
        -webkit-transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
        }
      .no-touch .w-gallery-tnail:hover .w-gallery-tnail-title i {
        -webkit-transform: scale(1);
            transform: scale(1);
        }


/* w-icon */
.w-icon {
  display: inline-block;
  vertical-align: top;
  margin: 4px;
  }
  .w-icon-link {
    display: block;
    color: #444; /* variable */
    }
    .no-touch .l-subsection.color_dark .w-icon-link:hover {
      color: #c20; /* variable */
      }
  /* WITH: circle */
  .w-icon.with_circle {
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    }
    .w-icon.with_circle .w-icon-link {
      background-color: #f2f2f2; /* variable */
      }
  /* COLOR: border */
  .w-icon.color_border .w-icon-link {
    color: #e8e8e8; /* variable */
    }
  .w-icon.color_border.with_circle .w-icon-link {
    background-color: #e8e8e8; /* variable */
    color: #fff;
    }
  /* COLOR: primary */
  .w-icon.color_primary .w-icon-link {
    color: #c20; /* variable */
    }
  .w-icon.color_primary.with_circle .w-icon-link {
    background-color: #c20; /* variable */
    color: #fff !important;
    }
  /* COLOR: secondary */
  .w-icon.color_secondary .w-icon-link {
    color: #8c0; /* variable */
    }
  .w-icon.color_secondary.with_circle .w-icon-link {
    background-color: #8c0; /* variable */
    color: #fff !important;
    }
  /* COLOR: fade */
  .w-icon.color_fade .w-icon-link {
    color: #999; /* variable */
    }
  /* SIZE: tiny */
  .w-icon.size_tiny {
    font-size: 24px;
    }
  .w-icon.size_tiny.with_circle {
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    width: 36px;
    }
  /* SIZE: small */
  .w-icon.size_small {
    font-size: 36px;
    }
  .w-icon.size_small.with_circle {
    font-size: 24px;
    line-height: 48px;
    height: 48px;
    width: 48px;
    }
  /* SIZE: medium */
  .w-icon.size_medium {
    font-size: 48px;
    }
  .w-icon.size_medium.with_circle {
    font-size: 32px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    }
  /* SIZE: big */
  .w-icon.size_big {
    font-size: 68px;
    }
  .w-icon.size_big.with_circle {
    font-size: 48px;
    line-height: 86px;
    height: 86px;
    width: 86px;
    }
  /* SIZE: huge */
  .w-icon.size_huge {
    font-size: 90px;
    }
  .w-icon.size_huge.with_circle {
    font-size: 64px;
    line-height: 110px;
    height: 110px;
    width: 110px;
    }


/* w-iconbox */
.w-iconbox-icon {
  color: #c20; /* variable */
  -webkit-transition: background-color 0.3s, color 0.3s;
      transition: background-color 0.3s, color 0.3s;
  }
.w-iconbox-title {
  -webkit-transition: color 0.3s;
      transition: color 0.3s;
  }
  .no-touch .w-iconbox-link:hover .w-iconbox-icon,
  .no-touch .w-iconbox-link:hover .w-iconbox-title {
    color: #8c0; /* variable */
    }
  .w-iconbox-text p,
  .w-iconbox-text ul,
  .w-iconbox-text ol {
    margin-bottom: 0;
    }
  /* ICONPOS: top */
  .w-iconbox.iconpos_top .w-iconbox-icon {
    font-size: 80px;
    line-height: 90px;
    height: 90px;
    width: 90px;
    }
  .w-iconbox.iconpos_top .w-iconbox-title {
    padding: 15px 0 10px;
    }
  /* ICONPOS: left */
  .w-iconbox.iconpos_left .w-iconbox-icon {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 36px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    }
    .w-iconbox.iconpos_left.with_circle .w-iconbox-icon {
      font-size: 28px;
      line-height: 70px;
      height: 70px;
      width: 70px;
      }
  .w-iconbox.iconpos_left .w-iconbox-title {
    margin-left: 55px;
    padding-top: 0;
    padding-bottom: 12px;
    }
  /* WITH: circle */
  .w-iconbox.with_circle .w-iconbox-icon {
    border-radius: 50%;
    background-color: #c20; /* variable */
    color: #fff !important;
    }
    .no-touch .w-iconbox.with_circle .w-iconbox-link:hover .w-iconbox-icon {
      background-color: #8c0; /* variable */
      color: #fff;
      }
    .no-touch .w-iconbox.with_circle .w-iconbox-icon:after {
      display: block;
      content: '';
      position: absolute;
      left: -5px;
      top: -5px;
      padding: 5px;
      height: 100%;
      width: 100%;
      border-radius: 50%;
      box-shadow: 0 0 0 3px #8c0; /* variable */
      opacity: 0;
      transform: scale(0.8);
      box-sizing: initial !important;
      -webkit-box-sizing: initial !important;
      -moz-box-sizing: initial !important;
      -webkit-transition: opacity 0.3s;
          transition: transform 0.3s, opacity 0.3s;
      }
      .no-touch .w-iconbox.with_circle .w-iconbox-link:hover .w-iconbox-icon:after {
        opacity: 1;
        transform: scale(1);
        }
  .w-iconbox.iconpos_top.with_circle .w-iconbox-icon {
    font-size: 40px;
    }
  .w-iconbox.iconpos_left.with_circle .w-iconbox-title,
  .w-iconbox.iconpos_left.with_circle .w-iconbox-text {
    margin-left: 95px;
    }
    
    
/* w-loadmore */
.w-loadmore {
  text-align: center;
  padding-top: 30px;
  }
.l-submain.full_height .w-loadmore {
  padding-bottom: 30px;
  }
.w-loadmore.done {
  display: none;
  }
  .w-loadmore .g-btn {
    margin: 0;
    vertical-align: top;
    }
    .w-loadmore i {
      display: none;
      font-size: 24px;
      line-height: 40px;
      }
    .w-loadmore.loading .g-btn {
      display: none;
      }
    .w-loadmore.loading i {
      display: inline-block;
      }


/* w-logo */
.w-logo {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  z-index: 2;
  }
  .w-logo-link {
    color: inherit;
    }
    .w-logo-img {
      height: 90px !important; /* variable */
      }
      .w-logo-title {
        font-size: 36px;
        font-weight: 700 !important;
        font-family: 'Dosis';
        text-transform: uppercase;
        }


/* w-map */
.w-map {
  margin: 20px;
  }
.no-touch .w-map {
  margin: 0;
  }
  .w-map img {
    max-width: none;
    }
  .w-map label {
    display: inline;
    width: auto;
    }
  .gm-style .gm-style-iw {
    width: auto !important;
    }
    .gmap_marker {
      color: #333;
      }


/* w-nav */
.l-header .w-nav {
  display: inline-block;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  }
  .w-nav-control {
    font-size: 21px;
    text-align: center;
    width: 50px;
    cursor: pointer;
    }
  .l-header .w-nav-list {
    clear: both;
    }
    .l-header .w-nav-item {
      font-size: 17px;
      font-family: 'Dosis';
      text-transform: uppercase;
      }
      .l-header .w-nav-anchor.level_1 {
        padding: 0 20px;
        color: inherit;
        }
        /* w-nav sublevel arrow */
        .l-header .w-nav-arrow {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
          font-family: FontAwesome;
          font-size: 16px;
          font-weight: normal;
          line-height: inherit;
          height: 100%;
          width: 20px;
          }
          .l-header .w-nav-arrow:before {
            content: '\f107';
            }
        .l-header .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow {
          display: block;
          line-height: 40px;
          }
          .l-header .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow:before {
            content: '\f105';
            }
        .l-header .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-title {
          padding-right: 30px;
          }
        /* w-nav hover effect */
        .no-touch .l-header .w-nav-item.level_1 .w-nav-anchor.level_1:before {
          display: block;
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 0;
          -webkit-transition: height 0.3s;
              transition: height 0.3s;
          background-color: #f5f5f5; /* variable */
          }
          .no-touch .l-header .w-nav-item.level_1:hover .w-nav-anchor.level_1:before {
            height: 100%;
            }
        .l-header .w-nav-anchor.level_1 > .w-nav-title {
          position: relative;
          }
    /* w-nav dropdown list */
    .l-header .w-nav-list.level_2,
    .l-header .w-nav-list.level_3 {
      box-shadow: 0 5px 10px rgba(0,0,0,0.1);
      background-color: #f5f5f5; /* variable */
      }
      .l-header .w-nav-list.level_2 .w-nav-item {
        font-size: 15px;
        line-height: 20px;
        }
        .l-header .w-nav-list.level_2 .w-nav-anchor {
          white-space: nowrap;
          color: inherit;
          }
    /* w-nav for headerpos_bottom */
    .headerpos_bottom .w-nav-list.level_2 {
      top: auto;
      bottom: 100%;
      }
      .headerpos_bottom .w-nav-list.level_3 {
        top: auto;
        bottom: 0;
        }
    .headerpos_bottom .fixed .w-nav-list.level_2 {
      top: 100%;
      bottom: auto;
      }
      .headerpos_bottom .fixed .w-nav-list.level_3 {
        top: 0;
        bottom: auto;
        }
    /* w-nav dropdown columns list */
    .touch_disabled [class*="columns"] .w-nav-list.level_3,
    .touch_disabled [class*="columns"] .w-nav-item.level_3 {
      box-shadow: none;
      padding: 0;
      margin: 0;
      }
    .touch_disabled [class*="columns"] .w-nav-anchor.level_2,
    .touch_disabled [class*="columns"] .w-nav-anchor.level_3 {
      white-space: normal;
      }
    .touch_disabled [class*="columns"] .has_sublevel .w-nav-anchor.level_2 {
      font-size: 1.1em;
      line-height: 1.4;
      font-weight: bold;
      margin-bottom: 5px;
      background-color: transparent !important;
      }
      .touch_disabled [class*="columns"] .has_sublevel .w-nav-arrow {
        display: none !important;
        }
  /* TOUCH: enabled */
  .l-header .w-nav.touch_enabled {
    display: block;
    }
    .l-header .touch_enabled .w-nav-control {
      display: block;
      float: right;
      }
    .l-header .w-nav.touch_enabled .w-nav-list.level_1 {
      overflow-y: auto !important;
      padding-left: 100px;
      padding-right: 100px;
      margin-left: -100px;
      margin-right: -100px;
      }
      .l-header .w-nav.touch_enabled .w-nav-item {
        float: none;
        width: 100%;
        line-height: 26px;
        }
        .l-header .w-nav.touch_enabled .w-nav-anchor {
          border-top: 1px solid #e8e8e8;
          }
          .l-header .w-nav.touch_enabled .w-nav-anchor.level_1:before {
            display: none !important;
            }
          .l-header .touch_enabled .w-nav-item.level_1.has_sublevel .w-nav-anchor.level_1 .w-nav-arrow,
          .l-header .touch_enabled .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow {
            display: block;
            font-size: 20px;
            text-align: center;
            line-height: 46px;
            width: 50px;
            }
            .l-header .touch_enabled .w-nav-arrow:before {
              content: '\f078' !important;
              }
          .l-header .touch_enabled .w-nav-item.has_sublevel > .w-nav-anchor > .w-nav-title {
            padding-right: 60px !important;
            }
          .l-header .touch_enabled .w-nav-item.open > .w-nav-anchor > .w-nav-arrow {
            -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }
    .l-header .touch_enabled .w-nav-list.level_2,
    .l-header .touch_enabled .w-nav-list.level_3 {
      display: block;
      position: static;
      padding: 0;
      margin: 0;
      box-shadow: none;
      }
      .l-header .touch_enabled .w-nav-anchor.level_1,
      .l-header .touch_enabled .w-nav-anchor.level_2,
      .l-header .touch_enabled .w-nav-anchor.level_3 {
        text-align: center;
        padding: 10px 0;
        margin: 0;
        white-space: normal;
        }
      .l-header .touch_enabled .w-nav-anchor.level_1 {
        background-color: transparent !important;
        }
      .l-header .touch_enabled .w-nav-anchor.level_2 {
        padding-left: 15px;
        padding-right: 15px;
        }
      .l-header .touch_enabled .w-nav-anchor.level_3 {
        padding-left: 30px;
        padding-right: 15px;
        }


/* w-portfolio */
.w-portfolio-list {
  font-size: 0;
  box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset;
  }
  .w-portfolio-item {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 25%;
    }
    .w-portfolio-item-anchor {
      overflow: hidden;
      z-index: 1;
      }
    .w-portfolio-item-anchor:after {
      display: none;
      content: '';
      position: absolute;
      bottom: -25px;
      left: 50%;
      margin-left: -20px;
      height: 40px;
      width: 40px;
      z-index: 2;
      -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      background-color: #fff;
      }
      .w-portfolio-item.active .w-portfolio-item-anchor:after {
        display: block;
        }
        .w-portfolio-item-meta {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          padding: 60px 30px 30px;
          background-image: linear-gradient(to top, rgba(40,40,40,0.5) 0px, transparent 100%);
          background-repeat: repeat-x;
          z-index: 2;
          }
          .w-portfolio-item-title {
            font-size: 22px;
            line-height: 28px;
            color: #fff;
            text-shadow: 0 1px 1px rgba(0,0,0,0.3);
            }
          .w-portfolio-item-text {
            font-size: 13px;
            line-height: 18px;
            color: #fff;
            margin-top: 4px;
            text-shadow: 0 1px 1px rgba(0,0,0,0.3);
            opacity: 0.75;
            }
      /* hover effect */
      .w-portfolio-item-hover {
        display: none;
        }
      .no-touch .w-portfolio-item-hover {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        font-size: 0;
        text-align: center;
        overflow: hidden;
        z-index: 1;
        -webkit-transition: height 0.3s, font-size 0.3s;
            transition: height 0.3s, font-size 0.3s;
        }
        .no-touch .w-portfolio-item-anchor:hover .w-portfolio-item-hover {
          height: 100%;
          font-size: 40px;
          }
        .no-touch .w-portfolio-item.active .w-portfolio-item-hover {
          display: none;
          }
        .no-touch .w-portfolio-item-hover:before {
          display: block;
          content: '';
          height: 100%;
          width: 100%;
          background-color: rgba(0,0,0,0.75);
          }
        .no-touch .w-portfolio-item-hover i {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -30px 0 0 -30px;
          font-size: inherit;
          line-height: 60px;
          height: 60px;
          width: 60px;
          color: #fff;
          }
    /* portfolio details area */
    .w-portfolio-item-details {
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      height: auto;
      overflow: hidden;
      }
      .w-portfolio-item-details-h {
        max-width: 1260px;
        margin: 0 auto;
        padding: 60px;
        }
        .w-portfolio-item-details-content {
          overflow: hidden;
          }
          .w-portfolio-item-details-content-preview {
            float: left;
            margin-right: 4%;
            width: 66%;
            line-height: 0;
            }
          .w-portfolio-item-details-content-text {
            float: left;
            width: 30%;
            }
        .w-portfolio-item-details-close {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          font-size: 32px;
          text-align: center;
          line-height: 80px;
          height: 80px;
          width: 80px;
          cursor: pointer;
          z-index: 1;
          opacity: 0.3;
          -webkit-transition: background-color 0.3s, opacity 0.3s;
              transition: background-color 0.3s, opacity 0.3s;
          }
        .no-touch .w-portfolio-item-details-close:hover {
          opacity: 1;
          background-color: #f2f2f2; /* variable */
          }
          .w-portfolio-item-details-close:before {
            display: block;
            content: '\2715';
            cursor: pointer;
            }
        .w-portfolio-item-details-arrow {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 80px;
          cursor: pointer;
          z-index: 0;
          opacity: 0.3;
          -webkit-transition: background-color 0.3s, opacity 0.3s;
              transition: background-color 0.3s, opacity 0.3s;
          }
        .no-touch .w-portfolio-item-details-arrow:hover {
          opacity: 1;
          background-color: #f2f2f2; /* variable */
          }
        .w-portfolio-item-details-arrow.disabled {
          cursor: default;
          background-color: transparent;
          opacity: 0.2;
          }
        .w-portfolio-item-details-arrow.to_next {
          left: auto;
          right: 0;
          }
          .w-portfolio-item-details-arrow i {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 44px;
            text-align: center;
            line-height: 50px;
            height: 50px;
            width: 50px;
            margin: -25px 0 0 -25px;
            }
            
            
/* w-preloader */
.w-preloader.type_1:after,
.w-preloader.type_2:after,
.w-preloader.type_2:before,
.w-preloader.type_3:before,
.w-preloader.type_4 .w-preloader-h,
.w-preloader.type_5:before {
  border-width: 0.15em;
  }
.w-preloader.type_6 {
  font-size: 14px;
  }
  

/* w-pricing */
.w-pricing {
  margin-bottom: 40px;
  }
  .w-pricing-item-h {
    margin: 10px 0;
    border-bottom: 1px solid #e8e8e8; /* variable */
    border-left: 1px solid #e8e8e8; /* variable */
    }
  .w-pricing-item:first-child .w-pricing-item-h,
  .w-pricing-item:first-child .w-pricing-item-title,
  .w-pricing-item:first-child .w-pricing-item-price {
    border-left: none;
    }
    .w-pricing-item-header {
      margin-bottom: 20px;
      }
      .w-pricing-item-title {
        padding: 15px 0;
        background-color: #444; /* variable */
        color: #fff;
        }
        .w-pricing-item-title h5 {
          margin: 0 !important;
          }
      .w-pricing-item-price {
        font: 50px/1 'Dosis';
        padding: 20px;
        background-color: rgba(0,0,0,0.04);
        }
        .w-pricing-item-price small {
          display: block;
          font-size: 16px;
          line-height: 20px;
          margin-top: 4px;
          }
    .w-pricing-item .w-pricing-item-features {
      list-style-type: none;
      margin: 0;
      }
      .w-pricing-item .w-pricing-item-features li {
        padding: 5px 30px;
        }
    .w-pricing-item-footer {
      padding: 30px 0;
      }
  .w-pricing-item.type_featured .w-pricing-item-h {
    margin: 0;
    position: relative;
    border-left: none;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    }
    .w-pricing-item.type_featured .w-pricing-item-title {
      border-radius: 5px 5px 0 0;
      padding: 20px 0;
      background-color: #c20; /* variable */
      color: #fff;
      }
    .w-pricing-item.type_featured .w-pricing-item-footer {
      border-radius: 0 0 5px 5px;
      padding-bottom: 40px;
      }
  .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-h {
    border-left: none;
    }
    
/* w-socials */
.w-socials-list {
  margin: 0 -2px;
  }
  .w-socials-item {
    margin: 2px;
    }
    .w-socials-item-link {
      position: relative;
      border-radius: 3px;
      overflow: hidden;
      border: none !important;
      color: #999; /* variable */
      }
      .no-touch .w-socials-item-link:hover {
        color: #fff !important;
        }
      .w-socials-item-link i {
        position: relative;
        }
      .w-socials-item .w-socials-item-link:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 100%;
        -webkit-transition: height 0.3s;
            transition: height 0.3s;
        }
      .no-touch .w-socials-item:hover .w-socials-item-link:before {
        height: 100%;
        }
      /* w-socials icons colors */
      .w-socials-item.rss .w-socials-item-link:before {
        background-color: #ff9702;
        }          
      .w-socials-item.facebook .w-socials-item-link:before {
        background-color: #3b5998;
        }
      .w-socials-item.twitter .w-socials-item-link:before {
        background-color: #00acee;
        }
      .w-socials-item.gplus .w-socials-item-link:before {
        background-color: #c63b1e;
        }
      .w-socials-item.linkedin .w-socials-item-link:before {
        background-color: #0073b2;
        }
      .w-socials-item.youtube .w-socials-item-link:before {
        background-color: #cd332d;
        }
      .w-socials-item.vimeo .w-socials-item-link:before {
        background-color: #20b9eb;
        }
      .w-socials-item.email .w-socials-item-link:before {
        background-color: #697277;
        }
      .w-socials-item.skype .w-socials-item-link:before {
        background-color: #00aff0;
        }
      .w-socials-item.flickr .w-socials-item-link:before {
        background-color: #ff0084;
        }
      .w-socials-item.pinterest .w-socials-item-link:before {
        background-color: #cb2027;
        }
      .w-socials-item.tumblr .w-socials-item-link:before {
        background-color: #2c4762;
        }
      .w-socials-item.blogger .w-socials-item-link:before {
        background-color: #fc9947;
        }
      .w-socials-item.dribbble .w-socials-item-link:before {
        background-color: #ea4c89;
        }
      .w-socials-item.vk .w-socials-item-link:before {
        background-color: #4e7299;
        }
      .w-socials-item.instagram .w-socials-item-link:before {
        background-color: #a17357;
        }  
      .w-socials-item.behance .w-socials-item-link:before {
        background-color: #1769ff;
        }
      .w-socials-item.twitch .w-socials-item-link:before {
        background-color: #6441a5;
        }
      .w-socials-item.xing .w-socials-item-link:before {
        background-color: #026466;
        }
      .w-socials-item.yelp .w-socials-item-link:before {
        background-color: #c41200;
        }  
      .w-socials-item.soundcloud .w-socials-item-link:before {
        background-color: #ff5600;
        }
    .w-socials-item-popup {
      border-radius: 3px;
      }
    .l-header .w-socials-item-popup,
    .l-subfooter.at_bottom .w-socials-item-popup {
      display: none;
      }
    .no-touch .l-main .w-socials-item-popup,
    .no-touch .l-subfooter.at_top + .l-subfooter.at_bottom .w-socials-item-popup {
      display: block;
      }
  /* socials in header */
  .l-header .w-socials {
    float: right;
    margin-left: 6px;
    }
  .no_logo .l-header .w-socials {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
    }
    .l-header .w-socials-item {
      vertical-align: middle;
      vertical-align: -webkit-baseline-middle;
      margin: 0;
      }
      .l-header .w-socials-item-link {
        color: inherit;
        }
  /* socials in footer */
  .l-subfooter.at_bottom .w-socials {
    float: right;
    padding: 5px 0;
    }
    .l-footer .w-socials-item {
      margin: 0;
      }
      .l-footer .w-socials-item-link {
        color: inherit;
        }


/* w-tabs */
.w-tabs {
  text-align: left;
  }
.w-tabs-list {
  background-color: #f2f2f2; /* variable */
  box-shadow: 0 -1px 0 rgba(0,0,0,0.05) inset;
  }
  .w-tabs-item {
    padding: 12px 22px 15px;
    border-top: 3px solid transparent;
    -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }  
    .no-touch .w-tabs-item:hover {
      background-color: rgba(0,0,0,0.03);
      }
    .w-tabs-item.active {
      border-color: #c20; /* variable */
      color: #c20; /* variable */
      }
    .w-tabs-item.active,
    .no-touch .w-tabs-item.active:hover {
      background-color: #fff; /* variable */
      }
    .w-tabs-item-title {
      font-size: 20px;
      font-family: 'Dosis';
      text-transform: uppercase;
      }
    .w-tabs-item-icon,
    .w-tabs-section-icon {
      font-size: 20px;
      line-height: 26px;
      top: 14px;
      left: 20px;
      }
    .w-tabs-section-icon {
      opacity: 0.5;
      -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
      }
    .no-touch .w-tabs-section-title:hover .w-tabs-section-icon,
    .w-tabs-section.active .w-tabs-section-icon {
      opacity: 1;
      }
    .w-tabs-section.with_icon .w-tabs-section-title {
      margin-left: 15px;
      }
.w-tabs-section-content {
  padding: 0;
  }
  .w-tabs-section-content-h {
    padding: 25px 0 1px;
    }
  /* LAYOUT: accordion */
  .w-tabs.layout_accordion {
    border-bottom: 1px solid #e8e8e8; /* variable */
    }
    .w-tabs.layout_accordion .w-tabs-section {
      border-top: 1px solid #e8e8e8; /* variable */
      }
      .w-tabs-section-header {
        padding: 14px 20px;
        -webkit-transition: background-color 0.3s, color 0.3s;
            transition: background-color 0.3s, color 0.3s;
        }
      .no-touch .w-tabs-section-header:hover {
        background-color: #f2f2f2; /* variable */
        }
      .w-tabs-section.active .w-tabs-section-header {
        color: #c20; /* variable */
        }
        .w-tabs-section-title {
          font-size: 20px;
          line-height: 26px;
          }
        .w-tabs-section-control {
          top: 14px;
          right: 20px;
          font-size: 24px;
          line-height: 26px;
          height: 26px;
          width: 26px;
          text-align: center;
          transition: transform 0.3s;
          }
        .w-tabs-section.active .w-tabs-section-control {
          -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
              transform: rotate(180deg);
          }
      .w-tabs.layout_accordion .w-tabs-section-content-h {
        padding: 15px 20px;
        }


/* w-tags */
.w-tags {
  padding-top: 20px;
  }
  .w-tags-title {
    display: inline-block;
    vertical-align: top;
    padding: 3px 0;
    margin-right: 10px;
    }
  .w-tags-item-link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: #f2f2f2; /* variable */
    }
  .no-touch .w-tags-item-link:hover {
    background-color: #8c0; /* variable */
    color: #fff !important;
    }
  .w-tags-item-separator {
    display: none;
    }


/* w-team */
.w-team {
  font-size: 0;
  max-width: none;
  margin: -2px;
  }
  .w-team-member {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
    width: 25%;
    }
    .w-team-member-h {
      position: relative;
      overflow: hidden;
      }
      .w-team-member-image {
        height: 0;
        width: 100%;
        padding-bottom: 100%;
        }
      .w-team-member-meta {
        text-align: center;
        padding: 6%;
        background-color: rgba(0,0,0,0.75);
        }
      .no-touch .w-team-member-meta {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
            transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
        }
        .no-touch .w-team-member:hover .w-team-member-meta {
          -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
              transform: translateY(0);
          }
        .w-team-member-name {
          font-size: 22px;
          margin: 0;
          color: #c20; /* variable */
          }
        .no-touch .w-team-member-name {
          margin-top: 15%;
          }
        .w-team-member-role {
          font-size: 17px;
          line-height: 25px;
          margin: 5px 0 0;
          color: #ccc;
          }
        .w-team-member-links {
          margin-top: 20px;
          }
          .w-team-member-links-item {
            display: inline-block;
            vertical-align: top;
            font-size: 20px;
            border-radius: 50%;
            line-height: 40px;
            height: 40px;
            width: 40px;
            margin: 4px;
            background-color: #fff;
            color: #333;
            }
          .no-touch .w-team-member-links-item:hover {
            background-color: #c20; /* variable */
            color: #fff;
            }


/* w-testimonial */
.w-testimonial blockquote {
  font: inherit;
  text-align: left;
  margin: 0;
  padding: 0;
  background: none;
  border: none !important;
  }
  .w-testimonial-text {
    display: block;
    font-size: 18px !important;
    line-height: 28px;
    padding: 30px 40px;
    border-radius: 5px;
    quotes: none;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.08);
    background-color: #f2f2f2; /* variable */
    }
  .w-testimonial-person {
    padding: 15px 0 0 42px;
    position: relative;
    }
    .w-testimonial-person:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 0;
      left: 40px;
      margin-left: 14px;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid rgba(0,0,0,0.08);
      }
    .w-testimonial-person:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: -1px;
      left: 40px;
      margin-left: 14px;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #f2f2f2; /* variable */
      }
    .w-testimonial-person i {
      font-size: 19px;
      margin-right: 30px;
      opacity: 0.5;
      }
    .w-testimonial-person-name {
      color: #c20; /* variable */
      }
    .w-testimonial-person-meta {
      margin-left: 2px;
      opacity: 0.5;
      }


/* w-toplink */
.w-toplink {
  display: block;
  position: fixed;
  bottom: -50px;
  right: 30px;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  width: 50px;
  border-radius: 5px;
  opacity: 0;
  z-index: 100;
  -webkit-transition: background-color 0.3s, opacity 0.3s, bottom 0.3s;
      transition: background-color 0.3s, opacity 0.3s, bottom 0.3s;
  background-color: #333;
  background-color: rgba(0,0,0,0.3);
  color: #fff;
  }
  .w-toplink.active {
    bottom: 30px;
    opacity: 1;
    }
  .no-touch .w-toplink:hover {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    color: #fff;
    }

    
/* w-video */
.w-video {
  margin-bottom: 30px;
  background-color: rgba(0,0,0,0.04);
  position: relative;
  }
.w-video.align_center {
  margin: 0 auto;
  }
.w-video.align_right {
  margin-left: auto;
  }
.w-video:last-child {
  margin-bottom: 0;
  }
  .w-video:before {
    display: block;
    content: '\f144';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: FontAwesome;
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0.33;
    }
  
  
/* 404 page */
.page-404 {
  text-align: center;
  }
  .page-404 i {
    font-size: 200px;
    opacity: 0.1;
    }

    
/* ====================================
====== WordPress Widgets ==============
==================================== */  

.widget {
  margin-bottom: 45px;
  }
  .g-html .widget ul {
    list-style-type: none;
    margin: 0;
    }

/* Comment Form */
.comment-reply-title {
  font-size: 24px;
  line-height: 34px;
  }
  .comment-reply-title small {
    font-size: 14px;
    margin-left: 10px;
    }
  .no-touch .comment-reply-title a:hover {
    border-bottom: 1px solid;
    }
  p.comment-form-author,
  p.comment-form-email,
  p.comment-form-url {
    margin-bottom: 16px;
    }
  p.form-allowed-tags {
    display: none;
    }
  .comment-form-author,
  .comment-form-email {
    float: left;
    width: 32%;
    margin-right: 2%;
    }
  .comment-form-url {
    float: left;
    width: 32%;
    }
  .comment-form-comment {
    clear: both;
    }
    .w-comments-form p label {
      display: block;
      margin-bottom: 5px;
      }

/* Search Form */
.widget_search form {
  position: relative;
  }
  .widget_search form label {
    display: none;
    }
  .widget_search form input[type="text"] {
    padding: 10px 80px 10px 10px;
    }
  .widget_search form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    line-height: 42px;
    height: 42px;
    width: 70px;
    margin: 0;
    padding: 0;
    border-radius: 0 5px 5px 0;
    }

/* Archives */
.widget.widget_archive ul li {
  line-height: 20px;
  padding: 7px 18px;
  position: relative;
  }
  .widget.widget_archive ul li:before {
    position: absolute;
    top: 8px;
    left: 1px;
    content: '\f105';
    font-size: 18px;
    font-family: FontAwesome;
    opacity: 0.5;
    }

/* Calendar */
#wp-calendar {
  margin: 0;
  width: 100%;
  }
  #wp-calendar caption {
    padding: 8px 20px 2px;
    }
  #wp-calendar thead th,
  #wp-calendar tbody td,
  #wp-calendar tfoot td {
    padding: 0;
    border-top: 1px solid #e8e8e8; /* variable */
    border-bottom: none;
    text-align: center;
    line-height: 32px;
    }
  #wp-calendar thead th {
    font-size: 10px;
    font-weight: normal;
    border-top: none;
    opacity: 0.5;
    }
  #wp-calendar tbody td a {
    display: block;
    font-weight: bold;
    }
  #wp-calendar tbody td#today {
    font-weight: bold;
    }
  #wp-calendar td#prev {
    text-align: left;
    padding-left: 10px;
    }
  .no-touch #wp-calendar tfoot a:hover {
    border-bottom: 1px solid;
    }

/* Categories */
.widget.widget_categories ul li {
  line-height: 20px;
  padding: 7px 18px;
  position: relative;
  }
  .widget.widget_categories .children {
    margin: 8px 0 -8px;
    }
  .widget.widget_categories ul li:before {
    position: absolute;
    top: 8px;
    left: 1px;
    content: '\f105';
    font-size: 18px;
    font-family: FontAwesome;
    opacity: 0.5;
    }

/* Custom Menu */
.widget.widget_nav_menu .menu-item {
  position: relative;
  }
  .widget.widget_nav_menu .menu-item:before {
    position: absolute;
    top: 8px;
    left: 1px;
    content: '\f105';
    font-size: 18px;
    font-family: FontAwesome;
    opacity: 0.5;
    }
  .widget.widget_nav_menu .sub-menu .menu-item:before {
    left: 22px;
    }
  .widget.widget_nav_menu .sub-menu .sub-menu .menu-item:before {
    left: 42px;
    }
  .widget.widget_nav_menu .menu-item a {
    display: block;
    padding: 12px 20px;
    line-height: 20px;
    position: relative;
    border-bottom: 1px solid #e8e8e8; /* variable */
    }
  .no-touch .widget.widget_nav_menu .menu-item a:hover {
    padding: 12px 16px 12px 24px;
    border-bottom: 1px solid #e8e8e8; /* variable */
    }
  .widget.widget_nav_menu .menu-item.current-menu-item > a,
  .widget.widget_nav_menu .menu-item.current-menu-ancestor > a {
    font-weight: bold;
    color: inherit;
    }
  .widget.widget_nav_menu .sub-menu > .menu-item > a {
    padding: 12px 20px 12px 40px;
    }
  .no-touch .widget.widget_nav_menu .sub-menu > .menu-item > a:hover {
    padding: 12px 16px 12px 44px;
    }
  .widget.widget_nav_menu .sub-menu .sub-menu > .menu-item > a {
    padding: 12px 20px 12px 60px;
    }
  .no-touch .widget.widget_nav_menu .sub-menu .sub-menu > .menu-item > a:hover {
    padding: 12px 16px 12px 64px;
    }

/* Meta */
.widget.widget_meta ul {
  list-style-type: disc;
  margin-left: 22px;
  }
  .widget.widget_meta ul li {
    margin-bottom: 8px;
    }

/* Pages */
.widget.widget_pages ul {
  list-style-type: disc;
  margin-left: 22px;
  }
  .widget.widget_pages ul li {
    margin-bottom: 8px;
    }
    .widget.widget_pages .children {
      padding-top: 8px;
      }
      
/* Recent Comments */
.widget.widget_recent_comments .recentcomments {
  position: relative;
  line-height: 22px;
  padding-left: 24px;
  margin-bottom: 14px;
  }
  .widget.widget_recent_comments .recentcomments:before {
    position: absolute;
    top: 1px;
    left: 2px;
    content: '\f075';
    font-size: 13px;
    font-family: FontAwesome;
    opacity: 0.5;
    }

/* Recent Posts */
.widget.widget_recent_entries ul li {
  position: relative;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 18px;
  }
  .widget.widget_recent_entries ul li:last-child {
    margin-bottom: 0;
    }
  .widget.widget_recent_entries ul li span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    }
  .widget.widget_recent_entries ul li:before {
    position: absolute;
    top: 0;
    left: 1px;
    content: '\f105';
    font-size: 18px;
    font-family: FontAwesome;
    opacity: 0.5;
    }

/* RSS */
.widget.widget_rss .widgettitle a {
  padding-left: 28px;
  position: relative;
  }
  .widget.widget_rss .widgettitle a:first-child {
    display: none;
    }
  .widget.widget_rss .widgettitle a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '\f143';
    font-family: FontAwesome;
    }
.widget.widget_rss ul li {
  line-height: 22px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  padding-left: 0;
  }
  .widget.widget_rss ul li span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    opacity: 0.5;
    }
  .widget.widget_rss ul li cite {
    font-size: 14px;
    font-style: normal;
    opacity: 0.5;
    }
  .widget.widget_rss ul li div {
    display: block;
    font-size: 14px;
    padding: 6px 0;
    }

/* Tags */
.widget.widget_tag_cloud .tagcloud a {
  color: #999; /* variable */
  }
  .no-touch .widget.widget_tag_cloud .tagcloud a:hover {
    border-bottom: 1px solid;
    color: #8c0; /* variable */
    }
  .no-touch .l-footer .widget.widget_tag_cloud .tagcloud a:hover {
    color: #fff;
    }

/* WP-captions */
.g-html .wp-caption {
  line-height: 0;
  margin: 0 0 30px;
  max-width: 100%;
  position: relative;
  }
  .g-html .wp-caption-text {
    display: block;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    padding: 5px 10px;
    }
.g-html .wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
  }
.g-html .wp-caption.alignleft {
  float: left;
  margin-right: 30px;
  }
.g-html .wp-caption.alignright {
  float: right;
  margin-left: 30px;
  }
  
.gallery-caption {
  font-size: inherit;
  }
.bypostauthor {
  font-size: inherit;
  }
img#wpstats {
  display: none;
  }
  
  
/* ====================================
====== FOTORAMA =======================
==================================== */

.fotorama__wrap {
  margin: 0 auto;
  }
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: none !important;
  }
  .fotorama__fullscreen-icon {
    font-size: 28px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 60px;
    right: 0;
    top: 0;
    cursor: ne-resize;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    color: #fff;
    }
    .fotorama__fullscreen-icon:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '\f0b2';
      font-family: FontAwesome;
      }
    .fotorama--fullscreen .fotorama__fullscreen-icon:after {
      content: '\f00d';
      }
  .fotorama__arr {
    font-size: 56px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    color: #fff;
    }
  .fotorama__arr--prev {
    left: 0;
    }
  .fotorama__arr--next {
    right: 0;
    }
    .fotorama__arr:after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: '\f104';
      font-family: FontAwesome;
      }
    .fotorama__arr.fotorama__arr--next:after {
      content: '\f105';
      }
  .fotorama__dot {
    opacity: 0.5;
    border-color: inherit;
    }
  .fotorama__thumb-border {
    border-color: #c20; /* variable */
    }
  

/* ====================================
====== Slick Slider ===================
==================================== */
.slick-slider {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      user-select: none;
  touch-action: pan-y;
  }
  .slick-list {
    position: relative;
    overflow: hidden;
    }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
    }
  .slick-slider .slick-list,
  .slick-track,
  .slick-slide,
  .slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .slick-track {
      display: inline-block;
      vertical-align: top;
      position: relative;
      left: 0;
      top: 0;
      }
      .slick-track:before,
      .slick-track:after {
        content: '';
        display: table;
        }
      .slick-track:after {
        clear: both;
        }
    .slick-loading .slick-track {
      visibility: hidden;
      }
      .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
        }
      .slick-initialized .slick-slide {
        display: block;
        }
      .slick-loading .slick-slide {
        visibility: hidden;
        }
        .slick-slide img {
          display: block;
          margin: 0 auto;
          pointer-events: none;
          }
        .slick-slide.slick-loading img {
          display: none;
          }
   /* arrows */
  .slick-prev,
  .slick-next {
    display: none;
    position: absolute;
    top: 50%;
    font-size: 0;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    padding: 0 !important;
    border-radius: 50%;
    background-color: transparent;
    color: inherit;
    }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    cursor: default;
    }
  .slick-prev {
    left: -50px;
    }
  .slick-next {
    right: -50px;
    }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    color: inherit !important;
    opacity: 0.2;
    }
    .no-touch .slick-prev:hover,
    .no-touch .slick-next:hover {
      background-color: #c20; /* variable */
      color: #fff;
      }
    .slick-next:before,
    .slick-prev:before {
      content: '\f105';
      font-family: FontAwesome;
      font-size: 30px;
      line-height: 50px;
      margin: 0 0 0 3px;
      color: inherit;
      }
    .slick-prev:before {
      content: '\f104';
      margin: 0 3px 0 0;
      }
  
  
/* ====================================
====== WPML ===========================
==================================== */
.menu-item-language {
  float: left;
  list-style: none;
  margin-left: 10px;
  }
  

/* ====================================
====== Supersized Slider ==============
==================================== */
.us_supersized {
  height: 100%;
  width: 100%;
  overflow: hidden;
  }
#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  text-indent: -9999px;
  z-index: 0;
  background: url(../img/loader.gif) no-repeat center center;
  }
#supersized {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  z-index: -999;
  }
  #supersized img {
    display: none;
    position: relative;
    height: auto;
    width: auto;
    max-width: none;
    }
  #supersized li {
    display: block;
    list-style: none;
    z-index: -30;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    }
    #supersized a {
      display: block;
      height: 100%;
      width: 100%;
      }
    #supersized li.prevslide {
      z-index: -20;
      }
    #supersized li.activeslide {
      z-index: -10;
      }
    #supersized li.image-loading {
      height: 100%;
      width: 100%;
      background: url(../img/loader.gif) no-repeat center center #fff;
      }
      #supersized li.image-loading img {
        visibility: hidden;
        }
      #supersized li.prevslide img,
      #supersized li.activeslide img {
        display: inline;
        }
#prevslide,
#nextslide {
  display: block;
  position: absolute;
  top: 50%;
  font-size: 20px;
  line-height: 52px;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #fff;
  color: #333;
  }
  #prevslide {
    left: 20px;
    }
  .no-touch #prevslide {
    left: -50px;
    }
    .no-touch .us_supersized:hover #prevslide {
      left: 30px;
      }
  #nextslide {
    right: 20px;
    }
  .no-touch #nextslide {
    right: -50px;
    }
    .no-touch .us_supersized:hover #nextslide {
      right: 30px;
      }
  .no-touch #prevslide:hover,
  .no-touch #nextslide:hover {
    opacity: 1;
    }
.slidecaption {
  display: table;
  height: 100%;
  width: 100%;
  overflow: hidden;
  }
  .slidecaption #slidecaption {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    }

    
/* ====================================
====== Contact Form 7 =================
==================================== */
.wpcf7-form {
  max-width: 450px;
  margin: 0 auto;
  }
  .g-html .wpcf7-form p {
    margin-bottom: 15px;
    }
    span.wpcf7-form-control-wrap {
      display: inline-block;
      width: 100%;
      }
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="password"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="url"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form input[type="number"],
    .wpcf7-form input[type="date"],
    .wpcf7-form textarea,
    .wpcf7-form select {
      margin-top: 5px;
      }
    .wpcf7-form-control.wpcf7-radio,
    .wpcf7-form-control.wpcf7-checkbox {
      display: inline-block;
      padding: 10px 0;
      }
    span.wpcf7-list-item {
      margin: 0 10px;
      }
      span.wpcf7-list-item input[type="checkbox"],
      span.wpcf7-list-item input[type="radio"] {
        margin: 0 2px 0 0;
        }
    div.wpcf7 img.ajax-loader {
      margin-right: -20px;
      }
    div.wpcf7-response-output {
      line-height: 24px;
      margin: 0;
      padding: 8px 16px;
      border-radius: 5px;
      }
    span.wpcf7-not-valid-tip {
      left: auto;
      top: auto;
      right: 5px;
      bottom: 5px;
      width: 220px;
      border-radius: 3px;
      }
      
      
/* ====================================
====== Gravity Forms ==================
==================================== */  
.gform_wrapper h2,
.gform_wrapper h3,
.gform_wrapper h4 {
  margin-bottom: 10px;
  }
.g-html .gform_wrapper img {
  display: inline;
  }
.gform_wrapper ul,
.gform_wrapper li {
  list-style: none !important;
  margin: 0 !important;
  }
.gform_wrapper .gform_heading,
.g-html .gform_wrapper li {
  padding: 0 0 15px;
  text-align: left;
  }
.g-html .gform_wrapper li.gsection {
  padding: 20px 0 10px;
  }
  .g-html .gform_wrapper li.gsection h2 {
    font-size: 24px;
    line-height: 34px;
    }
  .gform_wrapper li:after {
    content: '';
    display: block;
    clear: both;
    }
  .gform_wrapper .gfield_label {
    display: block;
    margin-bottom: 3px;
    font-weight: 600;
    }  
  .gform_wrapper .gfield_required {
    margin-left: 4px;
    }
  .gform_ajax_spinner {
    margin-left: 10px;
    }
  .gform_wrapper .charleft,
  .gform_wrapper .gfield_description {
    font-size: 0.88em;
    line-height: 1.2;
    padding-top: 6px;
    opacity: 0.66;
    }
  .gform_wrapper .description_above .gfield_description {
    padding-top: 0;
    padding-bottom: 8px;
    margin-top: -4px;
    }
  .g-html .gform_wrapper .gfield_radio li,
  .g-html .gform_wrapper .gfield_checkbox li {
    display: block;
    padding: 2px 0 4px 20px;
    }
    .gform_wrapper .gfield_radio input[type="radio"],
    .gform_wrapper .gfield_checkbox input[type="checkbox"] {
      position: absolute;
      margin: 6px 0 0 -20px;
      }
  /* Labels at side */
  .gform_wrapper .left_label .gfield_label,
  .gform_wrapper .right_label .gfield_label {
    float: left;
    padding-right: 15px;
    width: 30%;
    }
  .gform_wrapper .right_label .gfield_label {
    text-align: right;
    }
  .gform_wrapper .left_label .ginput_container,
  .gform_wrapper .right_label .ginput_container {
    float: left;
    width: 70%;
    }
  .gform_wrapper .left_label .gfield_description,
  .gform_wrapper .right_label .gfield_description {
    clear: both;
    margin-left: 30%;
    }
  .gform_wrapper .left_label .gfield_captcha_container,
  .gform_wrapper .right_label .gfield_captcha_container,
  .gform_wrapper .gform_footer.left_label,
  .gform_wrapper .gform_footer.right_label {
    margin-left: 30%;
    }
    
  /* Complex fields */
  .gform_wrapper .ginput_complex .ginput_full {
    display: block;
    clear: both;
    }
  .gform_wrapper .ginput_complex .ginput_left {
    float: left;
    width: 48%;
    }
  .gform_wrapper .ginput_complex .ginput_right {
    float: right;
    width: 48%;
    }
  .gform_wrapper .ginput_complex .name_suffix,
  .gform_wrapper .ginput_complex .name_prefix {
    float: left;
    margin-right: 10px;
    width: 50px;
    }
  .gform_wrapper .ginput_complex .name_first,
  .gform_wrapper .ginput_complex .name_last {
    float: left;
    margin-right: 10px;
    width: 150px;
    }
  .gform_wrapper .ginput_complex input + label,
  .gform_wrapper .ginput_complex select + label {
    display: block;
    font-size: 0.88em;
    line-height: 1.2;
    padding: 4px 0 10px;
    opacity: 0.66;
    }
  .gform_wrapper .gfield_time_hour,
  .gform_wrapper .gfield_time_minute,
  .gform_wrapper .gfield_time_ampm,
  .gform_wrapper .gfield_date_month,
  .gform_wrapper .gfield_date_day,
  .gform_wrapper .gfield_date_year {
    float: left;
    margin-right: 10px;
    width: 70px !important;
    }
  .gform_wrapper .gfield_date_dropdown_month,
  .gform_wrapper .gfield_date_dropdown_day,
  .gform_wrapper .gfield_date_dropdown_year {
    float: left;
    margin-right: 10px;
    width: auto !important;
    }
  .gform_wrapper input.datepicker {
    float: left;
    margin-right: 5px;
    width: 210px;
    }
  .gform_wrapper .simple_captcha_small input {
    width: 100px;
    }
  .gform_wrapper .simple_captcha_medium input {
    width: 150px;
    }
  .gform_wrapper .simple_captcha_large input {
    width: 200px;
    }
  .gform_wrapper table.gfield_list {
    margin: 0;
    width: 100%;
    }
    .gform_wrapper table.gfield_list th,
    .gform_wrapper table.gfield_list td {
      padding: 0 6px 6px 0;
      border-width: 0;
      }
  .gform_confirmation_message {
    font-size: 1.2em;
    color: #5a0;
    }
  .gform_wrapper .validation_error,
  .gfield_error .gfield_checkbox,
  .gfield_error .gfield_radio {
    color: #f00;
    }
  .gfield_error input[type="text"],
  .gfield_error input[type="password"],
  .gfield_error input[type="email"],
  .gfield_error input[type="url"],
  .gfield_error input[type="tel"],
  .gfield_error input[type="number"],
  .gfield_error input[type="date"],
  .gfield_error textarea,
  .gfield_error select {
    border-color: #f00;
    }
    
/* Date Picker */
.ui-datepicker {
  height: auto;
  width: 210px;
  box-shadow: 0 8px 15px rgba(0,0,0,0.1);
  background-color: #fff;
  }
  .ui-datepicker table {
    width: 100%;
    }
  .ui-datepicker-header {
    line-height: 30px;
    min-height: 30px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
    }
  .ui-datepicker-title select {
    height: auto;
    border-radius: 0;
    background: none !important;
    border: none !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
    color: #666;
    }
  .ui-datepicker-prev {
    float: left;
    padding-left: 10px;
    cursor: pointer;
    }
  .ui-datepicker-next {
    float: right;
    padding-right: 10px;
    cursor: pointer;
    }
  .ui-datepicker th {
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    color: #999;
    }
  .ui-datepicker tbody td {
    padding: 0;
    border: none;
    }
  .ui-datepicker td span, 
  .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666;
    }
  .ui-datepicker-calendar .ui-state-hover {
    background-color: #666;
    color: #fff !important;
    }
  .ui-datepicker-calendar .ui-state-active {
    background-color: #FFF2AA;
    color: #333 !important;
    }
  
  
/* ====================================
====== Print Styles ===================
==================================== */
@media print {
.l-header,
.l-footer {
  display: none;
  }
.l-main,
.l-subsection {
  padding: 0 !important;
  }
}


/* ====================================
====== STYLES WEBCOMMUNE ==============
==================================== */

.no-touch .g-html p a:hover { border-bottom: 0; }

/* Titre */

.title { margin-bottom: 50px; text-align: center; position: relative; width: 100%; }
#accueil .title { margin-bottom: 0px; }

span.left {
  background: #1eb3b9;
  height: 8px;
  top: 20px;
  left: 0;
  position: absolute;
  width: 50%;
  z-index: 1;
}

span.right {
  background: #1eb3b9;
  height: 8px;
  top: 78px;
  right: 0;
  position: absolute;
  width: 50%;
  z-index: 1;
}
.home-title span.left { background: #fff; height: 10px; top: 35px; }
.home-title span.right { background: #fff; height: 10px; top: 107px; }

h2 {
  display: inline-block;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 2;
}

h3 {
  background: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 2;
}
.home-title .title-bottom { margin-top: 0px; }
.title-bottom { margin-top: -30px; }
.color_alternate h3 { background: #1eb3b9; }
.color_alternate span.left, .color_alternate span.right { background: #fff; }

/* Header */

.l-header .w-nav {
  display: block;
  margin: 0 auto;
  width: 740px;
}

.l-header .w-nav-item { line-height: 60px; }

#wng_logo { display: block; }

.l-subsection.color_dark::after { background-color: rgba(0, 0, 0, 0.1); }

/* Notre solution */

#notre-solution ul { padding: 0px 0px 125px 110px; position: relative; }
#notre-solution ul li { 
  background: url(../img/picto_vu.png) no-repeat left top;
  font-size: 20px;
  list-style-type: none;
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
  min-height: 35px;
  padding-top: 5px;
  z-index: 2;
}

#notre-solution img { margin: -200px 0px 40px 0px; }

/* Vos besoins */

    
#vos-besoins ul { padding-left: 110px; }
#vos-besoins ul li { 
  background: url(../img/picto_vu.png) no-repeat left top;
  height: auto;
  list-style-type: none;
  margin-bottom: 30px;
  font-size: 20px;
  padding-left: 60px;
  min-height: 35px;
  padding-top: 5px;
}

#vos-besoins img { display: block; margin: 10px auto 40px; }

#vos-besoins .color_alternate .g-hr-h:before, #vos-besoins .color_alternate .g-hr-h:after, #vos-besoins .color_alternate .g-btn.color_default, #vos-besoins .color_alternate .w-icon.color_border.with_circle .w-icon-link {
  background-color: #157d81;
}

.reference-desc { margin: 30px auto; width: 70%; }

/* Footer */

.no-touch .l-footer a:hover { border-bottom: 0; }
.w-copyright { float: none !important; }

.gform_wrapper { width: 100%; }
.gfield { float: left; width: 558px; }
.gform_wrapper ul li.gfield { clear: none !important; }
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 90% !important; }
.gform_wrapper #field_1_2 { width: 100%; }
.gform_heading { margin: 0px !important; padding: 0px !important; }
.gform_heading h3 { display: none; }
.gform_wrapper { margin: 0px !important; }
.gform_footer { padding-bottom: 0px !important; }
.gform_confirmation_message { color: #fff; text-align: center; }