/*
 * Theme Name:  Моя тема
 * Description: Тема розроблена спеціально для цього сайту.
 * Author: Тарас
 * Version: 2.1.0.24
 * Text Domain: mytheme
 */


@charset "UTF-8";

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Roboto-Bold.ttf");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/Roboto-Black.ttf");
}

/*
* @package      Style
* @description  This package holds all common style declarations
*               of the site
*/
@-webkit-keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}
@keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}
/*
* @section      Normalize
*
* @description  Resets default browser styling
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: top;
}

strong {
    font-weight: bold;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, main, time, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
}

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

button, input, textarea, select {
  display: inline-block;
  -webkit-appearance: none;
  outline: none;
  color: inherit;
  overflow: visible;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}

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

/*
* @bugfix input text-overflow padding ignore
*/

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

a,
a[href^="tel:"],
a[href^="callto:"] {
  font: inherit;
  color: inherit;
}
a:focus,
a[href^="tel:"]:focus,
a[href^="callto:"]:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

a, button, input {
  transition: .3s all ease;
}

/*
* @section      Page Layouts
* @description  This section holds style declarations of all
*               included page layouts
*/
.page-wrapper {
  overflow: hidden;
}

/*
* @section      TM Grid System
*
* @description  A powerful and flexible css flex grid system
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      1.0.0
*/
.container {
  min-width: 300px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container.project-wrap {
  padding: 0;
}
@media (min-width: 768px) {
  .container {
    /*max-width: 750px;*/
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 964px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
}
@media (min-width: 1600px) {
  .single-project .container {
    max-width: 1320px;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

[class*='col-'] {
  padding-left: 15px;
  padding-right: 15px;
}

* + [class*='col-'],
* + .row {
  margin-top: 30px;
}

@media (min-width: 480px) {
  * + [class*='col-xs-'] {
    margin-top: 0;
  }
  .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .row > [class*='col'] {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .row > .col-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  * + [class*='col-sm-'] {
    margin-top: 0;
  }
  .row > .col-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  * + [class*='col-md-'] {
    margin-top: 0;
  }
  .row > .col-md-4 {
    -webkit-flex-basis: 33.33334%;
    -ms-flex-preferred-size: 33.33334%;
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .row > .col-md-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .row > .col-md-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
}
@media (min-width: 1200px) {
  * + [class*='col-lg-'] {
    margin-top: 0;
  }
  .row > .col-lg-push-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .row > .col-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1600px) {
  * + [class*='col-xl-'] {
    margin-top: 0;
  }
  .row > .col-xl-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .row > .col-xl-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
}

/*
* @section      Main Styles
* @description  This section holds template default elements style declarations
*/

body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  background: #ffffff;
  color: #666666;
  overflow-x: hidden;
  line-height: 1.6em;
  /*letter-spacing: 1.2px;
  word-spacing: 1px;*/
  letter-spacing: normal;
}

body.mfp-zoom-out-cur {
  height: 100vh;
  overflow: hidden;
}

/*
* @subsection   Typography
* @description  Describes default font settings for basic html elements and
*               css classes
*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Roboto', sans-serif;
  color: #000000;
  font-weight: 400;
  line-height: 1.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
h1 > a,
.h1 > a,
h2 > a,
.h2 > a,
h3 > a,
.h3 > a,
h4 > a,
.h4 > a,
h5 > a,
.h5 > a,
h6 > a,
.h6 > a {
  color: inherit;
  font: inherit;
}
h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 14px;
}


mark {
  display: inline-block;
  padding: 5px;
  color: #fff;
  background: #000;
}

small, .small {
  display: block;
  font-size: 0.875em;
  line-height: 1.643em;
}

.big {
  font-family: "Roboto", sans-serif;
  font-size: 1.25em;
}

time {
  line-height: 1;
  color: #999;
}
time.time {
  color: #999;
}

hr, .divider, .quote + .quote:before, .list-group li + li:before, .page-content .container + .container:before {
  height: 0;
  border-bottom: 1px solid #eaeaea;
}
@media (min-width: 1200px) {
  hr, .divider, .quote + .quote:before, .list-group li + li:before, .page-content .container + .container:before {
    margin-left: 65px;
    margin-right: 40px;
  }
}
.content-wrap hr, .content-wrap .divider, .content-wrap .quote + .quote:before, .content-wrap .list-group li + li:before, .list-group .content-wrap li + li:before, .content-wrap .page-content .container + .container:before, .page-content .content-wrap .container + .container:before {
  margin-left: 0;
  width: 100%;
}
@media (min-width: 992px) {
	.content-wrap hr, .content-wrap .divider, .content-wrap .quote + .quote:before, .content-wrap .list-group li + li:before, .list-group .content-wrap li + li:before, .content-wrap .page-content .container + .container:before, .page-content .content-wrap .container + .container:before {
	  width: 100%;
	}
}
@media (min-width: 1600px) {
  .content-wrap hr, .content-wrap .divider, .content-wrap .quote + .quote:before, .content-wrap .list-group li + li:before, .list-group .content-wrap li + li:before, .content-wrap .page-content .container + .container:before, .page-content .content-wrap .container + .container:before {
    width: calc(100% - 78px);
  }
}
hr-mod-1, .divider-mod-1 {
  max-width: 735px;
}

a {
  display: inline-block;
}
a, a:active, a:focus, a[href*="mailto"], a[href*="mailto"]:active, a[href*="mailto"]:focus, a[href*="callto"], a[href*="callto"]:active, a[href*="callto"]:focus {
  color: #000;
}
a:hover, a[href*="mailto"]:hover, a[href*="callto"]:hover {
  color: #888;
}

/*
* @section      Main Layout
* @description  This section holds class declarations for elements indent creation
*/
/*
* @subsection   Offsets
* @description  Describes vertical indentation between the elements
*/

* + p {
  margin-top: 14px;
}
@media (min-width: 992px) {
  * + p {
    margin-top: 18px;
  }
}

* + img {
  margin-top: 40px;
}

* + .big {
  margin-top: 18px;
}
@media (min-width: 992px) {
  * + .big {
    margin-top: 47px;
  }
}

* + .list {
  margin-top: 20px;
}
* + .marked-list {
  margin-top: 24px;
}

* + .contact-info {
  margin-top: 10px;
}
@media (min-width: 992px) {
  * + .list {
    margin-top: 33px;
  }
  * + .contact-info {
    margin-top: 24px;
  }
}

* + .btn-group {
  margin-top: 29px;
}

* + .divider, .quote + .quote:before, .list-group li + li:before, .page-content .container + .container:before {
  margin-top: 48px;
}

* + .divider, .quote + .quote:before, .list-group li + li:before, .page-content .container + .container:before {
  margin-top: 44px;
}

* + .container {
  margin-top: 40px;
}

* + .wpcf7-form {
  margin-top: 35px;
}

.page-wrapper * + .offset-1 {
  margin-top: 30px;
}
.page-wrapper * + .offset-2 {
  margin-top: 12px;
}
.page-wrapper * + .offset-3 {
  margin-top: 44px;
}
@media (min-width: 768px) {
  .page-wrapper * + .offset-3 {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .page-wrapper * + .offset-3 {
    margin-top: 44px;
  }
}

time + * {
  margin-top: 6px;
}

p + p {
  margin-top: 10px;
}

img + p {
  margin-top: 20px;
}
@media (min-width: 992px) {
  img + p {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  img + p {
    margin-top: 43px;
  }
}

.child-offset-1 > .col-xs-12 + .col-xs-12 {
  margin-top: 27px;
}

h4 + p,
.heading-4 + p {
  margin-top: 14px;
}
@media (min-width: 992px) {
  h4 + p,
  .heading-4 + p {
    margin-top: 16px;
  }
}

h5 + p,
.heading-5 + p,
time.time + p,
.quote q + p,
.terms-list dt + p,
.mfp-title .heading + p,
.twitter__item__tweet + p {
  margin-top: 14px;
}
@media (min-height: 900px) {
  h5 + p,
  .heading-5 + p,
  time.time + p,
  .quote q + p,
  .terms-list dt + p,
  .mfp-title .heading + p,
  .twitter__item__tweet + p {
    margin-top: 18px;
  }
}

/*
* @subsection   Insets
* @description  Describes instant padding classes
*/
@media (min-width: 992px) {
	.section-inset-1 {
	  padding: 0;
	}
}

/*
* @section      Helpers
* @description  This section holds various helper classes for
*               conditional page styling
*/
.relative {
  position: relative;
}

.child-overflow-hidden > * {
  overflow: hidden;
}

.round {
  border-radius: 50%;
}

@media (max-width: 767px) {
  .img-adaptive {
    width: 100%;
    max-width: 370px;
    height: auto;
  }
}

.inline-block {
  display: inline-block;
}

@media (min-width: 768px) {
  .min-height {
    min-height: 35px;
  }
}
@media (min-width: 992px) {
  .min-height {
    min-height: 106px;
  }
}

.max-width-735 {
  max-width: 735px;
}

.line-height-1 {
  line-height: 1;
}

/*
* @subsection   Colors
*/
html body .page-wrapper .text-primary {
  color: #000;
}
html body .page-wrapper .text-grayscale-default {
  color: #888;
}
html body .page-wrapper .text-grayscale-darkest {
  color: #000;
}

/*
* @subsection   Backgrounds
*/
.bg-grayscale-darkest,
.bg-grayscale-darkest h1,
.bg-grayscale-darkest h2,
.bg-grayscale-darkest h3,
.bg-grayscale-darkest h4,
.bg-grayscale-darkest h5,
.bg-grayscale-darkest h6,
.bg-grayscale-darkest .heading-1,
.bg-grayscale-darkest .heading-2,
.bg-grayscale-darkest .heading-3,
.bg-grayscale-darkest .heading-4,
.bg-grayscale-darkest .heading-5,
.bg-grayscale-darkest time.time,
.bg-grayscale-darkest .quote q,
.quote .bg-grayscale-darkest q,
.bg-grayscale-darkest .terms-list dt,
.terms-list .bg-grayscale-darkest dt,
.bg-grayscale-darkest .mfp-title .heading,
.mfp-title .bg-grayscale-darkest .heading,
.bg-grayscale-darkest .twitter__item__tweet,
.bg-grayscale-darkest .heading-6 {
  color: #fff;
}

.bg-grayscale-darkest {
  background: #000;
}
.bg-grayscale-darkest a, .bg-grayscale-darkest a:active, .bg-grayscale-darkest a:focus {
  color: #fff;
}
.bg-grayscale-darkest a:hover {
  color: #999;
}
.bg-grayscale-darkest a.nohover:hover {
  color: #fff;
}

/*
* @subsection   Text Alignment
*/
.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
}

/*
* @section      Components
* @description  This section holds all elements style declarations of template
*/
/*
* @subsection   Buttons
*/
.btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}
.btn:hover {
  color: inherit;
  text-decoration: none;
}
.btn .icon {
  position: relative;
  display: inline;
  top: -0.065em;
  line-height: 0;
  vertical-align: middle;
}

.btn-xs {
  padding: 9px;
  font-size: 16px;
}
.btn-xs .icon {
  padding-right: 10px;
}

.btn-sm {
  padding: 14px;
  font-size: 16px;
}
.btn-sm .icon {
  padding-right: 10px;
}

.btn-md {
  padding: 17px 23px;
  font-size: 16px;
}
.btn-md .icon {
  padding-right: 10px;
}

.btn-lg {
  padding: 30px 40px;
  font-size: 16px;
}
.btn-lg .icon {
  padding-right: 20px;
}

.btn-xl {
  padding: 35px;
  font-size: 21px;
}
.btn-xl .icon {
  padding-right: 20px;
}

.btn-default {
  color: #999;
  background: transparent;
  border-color: #cacaca;
}
.btn-default:hover {
  background: #cacaca;
}
.btn-default:active {
  background: #bdbdbd;
  border-color: #bdbdbd;
}

.btn-primary, .btn-primary:focus {
  color: #fff;
  background: #000;
}
.btn-primary:hover {
  color: #fff;
  background: #888;
}
.btn-primary:active {
  background: #999;
}

.btn-group {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  margin-bottom: -30px;
  margin-left: -30px;
}
.btn-group .btn {
  margin-top: 17px;
  margin-left: 30px;
}

/*
* @subsection   Post
*/
.post {
  max-width: 735px;
}
.post-header {
  margin-top: 4px;
}
.post-image {
  margin-top: 20px;
}
.post-body {
  margin-top: 20px;
}
.post-meta {
  margin-top: 20px;
}
.post-meta .list-inline {
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  margin-bottom: -10px;
}
.post-meta .list-inline li {
  display: inline-block;
  margin-top: 10px;
}
.post-meta .list-inline li + li {
  margin-left: 13px;
}
.post-meta .list-inline span {
  display: inline-block;
  vertical-align: middle;
}
.post-meta .list-inline span + span {
  margin-left: 5px;
}
.post-meta .socialite-list {
  margin-top: 19px;
}
.post-meta .socialite-list li, .post-meta .socialite-list li * {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.post-meta .socialite-list li + li {
  margin-left: 10px;
}
.post p + p {
  margin-top: 8px;
}

@media (min-width: 992px) {
  .post-image {
    margin-top: 40px;
  }
  .post-body {
    margin-top: 43px;
  }
  .post-meta {
    margin-top: 35px;
  }
  .post p + p {
    margin-top: 16px;
  }
}

/*
* @subsection   Counter
*/
/*
* @subsection   Thumb
*/
.thumb {
  position: relative;
  display: block;
  overflow: hidden;
}
@media (max-width: 767px) {
  .thumb {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}
.thumb > img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.thumb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(234, 234, 234, 0.45);
  opacity: 0;
  text-align: center;
  pointer-events: none;
}
.thumb:hover .thumb-overlay {
  opacity: 1;
}
.thumb:hover .thumb-overlay > * {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*
* @subsection   Thumbnail
*/
.thumbnail {
  position: relative;
  display: block;
}
.thumbnail > img {
  max-width: 100%;
  width: 100%;
}
.thumbnail-overlay {
  position: absolute;
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.5);
}
.thumbnail .caption {
  padding: 7px 20px;
  background: #f0f0f0;
  pointer-events: none;
  text-align: center;
}
.thumbnail .caption > * {
  pointer-events: auto;
}
.thumbnail .caption h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}
@media (min-width: 992px) {
	.thumbnail .caption h3 {
		font-size: 16px;
	}
}
.thumbnail p {
  display: none;
}
.thumbnail .time {
  padding-top: 0;
}
.thumbnail .time:before {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMXB4IiBoZWlnaHQ9IjUzcHgiIHZpZXdCb3g9IjAgMCAzMSA1MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbD0iI2RlZGVkZSIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjAuMjUiIHBvaW50cz0iMCw1MyA2LjgzMyw1MyAzMSwwIDI0LjE2NywwICIvPjwvc3ZnPg==);
  display: none;
}
@media (hover: hover) {
	@media (min-width: 992px) {
	  .thumbnail .thumbnail-overlay {
		display: none;
	  }
	  .thumbnail:hover .thumbnail-overlay {
		opacity: 1;
	  }
	  .thumbnail .caption {
		position: absolute;
		left: 0;
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.9);
		opacity: 0;
		transition: .5s all ease;
		padding: 20px;
		text-align: left;
	  }
	  .thumbnail p {
		display: block;
	  }
	  .thumbnail:hover .caption {
		opacity: 1;
	  }
	}

	@media (min-width: 1200px) {
	  .thumbnail .caption {
		padding: 30px 30px;
	  }
	}
	@media (min-width: 1600px) {
	  .thumbnail .caption {
		padding: 45px 68px;
	  }
	}
}
.thumbnail-variant-1 .caption, .thumbnail-variant-1 .caption * {
  pointer-events: none;
}


/*
* @subsection   Link
*/
.link {
  display: inline-block;
}

/*
* @subsection   Video
*/
.video {
  position: relative;
  padding-bottom: 59.64912%;
}
.video > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*
* @subsection   Section wrap
*/
.section-wrap-1 {
  padding-bottom: 50px;
}
@media (max-width: 991px) {
    .page-template-page-contacts .section-wrap-1 {
      padding-bottom: 15px;
    }
}
@media (min-width: 992px) {
	.single-project .section-wrap-1 {
		padding-bottom: 0;
	}
}


/*
* @section      Extensions
* @description  This section holds some of style declarations for necessary
*               scripts
*/
/*
* @subsection   RD Navbar
*
* @description  Describes style declarations for RD Navbar extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      2.0.0
*/
@-webkit-keyframes rd-navbar-slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes rd-navbar-slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes rd-navbar-slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes rd-navbar-slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/*
* @subsection General Styles
*/
#menu-golovne-menyu a {
    text-decoration: none;
}
.rd-navbar-wrap {
  transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


.rd-navbar--no-transition, .rd-navbar--no-transition * {
  transition: none !important;
}

.rd-navbar-wrap, .rd-navbar, .rd-navbar-slogan,
.rd-navbar-dropdown, .rd-navbar-collapse-items,
.rd-navbar-nav, .rd-navbar-panel {
  transition: .3s all ease;
}

.rd-navbar-collapse-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #999;
  display: none;
}
.rd-navbar-collapse-toggle span {
  top: 50%;
  margin-top: -3px;
}
.rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
  position: absolute;
  width: 6px;
  height: 6px;
  line-height: 6px;
  text-align: center;
  background: #999;
  left: 50%;
  margin-left: -3px;
  border-radius: 50%;
  transition: .3s all ease;
}
.rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
  content: '';
}
.rd-navbar-collapse-toggle span:before {
  bottom: 100%;
  margin-bottom: 3px;
}
.rd-navbar-collapse-toggle span:after {
  top: 100%;
  margin-top: 3px;
}
.rd-navbar-collapse-toggle.active span {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.rd-navbar-collapse-toggle.active span:before {
  -webkit-transform: translateY(18px);
  transform: translateY(18px);
}
.rd-navbar-collapse-toggle.active span:after {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}

.rd-navbar--has-sidebar body {
  padding-left: 170px;
}

.rd-navbar--is-stuck {
  box-shadow: 1px 1px 1px #f0f0f0;
}

.rd-navbar.rd-navbar--is-stuck.rd-navbar--loading {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*
* Navbar components
*/
.rd-navbar {
  display: block;
  background: #fff;
}

.rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #999;
  display: none;
}
.rd-navbar-toggle span {
  position: relative;
  display: block;
  margin: auto;
  transition: .3s all ease;
}
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  transition: .3s all ease;
}
.rd-navbar-toggle span:after {
  top: 6px;
}
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
  width: 26px;
  height: 3px;
  background-color: #999;
  backface-visibility: hidden;
}
.rd-navbar-toggle.active span {
  background: transparent;
}
.rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
}
.rd-navbar-toggle.active span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rd-navbar-toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#rd-navbar-nav-wrap {
    text-align: right;
}

@media (min-width: 992px) {
	.rd-navbar-nav {
	  text-transform: uppercase;
	}
}

.rd-navbar-dropdown {
  display: none;
}

/*
* @subsection   Hybrid  Styles
*/
.rd-navbar .rd-navbar-collapse-toggle {
  display: inline-block;
  z-index: 1;
}
.rd-navbar .rd-navbar-dropdown {
  display: block;
}
.rd-navbar .rd-navbar-collapse-items li > * {
  vertical-align: middle;
}
.rd-navbar .rd-navbar-collapse-items li + li {
  margin-top: 10px;
}
.rd-navbar .rd-navbar-collapse-items .icon,
.rd-navbar .rd-navbar-collapse-items a {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
}
.rd-navbar .rd-navbar-collapse-items .icon,
.rd-navbar .rd-navbar-collapse-items a[class*="fa"]:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-right: 5px;
}
@media (max-width: 991px) {
	.rd-navbar .rd-navbar-collapse-items {
	  position: absolute;
	  width: 260px;
	  padding: 25px 15px;
	  color: #999;
	  background: #fff;
	  font-size: 16px;
	  line-height: 34px;
	}
	.rd-navbar .rd-navbar-nav {
	  position: fixed;
	  height: 100%;
	  left: 0;
	  top: 0;
	  overflow-y: auto;
	  overflow-x: hidden;
	  -webkit-overflow-scrolling: touch;
	  font-size: 16px;
	  line-height: 34px;
	  color: #999;
	  background: #fff;
	  z-index: 998;
	}
	.admin-bar .rd-navbar .rd-navbar-panel,
	.admin-bar .rd-navbar .rd-navbar-nav {
	  top: 46px;
	}
	@media (min-width: 783px) {
		.admin-bar .rd-navbar .rd-navbar-panel,
		.admin-bar .rd-navbar .rd-navbar-nav {
		  top: 32px;
		}
	}
	.rd-navbar .rd-navbar-nav::-webkit-scrollbar {
	  width: 4px;
	}
	.rd-navbar .rd-navbar-nav::-webkit-scrollbar-thumb {
	  background: white;
	  border: none;
	  border-radius: 0;
	  opacity: .2;
	}
	.rd-navbar .rd-navbar-nav::-webkit-scrollbar-track {
	  background: #fff;
	  border: none;
	  border-radius: 0;
	}
}

@media (min-width: 992px) {
	.rd-navbar {
	  position: fixed;
	  height: 100%;
	  left: 0;
	  top: 0;
	  overflow-y: auto;
	  overflow-x: hidden;
	  -webkit-overflow-scrolling: touch;
	  font-size: 16px;
	  line-height: 34px;
	  color: #999;
	  background: #fff;
	  z-index: 998;
	}
	.admin-bar .rd-navbar {
	  top: 32px;
	  height: calc(100% - 32px);
	}
	.rd-navbar::-webkit-scrollbar {
	  width: 4px;
	}
	.rd-navbar::-webkit-scrollbar-thumb {
	  background: white;
	  border: none;
	  border-radius: 0;
	  opacity: .2;
	}
	.rd-navbar::-webkit-scrollbar-track {
	  background: #fff;
	  border: none;
	  border-radius: 0;
	}
}

/*
* Fixed Layout
*/
@media (max-width: 991px) {
	body {
	  padding-top: 56px;
	}
	.rd-navbar .mobile-logo {
	  display: block;
	  position: relative;
	  float: right;
	  width: 53px;
	  height: 15px;
	  margin: 17px 15px 0 0;
	}
	.rd-navbar .desktop-logo {
	  display: none;
	}
	.rd-navbar .rd-navbar-panel {
	  display: block;
	  position: fixed;
	  left: 0;
	  top: 0;
	  right: 0;
	  padding: 4px;
	  height: 56px;
	  color: #999;
	  box-shadow: 1px 1px 1px #f0f0f0;
	  z-index: 999;
	}
	.rd-navbar .rd-navbar-panel:before {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  background: #fff;
	}
	.rd-navbar .rd-navbar-toggle {
	  display: inline-block;
	}
	.rd-navbar .rd-navbar-collapse {
	  right: 4px;
	  z-index: 1000;
	}
	.rd-navbar .rd-navbar-collapse-items {
	  top: 100%;
	  right: 0;
	  margin-top: 8px;
	  -webkit-transform: translateY(30px);
	  transform: translateY(30px);
	  opacity: 0;
	  visibility: hidden;
	}
	.rd-navbar .rd-navbar-collapse.active .rd-navbar-collapse-items {
	  opacity: 1;
	  visibility: visible;
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	.rd-navbar .rd-navbar-nav {
	  -webkit-transform: translateX(-272px);
	  transform: translateX(-272px);
	  width: 270px;
	  padding: 10px 4px;
	  box-shadow: 1px 1px 1px #f0f0f0;
	}
	.rd-navbar .rd-navbar-nav:before,
	.rd-navbar .rd-navbar-nav:after {
	  content: '';
	  display: block;
	  height: 56px;
	}
	.rd-navbar .rd-navbar-nav li {
	  position: relative;
	}
	.rd-navbar .rd-navbar-nav li li > a {
	  padding-left: 20px;
	}
	.rd-navbar .rd-navbar-nav li > a {
	  position: relative;
	  display: block;
	  padding: 5px 45px 5px 15px;
	}
	.rd-navbar .rd-navbar-nav li.active > a,
	.rd-navbar .rd-navbar-nav li.focus > a,
	.rd-navbar .rd-navbar-nav li > a:hover {
	  color: #999;
	  background: #f2f2f2;
	}
	.rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li > a {
	  padding-left: 20px;
	}
	.rd-navbar .rd-navbar-nav .rd-navbar-dropdown ul > li > a {
	  padding-left: 25px;
	}
	.rd-navbar .rd-navbar-nav li:hover > a,
	.rd-navbar .rd-navbar-nav li:hover > a:hover,
	.rd-navbar .rd-navbar-nav li.focus > a,
	.rd-navbar .rd-navbar-nav li.focus > a:hover {
	  color: #999;
	  background: #f2f2f2;
	}
	.rd-navbar .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle,
	.rd-navbar .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle {
	  color: #000;
	}
	.rd-navbar .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle:hover,
	.rd-navbar .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle:hover {
	  cursor: pointer;
	  color: #000;
	}
	.rd-navbar .rd-navbar-nav li .rd-navbar-dropdown {
	  transition: opacity 0.3s, height 0.4s ease;
	  opacity: 0;
	  height: 0;
	  overflow: hidden;
	}
	.rd-navbar .rd-navbar-nav li.opened > .rd-navbar-dropdown {
	  opacity: 1;
	  height: auto;
	}
	.rd-navbar .rd-navbar-nav li.opened > a {
	  color: #999;
	  background: #f2f2f2;
	}
	.rd-navbar .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
	  color: #000;
	}
	.rd-navbar .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after {
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	.rd-navbar .rd-navbar-nav > li + li {
	  margin-top: 4px;
	}
	.rd-navbar .rd-navbar-collapse {
	  position: fixed;
	  top: 4px;
	  height: 48px;
	  z-index: 1000;
	}
	.rd-navbar #rd-navbar-nav-wrap {
		text-align: left;
	}
	.rd-navbar.active .rd-navbar-nav {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	.rd-navbar .rd-navbar--visible {
	  display: block;
	}
	.rd-navbar .rd-navbar--hidden {
	  display: none;
	}
}
div#wpadminbar {
    position: fixed;
}
@media (orientation: landscape) and (max-height: 499px)  {
  .page-header .rd-navbar-panel {
    position: absolute;
  }
  div#wpadminbar {
    position: absolute;
  }
}

/*
* Sidebar Layout
*/
@media (min-width: 992px) {
	body {
	  padding-left: 170px;
	  padding-right: 0;
	}
	.rd-navbar {
	  display: block;
	  width: 170px;
	  overflow: visible;
	  padding: 18px 20px 20px 20px;
	}
	.rd-navbar .rd-navbar-nav-wrap {
	  margin-top: 50px;
	  padding: 50px 10px;
	}
	.rd-navbar .rd-navbar-nav {
	  display: inline-block;
	  max-width: 120px;
	}
	.rd-navbar .rd-navbar-nav > li, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li {
	  line-height: 1;
	}
	.rd-navbar .rd-navbar-nav > li > a, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li > a {
	  display: inline;
	  line-height: 1.25;
	}
	.rd-navbar .rd-navbar-nav > li > a, .rd-navbar .rd-navbar-nav > li > a:active, .rd-navbar .rd-navbar-nav > li > a:focus, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li > a, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li > a:active, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li > a:focus {
	  color: #000;
	}
	.rd-navbar .rd-navbar-nav > li > a:hover, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li > a:hover {
	  color: #999;
	}
	.rd-navbar .rd-navbar-nav > li.focus > a, .rd-navbar .rd-navbar-nav > li.focus > a:hover, .rd-navbar .rd-navbar-nav > li.active > a, .rd-navbar .rd-navbar-nav > li.active > a:hover, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.focus > a, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.focus > a:hover, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.active > a, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.active > a:hover {
	  color: #999;
	}
	.rd-navbar .rd-navbar-nav > li.opened > .rd-navbar-dropdown,
	.rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown {
	  opacity: 1;
	  height: auto;
	}
	.rd-navbar .rd-navbar-nav > li.opened > a, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.opened > a {
	  background: #fff;
	  color: #000;
	}
	.rd-navbar .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle {
	  color: #fff;
	}
	.rd-navbar .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle::after {
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	.rd-navbar .rd-navbar-nav > li.rd-navbar--has-megamenu, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.rd-navbar--has-megamenu {
	  position: relative;
	}
	.rd-navbar .rd-navbar-nav > li.rd-navbar--has-megamenu > a, .rd-navbar .rd-navbar-nav .rd-navbar-dropdown > li.rd-navbar--has-megamenu > a {
	  position: relative;
	}
	.rd-navbar .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-dropdown {
	  will-change: transform;
	  transition: opacity 0.3s, max-height 0.4s ease, visibility 0.4s ease, transform 0.6s ease;
	  opacity: 0;
	  visibility: hidden;
	  overflow: hidden;
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
	.rd-navbar .rd-navbar-nav > .rd-navbar-submenu.focus .rd-navbar-dropdown {
	  transition: opacity 0.3s, max-height 0.4s ease, visibility 0.4s ease, transform 0.6s ease;
	  opacity: 1;
	  visibility: visible;
	  overflow: visible;
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	.rd-navbar .rd-navbar-nav > li + li {
	  margin-top: 5px;
	}
	@media (min-height: 550px) {
	  .rd-navbar .rd-navbar-nav > li + li {
		margin-top: 17px;
	  }
	}
	.rd-navbar .mobile-logo {
	  display: none;
	}
	.rd-navbar .desktop-logo {
		display: block;
		position: absolute;
		right: 20px;
		bottom: 20px;
		width: 130px;
	}
	.rd-navbar .rd-navbar-submenu-toggle {
	  display: none;
	}
	.rd-navbar .rd-navbar-collapse-items {
	  top: 0;
	  left: 0;
	  padding-top: 45px;
	  -webkit-transform: scale(0.7);
	  transform: scale(0.7);
	  -webkit-transform-origin: 0% 0%;
	  transform-origin: 0% 0%;
	  opacity: 0;
	  visibility: hidden;
	}
	.rd-navbar .rd-navbar-collapse {
	  position: absolute;
	  top: 4px;
	  left: 4px;
	  display: inline-block;
	  z-index: 1;
	}
	.rd-navbar .rd-navbar-collapse.active .rd-navbar-collapse-items {
	  opacity: 1;
	  visibility: visible;
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
	.rd-navbar .rd-navbar--visible {
	  display: block;
	}
	.rd-navbar .rd-navbar--hidden {
	  display: none;
	}
}

/*
* @subsection   RD Mail Form
*
* @description  Describes style declarations for RD Mail Form extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      1.1.2
*/
.wpcf7-form {
  position: relative;
  text-align: left;
}
.wpcf7-form fieldset {
  border: none;
}
.wpcf7-form fieldset > .row + .row {
  margin-top: 30px;
}

.wpcf7-form label {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 17px;
}
.wpcf7-form label:first-child {
  margin-top: 0;
}
.wpcf7-form label input, .wpcf7-form label textarea {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  font-size: 16px;
  padding: 9px 18px 9px;
  line-height: 34px;
  color: #888;
  background: none;
  border: 1px solid #eaeaea;
  border-radius: 0;
}
.wpcf7-form label input:-moz-placeholder, .wpcf7-form label textarea:-moz-placeholder {
  color: #888;
  opacity: 1;
}
.wpcf7-form label input::-webkit-input-placeholder, .wpcf7-form label textarea::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}
.wpcf7-form label input::-moz-placeholder, .wpcf7-form label textarea::-moz-placeholder {
  color: #888;
  opacity: 1;
}
.wpcf7-form label input:-ms-input-placeholder, .wpcf7-form label textarea:-ms-input-placeholder {
  color: #888;
  opacity: 1;
}
.wpcf7-form label textarea {
  resize: vertical;
  overflow: auto;
  min-height: 60px;
  height: 150px;
  max-height: 426px;
}
@media (min-width: 768px) {
  .wpcf7-form label {
    margin-top: 17px;
  }
}



/*
* @subsection   RD Parallax (for slider on home page)
*
* @description  Describes style declarations for RD Parallax extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      3.5.0
*/
.rd-parallax-inner {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.rd-parallax-layer[data-type="media"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.rd-parallax-layer[data-type="media"] iframe {
  width: 100%;
  height: 100%;
}
.rd-parallax-layer[data-url] {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
@media (min-width: 992px) {
	.ui-to-top {
	  position: fixed;
	  right: 52px;
	  bottom: 52px;
	  width: 50px;
	  height: 50px;
	  font-size: 24px;
	  line-height: 46px;
	  overflow: hidden;
	  text-align: center;
	  text-decoration: none;
	  z-index: 20;
	  -webkit-transform: translateY(120px);
	  transform: translateY(120px);
	}
	.ui-to-top, .ui-to-top:focus, .ui-to-top:active {
	  color: #fff;
	  background: #262626;
	}
	.ui-to-top:hover {
	  color: #fff;
	  background: #999;
	}
	.ui-to-top.active {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	#ui-to-top:before {
		content: "";
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		width: 10px;
		height: 10px;
		display: inline-block;
		transform: rotate(45deg);
	}
}



.wrap {
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.wrap .col-xs-12 {
  will-change: transform;
}


/*
* @section      Page Header
* @description  This section holds specific style redeclarations for some
*               of common elements in page header
*/
/*
* @section      Page Content
* @description  This section holds specific style redeclarations for some
*               of common elements in page content
*/

/* Titles */

h1.title {
	font-size: 30px;
	line-height: 1.4;
	text-transform: uppercase;
    margin: 0;
	padding: 0;
}
.project-details .title {
	display: none;
	margin-bottom: 32px;
}

.title-container {
	margin: 40px 15px 25px 15px;
}

@media (min-width: 768px) {
	.title-container,
	.isotope-wrap .title-container {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (min-width: 992px) {
    .isotope-wrap .title-container {
		overflow: hidden;
	}
	.isotope-wrap .title {
		float: left;
	}
	.title-container {
		margin-left: 10px;
		margin-right: 10px;
	}
	.project-wrap .title-container,
	.isotope-wrap .title-container {
		display: none;
	}
	.project-details .title {
		display: block;
	}
}
@media (min-width: 1200px) {
	.title-container {
		margin-left: 0;
		margin-right: 0;
	}
	.isotope-wrap .title-container {
		margin-left: 50px;
		margin-right: 50px;
	}
}


/* Content */

@media (min-width: 992px) {
  .page-content {
    min-height: 100px;
  }
  .post-type-archive-project .page-content {
    min-height: 100vh;
  }
  .page-content .container {
    margin-left: 25px;
    margin-right: 30px;
    padding-left: 0;
	padding-right: 0;
  }
  .single-project .page-content .container {
    margin-left: 0;
  }
}
.page-content .container + .container:before {
  content: '';
  display: block;
}

.content-wrap {
	/*letter-spacing: 0.5px;*/
	letter-spacing: normal;
}

@media (min-width: 768px) {
  .page-content .content-wrap {
    /*padding-left: 30px;*/
    /*padding-right: 30px;*/
  }
}
@media (min-width: 992px) {
  .page-content .content-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
  .single-project .page-content .content-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .page-content .content-wrap {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .page-content .content-wrap {
	padding-left: 0;
    padding-right: 0;
  }
}
.page-content .content-wrap-variant-1 {
    margin: 30px 15px 0 15px;
  }
@media (min-width: 768px) {
  .page-content .content-wrap-variant-1 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .page-content .content-wrap-variant-1 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .page-content .content-wrap-variant-1 {
    margin-right: 0;
  }
  .page-content .content-wrap-variant-1 {
	margin-left: 3%;
  }
}
.page-content section {
  position: relative;
}


.nav-links {
	overflow: hidden;
}
.nav-previous {
    float: right;
}
.nav-next {
    float: left;
}

.content-wrap ol {
	list-style-type: decimal;
}
.content-wrap ul {
	list-style-type: disc;
}
.content-wrap ol, .content-wrap ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 15px;
}
.content-wrap ol ul, .content-wrap ul ol, .content-wrap ul ul {
    padding-left: 20px;
}
.content-wrap ol ol, .content-wrap ol ul, .content-wrap ul ol, .content-wrap ul ul {
    margin-bottom: 0;
}
@media (min-width: 480px) {
	.content-wrap ol, .content-wrap ul {
		padding-left: 40px;
	}
}



/*--------------------------------------------------------------
                        Templates
--------------------------------------------------------------*/


.alignleft {
    float: left;
}
.aligncenter {
    
}
.alignright {
    float: right;
}


/*--------------------------------------------------------------
                          Other
--------------------------------------------------------------*/


/* Google map */
.google-map-wrap {
    margin-top: 35px;
    height: calc(100vh - 87px); /* 15+16+56 */
}

@media (orientation: landscape) and (max-height: 499px) {
    .google-map-wrap {
        height: calc(100vh - 15px);
    }
}
@media (min-width: 992px) {
    .google-map-wrap {
        margin-top: 0;
        height: 100%;
    }
}