@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@font-face {
  font-family: 'AvenirLTStd-Light';
  src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.otf") format("opentype"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url("../fonts/RobotoSlab-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSlab-Regular.woff") format("woff"), url("../fonts/RobotoSlab-Regular.ttf") format("truetype"), url("../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Anke';
  src: url("../fonts/Anke.eot?#iefix") format("embedded-opentype"), url("../fonts/Anke.woff") format("woff"), url("../fonts/Anke.ttf") format("truetype"), url("../fonts/Anke.svg#Anke") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0; }

body {
  font-family: 'AvenirLTStd-Light';
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: none; }
  a:focus {
    text-decoration: none; }

h2.title {
  font-size: 40px;
  text-transform: uppercase;
  margin: 0; }

.box {
  height: 488px; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

header {
  position: relative;
  min-height: 832px;
  background-image: url(../images/back.png);
  background-repeat: no-repeat;
  background-size: cover; }
  header .navbar {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #919192 !important; }
    header .navbar .navbar-header .navbar-brand {
      height: initial; }
    header .navbar .navbar-header button {
      margin: 25px 10px 25px 0;
      border: 1px solid #ffffff; }
      header .navbar .navbar-header button span {
        background-color: #ffffff; }
    header .navbar .navbar-collapse {
      padding: 0; }
      header .navbar .navbar-collapse ul.nav li {
        position: relative; }
        header .navbar .navbar-collapse ul.nav li a {
          padding: 0 10px;
          line-height: 80px;
          font-size: 18px;
          color: #ffffff;
          cursor: pointer;
          text-transform: uppercase; }
          header .navbar .navbar-collapse ul.nav li a:hover {
            background-color: transparent; }
          header .navbar .navbar-collapse ul.nav li a:focus {
            background-color: transparent; }
        header .navbar .navbar-collapse ul.nav li.active:after {
          content: "";
          position: absolute;
          bottom: 0;
          height: 2px;
          background-color: #ffffff;
          width: 100%; }
        header .navbar .navbar-collapse ul.nav li:hover:after {
          content: "";
          position: absolute;
          bottom: 0;
          height: 2px;
          background-color: #ffffff;
          width: 100%; }
        header .navbar .navbar-collapse ul.nav li + li {
          margin-left: 17px; }
  header .page-information-wrapper {
    padding-top: 290px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap; }
    header .page-information-wrapper .inner-text {
      text-align: center;
      -webkit-flex-basis: 835px;
          -ms-flex-preferred-size: 835px;
              flex-basis: 835px; }
      header .page-information-wrapper .inner-text h1 {
        margin: 0;
        font-size: 60px;
        color: #90ad3e;
        text-transform: uppercase; }
      header .page-information-wrapper .inner-text p {
        color: #ffffff;
        font-size: 30px;
        margin: 10px 0;
        text-transform: inherit; }
      header .page-information-wrapper .inner-text a {
        font-size: 25px;
        color: #90ad3e; }

section.section {
  color: #7b7b79; }
  section.section.section-box-wrapper div[class^=col] {
    padding: 0; }
    section.section.section-box-wrapper div[class^=col] .row {
      margin: 0; }
  section.section.section-box-wrapper .sm-images-wrapper .box .sm-images div {
    height: 241px;
    width: 50%;
    float: left; }
    section.section.section-box-wrapper .sm-images-wrapper .box .sm-images div:first-child {
      background-color: #eeefe7;
      margin-bottom: 6px; }
    section.section.section-box-wrapper .sm-images-wrapper .box .sm-images div:nth-child(2) {
      background-image: url(../images/big-logo.jpg);
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 6px; }
    section.section.section-box-wrapper .sm-images-wrapper .box .sm-images div:nth-child(3) {
      background-color: #aebf6f; }
    section.section.section-box-wrapper .sm-images-wrapper .box .sm-images div:last-child {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #636466; }
      section.section.section-box-wrapper .sm-images-wrapper .box .sm-images div:last-child p {
        text-align: center;
        color: #ffffff;
        font-size: 25px;
        line-height: normal;
        text-transform: uppercase;
        margin: 0; }
  section.section.section-box-wrapper .sm-images-wrapper .box .person .img-holder {
    background-image: url(../images/her-photo.jpg);
    background-size: cover;
    background-position: top center;
    min-height: 488px; }
  section.section.section-box-wrapper .person-info .box .title-wrapper {
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; }
    section.section.section-box-wrapper .person-info .box .title-wrapper .title {
      line-height: 1;
      color: #000000; }
      section.section.section-box-wrapper .person-info .box .title-wrapper .title:first-child span {
        color: #90ad3e; }
    section.section.section-box-wrapper .person-info .box .title-wrapper p {
      margin: 10px 0 0 0;
      font-size: 15px; }
      section.section.section-box-wrapper .person-info .box .title-wrapper p:after {
        content: '';
        display: block;
        width: 117px;
        height: 60px;
        background-image: url(../images/signature.png);
        background-size: 100% 100%;
        position: relative;
        margin-left: auto; }
  section.section.section-box-wrapper .person-info .box .logos > div {
    min-height: 244px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 10px 10px; }
    section.section.section-box-wrapper .person-info .box .logos > div a {
      margin: 0;
      text-decoration: none;
      font-size: 35px;
      text-transform: capitalize;
      line-height: 1; }
    section.section.section-box-wrapper .person-info .box .logos > div:first-child {
      background-color: #90ad3e;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
      section.section.section-box-wrapper .person-info .box .logos > div:first-child a {
        color: #ffffff;
        -webkit-flex-basis: 40%;
            -ms-flex-preferred-size: 40%;
                flex-basis: 40%; }
    section.section.section-box-wrapper .person-info .box .logos > div:last-child {
      background-color: #ffffff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      section.section.section-box-wrapper .person-info .box .logos > div:last-child a {
        color: #90ad3e;
        max-width: 190px; }
      section.section.section-box-wrapper .person-info .box .logos > div:last-child span {
        color: #90ad3e;
        text-transform: uppercase;
        line-height: 1;
        font-size: 14px; }
  section.section.section-box-wrapper .person-cite {
    background-image: url(../images/chairs.jpg); }
    section.section.section-box-wrapper .person-cite .box .testimonial {
      z-index: 1;
      height: 100%;
      cursor: pointer; }
      section.section.section-box-wrapper .person-cite .box .testimonial div {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        section.section.section-box-wrapper .person-cite .box .testimonial div article {
          width: 100%; }
          section.section.section-box-wrapper .person-cite .box .testimonial div article .text-holder {
            margin-bottom: 30px;
            background-color: #ffffff;
            opacity: 0.761;
            max-width: 100%;
            position: relative; }
            section.section.section-box-wrapper .person-cite .box .testimonial div article .text-holder p.content {
              font-size: 25px;
              color: #000000;
              padding: 33px 0;
              width: 590px;
              text-align: center;
              margin: 0 auto; }
            section.section.section-box-wrapper .person-cite .box .testimonial div article .text-holder:before {
              content: "";
              position: absolute;
              z-index: 2;
              left: 28px;
              top: -30px;
              width: 65px;
              height: 60px;
              background: url(../images/bloquotTop.png); }
            section.section.section-box-wrapper .person-cite .box .testimonial div article .text-holder:after {
              content: "";
              position: absolute;
              z-index: 2;
              right: 28px;
              bottom: -30px;
              width: 65px;
              height: 60px;
              background: url(../images/bloquotBottom.png); }
  section.section.section-box-wrapper .md-images .box .inner-bg {
    background-image: url(../images/interior.jpg);
    background-size: cover;
    height: 100%; }
    section.section.section-box-wrapper .md-images .box .inner-bg:last-child {
      background-image: url(../images/bathroom.jpg); }
  section.section.services {
    position: relative;
    height: 675px;
    padding-top: 75px; }
    section.section.services:before {
      content: '';
      background-color: #f3f3f3;
      position: absolute;
      top: 0;
      left: 40%;
      right: 0;
      bottom: 55px; }
    section.section.services .service-bg {
      background-image: url(../images/service.jpg);
      background-size: cover;
      height: 505px; }
    section.section.services .service-subtitles {
      padding-top: 76px; }
      section.section.services .service-subtitles h2 {
        margin: 0 0 45px 0; }
        section.section.services .service-subtitles h2.title {
          position: relative;
          color: #545454; }
          section.section.services .service-subtitles h2.title:after {
            content: '';
            position: absolute;
            bottom: -10px;
            right: 30%;
            width: 150%;
            background-color: #90ad3e;
            height: 2px; }
    section.section.services .block-wrapper:first-child .service-block:before {
      background-image: url(../images/icon/crop.png); }
    section.section.services .block-wrapper:nth-child(2) .service-block:before {
      background-image: url(../images/icon/cursor.png); }
    section.section.services .block-wrapper:nth-child(3) .service-block:before {
      background-image: url(../images/icon/house.png); }
    section.section.services .block-wrapper:last-child .service-block:before {
      background-image: url(../images/icon/cursor2.png); }
    section.section.services .block-wrapper .service-block {
      position: relative;
      -webkit-transform: translateX(20%);
          -ms-transform: translateX(20%);
              transform: translateX(20%); }
      section.section.services .block-wrapper .service-block:before {
        content: "";
        display: block;
        width: 28px;
        height: 28px;
        position: absolute;
        -webkit-transform: translateX(-130%);
            -ms-transform: translateX(-130%);
                transform: translateX(-130%);
        top: 0;
        background-repeat: no-repeat; }
      section.section.services .block-wrapper .service-block h4 {
        font-size: 20px;
        text-transform: capitalize;
        color: #000000; }
      section.section.services .block-wrapper .service-block p.service-block-description {
        font-size: 16px; }
  section.section.gallery {
    position: relative; }
    section.section.gallery .title-wrapper {
      max-width: 82%;
      margin: 0 auto; }
      section.section.gallery .title-wrapper .title {
        text-align: center;
        color: #545454;
        border-bottom: 1px solid #545454;
        padding-bottom: 10px;
        margin-bottom: 65px; }
        section.section.gallery .title-wrapper .title span {
          color: #90ad3e; }
    section.section.gallery .grid .img-box {
      position: relative;
      padding: 0;
      overflow: hidden; }
      section.section.gallery .grid .img-box:hover img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
      section.section.gallery .grid .img-box:hover .box-name {
        opacity: 0; }
      section.section.gallery .grid .img-box:hover .overlay {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.4); }
      section.section.gallery .grid .img-box.view img {
        width: 100%;
        max-width: 100%; }
      section.section.gallery .grid .img-box.view .box-name {
        opacity: 1;
        background-color: transparent; }
        section.section.gallery .grid .img-box.view .box-name a {
          font-size: 40px;
          text-transform: capitalize;
          color: #ffffff;
          text-align: center; }
      section.section.gallery .grid .img-box img {
        width: 100%;
        max-width: 100%;
        -webkit-transition: -webkit-transform 0.7s;
        transition: -webkit-transform 0.7s;
        transition: transform 0.7s;
        transition: transform 0.7s, -webkit-transform 0.7s;
        height: initial; }
      section.section.gallery .grid .img-box .box-name {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        opacity: 1;
        -webkit-transition: 0.7s ease;
        transition: 0.7s ease;
        background-color: rgba(0, 0, 0, 0.6); }
        section.section.gallery .grid .img-box .box-name h3 {
          margin: 0;
          color: #ffffff;
          font-size: 40px;
          text-transform: uppercase; }
      section.section.gallery .grid .img-box .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: 0.7s ease;
        transition: 0.7s ease;
        opacity: 0; }
        section.section.gallery .grid .img-box .overlay a {
          font-size: 100px;
          color: #ffffff;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%;
          width: 100%; }
  section.section.categories {
    padding: 60px 0;
    background-image: url(../images/categoryBack.png);
    background-size: cover;
    background-repeat: no-repeat; }
    section.section.categories div[class^=col] {
      margin-top: 20px; }
    section.section.categories .title {
      text-align: center;
      color: #545454;
      border-bottom: 1px solid #545454;
      padding-bottom: 10px;
      margin-bottom: 65px; }
      section.section.categories .title span {
        color: #90ad3e; }
    section.section.categories figure {
      margin: 0; }
      section.section.categories figure img {
        width: 100%; }
      section.section.categories figure h3 {
        font-size: 30px;
        color: #545454;
        text-align: center;
        text-transform: capitalize; }
      section.section.categories figure figcaption {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px; }
        section.section.categories figure figcaption.second {
          margin-top: 42px; }
        section.section.categories figure figcaption.third {
          margin-top: 42px; }
      section.section.categories figure a {
        width: 100px;
        display: block;
        height: 40px;
        margin: 0 auto;
        background-color: #90ad3e; }
        section.section.categories figure a span {
          color: #ffffff;
          width: 100px;
          display: block;
          height: 40px;
          line-height: 38px;
          font-size: 20px;
          text-align: center; }
  section.section.contact {
    position: relative; }
    section.section.contact h2 {
      font-size: 45px;
      color: #ffffff;
      text-align: center;
      position: absolute;
      top: 125px;
      width: 100%;
      margin: 0;
      text-transform: uppercase; }
    section.section.contact img {
      max-width: 100%; }
      section.section.contact img.main-bg {
        width: 100% !important; }
    section.section.contact .container {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      -webkit-transform: translateY(-40%);
          -ms-transform: translateY(-40%);
              transform: translateY(-40%); }
    section.section.contact .contact-box {
      padding: 50px 0;
      background-color: #ffffff;
      text-align: center; }
      section.section.contact .contact-box.email {
        padding-bottom: 85px; }
      section.section.contact .contact-box.number {
        padding-bottom: 89px !important; }
      section.section.contact .contact-box img {
        height: 62px; }
      section.section.contact .contact-box h3 {
        margin: 25px 0 45px 0;
        text-transform: capitalize; }
      section.section.contact .contact-box a {
        font-size: 25px;
        color: inherit; }
        section.section.contact .contact-box a.phone-number {
          font-size: 15px;
          display: inline-block;
          padding-top: 10px; }
          section.section.contact .contact-box a.phone-number:last-child {
            margin-left: 30px; }
    section.section.contact a.logo-button {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 40px;
      width: 198px;
      height: 60px;
      display: block;
      background-color: #ffffff;
      background-image: url(../images/contact_button_bg.png);
      background-position: center center;
      background-repeat: no-repeat; }

footer {
  background-image: url(../images/footer_bg.jpg);
  background-size: cover;
  padding: 70px 0 80px 0; }
  footer .footer-item {
    margin-bottom: 30px; }
    footer .footer-item h5.title {
      font-size: 20px;
      color: #90ad3e;
      text-transform: capitalize;
      margin: 25px 0; }
    footer .footer-item.firm-description .description-text {
      font-size: 22px;
      color: #ffffff;
      margin: 20px 0; }
    footer .footer-item.firm-description ul.social {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      footer .footer-item.firm-description ul.social li a i {
        font-size: 20px;
        color: #ffffff; }
      footer .footer-item.firm-description ul.social li + li {
        margin-left: 20px; }
    footer .footer-item.help ul.inner-titles {
      position: relative;
      padding-left: 15px; }
      footer .footer-item.help ul.inner-titles:before {
        content: "";
        position: absolute;
        left: 0;
        height: 100%;
        background-color: #90ad3e;
        width: 2px; }
      footer .footer-item.help ul.inner-titles li {
        line-height: normal; }
        footer .footer-item.help ul.inner-titles li + li {
          margin-top: 5px; }
        footer .footer-item.help ul.inner-titles li a {
          color: #ffffff !important; }
    footer .footer-item.company ul.inner-titles {
      position: relative;
      padding-left: 15px; }
      footer .footer-item.company ul.inner-titles:before {
        content: "";
        position: absolute;
        left: 0;
        height: 98%;
        background-color: #90ad3e;
        width: 2px; }
      footer .footer-item.company ul.inner-titles li {
        line-height: normal; }
        footer .footer-item.company ul.inner-titles li + li {
          margin-top: 5px; }
        footer .footer-item.company ul.inner-titles li a {
          color: #ffffff !important; }
    footer .footer-item.img-wrapper {
      margin-bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      footer .footer-item.img-wrapper img {
        max-width: 106px;
        max-height: 105px; }

@media (max-width: 767px) {
  header .navbar {
    background-color: #636466; }
    header .navbar .navbar-collapse {
      float: none !important;
      background-color: #636466;
      overflow: hidden; }
      header .navbar .navbar-collapse ul.nav li {
        max-width: 150px;
        margin: 0 auto; }
        header .navbar .navbar-collapse ul.nav li a {
          text-align: center;
          line-height: 60px; }
        header .navbar .navbar-collapse ul.nav li + li {
          margin: 0 auto; }
  header .page-information-wrapper .inner-text {
    padding-right: 0; }
    header .page-information-wrapper .inner-text h1 {
      font-size: 40px; }
    header .page-information-wrapper .inner-text p {
      font-size: 30px; }
  section {
    margin-bottom: 30px; }
    section.section-box-wrapper .sm-images-wrapper div[class^=col] {
      padding: 0 15px; }
    section.section-box-wrapper .sm-images-wrapper .box .sm-images div:last-of-type p {
      font-size: 25px !important; }
    section.section-box-wrapper .person-info {
      background-image: none !important;
      padding: 20px 15px 0 15px !important;
      margin-bottom: 25px; }
      section.section-box-wrapper .person-info .box {
        height: initial; }
        section.section-box-wrapper .person-info .box .title-wrapper {
          margin: 0 auto !important;
          text-align: center; }
          section.section-box-wrapper .person-info .box .title-wrapper p {
            width: auto !important; }
        section.section-box-wrapper .person-info .box .logos {
          margin-top: 15px; }
    section.services {
      height: initial !important; }
      section.services:before {
        display: none; }
      section.services .block-wrapper .service-block {
        -webkit-transform: translateX(0) !important;
            -ms-transform: translateX(0) !important;
                transform: translateX(0) !important;
        margin-left: 40px; }
    section.gallery img {
      width: 100%; }
    section.categories div[class^=col] + div[class^=col] {
      margin-top: 30px; }
    section.contact h2 {
      top: 10px !important;
      font-size: 30px !important; }
    section.contact img:first-of-type {
      display: none; }
    section.contact .container {
      position: static !important;
      -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
              transform: translateY(0) !important; }
      section.contact .container .contact-box {
        padding: 20px 0 !important; }
        section.contact .container .contact-box h3 {
          margin: 10px 0; }
    section.contact a.logo-button {
      border: 1px solid #636466;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      position: static !important;
      margin: 0 auto;
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important; } }

@media (min-width: 480px) and (max-width: 991px) {
  section.section-box-wrapper .person-info .box .logos > div:first-child {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  section.section-box-wrapper .person-info .box .logos > div:last-child {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }

@media (min-width: 768px) and (max-width: 1199px) {
  header .navbar .navbar-collapse ul.navbar-nav li a {
    font-size: 15px;
    padding: 0; }
  section.section-box-wrapper .sm-images-wrapper .box .sm-images div:last-child p {
    font-size: 20px !important; }
  section.section-box-wrapper .person-info {
    background-image: none !important; }
    section.section-box-wrapper .person-info .title-wrapper p {
      width: auto !important; }
      section.section-box-wrapper .person-info .title-wrapper p:after {
        top: 0 !important; }
  section.services {
    height: initial !important;
    margin-bottom: 30px; }
    section.services:before {
      display: none; }
    section.services .block-wrapper .service-block {
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important;
      margin-left: 20px; }
  section.gallery img {
    width: 100%; }
  section.contact {
    margin-bottom: 30px; }
    section.contact h2 {
      top: 55px !important;
      font-size: 30px !important; }
    section.contact img:first-of-type {
      display: none; }
    section.contact .container {
      position: static !important;
      -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
              transform: translateY(0) !important; }
      section.contact .container .contact-box {
        padding: 20px 0 !important; }
        section.contact .container .contact-box h3 {
          margin: 10px 0; }
    section.contact a.logo-button {
      border: 1px solid #636466;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      position: static !important;
      margin: 0 auto;
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important; } }

@media (min-width: 992px) and (max-width: 1023px) {
  section.section-box-wrapper .person-info .box .title-wrapper p:after {
    height: 40px !important; } }

@media (min-width: 1200px) {
  section.section-box-wrapper .person-info .title-wrapper p {
    width: auto !important; }
  section.services {
    height: initial !important;
    margin-bottom: 65px; }
    section.services .block-wrapper .service-block {
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important;
      margin-left: 20px; }
  section.categories figure h3 {
    margin-bottom: 0; }
  section.categories figure figcaption {
    margin-top: 30px !important; }
  section.categories figure .second {
    margin-top: 30px !important; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  section.contact h2 {
    top: 30px !important; }
  section.contact a.logo-button {
    bottom: 5px !important; } }

@media (min-width: 1889px) {
  header .container {
    width: 1600px; }
  section.services .container {
    width: 1600px !important; }
  section.categories .container {
    width: 1600px; }
  section.contact .container {
    width: 1600px; }
  footer .container {
    width: 1600px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

header.about-header {
  min-height: 242px;
  background-image: url(../images/portfolio-header-bg.jpg); }
  header.about-header .navbar {
    z-index: 2; }

section.section-about {
  background-color: #ffffff; }
  section.section-about .person-info-wrapper {
    background-color: #ffffff; }
    section.section-about .person-info-wrapper .person-description {
      z-index: 1;
      position: relative;
      background-color: #ffffff;
      margin: 0 auto;
      margin-top: -65px;
      max-width: 70%; }
      section.section-about .person-info-wrapper .person-description .main-description {
        max-width: 822px;
        margin: 0 auto;
        padding: 0 5px; }
        section.section-about .person-info-wrapper .person-description .main-description h1 {
          font-size: 40px;
          color: #000000;
          text-transform: uppercase;
          margin: 0; }
          section.section-about .person-info-wrapper .person-description .main-description h1:first-of-type {
            margin: 0 0 21px 0;
            padding-top: 28px; }
            section.section-about .person-info-wrapper .person-description .main-description h1:first-of-type span {
              color: #90ad3e; }
          section.section-about .person-info-wrapper .person-description .main-description h1:last-of-type {
            margin: 0 0 47px 0; }
        section.section-about .person-info-wrapper .person-description .main-description p {
          font-size: 20px;
          color: #000000;
          line-height: normal; }
          section.section-about .person-info-wrapper .person-description .main-description p:nth-of-type(2) {
            margin-bottom: 44px; }
          section.section-about .person-info-wrapper .person-description .main-description p:nth-of-type(3) {
            margin: 30px 0 0 0;
            padding-bottom: 130px; }
        section.section-about .person-info-wrapper .person-description .main-description img.img-responsive {
          display: block;
          margin: 0 auto; }

section.section-support {
  margin-bottom: 0 !important;
  min-height: 402px;
  background-color: #90ad3e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  section.section-support .text-content {
    color: #ffffff;
    max-width: 822px;
    margin: 0 auto;
    text-align: center; }
    section.section-support .text-content h1 {
      font-size: 55px;
      margin: 0; }
    section.section-support .text-content h3 {
      font-size: 35px;
      margin: 25px 0 55px 0; }
    section.section-support .text-content .buttons-wrapper {
      max-width: 434px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      section.section-support .text-content .buttons-wrapper a {
        height: 58px;
        width: 48%;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        section.section-support .text-content .buttons-wrapper a.support-logo-button {
          background-color: #ffffff;
          background-image: url(../images/contact_button_bg.png);
          background-position: center center;
          background-repeat: no-repeat; }
        section.section-support .text-content .buttons-wrapper a.contact {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #ffffff;
          font-size: 28px;
          text-transform: capitalize;
          border: 1px solid #ffffff;
          -webkit-border-radius: 2px;
                  border-radius: 2px; }

@media (max-width: 390px) {
  section.section-support {
    padding: 30px 0; } }

@media (max-width: 767px) {
  section.section-about .person-info-wrapper .person-description .main-description h1 {
    font-size: 30px !important; }
  section.section-support .text-content h1 {
    font-size: 40px !important; }
  section.section-support .text-content h3 {
    font-size: 30px; }
  section.section-support .text-content .buttons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; } }

header.portfolio-header {
  min-height: 242px;
  background-image: url(../images/portfolio-header-bg.jpg); }
  header.portfolio-header .navbar {
    z-index: 2; }

section.section-portfolio {
  margin-bottom: 55px;
  background-color: #ffffff; }
  section.section-portfolio .portfolio-wrapper {
    background-color: #ffffff; }
    section.section-portfolio .portfolio-wrapper .portfolio-sections {
      z-index: 1;
      position: relative;
      background-color: #ffffff;
      margin: 0 auto;
      margin-top: -65px;
      max-width: 89%; }
      section.section-portfolio .portfolio-wrapper .portfolio-sections h1 {
        font-size: 40px !important;
        color: #000000 !important;
        margin: 0 0 90px 15px !important;
        padding-top: 47px !important; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections h1 span {
          color: #90ad3e !important; }
      section.section-portfolio .portfolio-wrapper .portfolio-sections .container {
        width: 100%;
        margin-bottom: 100px; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-img-box {
          padding: 0; }
          section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-img-box .box-bg {
            min-height: 441px;
            width: 100%;
            background-image: url(../images/news/Layer-1.jpg);
            background-size: cover;
            background-position: center right; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box {
          padding: 0; }
          section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap {
            border-top: 6px solid #90ad3e;
            min-height: 431px;
            padding: 0 5px 0 15px;
            display: table; }
            section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap .box-text {
              display: table-cell;
              vertical-align: middle; }
              section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap .box-text h3 {
                font-size: 30px;
                color: #000000;
                text-transform: uppercase;
                margin: 0 0 15px 0;
                line-height: 1; }
              section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap .box-text p {
                font-size: 20px;
                color: #000000;
                line-height: 1.3; }
              section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap .box-text a.show-more {
                font-size: 30px;
                color: #90ad3e;
                text-transform: lowercase;
                float: right;
                position: relative;
                margin-bottom: 3px; }
                section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap .box-text a.show-more:after {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  right: 40%;
                  height: 2px;
                  background-color: #90ad3e;
                  width: 150%;
                  -webkit-transition: 0.5s;
                  transition: 0.5s; }
                section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row .portfolio-text-box .text-wrap .box-text a.show-more:hover:after {
                  right: 0;
                  width: 100%; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:nth-child(even) .portfolio-text-box {
          float: left; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:nth-child(even) .portfolio-img-box {
          float: right; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:nth-child(odd) .portfolio-text-box {
          float: right; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:nth-child(odd) .portfolio-img-box {
          float: left; }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:first-child .portfolio-img-box .box-bg {
          background-image: url(../images/news/Layer-1.jpg); }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:nth-child(2) .portfolio-img-box .box-bg {
          background-image: url(../images/news/Layer-2.jpg); }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:nth-child(3) .portfolio-img-box .box-bg {
          background-image: url(../images/news/Layer-3.jpg); }
        section.section-portfolio .portfolio-wrapper .portfolio-sections .container .row:last-child .portfolio-img-box .box-bg {
          background-image: url(../images/news/Layer-4.jpg); }

@media (min-width: 992px) and (max-width: 1199px) {
  section.section-portfolio .portfolio-wrapper .portfolio-sections .portfolio-text-box .text-wrap .box-text h3 {
    font-size: 25px !important; }
  section.section-portfolio .portfolio-wrapper .portfolio-sections .portfolio-text-box .text-wrap .box-text p {
    font-size: 19px !important; }
  section.section-portfolio .portfolio-wrapper .portfolio-sections .portfolio-text-box .text-wrap .box-text a.show-more {
    font-size: 25px !important; } }

section.section-portfolio-inner {
  background-color: #ffffff; }
  section.section-portfolio-inner .portfolio-wrapper {
    background-color: #ffffff; }
    section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content {
      z-index: 1;
      position: relative;
      background-color: #ffffff;
      margin: 0 auto;
      margin-top: -65px;
      max-width: 89%;
      padding-top: 66px; }
      section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .text-content {
        margin-bottom: 60px; }
        section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .text-content h1 {
          font-size: 34px;
          color: #3d3d3d;
          line-height: 1;
          text-transform: uppercase;
          margin: 0 0 65px 0;
          padding-left: 20px;
          border: none;
          border-left: 1px solid #90ad3e; }
        section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .text-content p {
          font-size: 21px;
          font-weight: 300;
          text-transform: inherit;
          line-height: normal;
          margin: 0; }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .text-content p:first-of-type {
            margin-bottom: 50px; }
      section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .img-content img {
        margin: 0 auto !important;
        height: auto; }
      section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .slider .portfolio-inner-slider {
        cursor: pointer !important;
        margin-top: 66px;
        margin-bottom: 0; }
        section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .slider .portfolio-inner-slider img {
          max-width: 100%;
          margin: 0 auto; }
        section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .slider .portfolio-inner-slider button {
          margin: 0;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 65px;
          height: 50px; }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .slider .portfolio-inner-slider button:before {
            display: none; }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .slider .portfolio-inner-slider button.slick-prev {
            left: -15px;
            background-image: url(../images/portfolio/portfolio-slider-prev.png); }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .slider .portfolio-inner-slider button.slick-next {
            right: -15px;
            background-image: url(../images/portfolio/portfolio-slider-next.png); }
      section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .back-link {
        margin: 40px 0; }
        section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .back-link a.back {
          width: 226px;
          height: 50px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-left: auto;
          -webkit-justify-content: space-around;
              -ms-flex-pack: distribute;
                  justify-content: space-around;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 1px solid #d5d5d5;
          color: #3d3d3d;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: 0.5s ease;
          transition: 0.5s ease; }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .back-link a.back:hover {
            color: #90ad3e;
            border-color: #90ad3e; }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .back-link a.back i {
            font-size: 25px;
            line-height: 0.8; }
          section.section-portfolio-inner .portfolio-wrapper .portfolio-inner-content .back-link a.back span {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 300; }

@media (max-width: 767px) {
  .slider button {
    display: none !important; }
  .back-link a.back {
    width: 200px !important;
    margin-left: auto; }
    .back-link a.back span {
      font-size: 14px; } }

header.news-header {
  min-height: 242px;
  background-image: url(../images/portfolio-header-bg.jpg); }
  header.news-header .navbar {
    z-index: 2; }

section.section-news {
  margin-bottom: 55px;
  background-color: #ffffff; }
  section.section-news .news-wrapper {
    background-color: #ffffff; }
    section.section-news .news-wrapper .news-sections {
      z-index: 1;
      position: relative;
      background-color: #ffffff;
      margin: 0 auto;
      margin-top: -65px;
      max-width: 89%; }
      section.section-news .news-wrapper .news-sections h1 {
        font-size: 40px !important;
        color: #000000 !important;
        margin: 0 0 90px 15px !important;
        padding-top: 47px !important; }
        section.section-news .news-wrapper .news-sections h1 span {
          color: #90ad3e !important; }
      section.section-news .news-wrapper .news-sections .container {
        width: 100%;
        margin-bottom: 100px; }
        section.section-news .news-wrapper .news-sections .container .row .news-img-box {
          padding: 0; }
          section.section-news .news-wrapper .news-sections .container .row .news-img-box .box-bg {
            min-height: 441px;
            width: 100%;
            background-size: cover;
            background-position: center right; }
        section.section-news .news-wrapper .news-sections .container .row .news-text-box {
          padding: 0; }
          section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap {
            border-top: 6px solid #90ad3e;
            min-height: 431px;
            padding: 0 5px 0 15px;
            display: table; }
            section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text {
              display: table-cell;
              vertical-align: middle; }
              section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text h3 {
                font-size: 30px;
                color: #000000;
                text-transform: uppercase;
                margin: 0 0 15px 0;
                line-height: 1; }
              section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text p {
                font-size: 20px;
                color: #000000;
                line-height: 1.3; }
                section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text p.publication-date {
                  font-style: italic;
                  font-weight: 600;
                  line-height: 1; }
              section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text a.show-more {
                font-size: 30px;
                color: #90ad3e;
                text-transform: lowercase;
                float: right;
                position: relative;
                margin-bottom: 3px; }
                section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text a.show-more:after {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  right: 40%;
                  height: 2px;
                  background-color: #90ad3e;
                  width: 150%;
                  -webkit-transition: 0.5s;
                  transition: 0.5s; }
                section.section-news .news-wrapper .news-sections .container .row .news-text-box .text-wrap .box-text a.show-more:hover:after {
                  right: 0;
                  width: 100%; }
        section.section-news .news-wrapper .news-sections .container .row:nth-child(even) .news-text-box {
          float: left; }
        section.section-news .news-wrapper .news-sections .container .row:nth-child(even) .news-img-box {
          float: right; }
        section.section-news .news-wrapper .news-sections .container .row:nth-child(odd) .news-text-box {
          float: right; }
        section.section-news .news-wrapper .news-sections .container .row:nth-child(odd) .news-img-box {
          float: left; }
        section.section-news .news-wrapper .news-sections .container .row:first-child .news-img-box .box-bg {
          background-image: url(../images/news/Layer-1.jpg); }
        section.section-news .news-wrapper .news-sections .container .row:nth-child(2) .news-img-box .box-bg {
          background-image: url(../images/news/Layer-2.jpg); }
        section.section-news .news-wrapper .news-sections .container .row:nth-child(3) .news-img-box .box-bg {
          background-image: url(../images/news/Layer-3.jpg); }
        section.section-news .news-wrapper .news-sections .container .row:last-child .news-img-box .box-bg {
          background-image: url(../images/news/Layer-4.jpg); }
      section.section-news .news-wrapper .news-sections a.pagination-toggle {
        color: #ffffff;
        background-color: #90ad3e;
        width: 214px;
        height: 60px;
        display: block;
        margin: 0 auto; }
        section.section-news .news-wrapper .news-sections a.pagination-toggle .text-arrow-holder {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          section.section-news .news-wrapper .news-sections a.pagination-toggle .text-arrow-holder span {
            text-transform: uppercase;
            font-size: 30px;
            line-height: 1; }
          section.section-news .news-wrapper .news-sections a.pagination-toggle .text-arrow-holder i {
            font-size: 20px;
            margin-left: 10px; }

@media (min-width: 992px) and (max-width: 1199px) {
  section.section-news .news-wrapper .news-sections .news-text-box .text-wrap .box-text h3 {
    font-size: 25px !important; }
  section.section-news .news-wrapper .news-sections .news-text-box .text-wrap .box-text p {
    font-size: 19px !important; }
  section.section-news .news-wrapper .news-sections .news-text-box .text-wrap .box-text a.show-more {
    font-size: 25px !important; } }

section.section-news-inner {
  background-color: #ffffff; }
  section.section-news-inner .news-wrapper {
    background-color: #ffffff; }
    section.section-news-inner .news-wrapper .news-inner-content {
      z-index: 1;
      position: relative;
      background-color: #ffffff;
      margin: 0 auto;
      margin-top: -65px;
      max-width: 89%;
      padding-top: 66px; }
      section.section-news-inner .news-wrapper .news-inner-content .row:first-child {
        min-height: 661px;
        margin-bottom: 58px; }
      section.section-news-inner .news-wrapper .news-inner-content .text-content .title-wrapper {
        margin-bottom: 80px;
        border: none;
        border-left: 1px solid #90ad3e;
        padding-left: 20px; }
        section.section-news-inner .news-wrapper .news-inner-content .text-content .title-wrapper h1 {
          font-size: 34px;
          color: #3d3d3d;
          line-height: 1;
          text-transform: uppercase;
          margin: 3px 0 10px 0; }
        section.section-news-inner .news-wrapper .news-inner-content .text-content .title-wrapper h3 {
          font-size: 20px;
          color: #3d3d3d;
          text-transform: uppercase;
          margin: 0;
          font-weight: 300; }
      section.section-news-inner .news-wrapper .news-inner-content .text-content p {
        font-size: 21px;
        color: #3d3d3d;
        font-weight: 300;
        text-transform: inherit;
        line-height: normal;
        margin: 0; }
        section.section-news-inner .news-wrapper .news-inner-content .text-content p:last-of-type {
          margin: 10px 0 40px 0; }
      section.section-news-inner .news-wrapper .news-inner-content .text-content span {
        color: #3d3d3d;
        margin-top: 40px;
        font-size: 25px;
        text-transform: capitalize; }
      section.section-news-inner .news-wrapper .news-inner-content .img-content img {
        margin: 0 auto !important;
        height: auto; }
      section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile {
        min-height: 224px;
        padding: 0; }
        section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile:not(:last-child) {
          padding: 20px 20px 0 20px; }
        section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.about-designers {
          background-color: #90ad3e;
          color: #3d3d3d; }
          section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.about-designers h6 {
            margin: 0;
            font-size: 13px;
            font-weight: 700;
            padding-right: 89%;
            text-transform: capitalize;
            padding-bottom: 5px;
            border: none;
            border-bottom: 1px solid #eeefe7; }
          section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.about-designers p {
            font-size: 15px;
            font-weight: 300;
            line-height: normal;
            margin: 20px 0 0 0; }
        section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.with-logo {
          background-color: #f0f0f0; }
          section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.with-logo a {
            display: block;
            padding-bottom: 20px;
            border: none;
            border-bottom: 1px solid #90ad3e; }
          section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.with-logo p {
            font-size: 15px;
            font-weight: 300;
            color: #3d3d3d;
            line-height: normal;
            margin: 20px 0 0 0; }
        section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.get-in-touch {
          background-image: url(../images/news/news-tile-bg.jpg);
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat; }
          section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.get-in-touch .text-link {
            color: #ffffff;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            min-height: 224px; }
            section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.get-in-touch .text-link h3 {
              margin: 0;
              text-transform: uppercase; }
            section.section-news-inner .news-wrapper .news-inner-content .news-tiles .tile.get-in-touch .text-link a {
              width: 200px;
              height: 40px;
              margin-top: 30px;
              text-transform: uppercase;
              font-size: 16px;
              border: 1px solid #ffffff;
              color: #ffffff;
              line-height: normal;
              text-align: center;
              padding: 10px 0; }
      section.section-news-inner .news-wrapper .news-inner-content .back-link {
        margin: 40px 0; }
        section.section-news-inner .news-wrapper .news-inner-content .back-link a.back {
          width: 226px;
          height: 50px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin-left: auto;
          -webkit-justify-content: space-around;
              -ms-flex-pack: distribute;
                  justify-content: space-around;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 1px solid #d5d5d5;
          color: #3d3d3d;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: 0.5s ease;
          transition: 0.5s ease; }
          section.section-news-inner .news-wrapper .news-inner-content .back-link a.back:hover {
            color: #90ad3e;
            border-color: #90ad3e; }
          section.section-news-inner .news-wrapper .news-inner-content .back-link a.back i {
            font-size: 25px;
            line-height: 0.8; }
          section.section-news-inner .news-wrapper .news-inner-content .back-link a.back span {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 300; }

header.press-header {
  min-height: 242px;
  background-image: url(../images/portfolio-header-bg.jpg); }
  header.press-header .navbar {
    z-index: 2; }

section.section-press {
  margin-bottom: 140px;
  background-color: #ffffff; }
  section.section-press .tiles-wrapper {
    padding-top: 50px;
    z-index: 1;
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: -65px;
    max-width: 89%;
    height: 100%; }
    section.section-press .tiles-wrapper h1 {
      font-size: 40px;
      color: #000000;
      text-transform: capitalize;
      margin: 0 0 100px 15px; }
    section.section-press .tiles-wrapper .grid {
      height: 100%; }
      section.section-press .tiles-wrapper .grid .container-fluid {
        height: 100%; }
        section.section-press .tiles-wrapper .grid .container-fluid .row {
          height: 100%; }
          section.section-press .tiles-wrapper .grid .container-fluid .row .item {
            padding: 15px !important; }
            section.section-press .tiles-wrapper .grid .container-fluid .row .item img {
              width: 100%; }
            section.section-press .tiles-wrapper .grid .container-fluid .row .item a {
              display: block;
              padding: 0 10px;
              margin-top: 15px; }
              section.section-press .tiles-wrapper .grid .container-fluid .row .item a h2 {
                margin: 0 0 5px 0;
                color: #000000;
                text-transform: uppercase; }
              section.section-press .tiles-wrapper .grid .container-fluid .row .item a p {
                margin: 0;
                line-height: 1;
                color: #505050;
                text-transform: capitalize; }

header.contact-header {
  min-height: 242px;
  background-image: url(../images/portfolio-header-bg.jpg); }
  header.contact-header .navbar {
    z-index: 2; }

section.section-contact {
  margin-bottom: 140px;
  background-color: #ffffff; }
  section.section-contact .form-wrapper {
    padding-top: 98px;
    z-index: 1;
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: -65px;
    max-width: 89%; }
    section.section-contact .form-wrapper .container-fluid {
      max-width: 90%; }
      section.section-contact .form-wrapper .container-fluid div[class^=col] {
        margin-top: 20px; }
      section.section-contact .form-wrapper .container-fluid h1 {
        font-size: 40px;
        color: #000000;
        text-transform: inherit;
        margin: 0 0 50px 0;
        padding-bottom: 7px;
        border-bottom: 1px solid #d4d4d4;
        position: relative; }
        section.section-contact .form-wrapper .container-fluid h1:before {
          content: '';
          position: absolute;
          height: 2px;
          background-color: #90ad3e;
          min-width: 130px;
          max-width: 130px;
          left: 0;
          bottom: 0; }
        section.section-contact .form-wrapper .container-fluid h1.contact-title {
          color: #3d3f52; }
      section.section-contact .form-wrapper .container-fluid form .inputs-group {
        width: 100%;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        section.section-contact .form-wrapper .container-fluid form .inputs-group input:not([type="submit"]) {
          margin-top: 10px;
          border: 1px solid #d4d4d4;
          border-top-color: #90ad3e;
          -webkit-flex-basis: 32%;
              -ms-flex-preferred-size: 32%;
                  flex-basis: 32%;
          outline: none;
          padding-left: 15px;
          height: 50px; }
        section.section-contact .form-wrapper .container-fluid form .inputs-group textarea {
          margin: 15px 0;
          width: 100%;
          min-height: 270px;
          outline: none;
          resize: vertical;
          padding-left: 15px;
          padding-top: 15px;
          border: 1px solid #d4d4d4;
          border-top-color: #90ad3e;
          color: #505050;
          font-size: 19px;
          cursor: pointer; }
        section.section-contact .form-wrapper .container-fluid form .inputs-group input[type=submit] {
          height: 54px;
          width: 285px;
          background-color: #90ad3e;
          border: none;
          outline: none;
          color: #ffffff;
          font-size: 25px;
          cursor: pointer; }
      section.section-contact .form-wrapper .container-fluid p.title {
        margin: 0 0 32px 0;
        font-size: 24px;
        font-weight: 700; }
      section.section-contact .form-wrapper .container-fluid ul.contact li {
        position: relative;
        padding: 28px 0 23px 40px; }
        section.section-contact .form-wrapper .container-fluid ul.contact li a {
          display: block;
          font-size: 22px;
          line-height: normal;
          color: #505050; }
          section.section-contact .form-wrapper .container-fluid ul.contact li a.address {
            max-width: 58%; }
        section.section-contact .form-wrapper .container-fluid ul.contact li i {
          position: absolute;
          top: 28px;
          font-size: 25px;
          left: 0;
          color: #90ad3e; }
        section.section-contact .form-wrapper .container-fluid ul.contact li:nth-child(2) {
          border-top: 1px solid #d4d4d4;
          border-bottom: 1px solid #d4d4d4; }
          section.section-contact .form-wrapper .container-fluid ul.contact li:nth-child(2):after {
            content: "";
            width: 160px;
            display: block;
            position: absolute;
            height: 155px;
            right: 0;
            top: 0;
            background-image: url(../images/contact-bg.png);
            background-repeat: no-repeat;
            background-position: 100%; }

@media (max-width: 767px) {
  form .inputs-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    form .inputs-group input:not([type="submit"]) {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
    form .inputs-group input[type=submit] {
      width: 200px !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  form .inputs-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    form .inputs-group input:not([type="submit"]) {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }

@media (max-width: 1220px) {
  ul.contact li:nth-child(2):after {
    display: none !important; } }

/* Visit http://www.menucool.com/responsive-slider for instructions */
#ninja-slider {
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding-top: 30px;
  padding-bottom: 10px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#ninja-slider.fullscreen {
  background: black; }

#ninja-slider.fullscreen #ninja-slider-prev {
  left: -50px; }

#ninja-slider.fullscreen #ninja-slider-next {
  right: -50px; }

#ninja-slider .slider-inner {
  max-width: 700px;
  margin: 0 auto;
  /*center-aligned*/
  font-size: 0px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#ninja-slider.fullscreen .slider-inner {
  max-width: 900px;
  max-height: 80%; }

#ninja-slider ul {
  /*overflow:hidden;*/
  position: relative;
  list-style: none;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#ninja-slider li {
  background-color: #111;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#ninja-slider li.ns-show {
  opacity: 1; }

/* --------- slider image ------- */
#ninja-slider .ns-img {
  background-color: rgba(0, 0, 0, 0.3);
  background-size: contain;
  /*Note: If transitionType is zoom, it will be overridden to cover.*/
  -webkit-border-radius: 3px;
          border-radius: 3px;
  cursor: default;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center; }

/* ---------Arrow buttons ------- */
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */
#ninja-slider-pause-play {
  display: none; }

#ninja-slider-prev, #ninja-slider-next {
  position: absolute;
  display: inline-block;
  width: 42px;
  height: 56px;
  line-height: 56px;
  top: 50%;
  margin-top: -28px;
  background-color: rgba(0, 0, 0, 0.4);
  background-color: #ccc \9;
  /*IE8 hack*/
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: white;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  z-index: 10;
  opacity: 0.3;
  font-family: sans-serif;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: all 0.7s;
  transition: all 0.7s; }

.slider-inner:hover #ninja-slider-prev, .slider-inner:hover #ninja-slider-next {
  opacity: 1; }

#ninja-slider-prev {
  left: 0; }

#ninja-slider-next {
  right: 0; }

/* arrows */
#ninja-slider-prev::before, #ninja-slider-next::before {
  position: absolute;
  top: 17px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 2px solid white;
  border-top: 2px solid white; }

#ninja-slider-prev::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  right: 4px; }

#ninja-slider-next::before {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  left: 4px; }

/*pagination num within the arrow buttons*/
#ninja-slider-prev div, #ninja-slider-next div {
  display: none; }

/*------ pager(nav bullets) ------*/
/* The pager id should be: slider id + "-pager" */
#ninja-slider-pager {
  display: none; }

#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/*Responsive settings*/
/* http://www.menucool.com */
#thumbnail-slider {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  opacity: 0.8;
  margin: 4px auto;
  /*center-aligned*/
  width: 100%;
  max-width: 780px;
  padding: 0px 40px;
  /*Gives room for arrow buttons*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#thumbnail-slider:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

#ninja-slider.fullscreen #thumbnail-slider {
  width: 90%;
  max-width: 1120px; }

#thumbnail-slider div.inner {
  /*the followings should not be changed */
  position: relative;
  overflow: hidden;
  padding: 2px 0;
  margin: 0; }

#thumbnail-slider div.inner ul {
  /*the followings should not be changed */
  white-space: nowrap;
  position: relative;
  left: 0;
  top: 0;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  float: left !important;
  width: auto !important;
  height: auto !important; }

#thumbnail-slider ul li {
  opacity: 1;
  overflow: visible;
  display: inline-block;
  *display: inline !important;
  /*IE7 hack*/
  border: 2px solid #222;
  margin: 0 4px;
  /* Spacing between thumbs*/
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  position: relative;
  list-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

#thumbnail-slider ul li.active {
  border-color: white; }

#thumbnail-slider li:hover {
  border-color: rgba(255, 255, 255, 0.7); }

#thumbnail-slider .thumb {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  font-size: 0; }

/* --------- Captions ------- */
#thumbnail-slider li > span {
  position: absolute;
  color: rgba(255, 255, 255, 0.7);
  font-size: 22px;
  bottom: 2px; }

/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */
#thumbnail-slider-pause-play {
  display: none; }

/*.pause*/
#thumbnail-slider-prev, #thumbnail-slider-next {
  position: absolute;
  background-color: none;
  width: 40px;
  height: 50px;
  line-height: 50px;
  top: 50%;
  margin: 0;
  margin-top: -25px;
  color: white;
  z-index: 10;
  cursor: pointer;
  opacity: 1;
  *background-color: #ccc;
  /*IE7 hack*/ }

#thumbnail-slider-prev {
  left: 0px;
  right: auto; }

#thumbnail-slider-next {
  left: auto;
  right: 0px; }

#thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled {
  opacity: 0.3;
  cursor: default; }

/* arrows */
#thumbnail-slider-prev::before, #thumbnail-slider-next::before {
  position: absolute;
  top: 15px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-left: 3px solid #DDD;
  border-top: 3px solid #DDD; }

#thumbnail-slider-prev::before {
  left: 14px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

#thumbnail-slider-next::before {
  right: 14px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

/*Responsive settings*/
@media only screen and (max-width: 736px) {
  #thumbnail-slider {
    padding: 0; }
  #thumbnail-slider-prev, #thumbnail-slider-next {
    display: none; } }

.modal {
  padding-right: 0 !important; }
  .modal.in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .modal .modal-dialog .modal-content {
    background-color: #636466; }
    .modal .modal-dialog .modal-content .modal-header {
      border-bottom: none; }
      .modal .modal-dialog .modal-content .modal-header button.close {
        opacity: 1;
        color: #ffffff;
        text-shadow: none;
        outline: none; }
    .modal .modal-dialog .modal-content .modal-body #ninja-slider {
      background: #636466; }
      .modal .modal-dialog .modal-content .modal-body #ninja-slider .slider-inner ul li {
        background-color: #636466; }
        .modal .modal-dialog .modal-content .modal-body #ninja-slider .slider-inner ul li a {
          background-color: transparent; }