/*
Theme Name: Untha
Description: Тема официального сайта Untha.com
Author: Эффективный сайт
Author URI: http://www.analizsaita.ru
*/

/*Custom css*/

    
@charset "UTF-8";
/*!
 * @file
 * @group orwak
 * @author Hampus Nordin
 *
 * Main styling for orwak theme.
 *
 * Version: 0.5.3
 * Latest built: Tue Dec 22 2015 15:02:29 GMT+0100 (CET)
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/**
 * @file
 * @group Base
 * Sass Partial: _variables.scss
 * 
 * Contains various variables such as colors and sizes.
 */
/**
 * @file
 * @group Base
 * Sass Partial: _base.scss
 * 
 * Contains styling for base elements.
 *
 * 1. 
 * 2. 
 */
html, body {
  background: #fff;
  margin: 0;
  padding: 0; }

body {
  color: #333;
  font: 300 16px/1.4 "Roboto", sans-serif; }

h1, h2, h3, h4 {
  color: #333;
  font-weight: 900;
  font-family: "Roboto-Black"; }
h1>a, h2>a, h3>a, h4>a {
  color: #444;}
h1>a:hover, h2>a:hover, h3>a:hover, h4>a:hover {
  color: #ff5218;}


h1, h2 {
  font-weight: 900;
  text-transform: uppercase; }

h1{
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  font-size: 3rem;
  color: #444;
}

h2 {
  margin-top: 4rem;
  margin-bottom: 2.5rem;
  font-size: 2rem;
  color: #777; 
 }

h3 {
  font-weight: 700; 
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  color: #444;
}

h4 {
  font-weight: 700; 
  color: #f95000; 
}

a {
  color: #ff5218; }

a:hover {
  color: #333; }

img, video {
  height: auto;
  max-width: 100%; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

/**
 * @file
 * @group Misc
 * Sass Partial: misc/_a11y.scss
 * 
 * Contains accessability styles.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 2. Base
 ******************/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

/**
 * @file
 * @group Misc
 * Sass Partial: misc/_helpers.scss
 * 
 * Contains helper styles.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 2. Base
 ******************/
.hidden {
  display: none !important;
  visibility: hidden !important; }

/**
 * @file
 * @group Misc
 * Sass Partial: misc/_mixins.scss
 * 
 * Contains mixins
 */
/**
 * @file
 * @group Misc
 * Sass Partial: misc/_shame.scss
 * 
 * Contains styling fixes/"hacks".
 */
.page-header__search .search-label,
.page-header .main-nav,
.main-menu li,
.promotional-articles .article,
.big-articles-wrapper > div {
  min-width: 1px; }

/**
 * @file
 * @group Structure
 * Sass Partial: structure/_header.scss
 * 
 * Contains styling for the page header.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Search - Styling for the search form
 * 4. Navigation - Main navigation
 * 4.1. Main Menu - The main menu
 * 4.2. Toolbox - Contains search and language switcher
 * 5. Page header extra -  
 * 6. Mobile header -  
 * 7. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.page-header {
  margin: 0 0em; }
  .page-header a {
    color: #333; }
  .page-header .main-nav {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.page-header__search,
.page-header__nav {
  background-color: #f8f8f8; }

/*
 * 3. Search
 ******************/
.page-header__search {
  border-bottom: 1px solid #2e3235;
  font-size: 1em;
  padding: 1em; 
}
.js .page-header__search {
display: none;
}
  .page-header__search form {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .page-header__search .search-label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .page-header__search .search-field,
  .page-header__search .search-submit {
    background: #41434c;
    border: 1px solid #36373e;
    color: #fff;
    font-size: inherit;
    padding: 0.5em 1em; }
  .page-header__search .search-field {
    max-width: 100%;
    width: 100%; }
  .page-header__search .search-submit {
    cursor: pointer;
    margin-left: 0.5em; }
  .page-header__search .search-field:focus,
  .page-header__search .search-submit:focus,
  .page-header__search .search-submit:hover {
    background: #595c68; }

/*
 * 4. Navigation
 ******************/
.page-header__nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333; }

/*
 * 4.1. Main menu
 ******************/
.main-menu {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center; }
  .main-menu li, .main-menu a {
    height: inherit; }
  .main-menu li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .main-menu li:first-child a {
      border-left: 0; }
  .main-menu li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    border-left: 1px solid #ccc;
    font-weight: 700;
    line-height: 1.3;
    padding: 0.2em 0.3em;
    text-decoration: none;
    text-transform: uppercase; }
    @media screen and (max-width: 1200px) {
      .main-menu li a {
        font-size: 0.8em; } }
    .main-menu li a span {
      display: block;
      width: 100%; }
  .main-menu .current-menu-item a,
  .main-menu .current-menu-ancestor a,
  .main-menu a:hover {
    background: #ddd;
    color: #333; }
  .main-menu .menu-item-home a {
    background: #d74919 url(http://orwak.ru/wp-content/uploads/2017/04/orwak-logo-white.svg) no-repeat center center;
    background-size: 80% auto;
    overflow: hidden;
    text-indent: -25em; }

/*
 * 4.2. Toolbox
 ******************/
.toolbox,
.language-switcher ul {
  width: 80px; }

.language-switcher {
  position: relative;
  z-index: 10; }
  .language-switcher ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute; }
  .language-switcher:hover ul {
    display: block; }

.search-link,
.lang {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #f8f8f8;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center; }
  .search-link:hover,
  .lang:hover {
    background: #ddd; }

.search-link.is-active {
  color: #666; }

.lang {
  border-top: 1px solid #ccc; }

/*
 * 5. Page header extra
 **************************/
.page-header__extra {
  color: #fff;
  font-size: 0.8em; }
  .page-header__extra p {
    margin: 0.2em 0; }
  .page-header__extra a {
    color: inherit;
    text-decoration: none; }

/*
 * 6. Mobile header
 ********************/
.mobile-header {
  display: none;
  margin: 0 1em; }

.mobile-home,
.mobile-nav-toggler {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2em;
  padding: 1em 0.5em; }

.mobile-home {
  background: #d74919 url("/wp-content/uploads/2017/04/orwak-logo-white.svg") no-repeat center center;
  background-size: 80% auto;
  overflow: hidden; }

.mobile-nav-toggler {
  background: #eee;
  border: 0;
  margin: 0;
  text-transform: uppercase; }

/*
 * 7. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .page-header-wrapper {
    position: absolute;
    width: 100%;
    z-index: 6; }
  .page-header {
    display: none;
    margin-left: 1em;
    margin-right: 1em; 
    }
  .page-header__nav {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; 
    }
  .toolbox {
    width: auto; 
    }
    .toolbox .search-link,
    .toolbox .language-switcher {
      width: 50%; 
    }
    .toolbox .search-link {
      float: left; 
    }
    .toolbox .language-switcher {
      float: right; 
    }
      .toolbox .language-switcher ul {
        display: none;
        width: 100%; 
    }
    .toolbox .current-lang {
      border-top: 0; 
    }
  .page-header__extra {
    background: #1e1f23;
    padding: 0.5em;
    text-align: center; 
    }
  .main-menu {
    display: block;
    height: auto; 
    }
    .main-menu .home {
      display: none; 
    }
    .main-menu a {
      border-left: 0;
      border-bottom: 1px solid #2a2b31;
      font-size: 1em;
      padding: 0.8em 0.2em; 
    }
    .main-menu li:last-child a {
      border-bottom: 0; 
    }
  .mobile-header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; 
    } 
    .main-menu .menu-item-home {
        display: none;
    }
}

/**
 * @file
 * @group Structure
 * Sass Partial: structure/_content.scss
 * 
 * Contains styling for content.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Main - Main column/content
 * 4. Aside - Sidebar related
 * 5. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding:  0;
  background-color: #fff;
  /*background-image: -webkit-linear-gradient(#fff 0px, #f8f8f8 300px);
  background-image: linear-gradient(#fff 0px, #f8f8f8 300px);*/
  position: relative; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

.page-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 0; }
  .page-content::after {
    clear: both;
    content: "";
    display: table; }

.page-main {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 74.46809%; }
  .page-main:last-child {
    margin-right: 0; }

.page-aside {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 23.40426%; }
  .page-aside:last-child {
    margin-right: 0; }

/*
 * 3. Main
 ******************/
.main-image {
  margin-bottom: 2em; }

.entry-content {
  font-size: 1rem; }

.single-news__title {
  margin-bottom: 0.3em; }

.read-more {
    font-weight: 700;
    font-family: "Roboto-Light";
    text-decoration: underline;
    float: right;
    position: relative;}

/*
 * 4. Aside
 ******************/
/*
 * 5. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .page-content {
    padding: 5em 1em 1em; }
  .page-main,
  .page-aside {
    float: left;
    display: block;
    margin-right: 6.66667%;
    width: 100%; }
    .page-main:last-child,
    .page-aside:last-child {
      margin-right: 0; }
  .page-main {
    margin-bottom: 1em; } }

/**
 * @file
 * @group Structure
 * Sass Partial: structure/_footer.scss
 * 
 * Contains styling for the page footer.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Contact - Text column styling.
 * 4. Events - List of events
 * 5. Navigation - Main navigation (First level)
 * 6. News - List of the latest news.
 * 7. Copyright - The copyright line below the site footer.
 * 8. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.page-footer {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 2px #f95000 solid;
  background: #f8f8f8 url("/wp-content/uploads/2017/04/footer-map.png") no-repeat 90% 50%;
  color: #707074;
  padding: 2em 2em 2em 4em; }
  .page-footer .column {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 1em; }
    .page-footer .column:first-child {
      margin-left: 0; }
  .page-footer a {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #707074;
    text-decoration: none; }
    .page-footer a:hover {
      color: #f9c000; }

.mobile-column {
  display: none; }

.footer-heading {
  border-bottom: 5px solid #d74919;
  color: #fff; }
  .footer-heading span {
    background: #d74919;
    display: block;
    padding: 0.5em 1em; }

/*
 * 3. Contact
 ******************/
.page-footer .contact-column {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.contact-column .footer-heading {
  border-color: transparent;
  color: #707074;
  text-transform: uppercase; }
  .contact-column .footer-heading span {
    background-color: transparent;
    padding-left: 0; }

/*
 * 4. Events
 ******************/
.events-column li {
  margin-bottom: 1em; }

.page-footer .event-title {
  margin: 0; }

.page-footer .event-excerpt p {
  margin: 0 0 0.3em; }

/*
 * 5. Navigation
 ******************/
/*
 * 6. News
 ******************/
.news-column {
  -webkit-box-flex: 1.5;
  -moz-box-flex: 1.5;
  box-flex: 1.5;
  -webkit-flex: 1.5;
  -moz-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5; }
  .news-column li {
    margin-bottom: 1em; }

.news-column .footer-heading span {
  display: inline-block;
  min-width: 7em;
  max-width: 100%; }

.page-footer .news-image {
  float: left;
  margin-right: 0.5em;
  min-height: 2em;
  width: 5em; }

.page-footer .news-title,
.page-footer .news-excerpt {
  overflow: hidden; }

.page-footer .news-title {
  margin: 0;
  text-transform: uppercase; }
  .page-footer .news-title a {
    color: #d74919;
    text-decoration: none; }

.page-footer .news-excerpt {
  color: #fff;
  font-weight: 700; }
  .page-footer .news-excerpt p {
    margin: 0 0 0.5em; }

/*
 * 7. Copyright
 ******************/
.site-copyright {
  color: #707074;
  padding: 1.5em 2em; }

.social-media-link-list {
  display: inline-block;
  margin: 0 1em 0 0; }
  body .social-media-link-list > li {
    display: inline-block; }

.social-media-link {
  color: #fff;
  padding: 6px 10px;
  text-decoration: none; }

.scroll-top-link {
  color: #d74919;
  float: right;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase; }

/*
 * 8. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .page-footer {
    display: block;
    background-image: none;
    padding: 1em; }
    .page-footer .column {
      margin-left: 0;
      margin-top: 2em; }
      .page-footer .column:first-child {
        margin-top: 0; }
  .mobile-column {
    display: block; }
  .events-column,
  .navigation-column,
  .news-column {
    display: none; }
  .site-copyright {
    text-align: center; }
    .site-copyright .scroll-top-link {
      display: none; }
  .social-media-link-list {
    display: block;
    margin-bottom: 1em;
    margin-right: 0; } }

/**
 * @file
 * @group Modules
 * Sass Partial: layouts/_contact-page.scss
 * 
 * Contains styling for the contact page.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Aside - Sidebar related styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.contact-information {
  margin-bottom: 1em; }

.contact-address h3 img {
  margin-right: 0.3em; }

.contact-content .gform_wrapper {
  max-width: 100%; }
  .contact-content .gform_wrapper form .gfield {
    margin-bottom: 0.5em; }
  .contact-content .gform_wrapper form .gfield_label {
    margin: 0; }
  .contact-content .gform_wrapper form .gfield_required {
    color: #fff; }
  .contact-content .gform_wrapper input,
  .contact-content .gform_wrapper textarea,
  .contact-content .gform_wrapper select {
    background: #2a2b31;
    border: 1px solid #41434c;
    color: #fff; }
  .contact-content .gform_wrapper select {
    border-radius: 0;
    height: 1.9em;
    margin-bottom: 0; }
  .contact-content .gform_wrapper input[type="submit"],
  .contact-content .gform_wrapper button {
    cursor: pointer;
    padding: 0.5em 0.8em; }

.wpcf7-form-control-wrap input, textarea, .wpcf7-form-control {
    background: #ddd;
    border: 1px solid #ccc;
    color: #333;
    padding: 5px;
}
.wpcf7-form-control.wpcf7-submit{
    background: #333;
    padding: 15px;
    color: #fff;
}

/*
 * 3. Contact persons list
 ******************************/
.contact-persons {
  margin: 1.5em 0; }
  .contact-persons::after {
    clear: both;
    content: "";
    display: table; }

.contact-persons-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 70%; }

.contact-persons-map {
  float: right;
  width: 30%; }

.contact-person {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 30%;
  -moz-flex: 1 0 30%;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  margin-bottom: 1.5em;
  margin-right: 1em; }

.contact-person-inner {
  font-size: 0.9em; }

.contact-person__image,
.contact-person__name,
.contact-person__phone,
.contact-person__email,
.contact-person__extra {
  margin: 0 0 0.1em; }

.contact-person__image img {
  max-width: 100%; }

.contact-person__name {
  margin-bottom: 0.4em;
  text-transform: uppercase; }

/*
 * 4. Responsive
 ******************************/
@media screen and (max-width: 768px) {
  .contact-persons-list,
  .contact-persons-map {
    float: none;
    width: auto; }
  .contact-persons-map img {
    max-height: 500px; } }

/**
 * @file
 * @group Layouts
 * Sass Partial: layouts/_events-archive.scss
 * 
 * Contains styling for events archive.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling such as columns
 * 3. Navigation - The navigational list
 * 4. Content - The actual events content
 * 5. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 **************************/
.events {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5em; }
  .events::after {
    clear: both;
    content: "";
    display: table; }

.events-nav {
  display: none; }
  .js .events-nav {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    .js .events-nav:last-child {
      margin-right: 0; }

.js .events-content {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 65.95745%; }
  .js .events-content:last-child {
    margin-right: 0; }

/*
 * 3. Navigation
 **************************/
.events-prev-next-month-links {
  margin-top: 0.5em; }
  .events-prev-next-month-links::after {
    clear: both;
    content: "";
    display: table; }
  .events-prev-next-month-links .prev {
    float: left; }
  .events-prev-next-month-links .next {
    float: right; }

.events-nav__heading {
  background: #d74919;
  margin: 0;
  padding: 0.5em 1em; }

.events-nav__list {
  margin: 0; }

.event-nav-item {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  background: #3e3e40;
  border-bottom: 1px solid #313133;
  padding: 1em;
  position: relative; }
  .event-nav-item:last-child {
    border-bottom: 0; }
  .event-nav-item.current:after {
    background: #3e3e40;
    content: '';
    display: block;
    height: 0.5em;
    left: 100%;
    position: absolute;
    top: 44%;
    width: 1.5em; }

.event-nav-item__date {
  color: #57575a;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1;
  width: 1.4em;
  position: relative;
  top: -0.15em; }
  .current .event-nav-item__date {
    color: #d74919; }

.event-nav-item__content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.event-nav-item__title,
.event-nav-item__content p {
  margin: 0; }

.event-nav-item__title {
  font-size: 1em;
  text-transform: uppercase; }

.event-nav-item__location,
.event-nav-item__more-link {
  font-size: 0.9em; }

.event-nav-item__more-link a {
  text-decoration: none; }
  .current .event-nav-item__more-link a {
    color: #d74919; }

/*
 * 4. Content
 **************************/
.event {
  background: #3e3e40;
  margin-bottom: 1em;
  padding: 2em; }

.event__title {
  margin: 0; }

.event__content p {
  margin-top: 0; }

/*
 * 5. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .js .events-nav,
  .js .events-content {
    float: left;
    display: block;
    margin-right: 6.66667%;
    width: 100%;
    margin-bottom: 1em; }
    .js .events-nav:last-child,
    .js .events-content:last-child {
      margin-right: 0; }
  .event-nav-item.current:after {
    display: none; }
  .event {
    padding: 1em; }
  .events-nav__list {
    position: relative; }
    .events-nav__list:after {
      background: #3e3e40;
      bottom: -1em;
      content: "";
      display: block;
      height: 1em;
      left: 49%;
      position: absolute;
      width: 2%; } }

/**
 * @file
 * @group Modules
 * Sass Partial: layouts/_front-page.scss
 * 
 * Contains styling for the front page.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Content - 
 * 4. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Header
 ******************/
.home .page-header-wrapper {
  position: relative;
  width: 100%;
  z-index: 6; }

/*
 * 3. Content
 ******************/
.home .page-content {
  padding: 0; }

.home .slideshow {
  margin-bottom: 0.5em; }
  .home .slideshow .slide {
    min-height: 30em; }
  .home .slideshow video {
    vertical-align: middle; }
  .home .slideshow .slide-inner {
    bottom: 0;
    padding: 2em;
    position: absolute;
    width: 100%; }
    .home .slideshow .slide-inner.text-align--right {
      text-align: right; }
  .home .slideshow h2, .home .slideshow h3 {
    line-height: 1;
    margin: 0; }
  .home .slideshow h2 {
    color: #f9c000;
    font-size: 4em; }
  .home .slideshow h3 {
    font-size: 2em;
    margin-left: 1em;
    text-transform: uppercase; }
  .home .slideshow .slide-content {
    font-size: 1.3em;
    font-style: italic;
    margin-left: 6em; }
    
 
    
    .kenburns {
		-webkit-animation: burnsIn 16s ease infinite alternate;
		-moz-animation: burnsIn 16s ease infinite alternate;
		animation: burnsIn 16s ease infinite alternate;
	}
	.kenburns .slide-content   {
		-webkit-animation: none !important;
		-moz-animation: none  !important;
		animation: none  !important;
		position: relative;
	}
    .kenburns .slide-inner {    
		-webkit-animation: burnsOut 16s ease infinite alternate  !important;
		animation: burnsOut 16s ease infinite alternate  !important; 
		-moz-animation: burnsOut 16s ease infinite alternate  !important;
		position: relative !important;
		padding-top: 22% !important;
    }
    .home .slideshow .kenburns video {
	    position: absolute;
	    top: 0;
	    left: 0;   
	    height: 100%;
	    -webkit-animation: burnsIn 16s ease infinite alternate;
		-moz-animation: burnsIn 16s ease infinite alternate;
		animation: burnsIn 16s ease infinite alternate;
    }

@-webkit-keyframes burnsIn {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
	}
}

@-webkit-keyframes burnsOut {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}
}

@-moz-keyframes burnsIn {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
	}
}

@-moz-keyframes burnsOut {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}
}

@keyframes burnsIn {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
	}
}

@keyframes burnsOut {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}
	to {
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}
}
    

/*
 * 4. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .home .slideshow {
    margin-bottom: 0; }
    .home .slideshow .slide {
      min-height: inherit; }
    .home .slideshow .video {
      display: none; }
    .home .slideshow .slide-inner {
      padding: 8em 1em 3em;
      position: static; }
    .home .slideshow h2 {
      font-size: 35px; }
    .home .slideshow h3 {
      font-size: 2em;
      margin: 0; }
    .home .slideshow .slide-content {
      display: none; } }

/**
 * @file
 * @group Layouts
 * Sass Partial: layouts/_news-archive.scss
 * 
 * Contains styling for news archive.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 **************************/
.news-archive-list {
  margin-top: 2.5em; }

.news-article {
  background: #f8f8f8;
  margin-bottom: 1em;
  padding: 2rem 3rem;
  position: relative; }
  .js .news-article {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.5; }
    .js .news-article.expanded {
      opacity: 1; }

.news-article__inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.news-article__image {
  margin-right: 3em;
  width: 20em; }
.news-article__image img {
    height: 187px;
}

.news-article__content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .news-article__content > *:first-child {
    margin-top: 0; }

.news-article__title {
    margin: 1rem 0 2.5rem;
    padding-right: 1.5em;
    text-transform: none;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: 'Roboto-Bold';
}
  .news-article__title a {
    text-decoration: none; }

.news-article__meta {
  font-size: 0.9em;
  margin-top: 1.5em; }
  .news-article__meta span {
    display: inline-block; }
  .news-article__meta .date {
    margin-right: 1em; 
    color: #777;
  }
  .news-article__meta .author {
    float: right; }

.news-article__toggle-control {
  font-size: 1.5em;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0; }
  .no-js .news-article__toggle-control {
    display: none; }

/*
 * 3. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .news-article__title {
    font-size: 1.3em;
    padding-right: 2em; }
  .news-article__inner {
    display: block; }
  .news-article__image {
    margin-bottom: 1em;
    margin-right: 0;
    width: auto; } }

/**
 * @file
 * @group Modules
 * Sass Partial: layouts/_page.scss
 * 
 * Contains styling for the front page.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Aside - Sidebar related styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.main-image img {
  vertical-align: middle; }

.page-extras::after {
  clear: both;
  content: "";
  display: table; }

.page-extras__section {
  float: right;
  margin-left: 0.2em;
  position: relative; }
  .page-extras__section .page-extras__section-heading {
    padding: 0.2em 0.8em; }
    .page-extras__section .page-extras__section-heading .icon {
      display: none; }
  .page-extras__section ul {
    background: #4b4b4d;
    display: none;
    margin: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    min-width: 10em;
    z-index: 10; }
  .page-extras__section li {
    margin-bottom: 0.5em; }
  .page-extras__section a {
    text-decoration: none; }
  .page-extras__section:hover ul {
    display: block; }

/*
 * 3. Aside
 ******************/
.aside-item {
  margin-bottom: 1em; }

/*
 * 4. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .page-extras .page-extras__section ul {
    display: none; }
  .page-extras__section .page-extras__section-heading {
    padding-right: 0.4em; }
    .page-extras__section .page-extras__section-heading .icon {
      display: inline-block; } }

/**
 * @file
 * @group Layouts
 * Sass Partial: layouts/_product-list-page.scss
 * 
 * Contains styling for the product list page.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Product list
 * 4. Product category list
 * 5. Responsive
 * 6. Touch
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 **************************/
.specification-summary {
  border-bottom: 1px solid #3e3e40;
  border-top: 1px solid #3e3e40;
  margin: 0.5em 0;
  padding: 0.5em 0; }
  .specification-summary p {
    margin: 0; }

.product-item {
    margin-bottom: 1em;
    padding: 2.5rem 3rem 1rem;
    background: #fff;
    border: 1px solid #ddd;
    min-height: 210px;
    font-weight: 400;
    color: #000;
}

.product-item:hover {
  cursor: pointer;
  box-shadow: 7px 11px 8px 2px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.3s ease;;
  -moz-transition: all 0.3s ease;;
  -o-transition: all 0.3s ease;;
  transition: all 0.3s ease;
}
.product-item::after {
    clear: both;
    content: "";
    display: table; }

.product-item a{
  text-decoration: none;
  color: inherit;
}

.product-item__image {
  padding: 2rem 3rem;
  min-width:  200px;
}
.product-item__image.cat-image>img{
  max-height: 250px;
}
.product-item__image>img{
  max-height: 350px;
}

.product-item__title,
.product-item__content {
  overflow: hidden; 
  display: inline-block;
  align-self: flex-end;
}

.product-item__title {
  margin: 1.5rem 0 1.6rem;
  font-weight: 900;
  font-size: 2.5rem;
  line-height: 2.5rem;
  width: 100%;
  text-transform: uppercase; }

  .product-item__title a {
    color: #333;
    text-decoration: none; }

.product-item__content p {
  margin: 0 2rem 0.5em; 
  font-family: "Roboto-Light";
}

.product-item__content b {
  font-weight: 600;
  color:  #000;}

.product-item__content {
  color:  #444;}

/*
 * 3. Product list
 ******************************/
.product-item__media::after {
  clear: both;
  content: "";
  display: table; }

.product-item__media .btn {
  background: #57575a;
  padding: 0.5em 1em; }

.product-item__media-section {
  float: left;
  margin-right: 0.2em; }
  .product-item__media-section:hover ul {
    display: block; }
  .product-item__media-section ul {
    background: #4b4b4d;
    display: none;
    margin: 0;
    min-width: 10em;
    padding: 1em;
    position: absolute;
    z-index: 10; }
  .product-item__media-section a {
    text-decoration: none; }

/*
 * 4. Product category list
 ******************************/

.product-list--products{
  margin-top: 3.5rem;
}

.product-list--products .product-item {
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 2.5rem;
  padding: 2em; }

.product-list--products .product-item__image {
   }

.product-list--products .product-item__title {
  color: #f75d2a;
  font-size: 2em; }
  .product-list--products .product-item__title span {
    color: #333; }

.product-list>a{
  text-decoration: none;
}

.list a.product-list-link-over{
  display: block;
  text-decoration: none;
  color: #333;
}

p.pseudolink{
  text-decoration: underline;
  color: #d74919;
  float: right;
  margin-top: 1.5rem;
  padding-bottom: 1rem;
}

/*
 * 5. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .product-item__image {
    float: right;
    margin-left: 1em;
    margin-right: 0; }
  .product-item__title,
  .product-item__content {
    overflow: inherit; }
  .product-list--products .product-item__image {
    float: none;
    margin-bottom: 1em;
    margin-left: 0;
    text-align: center;
    width: 100%; }
  .product-list--products .product-item__title {
    font-size: 1.5em;
    margin-bottom: 0.2em; } }

/*
 * 6. Touch
 ***************/
.touch .product-item__media-section {
  float: none;
  margin-top: 1em;
  margin-right: 0; }
  .touch .product-item__media-section ul {
    display: block;
    position: static; }
  .touch .product-item__media-section a {
    display: block;
    padding: 0.25em; }

.order-supply-link {
  background-color: #d74918;
  display: inline-block;
  font-weight: bold;
  padding: .5em 1em;
  text-decoration: none; }

.page-template-page-order-supply-form .page-main {
  background-color: #fff;
  color: #333;
  padding: 1em; }
  .page-template-page-order-supply-form .page-main .orwak-title.has-sub-title small {
    color: #000;
    font-weight: 300;
    margin-top: .4em;
    position: static; }
  .page-template-page-order-supply-form .page-main .supplies-order-form {
    border: 1px solid #000;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000; }
    .page-template-page-order-supply-form .page-main .supplies-order-form .validation_error {
      width: 100%; }
    .page-template-page-order-supply-form .page-main .supplies-order-form .gfield {
      border-top: 1px solid #000;
      margin: 0;
      padding: 0; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gfield_error {
        margin: 0;
        padding: 0;
        width: 100% !important; }
        .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gfield_error.gf_left_half, .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gfield_error.gf_right_half {
          margin: 0;
          padding: 0;
          width: 50% !important; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gsection {
        border-bottom: 0;
        margin: 0;
        padding: 0 3px !important;
        width: 100%; }
        .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gsection h2 {
          font-size: 1em; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield label {
        font-size: .8em;
        margin: 0;
        padding-left: 3px; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield input[type=text] {
        border: 0;
        font-size: .8em;
        margin-bottom: 1px;
        margin-top: -3px;
        padding: 3px 0; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield .ginput_container {
        margin: 0; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gf_left_half {
        border-right: 1px solid #000;
        margin-bottom: 0;
        margin-right: 0;
        width: 50%; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.gf_right_half {
        margin-bottom: 0;
        width: 50%; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.supplies-order-form-product-list-populate {
        background-color: #000;
        color: #fff; }
        .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.supplies-order-form-product-list-populate::after {
          clear: both;
          content: "";
          display: table; }
        .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.supplies-order-form-product-list-populate .gfield_label {
          color: #f9c000;
          float: left;
          margin-right: 5px;
          margin-top: 6px;
          text-transform: uppercase; }
        .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.supplies-order-form-product-list-populate .ginput_container {
          float: left;
          width: 40%; }
          .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.supplies-order-form-product-list-populate .ginput_container select {
            margin-bottom: 1px;
            width: 100%; }
        .page-template-page-order-supply-form .page-main .supplies-order-form .gfield.supplies-order-form-product-list-populate .gfield_description {
          color: #fff;
          font-size: .8em;
          padding: 0 .2em; }
    .page-template-page-order-supply-form .page-main .supplies-order-form .gform_footer {
      margin: 0; }
      .page-template-page-order-supply-form .page-main .supplies-order-form .gform_footer input[type=submit] {
        background-color: #eee;
        border: 0;
        color: #d74919;
        cursor: pointer;
        font-weight: bold;
        margin-left: .7em;
        padding: .5em 2em; }
  .page-template-page-order-supply-form .page-main .gfield_html {
    max-width: 100%; }
    .page-template-page-order-supply-form .page-main .gfield_html #supplies-table {
      background-color: #e1deda;
      border-collapse: collapse;
      font-size: .8em;
      width: 100%; }
      .page-template-page-order-supply-form .page-main .gfield_html #supplies-table tr td {
        padding: 5px; }
        .page-template-page-order-supply-form .page-main .gfield_html #supplies-table tr td input {
          border: 1px solid #000;
          padding: 4px; }
        .page-template-page-order-supply-form .page-main .gfield_html #supplies-table tr td label {
          font-size: 1em; }
        .page-template-page-order-supply-form .page-main .gfield_html #supplies-table tr td h3 {
          font-weight: bold;
          margin: 0; }
      .page-template-page-order-supply-form .page-main .gfield_html #supplies-table tr.first td {
        border-bottom: 1px solid #fff; }
      .page-template-page-order-supply-form .page-main .gfield_html #supplies-table tr.second td {
        border-bottom: 1px solid #000; }
    .page-template-page-order-supply-form .page-main .gfield_html p.price-description {
      color: #555;
      font-size: 1em;
      padding: 0 .5em; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_big-articles.scss
 * 
 * Contains styling for the big articles.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Reponsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.big-articles-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5em 2em 2em 0; }
  .big-articles-wrapper > div {
    margin-left: 1.5em; }
    .big-articles-wrapper > div:first-child {
      margin-left: 0; }

.big-article {
  -webkit-box-flex: 1.7;
  -moz-box-flex: 1.7;
  box-flex: 1.7;
  -webkit-flex: 1.7;
  -moz-flex: 1.7;
  -ms-flex: 1.7;
  flex: 1.7; }

  .big-article>a{
    text-decoration: none;
  }
  .big-article .article-image {
    background: #666;
    /*border-top: 5px solid #d74919;*/
    margin-bottom: 1em;
    text-align: center; }
    .big-article .article-image img {
      vertical-align: middle; }

.big-article .big-article__title {
  font-size: 2em;
  line-height: 1; }
  .big-article .big-article__title strong {
    text-transform: none; }
  .big-article .big-article__title small {
    color: #d74919;
    font-size: 0.4em; }
  .big-article .big-article__title.has-sub-title {
    padding-top: 0.5em; }

.big-image {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

/*
 * 3. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .big-articles-wrapper {
    display: block;
    padding: 2em 1em; }
    .big-articles-wrapper > div {
      margin-bottom: 2em;
      margin-left: 0; }
    .big-articles-wrapper .big-image {
      display: none; } }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_button.scss
 * 
 * Contains button styling.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.btn {
  background-color: #585858;
  color: #fff;
  display: block;
  font-weight: 300;
  padding: 0.2em 0.8em;
  text-decoration: none; }

.btn--inline {
  display: inline-block; }

.btn--contextual {
  background-color: #3e3e40;
  color: #f9c000; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_configurator.scss
 *
 * Contains styling for the product configurator.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Responsive -
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.configurator-icon {
  background: #d74919;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 0.4em 0.1em; }

.configurator-data-list {
  background: #aaa;
  font-size: 0.8em;
  list-style: none;
  padding: 0; }
  .configurator-data-list::after {
    clear: both;
    content: "";
    display: table; }

.configurator-data-item {
  overflow: hidden;
  position: relative; }
  .configurator-data-item:nth-last-child(n+2):after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%; }
  .configurator-data-item span {
    display: inline-block;
    line-height: 1;
    padding: 0.4em 0.2em; }

.configurator-data-item__data {
  padding: 0.4em 0; }

/*
 * 3. Filter
 ******************/
.configurator-filters {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  overflow-x: hidden; }

.configurator-filter-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding: 0; }
  .configurator-filter-list::after {
    clear: both;
    content: "";
    display: table; }

.configurator-filter {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-bottom: 1em; }
  .configurator-filter:last-child {
    margin-right: 0; }
  .configurator-filter:nth-child(3n) {
    margin-right: 0; }
  .configurator-filter:nth-child(3n+1) {
    clear: left; }

.configurator-filter__heading {
  margin-bottom: 0.9em;
  position: relative;
  text-transform: uppercase; }
  .configurator-filter__heading label {
    bottom: 0;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1;
    margin-left: 0.5em;
    position: absolute; }

.configurator-filter__icon {
  display: inline-block;
  padding: 0; }
  .configurator-filter__icon img {
    vertical-align: middle; }

.configurator-filter__fields {
  font-size: 2em;
  margin: 0.2em 0; }
  .configurator-filter__fields::after {
    clear: both;
    content: "";
    display: table; }
  .configurator-filter__fields label, .configurator-filter__fields select {
    float: left;
    line-height: 1; }
  .configurator-filter__fields label {
    width: 20%; }
  .configurator-filter__fields select {
    width: 80%; }
  .configurator-filter__fields option {
    color: #000000; }
  .configurator-filter__fields input[type="checkbox"] {
    display: none; }
    .configurator-filter__fields input[type="checkbox"] + .icon:before {
      margin-left: 0;
      position: relative;
      top: -1px;
      text-align: left; }
  .configurator-filter__fields select {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: #333;
    height: 2.5em;
    padding: 0.5em 1em; }
    .configurator-filter__fields select[disabled] {
      opacity: 0.5; }

/*
 * 4. List
 ******************/
.configurator-results {
  margin: 2em 0;
  overflow: hidden; }

.configurator-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: calc(100% + 1em); }
  .configurator-list::after {
    clear: both;
    content: "";
    display: table; }

.configurator-product {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  width: calc(25% - 1em); }

.configurator-product__overlay-link {
  background: #5e5e5e;
  display: block;
  font-size: 0.9em;
  position: relative;
  text-align: center;
  padding: 15px;
  min-height: 315px;
  white-space: nowrap; }
  .configurator-product__overlay-link h5 {
    background: #aaa;
    color: #000;
    left: 0;
    font-size: 1em;
    line-height: 1.2;
    margin: 0;
    padding: 0.2em 0.4em;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    width: 100%; }
  .configurator-product__overlay-link .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .configurator-product__overlay-link img {
    margin-top: 1.5em;
    vertical-align: middle;
    padding: 15px; }

/*
 * 5. Modal Overlay
 ***********************/
.configurator-modal-overlay {
  background: #2a2b31;
  color: #fff;
  text-align: left; }
  .configurator-modal-overlay .configurator-product__overlay-close {
    background: #d74919;
    left: auto;
    right: 0;
    top: 0;
    z-index: 5; }

.configurator-product__overlay-header {
  position: relative; }
  .configurator-product__overlay-header img {
    vertical-align: middle; }

.configurator-product__overlay-heading {
  bottom: 0;
  font-size: 2em;
  left: 0;
  margin: 0;
  padding: 0.5em 2rem;
  position: absolute;
  width: 100%; }

.configurator-product__overlay-content,
.configurator-modal-overlay__form {
  padding: 1rem 2rem; }

.configurator-product__overlay-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .configurator-product__overlay-content::after {
    clear: both;
    content: "";
    display: table; }
  .configurator-product__overlay-content p {
    margin-top: 0; }

.configurator-product__overlay-main {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 57.44681%; }
  .configurator-product__overlay-main:last-child {
    margin-right: 0; }

.configurator-product__overlay-aside {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 40.42553%; }
  .configurator-product__overlay-aside:last-child {
    margin-right: 0; }

.configurator-product__overlay-aside-content,
.configurator-product__waste-types,
.configurator-product__product-sheets {
  margin: 0 0 1rem; }

.configurator-product__overlay-aside-content {
  font-size: 0.8em; }

.configurator-product__waste-types {
  font-size: 1.4em; }
  .configurator-product__waste-types .configurator-data-list {
    margin: 0; }
  .configurator-product__waste-types .configurator-data-item__icon {
    float: left;
    max-width: 2.4em;
    padding: 0.4em; }
    .configurator-product__waste-types .configurator-data-item__icon img {
      vertical-align: middle; }
  .configurator-product__waste-types .configurator-data-item__data {
    padding: 0.7em 0.5em; }

.configurator-product__product-sheets {
  background: #585858;
  font-size: 1em;
  list-style: none;
  padding: 0.5em; }

.page .configurator-modal-overlay__form .gform_wrapper {
  margin: 0;
  max-width: 100%; }
  .page .configurator-modal-overlay__form .gform_wrapper .gform_fields {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .page .configurator-modal-overlay__form .gform_wrapper .gform_fields::after {
      clear: both;
      content: "";
      display: table; }
  .page .configurator-modal-overlay__form .gform_wrapper .gfield {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%;
    background-color: transparent;
    border: 0;
    clear: none;
    margin-top: 0 !important; }
    .page .configurator-modal-overlay__form .gform_wrapper .gfield:last-child {
      margin-right: 0; }
    .page .configurator-modal-overlay__form .gform_wrapper .gfield:nth-child(2n) {
      margin-right: 0; }
    .page .configurator-modal-overlay__form .gform_wrapper .gfield:nth-child(2n+1) {
      clear: left; }
    .page .configurator-modal-overlay__form .gform_wrapper .gfield.gfield_error.gfield_contains_required {
      margin-bottom: 0 !important; }
      .page .configurator-modal-overlay__form .gform_wrapper .gfield.gfield_error.gfield_contains_required input {
        background: #FFBEBE; }
    .page .configurator-modal-overlay__form .gform_wrapper .gfield .ginput_container {
      margin: 0.5em 0 0 !important;
      max-width: 100% !important; }
    .page .configurator-modal-overlay__form .gform_wrapper .gfield .ginput_container input {
      border: 0;
      padding: 0.4em 0.2em;
      width: 100%; }
  .page .configurator-modal-overlay__form .gform_wrapper .top_label .gfield_label {
    margin: 1em 0 0 !important; }

.page .configurator-modal-overlay__form .gform_footer {
  text-align: right; }

.page .configurator-modal-overlay__form .button {
  background: #d74919;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  padding: 0.3em 0.8em;
  text-transform: uppercase; }

.page .configurator-modal-overlay__form .validation_error,
.page .configurator-modal-overlay__form .validation_message {
  display: none !important; }

.page .configurator-modal-overlay__form .gform_confirmation_message {
  background: #d74919;
  color: #fff;
  font-weight: 700;
  padding: 0.5em;
  text-align: center; }

/*
 * 6. Responsive
 ********************/
@media screen and (max-width: 1024px) {
  .configurator-product {
    width: calc(100% / 3 - 1em); } }

@media screen and (max-width: 768px) {
  .configurator-product {
    width: calc(100% / 2 - 1em); } }

@media screen and (max-width: 480px) {
  .configurator-list {
    width: auto; }
  .configurator-filter,
  .configurator-product.is-filtered,
  .configurator-product__overlay-main,
  .configurator-product__overlay-aside,
  .page .configurator-modal-overlay__form .gform_wrapper .gfield {
    float: none;
    margin-right: 0;
    width: 100%; }
  .configurator-filter__icon {
    font-size: 1em; }
  .configurator-product__overlay-heading {
    position: static;
    padding-bottom: 0; } }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_contact-link.scss
 * 
 * Contains styling for the contact link usually seen in the aside section.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.contact-link {
  background: #646467;
  color: #fff;
  display: block;
  font-size: 1.5em;
  font-weight: 700;
  padding: 0.5em 1em;
  text-decoration: none; }
  .contact-link .icon {
    color: #f9c000;
    float: right;
    font-size: 1.5em;
    position: relative;
    top: -0.2em; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_datepicker.scss
 * 
 * Contains styling for datepickers.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.ui-datepicker {
  background: #e6e7ec;
  border-radius: 4px;
  color: #555;
  font-weight: 700;
  overflow: hidden;
  text-align: center; }

.ui-datepicker-header {
  background-color: #e8673b;
  background-image: -webkit-linear-gradient(#e8673b 0px, #d74919 50%);
  background-image: linear-gradient(#e8673b 0px, #d74919 50%);
  border-bottom: 2px solid #7c2a0e;
  color: #fff;
  padding: 0.4em; }

.ui-datepicker-title {
  text-shadow: 0 -1px 1px #cccccc;
  text-transform: uppercase; }

.ui-datepicker-calendar {
  border-spacing: 0;
  width: 100%; }
  .ui-datepicker-calendar a {
    color: inherit;
    text-decoration: none; }
  .ui-datepicker-calendar th {
    border-bottom: 1px solid #d8d9e1; }
  .ui-datepicker-calendar td {
    border: 1px solid;
    border-top-color: #f4f5f7;
    border-left-color: #f4f5f7;
    border-bottom-color: #d8d9e1;
    border-right-color: #d8d9e1; }
  .ui-datepicker-calendar .ui-datepicker-unselectable,
  .ui-datepicker-calendar .ui-state-disabled {
    color: #959595; }
  .ui-datepicker-calendar .ui-datepicker-current-day {
    background: #f9c000; }
    .ui-datepicker-calendar .ui-datepicker-current-day.ui-datepicker-unselectable, .ui-datepicker-calendar .ui-datepicker-current-day.ui-state-disabled {
      background: inherit; }

.ui-datepicker-prev,
.ui-datepicker-next {
  display: none; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_icon.scss
 * 
 * Contains font icons from fontello.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
@font-face {
  font-family: 'Roboto-Light';
  src: url("/wp-content/themes/orwak/fonts/Roboto-Light.ttf");
}

@font-face {
  font-family: 'Roboto';
  src: url("/wp-content/themes/orwak/fonts/Roboto-Regular.ttf");
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url("/wp-content/themes/orwak/fonts/Roboto-Bold.ttf");
}

@font-face {
  font-family: 'Roboto-Black';
  src: url("/wp-content/themes/orwak/fonts/Roboto-Black.ttf");
}


.icon:before, .icon:before {
  font-family: "orwak";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-search:before {
  content: ""; }

.icon-down-dir:before, .news-article__toggle-control .icon:before {
  content: ""; }

.icon-up-dir:before, .list--links .sub-menu-toggler[aria-expanded="true"] .icon:before {
  content: ""; }

.icon-left-dir:before, .page-extras__section .page-extras__section-heading.is-active .icon:before {
  content: ""; }

.icon-right-dir:before {
  content: ""; }

.icon-cancel:before, .search-link.is-active i:before, .expanded .news-article__toggle-control .icon:before {
    content: "x";
    font-family: sans-serif;
}

.icon-phone:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-heart-empty:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-check:before, .configurator-filter__fields input[type="checkbox"]:checked + .icon:before {
  content: ""; }

.icon-check-empty:before, .configurator-filter__fields input[type="checkbox"] + .icon:before {
  content: ""; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_list.scss
 * 
 * Contains list styling.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.list {
  padding-left: 0; }
  .list ul {
    padding-left: 1em; }

.list--clean,
.list--clean ul {
  list-style: none; }

.list--inline > li {
  display: inline; }

.list--links {
  margin: 0; }
  .list--links ul {
   /* margin-top: 0.3em; */}
  .list--links li {
    margin-bottom: 0.3em; }
  .list--links a,
  .list--links .sub-menu-heading {
    background: #fff;
    border:  1px solid #ccc;
    color: #333;
    display: block;
    font-weight: 700;
    padding: 1em 1.5em;
    text-decoration: none;
    text-transform: uppercase; }
  .list--links .current-menu-item a {
    color: #fff;
    /*font-style: italic; */}
  .list--links .current-menu-item a{
    background: #f35b03;
    color: #fff; }
  .list--links a:hover {
    cursor: pointer;
    border-color: #f75d2a;
    box-shadow: inset 0 0 0 2px #f75d2a;
    -webkit-transition: all 0.1s ease;;
    -moz-transition: all 0.1s ease;;
    -o-transition: all 0.1s ease;;
    transition: all 0.1s ease;
  }    
  .list--links .sub-menu-toggler {
    padding-left: 1em;
    padding-right: 1em;
    position: absolute;
    right: 0;
    top: 0; }
    .list--links .sub-menu-toggler, .list--links .sub-menu-toggler:hover {
      background: #4b4b4b; }

.list-item-has-children,
.menu-item-has-children {
  position: relative; }
  .list-item-has-children > a,
  .list-item-has-children > .sub-menu-heading,
  .menu-item-has-children > a,
  .menu-item-has-children > .sub-menu-heading {
    padding-right: 3.5em; }

.list > li > a {
  color: #fff;
  text-decoration: underline;
  line-height: 1.8rem;
  cursor: pointer;
}


/**
 * @file
 * @group Modules
 * Sass Partial: modules/_orwak.scss
 * 
 * Contains orwak elements.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.orwak-title {
  font-size: 4em;
  line-height: 0.8;
  margin-bottom: 0.3em;
  margin-top: 0;
  position: relative; }
  .orwak-title strong {
    font-weight: inherit; }
  .orwak-title span {
    display: none; }
  .orwak-title small {
    color: #f9c000;
    display: block;
    font-size: 0.3em;
    left: 0;
    position: absolute;
    top: 0; }
  .orwak-title.has-sub-title {
    padding-top: 0.3em; }

.orwak-preamble {
  font-size: 1em;
  margin-bottom: 1.5em; }

/*
 * 3. Responsive
 ********************/
@media screen and (max-width: 480px) {
	
	.metaslider .slides img {
		height: 300px;
	}
	
  .orwak-title {
    font-size: 2em; }
    .orwak-title small {
      font-size: 0.6em; }
    .orwak-title.has-sub-title {
      padding-top: 0.6em; } }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_promo.scss
 * 
 * Contains styling for promos.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.promo {
  background: #d74919;
  color: #fff; }
  .promo h2 {
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    text-transform: none; }

.promo h2{
  color: #fff;
}


.promo__inner {
  color: inherit;
  display: block;
  padding: 1em;
  text-decoration: none; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_promotional-articles.scss
 * 
 * Contains styling for the promotional articles.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 * 3. Responsive - 
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.promotional-articles {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
.promotional-articles .article {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f8f8f8;
    margin-left: 0.5em;
    padding: 0em;
    border: 1px solid #ddd;
}
.promotional-articles .article:hover {
  cursor: pointer;
  box-shadow: 7px 11px 8px 2px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.3s ease;;
  -moz-transition: all 0.3s ease;;
  -o-transition: all 0.3s ease;;
  transition: all 0.3s ease;
}
  .promotional-articles .article h2{
    color: #333;
    font-size: 1.3rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
}
    .promotional-articles .article:first-child {
      margin-left: 0; }
  .promotional-articles .article--orange {
    background: #d74919; }
  .promotional-articles .article-image {
    width: 100%;
    height: auto;
    border:  1px solid #ddd;}
  .promotional-articles .article-image--left {
    float: left;
    margin-right: 1em; }
  .promotional-articles .article-image--right {
    float: right;
    margin-left: 1em; }
  .promotional-articles h2, .promotional-articles .article-content {
    overflow: hidden; }
  .promotional-articles h2 {
    margin: 0 0 0.5em; }
  .promotional-articles .article-content {
    font-size: 0.9em; }
  .promotional-articles .article-content p {
      margin: 0 0 0.6em; }
  .promotional-articles h3 {
    margin-top: 1rem;
  }
  .promotional-articles a {
    color: #444; 
    padding: 2rem;
    text-decoration: none;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

/*
 * 3. Responsive
 ********************/
@media screen and (max-width: 480px) {
  .promotional-articles {
    display: block; }
    .promotional-articles .article {
      margin-left: 0; } }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_remodal.scss
 * 
 * Contains basic styling for the modal overlays.
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.7); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  animation: remodal-overlay-opening-keyframes 0.3s; }

.remodal-overlay.remodal-is-closing {
  animation: remodal-overlay-closing-keyframes 0.3s; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top:30%;
    width:  100%;
    height:   100%;
    margin:0 auto;
    display: none;
    overflow: hidden;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0; 

}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  background: #fff;
  margin: 0 auto;
  border: 3px solid #ddd;
  padding:  30px 20px 20px;
  width: 100%;
  margin-bottom: 10px;
  transform: translate3d(0, 0, 0); 
  -webkit-box-shadow: 22px 38px 18px 7px rgba(34, 60, 80, 0.47);
  -moz-box-shadow: 22px 38px 18px 7px rgba(34, 60, 80, 0.47);
  box-shadow: 22px 38px 18px 7px rgba(34, 60, 80, 0.47);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  animation: remodal-opening-keyframes 0.3s; }

.remodal.remodal-is-closing {
  animation: remodal-closing-keyframes 0.3s; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #333;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 35px;
  line-height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 45px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/**
 * @file
 * @group Modules
 * Sass Partial: modules/_slideshow.scss
 * 
 * Contains styling for slideshows.
 *
 * 1. Config - Configuration and variables
 * 2. Base - Basic styling
 */
/*
 * 1. Config
 ******************/
/*
 * 2. Base
 ******************/
.slideshow {
  margin-bottom: 1.5em;
  overflow: hidden;
  position: relative; }
  .slideshow .slides {
    list-style: none;
    margin: 0;
    padding: 0; }
    .slideshow .slides::after {
      clear: both;
      content: "";
      display: table; }
  .slideshow .slide {
    background-position: center center;
    background-size: cover;
    display: none;
    -webkit-backface-visibility: hidden; }
    .no-js .slideshow .slide:first-child {
      display: block; }
  .slideshow .flex-control-paging {
    bottom: 0;
    list-style: none;
    margin: 0 0 0.5em;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 5; }
    .slideshow .flex-control-paging li {
      display: inline; }
    .slideshow .flex-control-paging a {
      background: #fff;
      border-radius: 1em;
      cursor: pointer;
      display: inline-block;
      height: 1em;
      margin: 0 0.5em;
      overflow: hidden;
      text-indent: -2em;
      width: 1em; }
    .slideshow .flex-control-paging a:hover, .slideshow .flex-control-paging .flex-active {
      background: #d74919; }

/**************Custom style**********/

.flexslider {
    border: 0;
}
#wpcf7-f58-p45-o1 form p {
    display: inline-block;
    padding-right: 10px;
}
#wpcf7-f58-p45-o1 form p:nth-child(6) {
    display: block;
}
.text-message {
    display: block;
    width: 89%;
}
.metaslider .caption-wrap {
    background: none !important;
    opacity: 1 !important;
    bottom: 35px !important;
    left: 30px !important;
}
#accept-123 {
   position: relative;
   top: 2px;
}
.subscribe-form-item{
  margin: 20px 0;
}
.subscribe-form-item__btn--btn-submit{
  background: #f75d2a;
  font-size: 1rem;
  color: #fff;
  padding: 15px 25px;
  border: 1px solid #ddd;
}
.subscribe-form-item__control--input-email{
    height: 2rem;
    width: 300px;
}

p.item_char,p.item_opts{
    font-weight: 900;
    color:  #555;
    margin: 0 1rem 1rem;     
    font-size: 1.3rem;
    margin-top:  1.3rem;
    font-family: "Roboto-Bold";
  }

.sidebar_instruction, .sidebar_form{
  border: 1px solid #ccc;
  margin-top:  8rem;
  margin-left: 1rem;
  padding: 1.3rem 1.5rem;
}
 .sidebar_form{
  margin-top: 1rem;
  padding: 1.3rem 1.5rem 1.3rem 1rem;
  background-color: #f75d2a;
 }
.sidebar_instruction > a > img, .sidebar_form > a > img{
  float: left;
  height: 40px;
  margin-right: 1rem;
}
.sidebar_form > a > img{
  height: 50px;
  margin-right: 0.6rem;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.sidebar_instruction > a > p, .sidebar_form > a > p{
  margin-left: 3rem;
  margin-bottom: 0;
}
.sidebar_form > a > p{
  color: #fff;
}
.list--links .sidebar_instruction > a, .list--links .sidebar_form > a{
  padding: 0;
  margin: 0;
  background: none;
  text-transform: none;
  border:  none;
}
.list--links .sidebar_instruction > a:hover, .list--links .sidebar_form > a:hover{
  box-shadow: none;
}
.sidebar_instruction:hover{
  cursor: pointer;
  border-color: #f75d2a;
  box-shadow: inset 0 0 0 2px #f75d2a;
  -webkit-transition: all 0.3s ease;;
  -moz-transition: all 0.3s ease;;
  -o-transition: all 0.3s ease;;
  transition: all 0.3s ease;
}

.sidebar_form:hover{
  box-shadow: inset 0 0 0 2px #fff;
}

.footer-logo{
  max-width: 150px;
  margin-top:  1rem;
}

.page-footer .footer-contacts{
  font-family:  "Roboto-Light";
  font-size: 1.2rem;
  color: #222;
  font-weight:  900;
}

.page-footer p{
   font-size:  0.9rem;
   color: #333;
}

#metaslider-id-179{
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.main-page-sections{
  display: block;
}
.wp-block-image.size-full,.wp-block-image.size-large{
  margin-top: 3rem;
  margin-bottom: 4rem;
}
.textwidget{
  height:  100%;
}