/*
	Table of Contents

    01. Plugins -----------------------------------
         No Js ------------------------------------
    02. Settings ----------------------------------
    03. Sprite ------------------------------------
    04. Generic -----------------------------------
    05. Base --------------------------------------
    06. Fonts -------------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    07. Reset -------------------------------------
    08. Regions -----------------------------------
    09. Container ---------------------------------
    10. Content -----------------------------------
    11. Footer ------------------------------------
    12. Header ------------------------------------
    13. Main --------------------------------------
    14. Shell -------------------------------------
    15. Sidebar -----------------------------------
    16. Wrapper -----------------------------------
    17. Modules -----------------------------------
    18. article -----------------------------------
    19. article-bio -------------------------------
    20. Button ------------------------------------
         Button Block -----------------------------
    21. Form Elements -----------------------------
    22. form-contact ------------------------------
    23. List --------------------------------------
    24. Logo --------------------------------------
    25. Nav ---------------------------------------
    26. section-thumbnails ------------------------
    27. Section Project ---------------------------
    28. Section Contact ---------------------------
    29. section-about -----------------------------
    30. Slider ------------------------------------
    31. socials -----------------------------------
    32. Table -------------------------------------
    33. thumbnail ---------------------------------
    34. Widget ------------------------------------
    35. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Plugins
\* ------------------------------------------------------------ */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
    display: block;
    width: 100%; }

.owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }

.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }

.owl-carousel.owl-loaded {
    display: block; }

.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }

.owl-carousel.owl-hidden {
    opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }

.owl-carousel.owl-rtl {
    direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */

.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.carousel/dist/assets/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  -o-transition: transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

.ico-arrow { background-image: url(../images/sprite.png); background-position: 0% 71.26436781609196%; background-size: 3771.4285714285716% 495.45454545454544%; width: 28px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-linkedin { background-image: url(../images/sprite.png); background-position: 3.0828516377649327% 68.88888888888889%; background-size: 5866.666666666666% 573.6842105263157%; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-instagram { background-image: url(../images/sprite.png); background-position: 0% 100%; background-size: 8123.076923076923% 519.047619047619%; width: 21xpx; height: 21px; display: inline-block; vertical-align: middle; font-size: 0px; }
/*.ico-tumblr { background-image: url(../images/insta-21px.png); ; width: 21px; height: 21px; }*/

.ico-twitter { background-image: url(../images/sprite.png); background-position: 5.212355212355212% 67.3913043478261%; background-size: 5280% 641.1764705882354%; width: 20px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo { background-image: url(../images/sprite.png); background-position: 0% 0%; background-size: 100% 187.93103448275863%; width: 1056px; height: 58px; display: inline-block; vertical-align: middle; font-size: 0px; }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
	.ico-arrow { background-image: url(../images/sprite.@2x.png); background-position: 60.71428571428571% 69.6969696969697%; background-size: 300% 400%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-linkedin { background-image: url(../images/sprite.@2x.png); background-position: 0% 0%; background-size: 233.33333333333334% 231.57894736842107%; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0px; }
/*  .ico-tumblr { background-image: url(../images/insta-21px.png); ; width: 21px; height: 21px; }*/
  .ico-instagram { background-image: url(../images/sprite.@2x.png); background-position: 0% 100%; background-size: 323.0769230769231% 209.52380952380955%; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0px; }
  .ico-twitter { background-image: url(../images/sprite.@2x.png); background-position: 100% 0%; background-size: 210% 258.8235294117647%; width: 20px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0px; }
/*  .ico-instagram { background-image: url(../images/ico-instagram.@2x.png); width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0px; }*/
}

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.3; color: #000; }

a { color: #417505; text-decoration: none; -webkit-transition: color .3s, text-shadow  .3s; -o-transition: color .3s, text-shadow  .3s; transition: color .3s, text-shadow  .3s; text-shadow: 0 0 .5px rgba(0,0,0,0); }

a:hover,
a[href^="tel"] { text-decoration: underline; color: #000; text-shadow: 0 0 .5px rgba(0,0,0,.2); }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; font-weight: 600; }

h4 { font-size: 14px; }

h5 { font-size: 13px; }

h6 { font-size: 12px; }

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

ul,
ol { list-style-type: none; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
flex-flow: row wrap;\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after {
  content: '';
  display: block;
  clear: both; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.col--1of3 { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

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

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

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

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

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

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { margin-top: 50px; margin-bottom: 50px; text-transform: uppercase; font-size: 14px; }

.footer .shell { position: relative; padding-bottom: 19px; }

.footer .shell:before { position: absolute; background-color: #000; height: 5px; left: 0px; right: -1px; content: ''; display: block; top: 100%; }

.footer p { margin-bottom: 0; }

.footer address { letter-spacing: 0.005em; padding-right: 42px; }

.footer address a { color: #000;  }

.footer address ul:after {
  content: '';
  display: block;
  clear: both; }

.footer address li { float: left; }

.footer address li + li { margin-left: 13px; }

.footer .cols { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 1023px) {
	.footer { text-align: center; }

	.footer .shell { padding-bottom: 17px; }
	.footer .shell:before { left: 10px; right: 10px; }

	.footer .cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

	.footer .footer__copyright { margin-bottom: 18px; }

	.footer address { padding-right: 0; }
	.footer address li { float: none; }
	.footer address li + li  { margin: auto; margin-top: 4px; }

	.footer .footer__city { margin-bottom: 22px; }

	.footer .footer__phone,
	.footer .footer__email { float: left; }
	.footer .footer__phone + .footer__email { margin-left: 12px; }

	.footer .socials { margin-top: 19px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { text-align: center; margin-top: 60px; }

.header .header__slogan { color: #9b9b9b; font-size: 14px; margin: auto; margin-bottom: 17px; margin-top: 25px; }

@media (max-width: 767px) {
	.header { margin-top: 16px; }

	.header .logo  { width: 320px; height: 17px;  }

	.header .header__slogan { margin-top: 21px;  }

	.header .nav { font-size: 14px; }
	.header .nav li + li { margin-left: 39px; }
	.header .nav a:before { height: 3px; bottom: -8px;  }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1079px; padding-left: 20px; padding-right: 20px; margin: auto; }

.shell--fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	article
\* ------------------------------------------------------------ */

.article .article__head { margin-bottom: 26px; }

.article h2 { margin-bottom: 10px; }

.article .article__info { font-size: 14px; }

.article .article__content { line-height: 1.5;}

.article .article__content p { margin-bottom: 16px; }

.article .article__foot { margin-top: 49px; padding-top: 28px; position: relative; }

.article .article__foot:before { display: block; content: ''; position: absolute; width: 224px; height: 1px; background-color: #979797; left: 1px; top: 0; }

.article .article__foot a { display: block; }

.article .article__foot a + a { margin-top: 28px; }

@media (max-width: 767px) {
	.article h2 { font-size: 16px; margin-bottom: 12px; }
}

/* ------------------------------------------------------------ *\
	article-bio
\* ------------------------------------------------------------ */

.article-bio .acrticle__head { margin-bottom: 25px; }

.article-bio p { line-height: 1.5; margin-bottom: 16px; }

@media (max-width: 1200px) {
	.article-bio .accordion-toggle:hover { cursor: pointer; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { padding: 12px 45px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 700; text-align: center; background-color: #9b9b9b; border: 1px solid #979797; border-radius: 4px; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: color .3s, background .3s; -o-transition: color .3s, background .3s; transition: color .3s, background .3s;}

.btn:hover { color: #9b9b9b; background-color: #fff; }

/*  Button Block  */

.btn--block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field { border-radius: 3px; border: 1px solid #979797; width: 100%; padding: 6.5px 5px; -webkit-box-shadow: 0 0 4px transparent, 0 0 4px transparent inset; box-shadow: 0 0 4px transparent, 0 0 4px transparent inset; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; -o-transition: box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; }

.field:focus { -webkit-box-shadow: 0 0 4px #979797, 0 0 4px #979797 inset; box-shadow: 0 0 4px #979797, 0 0 4px #979797 inset; }

.field--textarea { width: 100%; resize: none; }

.textarea { border-radius: 3px; border: 1px solid #979797; }

/* ------------------------------------------------------------ *\
	form-contact
\* ------------------------------------------------------------ */

.form-contact form { text-align: left;  }

.form-contact .form__label { margin-bottom: 10px; display: block; }

.form-contact .form__head { margin-bottom: 24px; }

.form-contact .form__row + .form__row { margin-top: 35px; }

.form-contact .form__controls--size1 { max-width: 223px; }

.form-contact .form__controls--size2 { width: 100%; max-width: 469px; }

.form-contact .field--textarea { height: 152px; }

.form-contact .form__actions { margin-top: 28px; }

@media (max-width: 1078px) {
	.form-contact .form__row + .form__row { margin-top: 25px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { width: 528px; height: 29px;  display: block; margin: auto; font-size: 0; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { text-transform: uppercase; font-size: 20px; display: inline-block; }

.nav ul:after {
  content: '';
  display: block;
  clear: both; }

.nav li { float: left; position: relative; }

.nav li + li { margin-left: 50px; }

.nav a { color: #000; font-weight: 700; }

.nav a:before { position: absolute; bottom: -9px; left: -2px; right: -2px;  background-color: #000; height: 5px; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; display: block; content: ''; }

.nav a:hover:before { opacity: 1; }

.nav .nav__current:before { opacity: 1; }

/* ------------------------------------------------------------ *\
	section-thumbnails
\* ------------------------------------------------------------ */

.section-thumbnails { padding-top: 54px; padding-bottom: 20px; }

@media (max-width: 767px) {
	.section-thumbnails { padding-top: 36px; }
}

/* ------------------------------------------------------------ *\
	Section Project
\* ------------------------------------------------------------ */

.section-project { padding-top: 75px; }

.section-project .cols { margin: auto -39px; }

.section-project .col { padding: 0 39px; }

.section-project .section__figures { padding-top: 4px; margin: -32px auto; font-size: 14px; }

.section-project .section__figure { padding: 32px 0; max-width: 481px; margin: auto; }

.section-project .section__hidden { opacity: 0; pointer-events: none; }

.section-project .section__img { margin-bottom: 17px; }
/* .section-project .section__img { margin-bottom: 17px; background-color: #f6f6f6; border: 1px solid #979797;*/

.section-project .section__articles { padding-left: 12px; margin: auto; }

@media (max-width: 1200px) {
	.section-project .col { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.section-project .section__articles { max-width: 481px; padding-left: 0; }

	.section-project .section__figures { padding: 0; margin: 0 auto; border: 1px solid #979797; margin-bottom: 49px; margin-top: 5px; max-width: 480px; }
	.section-project .section__figure { padding: 0; max-width: none; }
	.section-project .section__figure p { display: none; }

	.section-project .section__img { margin-bottom: 0; border: none; }
}

@media (max-width: 767px) {
	.section-project { padding-top: 32px; }
}

/* ------------------------------------------------------------ *\
	Section Contact
\* ------------------------------------------------------------ */

.section-contact { padding-top: 75px; }

.section-contact .cols { margin: auto -39px; }

.section-contact .col { padding: 0 39px; }

.section-contact .section__content {  padding-left: 12px; margin: auto; }

.section-contact .section__aside { padding-top: 4px; font-size: 14px; }

.section-contact .section__img { margin-bottom: 18px; }

.section-contact .form-contact { margin: auto; max-width: 469px;}

@media (max-width: 1200px) {
	.section-contact { padding-top: 36px; }

	.section-contact .col { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

	.section-contact .section__aside { display: none; }

	.section-contact .section__content { padding: 0; }
}

/* ------------------------------------------------------------ *\
	section-about
\* ------------------------------------------------------------ */

.section-about { padding-top: 48px; }

.section-about .section__img { margin-bottom: 32px; }

.section-about .section__aside { padding-top: 1px; }

.section-about .section__aside a { display: inline-block; position: relative; }

.section-about .section__aside a + a:before { content: ''; display: block; position: absolute; margin-left: -11px; width: 1px; height: 17px; margin-bottom: -2px; background-color: #444; pointer-events: none; }

.section-about .section__aside a + a { margin-left: 19px; }

.section-about .section__aside li + li { margin-top: 22px; }

.section-about .col--size1 { max-width: 328px; }

.section-about .col--size2 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.section-about .article-bio + .article-bio { margin-top: 63px; }

@media (max-width: 1200px) {
	.section-about { padding-top: 36px; }

	.section-about .col { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

	.section-about .section__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 409px; margin: auto; position: relative; left: 10px; }
	.section-about .section__aside ul { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: left; padding-left: 9%; padding-bottom: 9%; margin-top: -1px; }
	.section-about .section__aside a + a { display: none; }

	.section-about .section__img { max-width: 56.3%; -webkit-box-flex: 0; -ms-flex: 0 0 56.3%; flex: 0 0 56.3%; margin-bottom: 30px; }

	.section-about .article-bio + .article-bio  { margin-top: 17px; }

	.section-about .article__head { padding-bottom: 16px; border-bottom: 1px solid #979797; position: relative; margin-bottom: 0px; }
	.section-about .article__head:after { display: block; position: absolute; right: 10px; top: 6px; width: 14px; height: 11px; background-image: url(../images/sprite.png); background-position: 0% 71.26436781609196%; background-size: 3771.4285714285716% 495.45454545454544%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; content: ''; }

	.section-about .article-bio.open .article__head:after { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }
	.section-about .article-bio.open p { opacity: 1; }

	.section-about .article__text { margin-bottom: 21px; padding-bottom: 10px; border-bottom: 1px solid #979797; margin-top: 15px; }

	.section-about p { opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider-project .owl-dots { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -33px; }

.slider-project .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #9b9b9b; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }

.slider-project .owl-dot:not(.active) { background-color: #fff; }

.slider-project .owl-dot.active { background-color: #9b9b9b; }

.slider-project .owl-dot + .owl-dot { margin-left: 6px; }

/* ------------------------------------------------------------ *\
	socials
\* ------------------------------------------------------------ */

.socials:after {
  content: '';
  display: block;
  clear: both; }

.socials li { float: left; }

.socials li + li { margin-left: 35px; }

.socials a { display: block; position: relative;  }

.socials a:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; display: block; pointer-events: none; background-color: #fff; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.socials a:hover:before { opacity: 0.5; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	thumbnail
\* ------------------------------------------------------------ */

.thumbnails { margin: -29px -19.5px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.thumbnails .cols { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.thumbnail { padding: 29px 19.5px; margin: 0 auto; max-width: 360px; -webkit-box-flex: 0; -ms-flex: 0 0 359px; flex: 0 0 359px; }

.thumbnail a  { display: block; }

.thumbnail h3 { display: inline-block; margin-bottom: 16px; }

.thumbnail .thumbnail__img { display: block; background-color: #f6f6f6; border: 1px solid #979797; padding-top: 55.5%; background-size: cover; margin-bottom: 30px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; -o-transition: box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0); box-shadow: 0 0 2px rgba(0,0,0,0); }

.thumbnail a:hover .thumbnail__img { -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4); box-shadow: 0 0 2px rgba(0,0,0,0.4); }

.thumbnail .thumbnail__content { font-size: 14px; line-height: 1.6; color: #000; }

@media (max-width: 767px) {
	.thumbnail .thumbnail__img { margin-bottom: 20px; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */