html {
    scroll-behavior: smooth;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

h1 {
    margin: .67em 0
}

img {
    border: 0
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    line-height: 1.42857143;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    text-decoration: none
}

img {
    vertical-align: middle
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

p {
    margin: 0 0 10px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #363a42;
    border: none
}

h1 {
    margin-top: 60px;
    margin-bottom: 28px;
    font-size: 48px
}

h2 {
    margin-top: 44px;
    margin-bottom: 31px;
    font-size: 32px
}

h3 {
    margin-top: 49px;
    margin-bottom: 31px;
    font-size: 28px
}

h4 {
    margin-top: 47px;
    margin-bottom: 20px;
    font-size: 26px
}

h5 {
    margin-top: 47px;
    margin-bottom: 17px;
    font-size: 21px
}

h6 {
    margin-top: 49px;
    margin-bottom: 12px;
    font-size: 18px
}

.text-alt {
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 700
}

.strong {
    font-weight: 700;
    text-transform: uppercase
}

.text-strong {
    font-weight: 700;
    font-size: 18px
}

.hightlight-text {
    color: #93be4c
}

.hightlight-text--alt {
    color: #363a42
}

.hightlight-text--null {
    color: #fff
}

.text-center-md {
    padding: 0 100px;
    text-align: center
}

.heading {
    margin: 48px 0 29px;
    font: 24px 'Noto Sans', sans-serif;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #363a42
}

.heading-emphasis {
    color: #d0dd36
}

.heading--start {
    margin: 88px 0 29px
}

.heading--md {
    font-size: 18px;
    text-transform: uppercase
}

.heading--small {
    font-size: 15px;
    margin-top: 39px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.heading--small-alt {
    font-size: 15px;
    margin-top: 39px;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-weight: 400;
    color: #6d7e8c
}

.heading--small-inline {
    display: inline-block;
    margin-top: 16px
}

.heading--medium {
    font-size: 24px;
    margin-top: 39px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.heading--mt {
    margin-top: 79px;
    margin-bottom: 25px
}

.heading--little {
    margin-bottom: 9px
}

.heading--first {
    margin-top: 0
}

.heading--smaller {
    margin-top: -12px
}

.heading--short {
    margin-top: -3px;
    margin-bottom: 28px
}

.heading--post-label {
    padding-top: 10px;
    margin-bottom: 27px
}

.heading--login {
    margin-top: 5px;
    margin-bottom: 27px
}

.heading--alt {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700
}

.heading--seperate-section {
    margin-top: 57px;
    margin-bottom: 11px
}

.heading--mb36 {
    margin-bottom: 36px
}

.heading--mb27 {
    margin-bottom: 27px
}

.heading--mb23 {
    margin-bottom: 23px
}

.heading--mb15 {
    margin-bottom: 15px
}

.heading--mt68 {
    margin-top: 68px
}

.heading--mt54 {
    margin-top: 54px
}

.heading--mt44 {
    margin-top: 44px
}

.heading--mt32 {
    margin-top: 32px
}

.heading--mt18 {
    margin-top: 18px
}

.heading--line {
    margin-bottom: 32px
}

.heading--line:after {
    margin-top: 18px;
    content: "";
    display: block;
    width: 68px;
    height: 6px;
    background: #93be4c
}

.heading--footer {
    margin-top: 97px;
    margin-bottom: 24px;
    color: #fff
}

.heading--footer:after {
    background: #6d7e8c
}

.heading--line-long:after {
    margin-top: 32px;
    content: "";
    display: block;
    width: 290px;
    height: 6px;
    background: #93be4c
}

.heading--client {
    margin-top: 26px;
    margin-bottom: 6px;
    font-size: 15px
}

.heading--client-lg {
    margin-top: 26px;
    font-size: 15px;
    color: #363a42;
    margin-bottom: 8px;
    text-transform: uppercase
}

.heading-cascade {
    font-size: 46px;
    text-transform: uppercase
}

.heading-cascade .heading-cascade__step {
    margin-bottom: 17px;
    display: block;
    font-family: 'Noto Serif', serif;
    font-size: 38px;
    font-style: italic;
    font-weight: 400;
    text-transform: none
}

.heading--ornament {
    margin: 0;
    padding: 158px 0 98px;
    background: url(../images/components/ornament.png) 50% 84% no-repeat;
    background-size: 225px 205px
}

.dropcap {
    margin-bottom: 30px
}

.dropcap p:first-letter {
    position: relative;
    float: left;
    font-size: 32px;
    font-weight: 700
}

.dropcap--primary p:first-letter {
    margin: 17px 52px 25px 26px;
    color: #fff
}

.dropcap--primary:before {
    position: absolute;
    top: -5px;
    left: 15px;
    display: block;
    content: "";
    z-index: -1;
    width: 68px;
    height: 68px;
    background: #93be4c;
    border-radius: 35px
}

.dropcap--serif p:first-letter {
    margin: 22px 38px 20px 26px;
    font-family: 'Noto Serif', serif;
    font-size: 52px;
    color: #363a42
}

.dropcap--square p:first-letter {
    margin: 15px 52px 25px 26px;
    color: #fff
}

.dropcap--square:before {
    position: absolute;
    top: -5px;
    left: 15px;
    display: block;
    content: "";
    z-index: -1;
    width: 68px;
    height: 68px;
    background: #6d7e8c
}

.list {
    margin-bottom: 29px;
    padding-left: 100px;
    line-height: 27px;
    color: #363a42;
    list-style: none
}

.list li {
    padding-bottom: 14px;
    position: relative
}

.list li:before {
    position: absolute;
    top: 11px;
    left: -39px;
    width: 5px;
    height: 5px;
    display: block;
    content: "";
    border-radius: 3px;
    background: #363a42
}

.list--square li:before {
    width: 6px;
    height: 6px;
    border-radius: 0
}

.list-ordered {
    margin-bottom: 29px;
    padding-left: 100px;
    line-height: 27px;
    color: #363a42;
    list-style: none;
    counter-reset: point
}

.list-ordered li {
    padding-bottom: 14px;
    position: relative
}

.list-ordered li:before {
    position: absolute;
    top: 0;
    left: -39px;
    font-size: 15px;
    font-weight: 700;
    content: counter(point, decimal);
    counter-increment: point 1
}

.list--signs li:before {
    background: 0 0
}

.list--signs .list__marker {
    position: absolute;
    top: 0;
    left: -39px
}

.list--arrow li:before {
    top: 1px;
    left: -42px;
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f0da";
    background: 0 0
}

.blockquote {
    margin: 88px 0 110px;
    padding-left: 104px;
    position: relative;
    font-family: 'Noto Serif', serif;
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    border: none
}

.blockquote:before {
    position: absolute;
    left: 88px;
    top: 25px;
    content: "“";
    font-family: 'Noto Serif', serif;
    font-size: 200px;
    font-style: normal;
    font-weight: 700;
    opacity: .1
}

.blockquote .blockquote__author {
    padding: 33px 97px 0 0;
    text-align: right;
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #6d7e8c
}

.blockquote .blockquote__author:before {
    content: "- "
}

.blockquote .blockquote__author:after {
    content: " -"
}

.blockquote--full {
    margin: 59px 30px 59px -195px;
    padding-left: 5px;
    max-width: 555px;
    float: left;
    font-size: 32px;
    color: #363a42
}

.blockquote--full:before {
    left: -11px;
    top: 83px
}

.blockquote--full .blockquote__author {
    padding: 42px 40px 0 0;
    color: #363a42
}

.blockquote--inverse {
    margin: 0;
    padding-left: 0;
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

.blockquote--inverse:before {
    left: auto;
    top: 45px;
    right: -20px;
    content: "”"
}

.blockquote--inverse .blockquote__author {
    padding: 14px 0 23px;
    text-align: left
}

.blockquote--inverse-single {
    margin: 6px 0 0;
    padding: 75px 54px 84px;
    width: 101%;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    color: #fff;
    background-color: #363a42
}

.blockquote--inverse-single:before {
    display: none
}

.blockquote--inverse-single .blockquote__author {
    padding: 24px 0 0;
    text-align: left
}

.heading-big {
    font-size: 46px;
    line-height: 58px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -webkit-text-shadow: 0 2px rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 2px rgba(0, 0, 0, .1);
    text-shadow: 0 2px rgba(0, 0, 0, .1)
}

html {
    height: 100%
}

body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    color: #6d7e8c;
    overflow-x: hidden;
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

.wrapper {
    overflow: hidden
}

a {
    color: #6d7e8c;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
    outline: 0;
    outline-offset: 0
}

a:hover {
    color: #93be4c
}

a:focus {
    color: #6d7e8c
}

::-moz-placeholder {
    color: #6d7e8c;
    opacity: 1
}

:-ms-input-placeholder {
    color: #6d7e8c
}

::-webkit-input-placeholder {
    color: #6d7e8c
}

textarea {
    resize: none;
    padding: 0;
    -webkit-appearance: none
}

input {
    padding: 0;
    -webkit-appearance: none
}

button:focus, input:focus, textarea:focus {
    outline: 0
}

ol, ul {
    padding: 0;
    margin: 0;
    font-size: 15px;
    list-style: none;
    color: #363a42
}

p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #6d7e8c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

header {
    position: relative
}

blockquote {
    padding: 0;
    margin: 0;
    font-family: 'Noto Serif', serif;
    line-height: 1.2
}

.top-scroll {
    width: 48px;
    height: 48px;
    position: fixed;
    right: 5%;
    bottom: 50px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    background: #93be4c;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
    z-index: 1000;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.top-scroll:hover {
    opacity: 1
}

.top-space {
    margin-top: 100px
}

.top-space-md {
    margin-top: 95px
}

.top-space-xmd {
    margin-top: 85px
}

.top-space-sm {
    margin-top: 55px
}

.top-space-xsm {
    margin-top: 41px
}

.bottom-space {
    margin-bottom: 100px
}

.bottom-space-md {
    margin-bottom: 82px
}

.bottom-space-av {
    margin-bottom: 67px
}

.bottom-space-sm {
    margin-bottom: 47px
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .modal-footer:after, .nav:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

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

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

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

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

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

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

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

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

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

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

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.header {
    min-height: 164px
}

.header-up {
    -webkit-transform: translate3d(0, -41px, 0);
    -moz-transform: translate3d(0, -41px, 0);
    -ms-transform: translate(0, -41px);
    transform: translate3d(0, -41px, 0)
}

.header-down {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
    transform: translate3d(0, 0, 0)
}

.header-line {
    height: 40px;
    background-color: #f1f3f4
}

.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 164px;
    z-index: 1010;
    background-color: #fff;
    -webkit-transition: background 300ms ease-out, -webkit-transform 300ms ease-out;
    -moz-transition: background 300ms ease-out, -moz-transform 300ms ease-out;
    transition: background 300ms ease-out, transform 300ms ease-out
}

.dropdown--language {
    float: left
}

.dropdown--language>a {
    padding: 11px 20px;
    display: block;
    font-size: 13px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    cursor: pointer;
    z-index: 1100
}

.open>a, .open>a:focus, .open>a:hover {
    color: #fff;
    background-color: #363a42;
    border-color: #363a42;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.dropdown--list {
    margin: 0;
    padding: 0;
    left: 0;
    top: 40px;
    width: 86px;
    min-width: 0;
    background-color: #363a42;
    border: none;
    border-radius: 0;
    list-style: none;
    box-shadow: none
}

.dropdown--list .dropdown__item a {
    padding: 10px 20px 11px;
    display: block;
    font-size: 13px;
    color: #6d7e8c;
    text-decoration: none;
    border-top: 1px solid rgba(241, 243, 244, .08);
    cursor: pointer;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.dropdown--list .dropdown__item a:hover {
    color: #93be4c;
    background: 0 0
}

.dropdown--list .dropdown__item:last-child>a {
    padding: 9px 10px 13px
}

.dropdown--language.open .dropdown--list {
    -webkit-animation: fade-down .4s ease-in;
    -o-animation: fade-down .4s ease-in;
    animation: fade-down .4s ease-in
}

@keyframes fade-down {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -80%, 0);
        transform: translate3d(0, -80%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.authorization {
    float: right
}

.authorization .authorization__item {
    display: inline-block;
    text-align: center;
    list-style: none
}

.authorization .authorization__item:last-child {
    border-right: 1px solid #fff
}

.authorization .authorization__item:last-child a {
    padding: 10px 20px 12px
}

.authorization .authorization__link {
    padding: 10px 15px 12px 18px;
    display: block;
    font-size: 13px;
    color: #6d7e8c;
    text-decoration: none;
    border-left: 1px solid #fff;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.authorization .authorization__link:hover {
    color: #93be4c
}

.modal--registration {
    position: relative;
    z-index: 2000
}

.modal--registration .modal-backdrop {
    background-color: #363a42
}

.modal--registration .modal-backdrop.in {
    opacity: .7
}

.modal--registration .modal-dialog {
    margin: 40px auto;
    width: 555px;
    position: relative;
    z-index: 1100
}

.modal--registration .modal-content {
    width: 555px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal--registration .modal-header {
    padding: 54px 15px 18px;
    position: relative;
    border: none
}

.modal--registration .modal-header .close {
    position: absolute;
    top: 15px;
    right: 13px;
    font-size: 13px;
    color: #363a42;
    border: none;
    background: 0 0;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s
}

.modal--registration .modal-header .close:hover {
    color: #93be4c
}

.modal--registration .modal-title {
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-style: italic;
    text-align: center
}

.modal--registration .modal-body {
    padding: 15px 97px;
    text-align: center
}

.modal--registration .modal-body button {
    margin: 44px 0
}

.modal--registration .modal__input {
    margin-bottom: 10px;
    padding-left: 19px;
    height: 56px;
    width: 100%;
    font-size: 13px;
    border: 1px solid #f1f3f4;
    border-radius: 3px;
    background: #f1f3f4;
    transition: all 300ms ease 0s
}

.modal--registration .modal__input:focus {
    background: #fff;
    border: 1px solid #93be4c
}

.modal--registration .modal__verification label {
    padding-top: 19px;
    padding-left: 20px;
    float: left;
    font-size: 13px
}

.modal--registration .modal__verification>span {
    padding-top: 17px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #363a42
}

.modal--registration .modal__verification .modal__input {
    margin-bottom: 19px;
    width: 30%;
    float: right
}

.modal--registration .checkbox {
    text-align: left
}

.modal--registration .modal-footer {
    border-top: none;
    padding: 0
}

.modal--registration .modal-content--success {
    text-align: center;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.modal--registration .modal-content--success .modal-body {
    padding: 53px 97px 191px
}

.modal--registration .modal-content--success .modal-body .image-container {
    margin: 0 auto;
    padding-top: 27px;
    width: 96px;
    height: 96px;
    background: #93be4c;
    border-radius: 50%
}

.modal--registration .modal-content--success .modal-body .modal-title {
    margin-top: 32px
}

.modal--registration .modal-content--success .modal-body .divider {
    margin-top: 54px;
    margin-bottom: 52px
}

.modal--registration .modal-content--success .modal-info__link {
    font-weight: 700;
    font-style: italic;
    color: #363a42
}

.modal--registration .modal-content--success .modal-info__link:hover {
    color: #93be4c
}

@media (min-width:768px) {
    .modal-dialog {
        width: 555px;
        margin: 40px auto
    }
}

.logo {
    padding: 38px 0;
    float: left;
    clear: both;
    display: block;
    position: relative;
    z-index: 25
}

.logo .svg-icon {
    margin-top: 10px;
    float: left;
    display: inline-block
}

.logo .svg-icon .svg-icon__path {
    fill: #363a42
}

.logo .svg-icon .svg-icon__path--alt {
    fill: #93be4c
}

.logo .logo__text {
    margin: 2px 0 0 14px;
    float: left;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .8px;
    color: #363a42;
    text-transform: uppercase
}

.logo .logo__highlight {
    color: #93be4c
}

.logo .logo__slogan {
    margin: 31px 0 0 47px;
    display: block;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 5px;
    color: #363a42
}

.z-nav__toggle {
    padding-left: 72px;
    width: 393px;
    height: 48px;
    background-color: transparent;
    border: none;
    -webkit-transform: translate3d(371px, 0, 0);
    -moz-transform: translate3d(371px, 0, 0);
    -ms-transform: translate(371px, 0);
    transform: translate3d(371px, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease 300ms;
    -moz-transition: -moz-transform 500ms ease 300ms;
    transition: transform 500ms ease 300ms
}

.z-nav__toggle.open-nav {
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate(50px, 0);
    transform: translate3d(50px, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease 400ms;
    -moz-transition: -moz-transform 500ms ease 400ms;
    transition: transform 500ms ease 400ms
}

.z-nav__toggle.open-nav .menu-text {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

.z-nav__toggle.open-nav .menu-icon {
    -webkit-transform: translate3d(-24px, 0, 0);
    -moz-transform: translate3d(-24px, 0, 0);
    -ms-transform: translate(-24px, 0);
    transform: translate3d(-24px, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease 0ms;
    -moz-transition: -moz-transform 300ms ease 0ms;
    -ms-transition: -ms-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms
}

.menu-icon {
    margin-top: 0;
    width: 48px;
    height: 48px;
    display: inline-block;
    background-color: #93be4c;
    border: 1px solid #93be4c;
    border-radius: 24px;
    -webkit-transform: translate3d(-72px, 0, 0);
    -moz-transform: translate3d(-72px, 0, 0);
    -ms-transform: translate(-72px, 0);
    transform: translate3d(-72px, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease 900ms;
    -moz-transition: -moz-transform 300ms ease 900ms;
    -ms-transition: -ms-transform 300ms ease 900ms;
    transition: transform 300ms ease 900ms
}

.menu-icon span {
    position: relative;
    top: 22px;
    left: 13px;
    width: 20px;
    height: 3px;
    display: block;
    content: " ";
    background: #fff
}

.menu-icon span:after, .menu-icon span:before {
    position: absolute;
    left: 0;
    width: 20px;
    height: 3px;
    display: block;
    content: " ";
    background: #fff
}

.menu-icon span:before {
    top: -6px
}

.menu-icon span:after {
    top: 6px
}

.menu-text {
    position: absolute;
    top: 14px;
    left: 107px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.menu-head {
    margin-top: -53px;
    width: 100%;
    height: 100%;
    background-color: #93be4c
}

@media (min-width:769px) {
    .z-nav {
        margin: 0 -30px 0 0;
        position: relative;
        z-index: 20;
        background: 0 0
    }

    .z-nav .z-nav__item {
        padding: 0
    }

    .z-nav .z-nav__link {
        padding: 52px 19px 53px;
        font: 14px 'Noto Sans', sans-serif;
        text-transform: uppercase;
        color: #363a42;
        -webkit-transition: color 300ms ease, background 300ms ease;
        -moz-transition: color 300ms ease, background 300ms ease;
        transition: color 300ms ease, background 300ms ease
    }

    .z-nav .z-nav__link:hover {
        color: #93be4c;
        text-decoration: none;
        background: #363a42
    }

    .z-nav__list-secondary .z-nav__item {
        position: relative;
        border: none;
        width: 170px
    }

    .z-nav__list-secondary .z-nav__link {
        padding: 8px 0 7px 10px;
        font-size: 13px;
        color: #6d7e8c;
        text-transform: none
    }

    .z-nav__list-secondary .z-nav__link:before {
        position: absolute;
        top: 15px;
        left: -5px;
        font: 5px FontAwesome;
        content: "\f111";
        color: #6d7e8c;
        -webkit-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms
    }

    .z-nav__list-secondary .z-nav__link:hover, .z-nav__list-secondary .z-nav__link:hover:before {
        color: #93be4c
    }

    .z-nav__item .z-nav__list-secondary {
        padding-top: 27px;
        padding-bottom: 28px;
        top: 103px;
        width: 210px;
        background-color: #363a42
    }

    .z-nav__item .z-nav__list-secondary:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-right: 3000px;
        padding-left: 3000px;
        margin-left: -3000px;
        background-color: #363a42
    }

    .z-nav__list.open-nav {
        -webkit-animation: slide-left 0ms forwards 0ms;
        -moz-animation: slide-left 0ms forwards 0ms;
        animation: slide-left 0ms forwards 0ms
    }

    .z-nav__list.close-nav {
        -webkit-animation: slide-right 0ms backwards 0ms;
        -moz-animation: slide-right 0ms backwards 0ms;
        animation: slide-right 0ms backwards 0ms
    }

    .z-nav__item:hover .z-nav__list-secondary {
        top: 123px
    }

    .z-nav__item:hover .z-nav__list-secondary .z-nav__list-secondary {
        z-index: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .z-nav__item:hover .z-nav__list-secondary .z-nav__list-secondary:before {
        z-index: -1
    }

    .z-nav__list-secondary .z-nav__item .z-nav_nested {
        background: #f1f3f4;
        display: none;
        position: absolute;
        z-index: 0;
        width: 250px;
        top: 0;
        left: -100%;
        padding-bottom: 20px;
        padding-top: 0
    }

    .z-nav__list-secondary .z-nav__link {
        position: relative;
        z-index: 20
    }

    .z-nav__list-secondary .z-nav__item:hover .z-nav_nested {
        display: block
    }

    @-webkit-keyframes slide-left {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-moz-keyframes slide-left {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes slide-left {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes slide-right {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-moz-keyframes slide-right {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes slide-right {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }
}

@media (max-width:768px) {
    .z-nav__toggle {
        z-index: 1000;
        position: relative
    }

    .z-nav__toggle.open-menu {
        background: 0 0;
        border: none
    }

    .z-nav {
        position: absolute;
        top: 50px;
        right: 15px;
        margin: 15px;
        background: 0 0
    }

    .z-nav__list {
        right: -35px;
        top: 58px;
        z-index: 100;
        display: block;
        width: 310px;
        padding: 20px 0;
        background-color: #363a42;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .z-nav__list .z-nav__item {
        border: none
    }

    .z-nav__list .z-nav__link {
        padding: 0 30px;
        font-style: normal;
        -webkit-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in
    }

    .z-nav__list .z-nav__link:hover {
        color: #93be4c
    }

    .z-nav__list .z-nav__link:focus {
        color: #93be4c;
        text-decoration: none
    }

    .z-nav__list .z-nav__toggle-sub {
        margin-top: 0;
        margin-right: 20px;
        -webkit-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in
    }

    .z-nav__list .z-nav__toggle-sub .fa {
        margin-top: -4px
    }

    .z-nav__list .z-nav__toggle-sub .fa-plus:before {
        content: "\f13a";
        font-size: 14px
    }

    .z-nav__list .z-nav__toggle-sub .fa-minus:before {
        content: "\f139";
        font-size: 14px
    }

    .z-nav__link {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }

    .z-nav__toggle-sub.plus, .z-nav__toggle-sub.plus+.z-nav__link {
        background-color: #363a42
    }

    .z-nav__list-secondary .z-nav__toggle-sub.plus, .z-nav__toggle-sub, .z-nav__toggle-sub+.z-nav__link {
        background-color: #2B2E35
    }

    .z-nav__list-secondary {
        font-size: 13px;
        background-color: #2B2E35
    }

    .z-nav__list-secondary .z-nav__item {
        max-width: 100%;
        padding-left: 34px;
        padding-right: 34px
    }

    .z-nav__list-secondary .z-nav__link {
        width: 100%;
        color: #758594
    }

    .z-nav__list {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .z-nav__list.open-nav {
        -webkit-animation: slide-left 500ms forwards 400ms;
        -moz-animation: slide-left 500ms forwards 400ms;
        animation: slide-left 500ms forwards 400ms;
        -ms-transform: translate(0, 0)
    }

    .z-nav__list.close-nav {
        -webkit-animation: slide-right 500ms backwards 300ms;
        -moz-animation: slide-right 500ms backwards 300ms;
        animation: slide-right 500ms backwards 300ms;
        -ms-transform: translate(100%, 0)
    }

    .z-nav__list-secondary .z-nav__item .z-nav__toggle-sub {
        margin-right: -15px
    }

    .z-nav__list-secondary .z-nav__item .z-nav__toggle-sub.plus+.z-nav__link {
        background-color: #2B2E35
    }

    .z-nav__list-secondary .z-nav__list-secondary {
        background: #93be4c;
        margin-bottom: 10px
    }

    .z-nav__list-secondary .z-nav__list-secondary.z-nav_nested {
        background: #2B2E35;
        margin-bottom: 10px
    }

    .z-nav__list-secondary .z-nav__list-secondary .z-nav__link {
        padding: 10px 0 10px 12px;
        line-height: 21px
    }

    @-webkit-keyframes slide-left {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            opacity: 0
        }

        1% {
            opacity: 1
        }

        100% {
            -webkit-transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @-moz-keyframes slide-left {
        0% {
            -moz-transform: translate3d(100%, 0, 0);
            opacity: 0
        }

        1% {
            opacity: 1
        }

        100% {
            -moz-transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @keyframes slide-left {
        0% {
            transform: translate3d(100%, 0, 0);
            opacity: 0
        }

        1% {
            opacity: 1
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @-webkit-keyframes slide-right {
        0% {
            -webkit-transform: translate3d(0, 0, 0);
            opacity: 1
        }

        99% {
            opacity: 1
        }

        100% {
            -webkit-transform: translate3d(100%, 0, 0);
            opacity: 0
        }
    }

    @-moz-keyframes slide-right {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            opacity: 1
        }

        99% {
            opacity: 1
        }

        100% {
            -moz-transform: translate3d(100%, 0, 0);
            opacity: 0
        }
    }

    @keyframes slide-right {
        0% {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

        99% {
            opacity: 1
        }

        100% {
            transform: translate3d(100%, 0, 0);
            opacity: 0
        }
    }
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p, .alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-lg {
    font-size: 18px;
    border-radius: 6px
}

.btn-sm {
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.list-group+.panel-footer, .panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.form, .form-wrapper {
    position: relative
}

.form .form__field {
    margin-bottom: 10px;
    padding-left: 19px;
    width: 100%;
    height: 56px;
    font-size: 13px;
    background: #f1f3f4;
    border: 1px solid #f1f3f4;
    border-radius: 3px;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

.form .form__field:focus {
    background: #fff;
    border: 1px solid #93be4c
}

.form .form__link {
    font-size: 13px
}

.form .form__area {
    padding-top: 20px;
    min-height: 146px
}

.select .dropdown-toggle {
    padding: 6px 19px;
    width: 100%;
    height: 56px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #6d7e8c;
    text-transform: none;
    border: 1px solid #f1f3f4;
    border-radius: 3px;
    background: #f1f3f4
}

.select .dropdown-menu {
    margin: 0;
    padding: 12px 0;
    top: 56px;
    left: 0;
    width: 100%;
    min-height: 150px !important;
    font-size: 13px;
    z-index: 2000;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f1f3f4
}

.select .dropdown-menu li>a {
    padding: 6px 20px;
    color: #6d7e8c;
    cursor: pointer;
    -webkit-transition: 0ms;
    -o-transition: 0ms;
    transition: 0ms
}

.select .dropdown-menu li>a:hover {
    font-weight: 700;
    color: #363a42;
    background: 0 0
}

.select .dropdown-menu .selectpicker {
    top: 0;
    left: 0;
    width: 100%
}

.select .caret {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 56px;
    height: 56px;
    display: block;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #93be4c
}

.select .caret:before {
    position: absolute;
    top: 16px;
    left: 21px;
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f078";
    color: #fff
}

.select .open>.dropdown-toggle.btn-default {
    background: 0 0;
    border: 1px solid #93be4c;
    color: inherit
}

.select .open .caret:before {
    content: "\f077"
}

.multiple-select .dropdown-toggle, .select .open .dropdown-menu li:first-child {
    display: none
}

.multiple-select .bootstrap-select .dropdown-menu {
    margin: 0;
    padding: 7px 0;
    width: 100%;
    float: none;
    display: block;
    position: relative;
    font-size: 13px;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f1f3f4
}

.multiple-select .bootstrap-select .dropdown-menu li>a {
    margin: 0 30px 0 10px;
    padding: 6px 11px;
    color: #6d7e8c;
    cursor: pointer;
    -webkit-transition: 0ms;
    -o-transition: 0ms;
    transition: 0ms
}

.multiple-select .bootstrap-select .dropdown-menu li>a:hover {
    background: 0 0
}

.multiple-select .bootstrap-select .dropdown-menu .selected a {
    color: #fff;
    background: #93be4c
}

.multiple-select .bootstrap-select .dropdown-menu .selected a:hover {
    background: #93be4c
}

.checkbox--present {
    margin-bottom: 19px
}

.checkbox {
    margin-top: 21px;
    clear: both
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]+label:before {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    display: block;
    border-radius: 2px;
    background: #f1f3f4;
    cursor: pointer
}

.checkbox input[type=checkbox]:checked+label:before {
    background: url(../images/icons/check-light.svg) #f1f3f4
}

.checkbox label {
    margin-bottom: 12px;
    padding-left: 22px;
    position: relative;
    display: block;
    font-size: 13px;
    cursor: pointer
}

.checkbox--dark {
    margin-left: 10px
}

.checkbox--dark input[type=checkbox]+label:before {
    background: #363a42
}

.checkbox--dark input[type=checkbox]:checked+label:before {
    background: url(../images/icons/check-dark.svg) #363a42
}

.radio {
    margin-top: 27px;
    clear: both
}

.radio input[type=radio] {
    display: none
}

.radio input[type=radio]+label:before {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    display: block;
    border-radius: 8px;
    background: #f1f3f4;
    cursor: pointer
}

.radio input[type=radio]:checked+label:before {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 5px;
    content: "";
    display: block;
    border-radius: 2px;
    background: #363a42;
    z-index: 2
}

.radio input[type=radio]:checked+label:after {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    display: block;
    border-radius: 8px;
    background: #f1f3f4
}

.radio label {
    margin-bottom: 12px;
    padding-left: 22px;
    position: relative;
    display: block;
    font-size: 13px;
    cursor: pointer
}

.radio--dark {
    margin-left: 10px
}

.radio--dark input[type=radio]+label:before {
    background: #363a42
}

.radio--dark input[type=radio]:checked+label:before {
    background: #f1f3f4
}

.radio--dark input[type=radio]:checked+label:after {
    background: #363a42
}

.form--search {
    margin-top: 27px;
    position: relative
}

.form--search .form__field {
    margin-bottom: 0
}

.form--login .checkbox {
    margin-top: 9px;
    display: inline-block
}

.form--login .form__link {
    margin-top: 9px;
    float: right
}

.form--login .btn-submit {
    margin-top: 16px;
    display: block
}

.form--login .btn-submit:hover {
    color: #93be4c
}

.form--contact {
    padding-top: 8px
}

.form--contact .form__area {
    min-height: 126px
}

.form--contact .btn-contact {
    margin-top: 28px;
    padding: 21px 38px
}

.form .invalid__field, .modal--registration .invalid__field {
    border-color: #f26d7d
}

.inv-em {
    padding-left: 19px;
    text-align: left;
    font-size: 13px;
    color: #f26d7d
}

.inv-em .close {
    float: right;
    cursor: pointer
}

.success {
    padding-top: 100px;
    font-size: 24px;
    color: #363a42;
    text-align: center
}

.success .success__lead {
    padding-bottom: 15px;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #93be4c;
    text-transform: uppercase
}

.social {
    display: inline-block;
    float: right
}

.social .social__item {
    margin: 10px 4px 0 0;
    display: inline-block;
    text-align: center;
    list-style: none
}

.social .social__item:last-child {
    margin-right: 21px
}

.social .social__link {
    padding-top: 2px;
    height: 20px;
    width: 20px;
    display: block;
    font-size: 11px;
    color: #fff;
    line-height: 15px;
    background-color: #6d7e8c;
    border-radius: 50%;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.social .social__link:hover {
    background: #93be4c
}

.page-heading {
    width: 100%;
    height: 100px;
    background: #93be4c;
    position: relative
}

.page-heading__title {
    margin: 22px 0 0;
    font-size: 24px;
    line-height: 58px;
    color: #fff;
    text-transform: uppercase
}

.search-wrapper:before {
    margin-right: -10000px;
    padding: 0 10000px 0 0;
    position: absolute;
    left: -15px;
    top: 0;
    display: block;
    height: 100px;
    content: " ";
    background: #363a42
}

.search {
    float: right;
    position: relative;
    top: 35px;
    z-index: 2
}

.search__field {
    padding-left: 10px;
    width: 110px;
    height: 32px;
    font-size: 13px;
    background: 0 0;
    border: none;
    border-radius: 17px;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.search__field:focus {
    width: 180px;
    background: #414851
}

.btn--search {
    padding: 0;
    width: 32px;
    height: 32px;
    background: url(../images/icons/search-icon.svg) 6px 6px no-repeat #414851;
    border: none;
    border-radius: 17px;
    position: absolute;
    right: 0;
    top: 0
}

.accordion .panel {
    margin-bottom: 8px;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.accordion .panel-heading {
    padding: 0;
    position: relative;
    background-color: transparent
}

.accordion .panel-heading .marker {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%
}

.accordion .panel-heading .marker__close {
    position: absolute;
    top: 50%;
    left: 0;
    display: none
}

.accordion .panel-heading .marker__open {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block
}

.accordion .panel-heading .collapsed .marker__close {
    display: inline-block
}

.accordion .panel-heading .collapsed .marker__open {
    display: none
}

.accordion .panel-title {
    font-size: 15px;
    font-weight: 400
}

.accordion .accordion-link {
    display: block;
    padding: 10px 15px
}

.accordion .panel-body {
    line-height: 27px
}

.accordion .panel-heading+.panel-collapse .panel-body {
    border-top: none
}

.alert {
    margin-bottom: 16px;
    padding: 32px 55px 30px 77px;
    position: relative;
    font-size: 13px;
    color: #363a42;
    border: none;
    border-radius: 0
}

.alert .alert-marker {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%
}

.alert .fa {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 22px;
    text-align: center
}

.alert .close {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    background: 0 0;
    border: none
}

.alert .fa-times {
    top: 14px;
    left: 4px;
    font-size: 12px;
    color: #363a42
}

.pagination {
    position: relative
}

.pagination .pagination__next, .pagination .pagination__prev {
    padding: 14px 19px 13px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #363a42
}

.pagination .pagination__next:focus, .pagination .pagination__next:hover, .pagination .pagination__prev:focus, .pagination .pagination__prev:hover {
    color: #fff;
    background: #93be4c
}

.pagination .pagination__prev {
    left: 0
}

.pagination .pagination__next {
    right: 0
}

.pagination .pagination__block {
    width: 100%;
    text-align: center;
    background: #f1f3f4
}

.pagination .pagination__item {
    padding: 12px 13px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #363a42
}

.pagination .pagination__item:hover {
    color: #93be4c
}

.pagination .active-page {
    background: #93be4c;
    color: #fff
}

.pagination .active-page:hover {
    color: #fff
}

.pagination-sample {
    margin-bottom: 42px
}

.donut-chart-wrapper {
    text-align: center
}

.donut-chart {
    margin: 0 15px 54px;
    display: inline-block
}

.donut-chart .donut-chart__dial {
    color: #363a42 !important;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    width: 165px;
    height: 165px;
    text-align: center;
    border: 6px solid #f1f3f4;
    border-radius: 90px
}

.donut-chart .donut-chart__title {
    padding-top: 15px;
    font-size: 15px;
    color: #363a42;
    text-align: center
}

.donut-chart .donut-chart__color {
    display: none;
    background-color: #93be4c;
    color: #f1f3f4
}

.promo {
    padding: 32px 0;
    text-align: center
}

.promo .promo__heading {
    padding: 73px 0 19px;
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    -o-text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    text-shadow: 0 2px rgba(0, 0, 0, .1)
}

.promo .promo__decription {
    font-family: 'Noto Serif', serif;
    font-size: 38px;
    font-style: italic;
    line-height: 38px;
    text-align: left;
    color: #fff;
    padding: 53px 11% 0
}

.promo .promo__text {
    font-size: 24px;
    color: #363a42
}

.promo .promo__btn {
    margin-bottom: 81px
}

.table {
    font-size: 15px
}

.tab {
    margin-bottom: 18px
}

.tab .nav-tabs {
    border-bottom: 1px solid #93be4c
}

.tab .nav-tabs a {
    margin-bottom: 1px;
    padding: 10px 28px 5px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-bottom: 5px solid #fff
}

.tab .nav-tabs a:focus, .tab .nav-tabs a:hover {
    background-color: transparent;
    border-color: transparent
}

.tab .nav-tabs .active a, .tab .nav-tabs .active a:focus, .tab .nav-tabs .active a:hover {
    padding: 10px 0 5px;
    color: #363a42;
    background-color: transparent;
    border: none;
    border-bottom: 5px solid #93be4c
}

.tab .nav-tabs>li>a {
    margin-right: 0
}

.tab .tab-content {
    padding: 23px 1px
}

.tab-present {
    margin-bottom: 100px
}

.tooltip-present {
    margin-top: 49px
}

.tooltip {
    display: inline;
    position: relative;
    color: #363a42;
    background: linear-gradient(to right, #363a42 40%, #fff 0);
    background-position: bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    z-index: 999
}

.tooltip:hover {
    background-image: linear-gradient(to right, #93be4c 40%, #fff 0)
}

.tooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
}

.tooltip .tooltip-item {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.tooltip .tooltip-item:hover {
    color: #93be4c
}

.tooltip .tooltip-content {
    margin: 0 0 11px -45px;
    padding: 7px 0;
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: 100%;
    font-size: 13px;
    color: #6d7e8c;
    text-align: center;
    background: #f1f3f4;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
    opacity: 0;
    z-index: 9999
}

.tooltip .tooltip-content:after {
    margin-left: -5px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    border: solid transparent;
    pointer-events: none;
    border-color: #f1f3f4 transparent transparent;
    border-width: 5px
}

.tooltip-hover-1 .tooltip-content {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.tags {
    margin-top: 26px
}

.tags .tags__item {
    display: inline
}

.tags .tags__link {
    margin-right: 2px;
    margin-bottom: 6px;
    padding: 5px 22px 5px 20px;
    display: inline-block;
    font-size: 13px;
    background-color: #f1f3f4;
    border-radius: 3px
}

.tags .tags__link:hover {
    color: #fff;
    background-color: #93be4c
}

.sidebar {
    margin-left: 30px;
    clear: both
}

.nav-posts .nav-posts__link {
    padding: 13px 0 17px;
    display: block;
    color: #363a42;
    border-bottom: 1px solid #f1f3f4
}

.nav-posts .nav-posts__link:hover {
    color: #93be4c;
    border-color: #93be4c
}

.nav-posts .nav-posts__link:hover .nav-posts__count {
    color: #93be4c
}

.nav-posts .nav-posts__count {
    float: right;
    color: #6d7e8c;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.text-widget {
    margin: 0;
    padding-top: 7px;
    padding-bottom: 4px
}

.fb-like-box {
    margin-top: 26px;
    padding: 20px 25px 6px;
    max-width: 350px;
    text-align: center;
    border: 1px solid #f1f3f4
}

.community {
    margin: 25px 0 45px;
    text-align: center
}

.community .community__item {
    margin-right: -1px;
    margin-bottom: 3px;
    padding-top: 13px;
    height: 56px;
    width: 108px;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 3px
}

.community .community__item:hover {
    opacity: .7
}

.community .community__item .fa {
    padding-bottom: 2px;
    display: block;
    font-size: 16px
}

.community .community__highlight {
    font-weight: 700;
    text-transform: uppercase
}

.community .community__item--rss {
    background-color: #f26522
}

.community .community__item--twitter {
    background-color: #55acee
}

.community .community__item--facebook {
    background-color: #3b5998
}

.flickr {
    margin-top: 28px
}

.flickr li {
    margin-left: 1px;
    margin-bottom: 1px;
    display: inline-block
}

.flickr a {
    display: block;
    text-align: center;
    position: relative
}

.flickr a:before {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in
}

.flickr a:hover:before {
    width: 65px;
    height: 65px;
    top: 0;
    left: 0;
    opacity: .7
}

.flickr img {
    height: 65px;
    width: 65px
}

#cboxOverlay {
    background: #363a42 !important;
    opacity: .7 !important
}

.login-alt {
    padding: 17px;
    text-align: center;
    border: 1px solid #f1f3f4
}

.login-alt .heading--alt {
    color: #6d7e8c
}

.login-alt ul {
    padding-top: 6px;
    padding-bottom: 96px
}

.login-alt .btn-special--left {
    width: 100%
}

.login-alt__item {
    margin: 0 3px 10px;
    display: inline-block;
    min-width: 145px
}

.testimonial .testimonial__image {
    margin-bottom: 25px;
    margin-right: 21px;
    margin-left: 15px;
    /* height: 127px;
    width: 127px; */
    height: 200px;
    width: 501px;
    display: inline-block;
    float: left
}

.testimonial__image_vacancy {
    margin-top: 25px;
    height: 200px;
    width: 501px;
}

.testimonial .testimonial__image img {
    border-radius: 50%;
    border: 6px solid #fff
}

.testimonial .testimonial__author {
    margin-bottom: 8px;
    padding-top: 12px
}

.testimonial .testimonial__author a {
    color: #363a42
}

.testimonial .testimonial__author a:hover {
    color: #93be4c
}

.testimonial .testimonial__info {
    padding-left: 147px;
    font-style: italic;
    color: #93be4c
}

.testimonial .testimonial__info:before {
    padding-right: 5px;
    content: "-"
}

.testimonial .testimonial__info:after {
    padding-left: 5px;
    content: "-"
}

.map {
    height: 400px
}

.comming {
    text-align: center;
    min-height: 100%;
    overflow: hidden
}

.comming .comming__header {
    padding-top: 80px;
    padding-bottom: 56px;
    background-color: #93be4c
}

.comming .comming__header .logo {
    margin: 0 auto;
    padding-top: 105px;
    display: block;
    float: none;
    background-color: #fff;
    width: 260px;
    height: 260px;
    border-radius: 50%
}

.comming .comming__header .logo .svg-icon {
    margin-left: 20px
}

.comming .comming__header .line-wings:before {
    top: 120px;
    left: -193px
}

.comming .comming__header .line-wings:after {
    top: 120px;
    right: -193px
}

.comming .comming__describe {
    padding-top: 70px;
    padding-bottom: 21px;
    font-size: 18px;
    line-height: 32px;
    color: #363a42
}

.comming .empty {
    height: 136px
}

.comming-footer {
    margin-top: -166px;
    text-align: center;
    height: 136px
}

.counter {
    margin: 78px 0 0;
    width: 555px;
    display: inline-block
}

.counter .flip-clock-divider {
    width: 32px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}

.counter .flip-clock-divider .flip-clock-label {
    color: #fff
}

.counter .flip-clock-divider:first-child {
    width: 0
}

.counter .flip-clock-dot {
    display: none
}

.counter ul {
    margin: 5px 9px 0;
    width: 67px;
    height: 87px;
    background: #fff
}

.counter ul:after, .counter ul:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 40px;
    left: -2px;
    background: #fff;
    height: 8px;
    width: 1px
}

.counter ul:after {
    left: auto;
    right: -2px
}

.counter ul li a div.down {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.counter ul li a div.up:after {
    height: 2px;
    top: 41px;
    background: #91b456
}

.counter ul li a div div.inn {
    font-size: 36px;
    color: #93be4c;
    background-color: #fff;
    border-radius: 3px;
    -webkit-text-shadow: 0 2px 0 rgba(54, 58, 66, .1);
    -moz-text-shadow: 0 2px 0 rgba(54, 58, 66, .1);
    text-shadow: 0 2px 0 rgba(54, 58, 66, .1)
}

.counter .flip {
    -webkit-box-shadow: 0 3px 0 rgba(54, 58, 66, .1);
    box-shadow: 0 3px 0 rgba(54, 58, 66, .1)
}

.counter .flip-clock-divider .flip-clock-label {
    top: -24px
}

.counter ul.play li.flip-clock-active .down .shadow, .counter ul.play li.flip-clock-active .up .shadow, .counter ul.play li.flip-clock-before .down .shadow, .counter ul.play li.flip-clock-before .up .shadow {
    background: 0 0
}

.counter .flip-clock-divider.weeks .flip-clock-label {
    right: -67px
}

.counter .flip-clock-divider.days .flip-clock-label {
    right: -62px
}

.counter .flip-clock-divider.hours .flip-clock-label {
    right: -69px
}

.counter .flip-clock-divider.minutes .flip-clock-label {
    right: -77px
}

.counter .flip-clock-divider.seconds .flip-clock-label {
    right: -79px
}

.error {
    text-align: center;
    min-height: 100%;
    overflow: hidden
}

.error .error__header {
    padding-top: 220px;
    padding-bottom: 121px;
    background-color: #93be4c
}

.error .error__header .image-container {
    margin: 0 auto;
    width: 100%;
    max-width: 571px
}

.error .error__header .line-wings:before {
    top: 60px;
    left: -137px
}

.error .error__header .line-wings:after {
    top: 60px;
    right: -137px
}

.error .error__header .error__heading {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase
}

.error .error__describe {
    padding-top: 75px;
    padding-bottom: 15px
}

.error .empty {
    height: 70px
}

.error-footer {
    margin-top: -80px;
    text-align: center;
    height: 70px
}

.price-container {
    text-align: center
}

.price {
    margin-bottom: 5px;
    padding-bottom: 39px;
    width: 100%;
    max-width: 282px;
    display: inline-block;
    text-align: center;
    border: 1px solid #f1f3f4
}

.price .price__head {
    background-color: #f1f3f4
}

.price .price__package {
    margin: 0;
    padding-top: 39px;
    padding-bottom: 11px;
    font-size: 15px;
    color: #6d7e8c;
    text-transform: uppercase
}

.price .price__value {
    margin: 0;
    padding-bottom: 44px;
    font-size: 32px;
    font-weight: 700;
    color: #363a42
}

.price .price__content {
    padding-top: 47px;
    padding-bottom: 47px
}

.price .price-quality {
    padding: 8px 0;
    color: #6d7e8c
}

.price .price__btn {
    padding: 17px 35px
}

.video-container {
    position: relative;
    padding-top: 15px !important;
    padding-bottom: 54.25% !important
}

.video-container>iframe {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.icon-gears {
    display: inline-block;
    background: url(../images/icons/special/gears.svg) center no-repeat;
    width: 67px;
    height: 48px
}

.icon-bulb {
    display: inline-block;
    background: url(../images/icons/special/bulb.svg) center no-repeat;
    width: 67px;
    height: 48px
}

.icon-rocket {
    display: inline-block;
    background: url(../images/icons/special/rocket.svg) center no-repeat;
    width: 67px;
    height: 48px
}

.service-container {
    display: flex;
    text-align: center
}

.service {
    margin-bottom: 5px;
    padding: 30px 23px 40px;
    width: 100%;
    max-width: 282px;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    text-align: center;
    border: 1px solid #f1f3f4
}

.service-clients-h {
    min-height: 36px;
    height: 100%;
}

.service-clients-p {
    min-height: 108px;
    height: 100%;
}

.service .heading--small {
    margin-top: 23px;
    margin-bottom: 10px
}

.service .heading--small a {
    color: #363a42
}

.service .heading--small a:hover {
    color: #93be4c
}

.about-container p {
    margin-bottom: 27px
}

.about-container .sections-block .section-one, .about-container .sections-block .section-two {
    height: 100%;
    background-color: #f1f3f4
}

.about-container .sections-block .section-one {
    border: 6px solid #f1f3f4
}

.about-container .sections-block .section-two {
    padding: 54px 55px 57px
}

.about-container .sections-block .section-two .heading--md {
    margin-top: 0;
    margin-bottom: 47px
}

.about-container .list {
    /* margin-bottom: 18px; */
    /* margin-bottom: 41px; */
    margin-bottom: 13.6px;
    padding-left: 39px
}

.sections-block .section-one, .sections-block .section-two {
    width: 49.7%;
    display: block;
    float: left
}

.step-container {
    padding: 33px 0
}

.step {
    margin: 30px 0;
    width: 100%;
    max-width: 375px;
    display: inline-block;
    text-align: left
}

.step .step__head {
    margin-top: 27px;
    margin-bottom: 6px
}

.step .step__info {
    font-size: 20px
}

.step .icon {
    padding: 0 27px 0 63px;
    float: left
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.person {
    text-align: center
}

.person .person__foto {
    margin: 0 auto;
    max-width: 308px;
    display: block
}

.person .person__no-foto {
    margin-bottom: 46px;
    width: 215px;
    height: 215px;
    background: url(../images/components/no-person.png) center bottom no-repeat #93be4c;
    background-size: 70%;
    border-radius: 50%;
    border: 6px solid #f1f3f4
}

.person .person__no-foto .person__link:hover:before {
    opacity: 0
}

.person .person__no-foto .person__link span {
    left: 21%;
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.person .person__no-foto .person__link:hover span {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
}

.person .person__link {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    border-radius: 50%
}

.person .person__link span {
    position: absolute;
    top: 45%;
    left: 32%;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.person .person__link:hover span {
    opacity: 1
}

.person .person__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #363a42;
    height: 95%;
    width: 95%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.person .person__link:hover:before {
    opacity: .6
}

.person .social {
    display: block;
    float: none
}

.person .social .social__item {
    margin: 0 0 0 376px
}

.person .social .social__item:first-child {
    margin-left: 0
}

.person .person__social-top {
    margin-top: -105px
}

.person .person__social-bottom {
    margin-top: 21px
}

.person .person__social-bottom .social__item {
    margin-left: 292px
}

.person .person__name {
    margin-top: 22px;
    margin-bottom: 12px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}

.person .person__position {
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700
}

.person .person__descr {
    padding: 34px 100px 65px
}

.person .person__descr p {
    margin-bottom: 27px
}

.person .line-wings--second:after, .person .line-wings--second:before {
    top: 139px
}

.person .line-wings--second:before {
    left: -169px
}

.person .line-wings--second:after {
    right: -169px
}

.stat-wraper {
    padding: 41px 0 32px;
    text-align: center;
    background-color: #93be4c
}

.stat .stat__icon {
    height: 67px
}

.stat .stat_number {
    padding-right: 13px;
    display: inline-block;
    font-family: 'Noto Serif', serif;
    font-size: 56px;
    font-style: italic;
    font-weight: 700;
    color: #fff
}

.stat .stat__describe {
    display: inline-block;
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
    text-align: left
}

.skills-wrapper {
    padding-top: 40px
}

.skills-wrapper .donut-chart {
    margin: 21px 15px 48px
}

.timeline {
    text-align: center
}

.timeline .timeline__item {
    margin-right: -3px;
    margin-bottom: 1px;
    width: 190px;
    height: 100%;
    display: inline-block;
    text-align: center
}

.timeline .timeline__item--special .timeline__event {
    color: #fff;
    background-color: #93be4c;
    border: 1px solid #93be4c
}

.timeline .timeline__item--special .timeline__date {
    color: #fff;
    background-color: #93be4c
}

.timeline .timeline__event {
    margin-bottom: 1px;
    padding-top: 63px;
    width: 190px;
    height: 190px;
    display: block;
    border: 1px solid #f1f3f4
}

.timeline .timeline__event .fa {
    padding-bottom: 16px;
    display: block;
    font-size: 28px
}

.timeline .timeline__date {
    padding: 11px;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f1f3f4
}

.testimonial {
    margin-bottom: 28px
}

.testimonial .client-logo {
    margin-right: 42px;
    margin-left: 10px;
    padding: 3px 0 0;
    float: left
}

.testimonial .heading--client-lg {
    margin-top: 8px
}

.testimonial .heading--client-lg a {
    color: #363a42
}

.testimonial .heading--client-lg a:hover {
    color: #93be4c
}

.slider-min-dot .owl-dots {
    margin-top: -17px;
    text-align: center;
    position: relative;
    z-index: 10
}

.slider-min-dot .owl-dot, .slider-min-dot .owl-dot.active {
    margin: 0 6px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #363a42;
    border-radius: 50%
}

.slider-min-dot .owl-dot.active {
    background-color: #93be4c
}

.slider-min-dot .testimonial {
    min-height: 130px
}

.slider-min-dot--map .owl-dots {
    margin-top: -17px;
    text-align: center;
    position: relative;
    z-index: 10
}

.slider-min-dot--map .owl-dot, .slider-min-dot--map .owl-dot.active {
    margin: 0 6px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #363a42;
    border-radius: 50%
}

.slider-min-dot--map .owl-dot.active {
    background-color: #93be4c
}

.slider-min-dot--map .testimonial {
    min-height: 130px
}

.slider-min {
    position: relative
}

.slider-min .owl-next, .slider-min .owl-prev {
    margin-top: -15px;
    position: absolute;
    top: 50%;
    text-indent: 9999px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/slide-lr.svg);
    background-size: 60px 30px;
    opacity: .6;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.slider-min .owl-next:hover, .slider-min .owl-prev:hover {
    opacity: 1
}

.slider-min .owl-prev {
    left: 20px;
    background-position: -30px 0
}

.slider-min .owl-next {
    right: 20px;
    background-position: 0 0
}

.slider-min--blog {
    position: relative
}

.slider-min--blog .owl-next, .slider-min--blog .owl-prev {
    margin-top: -15px;
    position: absolute;
    top: 50%;
    text-indent: 9999px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/slide-lr.svg);
    background-size: 60px 30px;
    opacity: .6;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.slider-min--blog .owl-next:hover, .slider-min--blog .owl-prev:hover {
    opacity: 1
}

.slider-min--blog .owl-prev {
    left: 20px;
    background-position: -30px 0
}

.slider-min--blog .owl-next {
    right: 20px;
    background-position: 0 0
}

.slider-min--inverse.owl-carousel {
    position: static
}

.slider-min--inverse {
    position: relative
}

.slider-min--inverse .owl-next, .slider-min--inverse .owl-prev {
    position: absolute;
    top: 50%;
    text-indent: 9999px;
    width: 30px;
    height: 30px;
    background-size: 60px 30px;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.slider-min--inverse .owl-prev {
    left: 20px;
    background-position: -30px 0
}

.slider-min--inverse .owl-next {
    right: 20px;
    background-position: 0 0
}

.slider-min--inverse .owl-next, .slider-min--inverse .owl-prev {
    margin-top: 21px;
    background-image: url(../images/icons/slide-lr-inver.svg);
    opacity: 1
}

.slider-min--inverse .owl-next:hover, .slider-min--inverse .owl-prev:hover {
    opacity: .6
}

.gallery-top {
    margin-bottom: 9px;
    position: relative;
    max-height: 100% !important
}

.gallery-top .owl-next, .gallery-top .owl-prev {
    margin-top: -110px;
    position: absolute;
    top: 50%;
    text-indent: 9999px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/slide-lr.svg);
    background-size: 60px 30px;
    opacity: .6;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.gallery-top .owl-next:hover, .gallery-top .owl-prev:hover {
    opacity: 1
}

.gallery-top .owl-prev {
    left: 20px;
    background-position: -30px 0
}

.gallery-top .owl-next {
    right: 20px;
    background-position: 0 0
}

.gallery-top .owl-dot {
    margin-top: 1px;
    margin-right: 1px;
    display: inline-block;
    position: relative
}

.gallery-top .owl-dot:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #363a42;
    height: 100%;
    width: 100%;
    opacity: .6;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.gallery-top .owl-dot.active:before {
    opacity: 0
}

.gallery-top .gallery-thumb__img {
    width: 189px;
    height: 189px
}

.revol-slider-container {
    width: 100%;
    position: relative;
    padding: 0;
    z-index: 0
}

.revol-slider .slide__heading {
    font-family: 'Noto Sans', sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.revol-slider .slide__heading--alt {
    font-family: 'Noto Serif', serif;
    font-size: 38px;
    font-style: italic;
    font-weight: 400;
    color: #fff
}

.revol-slider .slide__text {
    line-height: 27px;
    color: #fff
}

.revol-slider .slide__btn .btn-primary {
    color: #fff
}

.revol-slider .slide__btn .btn-primary:hover {
    color: #93be4c
}

.revol-slider .slide__btn .btn-white {
    color: #363a42
}

.revol-slider .slide__btn .btn-clear, .revol-slider .slide__btn .btn-white:hover {
    color: #fff
}

.revol-slider .slide__img img {
    max-width: 569px;
    max-height: 50%
}

.revol-slider .slide__img__text img {
    max-width: 800px;
    max-height: 50%
}

.revol-slider .hightlight-text--alt {
    color: #363a42
}

.revol-slider .hightlight-text {
    color: #93be4c
}


.tp-leftarrow.default {
    width: 30px;
    height: 30px;
    background: url(../images/icons/slide-lr.svg) -30px 0 no-repeat;
    background-size: 60px 30px;
    opacity: .6;
    -webkit-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out
}

.tp-leftarrow.default:hover {
    opacity: 1
}

.tp-rightarrow.default {
    width: 30px;
    height: 30px;
    background: url(../images/icons/slide-lr.svg) no-repeat;
    background-size: 60px 30px;
    opacity: .6;
    -webkit-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out
}

.tp-rightarrow.default:hover {
    opacity: 1
}

.special {
    margin-top: 70px;
    margin-bottom: 120px
}

.special-container .special {
    position: relative;
    text-align: center
}

.special-container .special .image-container {
    margin-left: -165px;
    width: 100%;
    max-width: 331px;
    position: absolute;
    top: 33px;
    left: 50%
}

.special-features .special-features__item {
    margin-right: 420px;
    display: inline-block;
    position: relative
}

.special-features .special-features__item:last-child {
    margin-right: 0
}

.special-features .special-features__item .special-features__text {
    padding: 0 23px;
    width: 230px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700
}

.special-features .special-features__item .icon {
    padding-top: 23px;
    display: inline-block
}

.special-features .special-features__line {
    content: "";
    display: block;
    width: 62px;
    height: 3px;
    position: absolute;
    top: 67px;
    background: #daeaf3
}

.special-features .special-features__line:after {
    margin-left: -15px;
    content: "";
    display: block;
    height: 3px;
    width: 12px;
    background: #daeaf3
}

.special-features .special-features__line.line--right {
    right: -58px;
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg)
}

.special-features .special-features__line.line--left {
    left: -58px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.special-features--md {
    margin: 17px 0
}

.special-features--md .special-features__item {
    margin-right: 496px
}

.special-features--md .special-features__line {
    top: 34px;
    width: 85px
}

.special-features--md .special-features__line.line--right {
    right: -90px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.special-features--md .special-features__line.line--left {
    left: -90px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.special-features--btm .special-features__line {
    top: 0
}

.special-features--btm .special-features__line.line--right {
    right: -58px;
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg)
}

.special-features--btm .special-features__line.line--left {
    left: -58px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

.feature-container {
    margin-bottom: 74px
}

.feature {
    height: 280px
}

.feature .feature__heading {
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 400
}

.feature .feature__item {
    padding-top: 5px;
    max-width: 556px
}

.feature .feature__link {
    color: #363a42
}

.feature .feature__link:hover {
    color: #93be4c
}

.feature .feature__info {
    padding-right: 50px
}

.feature .image-container--feature {
    margin-right: 236px;
    margin-top: 8px;
    float: right;
    max-width: 280px
}

.feature-right .image-container--feature {
    margin-right: 0;
    margin-left: 173px;
    float: left
}

.feature-right .feature__item {
    float: right
}

.hero-image {
    padding: 100px 0;
    display: none;
    min-height: 340px;
    background: url(../images/bg/bg01.png) #93be4c
}

.hero-image .hero-image__img {
    margin: 0 auto;
    max-width: 280px
}

.hero-image .hero-image__heading {
    font-size: 46px;
    line-height: 58px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -webkit-text-shadow: 0 2px rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 2px rgba(0, 0, 0, .1);
    text-shadow: 0 2px rgba(0, 0, 0, .1)
}

.hero-image .hero-image__info {
    margin-bottom: 40px;
    color: #fff
}

.color-pallet {
    padding: 35px 41px 31px 37px;
    position: fixed;
    top: 164px;
    left: -256px;
    background: #fff;
    border: 2px solid #363a42;
    z-index: 1000;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out
}

.color-pallet .color-pallet__toggle {
    padding: 6px 13px 8px 12px;
    position: absolute;
    top: -2px;
    right: -48px;
    font-size: 22px;
    color: #363a42;
    background: #fff;
    border: 2px solid #363a42
}

.color-pallet .color-pallet__title {
    margin: 0 0 13px;
    font-size: 14px;
    text-transform: uppercase
}

.color-pallet .colors {
    display: inline-block;
    float: left
}

.color-pallet .colors--light .color {
    margin-right: 10px
}

.color-pallet .color {
    margin-bottom: 10px;
    padding: 7px 0;
    display: block;
    width: 82px;
    height: 40px;
    border: 3px solid #f1f3f4
}

.color-pallet .color.active {
    border-color: #acabaf
}

.color-pallet.opens {
    left: 0
}

.color-pallet .color .color__bg, .color-pallet .color .color__primary {
    height: 14px;
    width: 14px;
    display: inline-block;
    border-radius: 50%
}

.color-pallet .color .color__bg {
    margin-right: 17px
}

.color-pallet .color--default .color__primary {
    background: #93be4c
}

.color-pallet .color--light-blue .color__primary {
    background: #94ceef
}

.color-pallet .color--dark-blue .color__primary {
    background: #67a2c7
}

.color-pallet .color--pear .color__primary {
    background: #d0dd36
}

.color-pallet .color--neptune .color__primary {
    background: #72c1b0
}

.color-pallet .color--apricot .color__primary {
    background: #ed8a68
}

.color-pallet .color--carmine .color__primary {
    background: #e85c41
}

.color-pallet .color--violet .color__primary {
    background: #b564c3
}

.color-pallet .color--light-violet .color__primary {
    background: #8c83de
}

.color-pallet .color--yellow .color__primary {
    background: #febe12
}

.colors--light .color .color__bg {
    background: #f1f3f4
}

.colors--dark .color .color__bg {
    background: #363a42
}

.divider {
    background-color: #f1f3f4;
    height: 1px;
    width: 100%
}

.post-preview__img {
    max-height: 370px;
    position: relative
}

.post-preview__content {
    padding: 25px 60px 65px 30px;
    height: 370px;
    position: relative;
    background: #f1f3f4
}

.post-preview {
    margin-bottom: 30px
}

.post-preview .post-heading {
    margin: 0;
    padding-top: 26px;
    padding-bottom: 23px;
    line-height: 40px
}

.post-preview .post-heading a {
    color: #363a42
}

.post-preview .post-heading a:hover {
    color: #93be4c
}

.post-preview .post-author {
    margin: 0;
    position: absolute;
    bottom: 22px
}

.post-preview--lg .post-heading {
    padding-top: 26px;
    padding-bottom: 23px
}

.post-preview--lg .post-preview__content {
    padding: 25px 50px 65px 67px;
    width: 458px;
    position: absolute;
    top: 0;
    left: 307px;
    background: rgba(241, 243, 244, .9)
}

.pagination--page {
    margin-top: 33px
}

.post-preview--alt {
    margin-bottom: 30px
}

.post-preview--alt .post-preview__info {
    padding: 21px 40px;
    border: 1px solid #f1f3f4;
    border-top: none
}

.post-preview--alt .post-preview__content {
    border: 1px solid #f1f3f4
}

.post-preview--alt>iframe {
    margin-bottom: -6px;
    width: 100%
}

.post-preview--alt .post-meta--vertical {
    padding-top: 6px;
    float: left
}

.post-preview--alt .post-meta__item {
    display: block
}

.post-preview--alt .post-heading, .post-preview--alt .post-preview__text {
    margin-left: 250px
}

.post-preview--alt .post-heading {
    padding-top: 0
}

.post-preview--alt .post-preview__link {
    position: relative;
    font-size: 24px;
    background-color: #363a42
}

.post-preview--alt .post-preview__link span {
    height: 100%;
    width: 80px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(109, 126, 140, .1)
}

.post-preview--alt .post-preview__link span .fa {
    margin: -12px 0 0 -10px;
    position: absolute;
    top: 50%;
    left: 50%
}

.post-preview--alt .post-preview__link a {
    padding: 21px 0 25px 120px;
    display: inline-block
}

.post-preview--alt-inverse .post-preview__info {
    padding: 21px 40px;
    border-color: #363a42;
    background-color: #363a42
}

.post-preview--alt-inverse .post-meta--vertical {
    position: relative;
    z-index: 1
}

.post-preview--alt-inverse .post-meta--vertical .post-meta__item span, .post-preview--alt-inverse .post-meta--vertical .post-meta__link {
    color: #fff
}

.post-preview--alt-inverse .blockquote--inverse {
    padding-bottom: 11px;
    padding-left: 251px
}

.post p {
    margin-bottom: 27px
}

.post p a {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    color: #363a42
}

.post p a:hover {
    color: #93be4c
}

.post .list, .post .list-ordered {
    margin: 44px 0 31px;
    padding-left: 138px
}

.post__image {
    margin: 53px 98px
}

.post-meta .post-meta__item {
    display: inline;
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    color: #6d7e8c
}

.post-meta .post-meta__item:before {
    content: " / ";
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-style: italic;
    color: #6d7e8c
}

.post-meta .post-meta__item:first-child:before {
    content: ""
}

.post-meta .post-meta__link {
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    color: #6d7e8c
}

.post-meta .post-meta__link:hover {
    color: #93be4c
}

.post-author {
    margin-bottom: 53px
}

.post-author .post-author__avatar {
    margin-right: 11px;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.post-author .post-author__name, .post-author .post-author__name a {
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    color: #6d7e8c
}

.post-author .post-author__name a:hover {
    color: #93be4c
}

.post-heading {
    margin: 20px 0 14px;
    line-height: 58px
}

.image-container img {
    max-width: 100%
}

.share {
    margin: 56px 0 57px;
    padding: 26px 30px 20px;
    border: 1px solid #f1f3f4
}

.share .heading--small {
    margin: 0 11px 0 0;
    display: inline-block
}

.share .share__item {
    margin-right: 4px;
    margin-bottom: 6px;
    padding: 7px 10px 8px 28px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #f1f3f4;
    border-radius: 3px
}

.share .share__item:hover {
    opacity: .7
}

.share .fa {
    position: absolute;
    font-size: 14px
}

.share .share__item--facebook {
    background-color: #3b5998
}

.share .share__item--facebook .fa {
    top: 9px;
    left: 10px
}

.share .share__item--twitter {
    padding-right: 8px;
    background-color: #00acee
}

.share .share__item--twitter .fa {
    top: 10px;
    left: 8px
}

.share .share__item--g-plus {
    padding-right: 5px;
    background-color: #dd4b39
}

.share .share__item--g-plus .fa {
    top: 11px;
    left: 12px
}

.share .share__item--pinterest {
    padding-right: 13px;
    background-color: #c8232c
}

.share .share__item--pinterest .fa {
    top: 9px;
    left: 9px
}

.share .share__item--linkedin {
    background-color: #0e76a8
}

.share .share__item--linkedin .fa {
    top: 8px;
    left: 10px
}

.similar-post {
    margin-bottom: 22px
}

.similar-post .similar-post__img {
    margin-top: 9px;
    width: 100%
}

.similar-post .similar-post__link {
    margin: 10px 0 6px;
    display: block
}

.similar-post .similar-post__date-link {
    padding: 3px 10px 4px;
    font-size: 13px;
    background-color: #f1f3f4;
    border-radius: 3px
}

.similar-post .similar-post__date-link:hover {
    color: #fff;
    background-color: #93be4c
}

.similar-post .similar-post__comments {
    float: right;
    font-size: 13px
}

.similar-post .similar-post__comments .fa {
    padding-left: 6px
}

.similar-post--sidebar {
    margin-bottom: 14px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f3f4
}

.similar-post--sidebar .similar-post__link {
    margin: 2px 0 6px
}

.comments {
    margin-bottom: 57px
}

.comment {
    margin-top: 20px
}

.comment .comment__avatar {
    float: left;
    max-width: 65px;
    border-radius: 50%
}

.comment .comment__body {
    margin-left: 98px;
    padding: 25px 25px 11px 30px;
    border: 1px solid #f1f3f4;
    border-radius: 3px
}

.comment .comment__author-name {
    margin: 0;
    display: inline-block
}

.comment .comment__time {
    display: block;
    font-size: 13px;
    color: #93be4c
}

.comment .comment__btn {
    margin-top: 8px;
    margin-right: 5px;
    padding: 3px 15px;
    float: right
}

.comment .comment__btn:hover {
    color: #fff;
    opacity: .7
}

.comment .comment__btn .fa {
    padding-right: 8px
}

.comment .comment__text {
    margin-top: 17px;
    line-height: 28px
}

.comment--author {
    position: relative
}

.comment--author>.comment__body {
    background-color: #f1f3f4
}

.comment--author>.comment__text {
    color: #363a42
}

.comment--author .comment__label {
    padding: 3px 0;
    position: absolute;
    top: 67px;
    left: 6px;
    display: block;
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    color: #6d7e8c;
    background-color: #fff
}

.comment--reply .comment__avatar {
    margin-top: -2px;
    max-width: 69px;
    border: 2px solid #93be4c;
    border-radius: 50%
}

.comment--reply>.comment__body {
    position: relative
}

.comment--reply>.comment__body:before {
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -66px;
    content: "";
    display: block;
    background: #93be4c;
    z-index: -1
}

.comments-list__child .comment, .comments-list__child .comment__body {
    position: relative
}

.comments-list__child .comment:before {
    width: 28px;
    height: 2px;
    position: absolute;
    top: 32px;
    left: -27px;
    content: "";
    display: block;
    background: #93be4c
}

.comments-list__child .comment:last-child .comment__body:after {
    height: 82px;
    top: -50px
}

.comments-list__child .comment__body:after {
    width: 2px;
    height: 100%;
    position: absolute;
    top: -25px;
    left: -126px;
    content: "";
    display: block;
    background: #93be4c
}

.comments-list__child .comment {
    margin-left: 60px
}

.comment-form {
    margin-top: 26px
}

.comment-form .form__area {
    margin-top: 20px;
    min-height: 129px
}

.comment-form .checkbox {
    margin-top: 17px;
    display: inline-block
}

.comment-form .btn-submit {
    float: right
}

#disqus_thread a {
    color: #363a42 !important
}

.post-header--full {
    margin-bottom: 52px;
    background: url(../images/blog/post-full-header.jpg) center center no-repeat;
    background-size: cover;
    position: relative
}

.post-header--full .post-author__name, .post-header--full .post-author__name a, .post-header--full .post-heading, .post-header--full .post-meta__item, .post-header--full .post-meta__item:before, .post-header--full .post-meta__link {
    color: #fff
}

.post-header--full .post-author {
    margin-bottom: 41px
}

.post-header--full .post-author__avatar {
    width: 42px;
    height: 42px;
    border: 3px solid rgba(241, 243, 244, .2)
}

.post--full .list, .post--full .list-ordered {
    padding-left: 100px
}

.post__image-full {
    margin: 26px 30px 30px -196px;
    max-width: 555px;
    float: left
}

.similar-post-wrap {
    margin-bottom: 18px;
    background-color: #363a42
}

.similar-post--full {
    margin-bottom: 33px;
    margin-top: 21px
}

.similar-post--full .similar-post__comments, .similar-post--full .similar-post__link {
    color: #fff
}

.similar-post--full .similar-post__comments:hover, .similar-post--full .similar-post__link:hover {
    color: #93be4c
}

.similar-post--full .similar-post__date-link {
    color: #363a42
}

.share-wrap {
    margin-top: 55px;
    background-color: #f1f3f4
}

.share--full {
    margin: 0;
    padding: 28px 4px 20px;
    border: none
}

.post-meta--vertical .post-meta__item {
    margin-top: 9px;
    display: block;
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400
}

.post-meta--vertical .post-meta__item:before {
    display: none
}

.post-meta--vertical .post-meta__item span {
    padding-left: 5px;
    color: #363a42
}

.post-meta--vertical .post-meta__link {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #363a42
}

.jp-player--audio .jp-audio {
    position: relative;
    padding: 15px 15px 15px 80px;
    width: 100%;
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    border: none;
    background-color: #363a42
}

.jp-player--audio .jp-audio:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: url(../images/components/audio-default.png) no-repeat;
    background-color: rgba(109, 126, 140, .1);
    background-size: 80px 80px
}

.jp-player--audio .jp-state-muted .jp-volume-bar, .jp-player--audio .jp-volume-bar, .jp-player--audio .jp-volume-max {
    display: none !important
}

.jp-player--audio .jp-interface {
    background-color: #363a42
}

.jp-player--audio .jp-controls {
    padding: 5px 1px;
    margin: 0 15px 4px 0;
    float: left;
    width: 17px;
    background: 0 0
}

.jp-player--audio .jp-type-single {
    padding: 0 7px 0 18px;
    position: relative
}

.jp-player--audio .jp-type-single .jp-play {
    background: url(../images/icons/player-icons.png) no-repeat;
    background-size: auto 17px;
    width: 17px;
    height: 17px
}

.jp-player--audio .jp-state-playing .jp-type-single .jp-play {
    background: url(../images/icons/player-icons.png) -17px 0 no-repeat;
    background-size: auto 17px;
    width: 17px;
    height: 17px
}

.jp-player--audio .jp-duration, .jp-player--audio .jp-stop, .jp-player--audio .jp-toggles {
    display: none
}

.jp-player--audio .jp-audio .jp-controls-holder {
    height: 100%
}

.jp-player--audio .jp-volume-controls {
    margin-top: 11px;
    margin-right: -3px;
    display: block;
    float: right
}

.jp-player--audio .jp-volume-controls .jp-mute {
    width: 18px;
    height: 17px;
    position: relative;
    background: url(../images/icons/player-icons.png) -35px 0 no-repeat;
    background-size: auto 17px
}

.jp-player--audio .jp-state-muted .jp-volume-controls .jp-mute {
    background: url(../images/icons/player-icons.png) -54px 0 no-repeat;
    background-size: auto 17px;
    width: 18px;
    height: 17px
}

.jp-player--audio .jp-progress {
    margin-bottom: 1px;
    padding: 0;
    width: 100%;
    height: 8px;
    float: none;
    clear: both;
    background: rgba(109, 126, 140, .2);
    border-radius: 3px
}

.jp-player--audio .jp-seek-bar {
    background: 0 0;
    border-radius: 3px
}

.jp-player--audio .jp-play-bar {
    background: #93be4c;
    border-radius: 3px
}

.jp-player--audio .jp-details {
    margin-right: 7px;
    float: left;
    font-size: 15px;
    color: #6d7e8c
}

.jp-player--audio .jp-current-time {
    font-size: 15px;
    color: #6d7e8c
}

.jp-player--audio .jp-current-time:before {
    content: " | "
}

.jp-player--video .jp-video {
    width: 100% !important;
    border: none
}

.jp-player--video .jp-video-play-icon {
    margin-left: -45px;
    margin-top: -45px;
    background: url(../images/icons/play.png) no-repeat;
    background-size: 80px auto
}

.jp-player--video .jp-interface {
    background-color: #363a42
}

.jp-player--video .jp-video .jp-controls-holder {
    margin: 0
}

.jp-player--video .jp-state-muted .jp-video .jp-volume-bar, .jp-player--video .jp-type-single .jp-stop, .jp-player--video .jp-video .jp-duration, .jp-player--video .jp-video .jp-toggles, .jp-player--video .jp-video .jp-volume-bar, .jp-player--video .jp-video .jp-volume-controls .jp-volume-max, .jp-player--video .jp-volume-controls .jp-volume-max {
    display: none !important
}

.jp-player--video .jp-video .jp-controls-holder {
    width: 100%
}

.jp-player--video .jp-type-single .jp-play {
    background: url(../images/icons/player-icons-big.png) no-repeat;
    background-size: auto 34px;
    width: 33px;
    height: 33px
}

.jp-player--video .jp-state-playing .jp-type-single .jp-play {
    background: url(../images/icons/player-icons-big.png) -33px 0 no-repeat;
    background-size: auto 34px;
    width: 33px;
    height: 33px
}

.jp-player--video .jp-volume-controls {
    margin-top: 7px;
    margin-right: 19px;
    display: block;
    float: right
}

.jp-player--video .jp-volume-controls .jp-mute {
    width: 18px;
    height: 17px;
    position: relative;
    background: url(../images/icons/player-icons.png) -35px 0 no-repeat;
    background-size: auto 17px
}

.jp-player--video .jp-state-muted .jp-volume-controls .jp-mute {
    background: url(../images/icons/player-icons.png) -54px 0 no-repeat;
    background-size: auto 17px;
    width: 18px;
    height: 17px
}

.jp-player--video .jp-details {
    margin: 0;
    padding-top: 17px;
    padding-bottom: 18px;
    float: left;
    font-size: 15px;
    color: #6d7e8c
}

.jp-player--video .jp-current-time {
    padding-top: 17px;
    padding-left: 11px;
    width: 150px;
    font-size: 15px;
    color: #6d7e8c
}

.jp-player--video .jp-current-time:before {
    content: " | "
}

.jp-player--video .jp-controls {
    margin: 0 18px 0 0;
    padding: 24px;
    width: 80px;
    height: 80px;
    background: rgba(109, 126, 140, .2)
}

.jp-player--video .jp-progress {
    margin-left: 0;
    margin-bottom: 1px;
    padding: 0;
    width: 84% !important;
    height: 8px;
    float: left;
    background: rgba(109, 126, 140, .2);
    border-radius: 3px;
    border: none !important
}

.jp-player--video .jp-seek-bar {
    background: 0 0;
    border-radius: 3px
}

.jp-player--video .jp-play-bar {
    background: #93be4c;
    border-radius: 3px
}

.portfolio-item {
    margin-bottom: 30px;
    position: relative
}

.portfolio-item--min .portfolio-item__like {
    display: none
}

.portfolio-item__icon-left, .portfolio-item__icon-right, .portfolio-item__icon-center {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    color: #fff;
    background-color: #93be4c;
    border-radius: 50%;
    opacity: 0;
    z-index: 10
}

.portfolio-item__icon-left:focus, .portfolio-item__icon-left:hover, .portfolio-item__icon-right:focus, .portfolio-item__icon-right:hover, .portfolio-item__icon-center:focus, .portfolio-item__icon-center:hover {
    color: #fff
}

.portfolio-item__icon-left .fa, .portfolio-item__icon-right .fa, .portfolio-item__icon-center .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px
}

.portfolio-item__icon-center {
    margin-left: -10px;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.portfolio-item__icon-right {
    margin-left: 8px;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.portfolio-item__icon-left {
    margin-left: -42px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.image-container--portfolio {
    position: relative
}

.image-container--portfolio:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    background: rgba(54, 58, 66, .8);
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.image-container--portfolio:hover:after {
    opacity: 1
}

.image-container--portfolio:hover .portfolio-item__icon-left, .image-container--portfolio:hover .portfolio-item__icon-right, .image-container--portfolio:hover .portfolio-item__icon-center {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.image-container--fade {
    position: relative
}

.image-container--fade:before {
    background: linear-gradient(to bottom, rgba(54, 58, 66, 0) 0, rgba(54, 58, 66, .85) 100%);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100.2%
}

.portfolio-item__caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 4px solid rgba(255, 255, 255, .2)
}

.portfolio-item__caption .portfolio-item__description {
    padding: 17px 0 21px 20px;
    float: left;
    color: #fff
}

.portfolio-item__caption .portfolio-item__like {
    padding: 17px 22px 20px 15px;
    float: right;
    color: #fff
}

.portfolio-item__caption .portfolio-item__like .fa {
    padding-left: 10px
}

.portfolio-item__caption .portfolio-item__description:hover, .portfolio-item__caption .portfolio-item__like:hover {
    color: #93be4c
}

.mfp-close, .mfp-image-holder {
    cursor: pointer !important
}

.portfolio-wrapper {
    padding-top: 9px
}

.portfolio-full .portfolio-item {
    margin-bottom: 1px;
    width: 16.6%;
    display: inline-block
}

.portfolio-full {
    margin-top: 25px
}

.portfolio-full .image-container--portfolio {
    overflow: hidden
}

.portfolio-full .image-container--portfolio:after {
    background: 0 0;
    border-radius: 0;
    box-shadow: 0 0 0 100px #fff
}

.portfolio-full .image-container--portfolio:hover:after {
    border-radius: 50%
}

.portfolio-item__icon-left, .portfolio-item__icon-right, .portfolio-item__icon-center {
    margin-top: -18px
}

.project-title {
    text-align: center
}

.project-title .heading--medium {
    margin-top: 0;
    margin-bottom: 14px
}

.project-title .post-meta {
    padding-bottom: 27px
}

.client-logo {
    padding-top: 9px;
    width: 141px
}

.gallery-top {
    margin-top: 52px
}

.gallery-thumb {
    margin-bottom: 8px;
    position: relative
}

.gallery-thumb .gallery-thumb__img {
    height: 100%;
    width: 100%
}

.gallery-thumb .swiper-pagination-bullet {
    width: 190px;
    height: 190px;
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
    border-left: none;
    border-radius: 0;
    opacity: 1
}

.gallery-thumb .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #363a42;
    height: 100%;
    width: 100%;
    opacity: .6;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.gallery-thumb .swiper-pagination-bullet:last-child {
    border-right: none
}

.gallery-thumb .swiper-pagination-bullet-active:before {
    opacity: 0
}

#twitter-feed {
    margin-right: 97px
}

.twitter-article {
    padding-top: 6px;
    position: relative;
    clear: both
}

.twitter-article .twitter__follow {
    position: absolute;
    top: 12px;
    right: 0;
    background: #00acee;
    color: #fff;
    padding: 7px 12px;
    border-radius: 3px;
    font-size: 13px
}

.twitter-article .twitter__follow:focus {
    color: #fff
}

.twitter-article .twitter__follow:hover {
    opacity: .7
}

.twitter-article .twitter-pic img {
    border-radius: 24px
}

.twitter-article .twitter-author {
    position: absolute;
    top: 7px;
    left: 58px;
    font-size: 15px;
    color: #fff
}

.twitter-article .tweetprofilelink {
    position: absolute;
    top: 23px;
    left: 57px;
    font-size: 13px
}

.twitter-article .twitter-text {
    margin-top: -2px
}

.twitter-article .twitter-text>p {
    font-size: 13px;
    line-height: 22px;
    color: #fff
}

.twitter-article .twitter-text a {
    color: #93be4c
}

.twitter-article .twitter-text a:hover {
    color: #fff
}

.twitter-article .tweet-time {
    float: left;
    font-size: 13px
}

.twitter-article .tweet-time a {
    color: #6d7e8c
}

.twitter-article .tweet-time a:hover {
    color: #93be4c
}

.intent {
    display: inline-block;
    background-repeat: no-repeat
}

.intent a {
    display: block;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0
}

#twitter-actions {
    float: right
}

#intent-reply a {
    margin-right: 21px
}

#intent-reply a .svg-icon__path {
    fill: #93be4c;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

#intent-reply a:hover .svg-icon__path {
    fill: #fff
}

#intent-retweet a {
    margin-right: 21px
}

#intent-retweet a .svg-icon {
    margin-bottom: 2px
}

#intent-retweet a .svg-icon__path {
    fill: #93be4c;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

#intent-retweet a:hover .svg-icon__path {
    fill: #fff
}

#intent-fave a .svg-icon__path {
    fill: #93be4c;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

#intent-fave a:hover .svg-icon__path {
    fill: #fff
}

#twitter-feed-list .twitter-article {
    margin-bottom: 48px
}

#twitter-feed-list .twitter-author {
    color: #363a42
}

#twitter-feed-list .twitter-text>p {
    font-size: 13px;
    color: #6d7e8c
}

#twitter-feed-list .twitter-text a:hover {
    color: #6d7e8c
}

#twitter-feed-list #intent-fave a:hover .svg-icon__path, #twitter-feed-list #intent-reply a:hover .svg-icon__path, #twitter-feed-list #intent-retweet a:hover .svg-icon__path {
    opacity: .7
}

.loader, .loader:after, .loader:before {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.loader {
    margin-left: 30px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}

.loader:before {
    left: -30px
}

.loader:after {
    left: 30px;
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}

.loader:after, .loader:before {
    content: '';
    position: absolute;
    top: 0
}

@-webkit-keyframes load7 {
    0%, 100%, 80% {
        box-shadow: 0 2.5em 0 -1.3em #6d7e8c
    }

    40% {
        box-shadow: 0 2.5em 0 0 #6d7e8c
    }
}

@keyframes load7 {
    0%, 100%, 80% {
        box-shadow: 0 2.5em 0 -1.3em #6d7e8c
    }

    40% {
        box-shadow: 0 2.5em 0 0 #6d7e8c
    }
}

.footer {
    background: #363a42
}

.footer a:focus {
    color: #93be4c
}

.footer p {
    font-size: 13px;
    line-height: 23px
}

.footer #tw2 {
    display: none
}

.contact-info {
    font-size: 13px
}

.contact-info .contact-info__item {
    margin-bottom: 22px;
    padding-left: 28px;
    display: block;
    position: relative
}

.contact-info .contact-info__item>span {
    display: block
}

.contact-info .contact-info__item .fa {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 16px
}

.contact-info .contact-info__item .fa-envelope {
    top: 11px;
    left: -1px;
    font-size: 14px
}

.contact-info .contact-info__item .fa-phone {
    top: 11px;
    left: -1px
}

.social--footer {
    float: left
}

.social--footer .social__link, .social--footer .social__link:focus {
    color: #363a42
}

.subscribe {
    margin-top: 23px
}

.subscribe .subscribe__input {
    margin-bottom: 10px;
    padding-left: 18px;
    height: 56px;
    width: 100%;
    font-size: 14px;
    font-style: italic;
    background: 0 0;
    border: 1px solid #6d7e8c;
    border-radius: 3px;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

.subscribe .subscribe__input:focus {
    border-color: #fff;
    color: #fff
}

.copyright {
    margin-top: 80px;
    padding: 36px 0 54px;
    font-size: 13px;
    border-top: 1px solid #26282e
}

.copyright .copyright__text {
    float: left
}

.copyright .copyright__links {
    float: right;
    list-style: none
}

.copyright .copyright__links li {
    margin-left: 28px;
    display: inline-block;
    font-size: 13px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: both
}

.opasity-0 {
    opacity: 0
}

.delay-05 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay-1-5 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes rubberBandFade {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBandFade {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBandFade {
    -webkit-animation-name: rubberBandFade;
    animation-name: rubberBandFade;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.fadeRightStart {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fadeLeftStart {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fadeInUpStart {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.fadeInDownStart {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.accordion--color .panel-heading .marker__close, .accordion--color .panel-heading .marker__open {
    left: 29px;
    margin-top: -8px
}

.accordion--color .accordion-link {
    padding: 27px 27px 27px 99px;
    display: block;
    background: #f1f3f4;
    color: #363a42
}

.accordion--color .accordion-link.collapsed:hover, .accordion--color .accordion-link:hover {
    color: #fff;
    background: #93be4c
}

.accordion--color .marker {
    width: 70px;
    color: #fff;
    background: #93be4c
}

.accordion--color .panel-body {
    padding: 22px 20px 32px 98px
}

.accordion--inverse .panel-heading .marker__close, .accordion--inverse .panel-heading .marker__open {
    left: 29px;
    margin-top: -8px
}

.accordion--inverse .accordion-link {
    padding: 26px 27px 26px 99px;
    display: block;
    color: #363a42;
    border: 1px solid #f1f3f4
}

.accordion--inverse .accordion-link.collapsed:hover, .accordion--inverse .accordion-link:hover {
    color: #fff;
    background: #363a42;
    border: 1px solid #363a42
}

.accordion--inverse .accordion-link:hover .marker {
    color: #fff;
    border-right: 1px solid #363a42
}

.accordion--inverse .marker {
    width: 70px;
    color: #363a42;
    border-right: 1px solid #f1f3f4;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.accordion--inverse .panel-body {
    padding: 22px 20px 32px 98px
}

.accordion--inverse-lg .panel-body {
    padding-right: 125px
}

.alert .alert-marker {
    border-right: 1px solid #fff
}

.alert-success {
    background: #eaf6c9
}

.alert-success .alert-marker {
    color: #93be4c
}

.alert-info {
    background: #dcecf7
}

.alert-info .alert-marker {
    color: #67a2c7
}

.alert-danger {
    background: #ffc5c5
}

.alert-danger .alert-marker {
    color: #f26d6d
}

.alert-warning {
    background: #f8f1d7
}

.alert-warning .alert-marker {
    color: #ffce54
}

.btn {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    border-width: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.btn.active:focus, .btn:active, .btn:active:focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-present .btn-lg {
    margin-right: 71px;
    margin-bottom: 30px
}

.btn-present .btn-lg:last-child {
    margin-right: 0
}

.btn-present .btn-sm {
    margin-right: 93px;
    margin-bottom: 20px
}

.btn-present .btn-sm:last-child {
    margin-right: 65px
}

.btn-primary {
    color: #fff;
    background: #93be4c
}

.btn-primary:focus {
    color: #fff
}

.btn-second-em {
    color: #fff;
    background: #94ceef
}

.btn-second-em:focus {
    color: #fff
}

.btn-info {
    color: #fff;
    background: #67a2c7
}

.btn-info:focus {
    color: #fff
}

.btn-first-em {
    color: #fff;
    background: #d0dd36
}

.btn-first-em:focus {
    color: #fff
}

.btn-inverse {
    color: #fff;
    background: #363a42
}

.btn-inverse:focus {
    color: #fff
}

.btn-grey {
    color: #fff;
    background: #6d7e8c
}

.btn-grey:focus {
    color: #fff
}

.btn-light-grey, .btn-light-grey:focus {
    color: #363a42;
    background: #f1f3f4
}

.btn-white {
    color: #363a42;
    background: #fff
}

.btn-white:focus {
    color: #fff
}

.btn-full {
    padding: 19px 0;
    width: 100%
}

.btn-lg {
    padding: 21px 30px;
    line-height: 1
}

.btn-lg:before {
    border: 4px solid #93be4c
}

.btn-sm {
    padding: 10px 29px 8px;
    font-size: 12px
}

.btn-sm::before {
    border: 2px solid #93be4c
}

.btn-effect {
    position: relative;
    z-index: 1;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.btn-effect::after, .btn-effect::before {
    content: '';
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.btn-effect::before {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1)
}

.btn-effect:hover::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.btn-effect:hover::after {
    opacity: 0;
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1)
}

.btn-effect:hover.btn {
    background: 0 0
}

.btn-effect.btn-primary::before {
    border-color: #93be4c
}

.btn-effect.btn-primary::after {
    background: #93be4c
}

.btn-effect.btn-primary:hover {
    color: #93be4c
}

.btn-effect.btn-second-em::before {
    border-color: #94ceef
}

.btn-effect.btn-second-em::after {
    background: #94ceef
}

.btn-effect.btn-second-em:hover {
    color: #94ceef
}

.btn-effect.btn-info::before {
    border-color: #67a2c7
}

.btn-effect.btn-info::after {
    background: #67a2c7
}

.btn-effect.btn-info:hover {
    color: #67a2c7
}

.btn-effect.btn-first-em::before {
    border-color: #d0dd36
}

.btn-effect.btn-first-em::after {
    background: #d0dd36
}

.btn-effect.btn-first-em:hover {
    color: #d0dd36
}

.btn-effect.btn-inverse::before {
    border-color: #363a42
}

.btn-effect.btn-inverse::after {
    background: #363a42
}

.btn-effect.btn-inverse:hover {
    color: #363a42
}

.btn-effect.btn-grey::before {
    border-color: #6d7e8c
}

.btn-effect.btn-grey::after {
    background: #6d7e8c
}

.btn-effect.btn-grey:hover {
    color: #6d7e8c
}

.btn-effect.btn-white::before {
    border-color: #fff
}

.btn-effect.btn-white::after {
    background: #fff
}

.btn-effect.btn-white:hover {
    color: #fff
}

.btn-clear {
    background: 0 0;
    color: #fff
}

.btn-special {
    padding: 18px 91px 18px 23px;
    position: relative;
    background: #93be4c;
    border: none
}

.btn-special span {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 100%;
    background: #83ad3f;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.btn-special .fa {
    margin-top: -7px;
    position: absolute;
    top: 50%;
    right: 20px
}

.btn-special:hover {
    color: #fff;
    opacity: .6
}

.btn-special:focus {
    color: #fff
}

.btn-special--left {
    font-size: 13px;
    padding: 13px 21px 14px 54px
}

.btn-special--left span {
    width: 45px;
    left: 0;
    font-size: 18px;
    border-radius: 3px 0 0 3px
}

.btn-special--left span .fa {
    margin-top: -8px;
    right: 19px
}

.btn-special--facebook {
    background: #3b5998
}

.btn-special--facebook span {
    background: #324c82
}

.btn-special--twitter {
    background: #55acee
}

.btn-special--twitter span {
    background: #399eeb
}

.btn-special--twitter span .fa {
    margin-top: -9px;
    right: 14px
}

.btn-special--google {
    background: #dd4b39
}

.btn-special--google span {
    background: #d33724
}

.btn-special--google span .fa {
    margin-top: -7px;
    right: 14px
}

.btn-onform {
    padding: 21px 13px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-onform:hover {
    color: #fff;
    opacity: .7
}

.promo__btn {
    padding: 21px 30px
}

.js-read-more:hover {
    color: #fff;
    background: #93be4c
}

.colors {
    list-style-type: none;
    text-align: center
}

.colors .colors__item {
    margin: 0 8px 20px;
    padding: 31px 10px 31px 18px;
    width: 122px;
    height: 122px;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    word-spacing: 4px;
    text-align: left;
    color: #fff;
    border-radius: 3px
}

.colors .colors__item:last-child {
    color: #363a42
}

.green {
    background: #93be4c
}

.lime {
    background: #d0dd36
}

.sky-blue {
    background: #94ceef
}

.dark {
    background: #363a42
}

.grey {
    background: #6d7e8c
}

.light {
    background: #f1f3f4
}

.pagination--circle .pagination__block {
    background: 0 0
}

.pagination--circle .pagination__next, .pagination--circle .pagination__prev {
    padding: 16px 9px;
    width: 48px;
    height: 48px;
    font-size: 11px;
    border-radius: 25px;
    background: #f1f3f4
}

.pagination--circle .pagination__next:focus, .pagination--circle .pagination__next:hover, .pagination--circle .pagination__prev:focus, .pagination--circle .pagination__prev:hover {
    color: #fff;
    background: #93be4c
}

.pagination--circle .active-page {
    margin-top: 4px;
    padding: 7px 13px;
    width: 36px;
    height: 36px;
    border-radius: 18px
}

.progress-container {
    margin-bottom: 25px
}

.progress--primary .progress-title {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #363a42;
    text-transform: uppercase
}

.progress--primary .progress {
    height: 24px;
    overflow: visible;
    border-radius: 0;
    background: #f1f3f4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress--primary .progress-bar {
    margin: 4px;
    height: 16px;
    max-width: 100%;
    position: relative;
    background: #93be4c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress--primary .progress-bar .progress-number {
    padding: 2px 0 4px 2px;
    display: block;
    width: 42px;
    position: absolute;
    top: -35px;
    right: -21px;
    font-size: 13px;
    text-align: center;
    background-color: #363a42
}

.progress--primary .progress-bar .progress-number:before {
    margin-left: -5px;
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: -4px;
    content: "";
    border-color: #363a42 transparent transparent;
    border-style: solid;
    border-width: 4px 5px 0
}

.progress--secondary .progress-title {
    margin-bottom: 5px
}

.progress--secondary .progress-title .progress-value {
    margin-left: 4px;
    font-weight: 700
}

.progress--secondary .progress {
    height: 12px;
    border-radius: 3px;
    background: #f1f3f4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress--secondary .progress-bar {
    margin: 3px 4px;
    height: 6px;
    max-width: 100%;
    border-radius: 3px;
    background: #6d7e8c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.promo--parallax {
    background-image: url(../images/promo/promo-parallax.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-position: 50% 80%
}

.promo--parallax .promo__btn {
    padding: 21px 50px
}

.promo--primary {
    background: #93be4c
}

.promo--gray {
    background: #f1f3f4
}

.promo--light {
    margin-top: 30px;
    text-align: left;
    background: #94ceef
}

.promo--light .promo__heading {
    padding: 9px 0 19px 11%;
    font-size: 46px;
    line-height: 58px
}

.promo--light .promo__heading:after {
    margin-top: 30px;
    width: 290px;
    height: 6px;
    display: block;
    content: "";
    background: #fff
}

.promo--light .promo__highlight>span {
    text-transform: none
}

.promo--light .promo__btn {
    margin: 16px 0 53px 11%;
    padding: 0;
    color: #363a42
}

.promo--light .promo__btn:hover {
    color: #fff
}

.promo--pattern {
    background: url(../images/pattern/pattern-01.jpg)
}

.promo--pattern .promo__heading {
    padding-bottom: 8px;
    color: #363a42
}

.promo--pattern .promo__text {
    padding-bottom: 46px
}

.promo--pattern .promo__btn {
    margin-bottom: 88px;
    min-width: 190px
}

.promo--dark {
    margin-top: 30px;
    text-align: left;
    background: url(../images/bg/bg01.png) #363a42
}

.promo--dark .promo__heading {
    padding: 9px 0 19px 11%;
    font-size: 46px;
    line-height: 58px;
    text-align: left
}

.promo--dark .promo__highlight {
    color: #93be4c
}

.promo--dark .promo__btn {
    margin: 30px 0 41px 64px
}

.promo--testimonial {
    padding-bottom: 94px;
    text-align: left
}

.promo--testimonial .heading {
    margin-top: 57px;
    margin-bottom: -7px
}

.promo--testimonial-slide {
    padding: 21px 0;
    position: relative;
    text-align: left
}

.promo--testimonial-slide .heading {
    margin-bottom: -6px
}

.promo--brand {
    padding: 61px 0 36px;
    background-color: #f1f3f4;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff
}

.promo--brand .image-container--brand {
    margin: 0 28px 25px
}

.promo--column {
    text-align: left
}

.promo--column .promo__heading {
    padding: 57px 0 4px;
    font-size: 28px;
    color: #363a42
}

.promo--column .promo__text {
    font-size: 18px
}

.promo--column .promo__btn {
    margin-top: 67px;
    margin-bottom: 64px;
    float: right
}

.promo--column .heading {
    margin-bottom: 22px;
    margin-top: 58px
}

.promo--clear {
    padding: 56px 0 95px
}

.promo--clear .heading--medium {
    margin-bottom: 12px
}

.promo--clear .video-container {
    margin: 32px auto 0;
    padding: 0 !important;
    max-width: 555px;
    height: 320px
}

.promo--clear .video-container iframe {
    border: 6px solid #93be4c
}

.promo--column-img {
    padding: 0;
    text-align: left
}

.promo--column-img .heading-cascade {
    margin-top: 84px
}

.promo--column-img .image-container {
    margin-top: 12px;
    margin-left: -38px;
    max-width: 496px
}

.promo--column-img p {
    margin-bottom: 60px
}

.promo--bubble {
    padding: 56px 0 98px;
    position: relative;
    background: #363a42
}

.promo--bubble:after {
    margin-left: -16px;
    content: "";
    display: block;
    position: absolute;
    bottom: -16px;
    left: 50%;
    background: 0 0;
    height: 0;
    width: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #363a42
}

.promo--people {
    background-image: url(../images/promo/promo-parallax-02.jpg)
}

.promo--fade {
    position: relative;
    z-index: 0
}

.promo--fade:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #363a42;
    height: 100%;
    width: 100%;
    opacity: .5;
    z-index: -2
}

.table--bordered {
    margin-bottom: 40px;
    border-collapse: separate;
    border-spacing: 4px 0
}

.table--bordered thead>tr>th {
    padding: 20px 26px;
    position: relative;
    color: #363a42;
    text-transform: uppercase;
    border-bottom: 4px solid #fff;
    background: #f1f3f4
}

.table--bordered thead>tr>th:before {
    content: " ";
    display: block;
    height: 100%;
    width: 4px;
    position: absolute;
    top: 0;
    left: -4px;
    background: #f1f3f4
}

.table--bordered thead>tr>th:first-child:before {
    background: 0 0
}

.table--bordered tbody>tr>td {
    padding: 14px 23px;
    border: 1px solid #f1f3f4;
    border-top: none
}

.table--bordered tbody>tr:first-child>td {
    padding-top: 24px;
    border-top: 1px solid #f1f3f4
}

.table--bordered tbody>tr:last-child>td {
    padding-bottom: 24px
}

.table--vertical tbody>tr>td, .table--vertical thead>tr>th {
    padding: 20px 60px;
    border: none
}

.table--vertical tr:nth-child(odd) {
    background: #f1f3f4
}

.table--vertical .vertical-heading {
    padding: 20px 39px;
    width: 31.57%;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    font-weight: 700;
    color: #fff;
    background: #93be4c
}

.tab--vertical {
    padding: 16px 0
}

.tab--vertical .nav-tabs {
    margin-top: 3px;
    float: left;
    width: 132px;
    border: none
}

.tab--vertical .nav-tabs a {
    padding: 10px 60px 10px 0;
    border: none
}

.tab--vertical .nav-tabs .active a, .tab--vertical .nav-tabs .active a:focus, .tab--vertical .nav-tabs .active a:hover {
    padding: 10px 60px 10px 0;
    color: #93be4c;
    border: none
}

.tab--vertical .tab-content {
    margin-left: 132px;
    padding: 12px 12px 12px 33px;
    border-left: 1px solid #93be4c
}

.tab--bordered {
    border: 1px solid #f1f3f4
}

.tab--bordered .nav-tabs {
    border: none;
    background: #93be4c
}

.tab--bordered .nav-tabs a {
    padding: 19px 18px;
    font-size: 15px;
    color: #fff;
    text-transform: none;
    border: none;
    border-radius: 0
}

.tab--bordered .nav-tabs .active a, .tab--bordered .nav-tabs .active a:focus, .tab--bordered .nav-tabs .active a:hover {
    padding: 19px 18px;
    color: #93be4c;
    background: #fff;
    border: none
}

.tab--bordered .tab-content {
    padding: 23px 29px 0
}

.tab--bordered .tab-content p {
    margin: 0 0 27px
}

.tab--bordered-vertical {
    overflow-y: hidden;
    position: relative;
    border: 1px solid #f1f3f4
}

.tab--bordered-vertical .nav-tabs {
    float: left;
    width: 150px;
    position: absolute;
    border: none;
    background: #93be4c
}

.tab--bordered-vertical .nav-tabs a {
    padding: 19px 10px 19px 21px;
    font-size: 15px;
    color: #fff;
    text-transform: none;
    border: none;
    border-radius: 0
}

.tab--bordered-vertical .nav-tabs li {
    width: 100%
}

.tab--bordered-vertical .nav-tabs:after {
    width: 100%;
    height: 1000px;
    display: block;
    content: ""
}

.tab--bordered-vertical .nav-tabs .active a, .tab--bordered-vertical .nav-tabs .active a:focus, .tab--bordered-vertical .nav-tabs .active a:hover {
    padding: 19px 10px 19px 21px;
    color: #93be4c;
    background: #fff;
    border: none
}

.tab--bordered-vertical .tab-content {
    margin-left: 150px;
    padding: 15px 14px 15px 30px
}

.tab--bordered-vertical .tab-content p {
    margin: 0 0 27px
}

.tab--sidebar .tab-content {
    padding: 24px 0 0
}

.tooltip--round .tooltip-content {
    margin-left: -32px;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 60px;
    height: 60px;
    font-size: 24px;
    color: #fff;
    border-radius: 50%;
    background: #93be4c
}

.tooltip--round .tooltip-content-special:after {
    margin: -7px 0 0 -15px;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 30px;
    height: 20px;
    background: url(../images/tooltip1.svg) no-repeat;
    border: none
}

.tooltip--round .svg-bg {
    margin-top: -15px;
    position: relative;
    z-index: 1
}

.tooltip--round .svg-bg .svg-bg__path {
    fill: #93be4c
}

.tooltip--round .fa {
    margin: -11px 0 0 -11px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2
}

.tooltip--round .tooltip-content i {
    opacity: 0
}

.tooltip--round:hover .tooltip-content, .tooltip--round:hover .tooltip-content i {
    opacity: 1
}

.tooltip-hover-2 .tooltip-content {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.tooltip-hover-2 .tooltip-content i {
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.tooltip--round:hover .tooltip-content, .tooltip--round:hover .tooltip-content i {
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

.tooltip--box .tooltip-item {
    position: relative;
    z-index: 100;
    -webkit-transition: background-color .3s, color .3s, -webkit-transform .3s;
    transition: background-color .3s, color .3s, transform .3s
}

.tooltip--box .tooltip-content {
    margin: 0 0 -30px -140px;
    padding: 24px 28px 19px;
    width: 296px;
    text-align: left;
    border-bottom: 56px solid #93be4c;
    border-radius: 0;
    z-index: 99;
    -webkit-transform: translate3d(0, -.5em, 0);
    transform: translate3d(0, -.5em, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.tooltip--box .tooltip-content:after {
    border: none
}

.tooltip--box .tooltip-text {
    font-size: 15px;
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5em, 0);
    transform: translate3d(0, 1.5em, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s
}

.tooltip-hover-3:hover .tooltip-item {
    color: #fff;
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0)
}

.tooltip-hover-3:hover .tooltip-content, .tooltip-hover-3:hover .tooltip-text {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tags--clear {
    text-align: center
}

.tags--clear .tags__link {
    padding: 5px 15px 5px 17px;
    font-size: 15px;
    font-weight: 700;
    background-color: transparent;
    border-radius: 0
}

.tags--clear .tags__link:hover {
    color: #93be4c;
    background-color: transparent
}

.tags--clear .tags__link--active {
    color: #93be4c
}

.list--light {
    padding-left: 42px;
    color: #6d7e8c
}

.list--light li:before {
    color: #363a42
}

.price--darker {
    padding-bottom: 0;
    border: none
}

.price--darker .price__head {
    padding-bottom: 61px;
    position: relative;
    background-color: #6d7e8c
}

.price--darker .price__package {
    padding-top: 45px;
    padding-bottom: 17px;
    font-size: 21px;
    color: #fff
}

.price--darker .price__description {
    padding: 0 5px;
    color: #fff;
    font-style: italic;
    line-height: 21px
}

.price--darker .price__btn {
    padding: 14px 17px 16px;
    margin-left: -74px;
    position: absolute;
    bottom: -28px;
    left: 50%;
    -webkit-box-shadow: 0 0 0 4px #fff;
    box-shadow: 0 0 0 4px #fff
}

.price--darker .price__btn:hover {
    background: #fff
}

.price--darker .price__btn span {
    font-size: 18px
}

.price--darker .price__content {
    padding-top: 65px;
    padding-bottom: 54px;
    border: 1px solid #f1f3f4;
    border-top: none
}

.price--darker .price-quality {
    color: #363a42
}

.price--recommend .price__head {
    background-color: #363a42
}

.badge-container {
    width: 75px;
    height: 75px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.badge-container .price__badge {
    padding: 5px 22px;
    display: block;
    position: absolute;
    top: 16px;
    right: -27px;
    font-size: 10px;
    font-weight: 700;
    color: #363a42;
    text-transform: uppercase;
    background-color: #ffce54;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.price--wide {
    margin-bottom: 30px;
    width: 100%;
    max-width: none;
    background-color: #f1f3f4;
    border: none
}

.price--wide .price__package {
    padding-top: 46px;
    padding-bottom: 24px;
    font-size: 21px;
    color: #93be4c
}

.price--wide .price__description, .price--wide .price__value {
    display: inline-block;
    font-family: 'Noto Serif', serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    color: #363a42
}

.price--wide .price__value {
    padding-left: 40px;
    padding-bottom: 0;
    font-size: 42px;
    font-weight: 700
}

.price--wide .price__value sup {
    top: -14px;
    font-size: 57%
}

.price--wide .price__content {
    padding-top: 37px;
    padding-bottom: 43px
}

.price--wide .price-quality {
    padding: 14px 0;
    color: #363a42;
    border-top: 2px solid #fff
}

.price--wide .price-quality:last-child {
    border-bottom: 2px solid #fff
}

.icon--line:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    background: #93be4c;
    height: 6px;
    width: 67px
}

.icon--circle .icon__item {
    width: 115px;
    height: 115px;
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: #fff;
    background: #93be4c;
    border-radius: 50%;
    z-index: 1;
    -webkit-box-shadow: 0 0 0 6px #f1f3f4;
    box-shadow: 0 0 0 6px #f1f3f4
}

.icon--circle .icon__item i {
    margin: -16px 0 0 -17px;
    position: absolute;
    top: 50%;
    left: 50%
}

.icon--circle .icon__item .fa-mobile {
    margin-left: -6px
}

.icon--circle .icon__item:hover {
    background: #363a42
}

.icon--circle-clear .icon__item {
    width: 120px;
    height: 120px;
    display: inline-block;
    position: relative;
    font-size: 42px;
    color: #fff;
    background: #93be4c;
    border-radius: 50%
}

.icon--circle-clear .icon__item i {
    margin: -20px 0 0 -18px;
    position: absolute;
    top: 50%;
    left: 50%
}

.icon--circle-clear .icon__item .fa-download {
    margin: -13px 0 0 -16px;
    font-size: 32px
}

.icon--circle-clear .icon__item .fa-mobile {
    margin: -20px 0 0 -9px
}

.icon--circle-clear .icon__item:hover {
    background: #93be4c
}

.icon--circle-sm {
    width: 70px;
    height: 70px;
    font-size: 18px;
    background-color: #f1f3f4;
    border-radius: 50%
}

.icon-effect {
    position: relative
}

.icon-effect:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #363a42;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.icon-effect:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.icon-effect--second {
    position: relative
}

.icon-effect--second:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #f1f3f4;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.icon-effect--second:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.service--min {
    margin-bottom: 60px;
    padding: 0;
    max-width: none;
    position: relative;
    display: block;
    text-align: left;
    border: none
}

.service--min .icon {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.service--min .icon .svg-icon {
    margin-left: 15px
}

.service--min .icon .svg-icon__path {
    fill: #93be4c
}

.service--min .icon .fa {
    padding: 15px 22px 13px;
    font-size: 24px;
    color: #93be4c
}

.service--min .service__info {
    margin-left: 98px;
    padding-right: 20px
}

.service--min .heading--small {
    margin-bottom: 9px
}

.service-feature--min {
    margin-bottom: 21px
}

.social--contact {
    padding-left: 20px;
    float: none
}

.social--contact .social__item {
    margin-right: 6px
}

.social--contact .social__link {
    padding-top: 7px;
    width: 30px;
    height: 30px;
    font-size: 12px
}

.social--contact .social__link--facebook:hover {
    background-color: #3b5998
}

.social--contact .social__link--linkedin:hover {
    background-color: #0077b5
}

.social--contact .social__link--google:hover {
    background-color: #dd4b39
}

.social--contact .social__link--instagram:hover {
    background-color: #3f729b
}

.social--contact .social__link--youtube:hover {
    background-color: #cd201f
}

.social--contact .social__link--twitter:hover {
    background-color: #55acee
}

.social--contact .social__link--tumblr:hover {
    background-color: #44546b
}

.social--contact .social__link--vine:hover {
    background-color: #00b489
}

.social--contact .social__link--vimeo:hover {
    background-color: #1ab7ea
}

.social--contact .social__link--pinterest:hover {
    background-color: #cc2127
}

.social--lg .social__link {
    padding-top: 15px;
    width: 48px;
    height: 48px;
    font-size: 18px;
    color: #6d7e8c;
    background: #f1f3f4
}

.social--lg .social__link:hover {
    color: #fff
}

.social--big-block {
    width: 102%;
    display: block;
    float: left;
    font-size: 0
}

.social--big-block .social__item {
    margin: 0;
    padding-top: 87px;
    padding-left: 7.7%;
    width: 49.3%;
    min-height: 302px;
    font-size: 24px;
    text-align: left;
    display: inline-block;
    color: #fff;
    background-color: #6d7e8c
}

.social--big-block .social__item:last-child {
    margin: 0 0 0 6px
}

.social--big-block .social__item .text-alt {
    display: block;
    font-size: 60px
}

.social--big-block .social__item--facebook {
    background: url(../images/components/facebook-lg.svg) center center no-repeat #3b5998
}

.social--big-block .social__item--twitter {
    background: url(../images/components/twitter-lg.svg) center center no-repeat #55acee
}

.image-container--border {
    max-height: 612px
}

.image-container--border img {
    border: 6px solid #f1f3f4;
    border-radius: 50%
}

.image-container--brand {
    max-width: 157px;
    display: inline-block
}

.image-container--brand a:hover {
    opacity: .6
}

.image-container--service {
    margin: 0 auto 0 72px;
    width: 100%;
    max-width: 375px
}

.testimonials--border-container {
    margin-top: 37px;
    text-align: center
}

.testimonial--border {
    margin-bottom: 5px;
    padding: 30px 23px 25px;
    max-width: 282px;
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 1px solid #f1f3f4
}

.testimonial--border .testimonial__image {
    margin: 0;
    float: none
}

.testimonial--border .testimonial__image img {
    border-color: #f1f3f4
}

.testimonial--border .testimonial__author {
    margin-top: 16px
}

.testimonial--border .testimonial__info {
    padding: 23px 0 20px;
    background: url(../images/components/quote.png) center no-repeat;
    background-size: 80px 60px
}

.testimonial--special {
    width: 390px;
    text-align: left
}

.testimonial--special .testimonial-city {
    margin-bottom: 15px;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: #93be4c;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    -webkit-box-shadow: 3px 3px 0 rgba(54, 58, 66, .1);
    box-shadow: 3px 3px 0 rgba(54, 58, 66, .1)
}

.testimonial--special .testimonial-city:before {
    display: none
}

.testimonial--special .testimonial-city:after {
    padding: 0;
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 23px;
    background: 0 0;
    height: 0;
    width: 0;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid #363a42;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.testimonial--special .testimonial-city:hover {
    opacity: .8
}

.testimonial--special .testimonial__author, .testimonial--special .testimonial__text {
    padding: 0;
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    color: #363a42;
    display: block;
    line-height: 32px;
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.testimonial--special .testimonial__author {
    padding-top: 5px
}

.testimonial--special .testimonial__author:before {
    content: "- "
}

.testimonial-city.active {
    background: #363a42;
    cursor: pointer
}

.testimonial-city.active:after {
    padding: 0;
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 17px;
    background: 0 0;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #363a42;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.testimonial-city.active+.testimonial__text, .testimonial-city.active+.testimonial__text .testimonial__author {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.testimonial-city.active:hover {
    opacity: 1
}

.testimonials-collapse {
    display: none
}

.hero-image--primary {
    background: url(../images/bg/bg01.png) #93be4c
}

.hero-image--dark {
    background: url(../images/bg/bg02.jpg) #363a42
}

.hero-image--secondary {
    background: url(../images/bg/bg04.jpg) #67a2c7
}

.line-wings {
    position: relative;
    display: inline-block
}

.line-wings:after, .line-wings:before {
    width: 113px;
    height: 32px;
    display: block;
    content: "";
    position: absolute;
    top: 127px
}

.line-wings:before {
    left: -141px;
    background: url(../images/promo-lines-left.svg) no-repeat
}

.line-wings:after {
    right: -141px;
    background: url(../images/promo-lines-right.svg) no-repeat
}

.line-wings--second {
    position: relative;
    display: inline-block
}

.line-wings--second:after, .line-wings--second:before {
    width: 113px;
    height: 32px;
    display: block;
    content: "";
    position: absolute;
    top: 127px
}

.line-wings--second:before {
    left: 0;
    background: url(../images/components/line-second-l.svg) no-repeat
}

.line-wings--second:after {
    right: 0;
    background: url(../images/components/line-second-r.svg) no-repeat
}

.link--lg {
    padding-top: 18px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #93be4c
}

.link--lg:hover {
    opacity: .7
}

.link--lg .fa {
    padding: 0 13px 0 5px
}

.contact-info--alt {
    margin-top: 31px;
    font-size: 15px;
    /* color: #363a42 */
    color: #6d7e8c;
}

.contact-info--alt .contact-info__item {
    margin-bottom: 16px;
    padding-left: 98px
}

.contact-info--alt .contact-info__item .fa {
    top: 0;
    left: 20px;
    padding: 14px 20px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    background-color: #f1f3f4;
    border-radius: 50%
}

.contact-info--alt .contact-info__item .fa-envelope {
    padding: 16px;
    font-size: 16px
}

.contact-info--alt .contact-info__item .fa-map-marker {
    padding: 14px 18px
}

.contact-info--alt .contact-info__item span {
    padding-bottom: 6px
}

.contact-info--alt .contact-info__item a {
    /* color: #363a42 */
    color: #6d7e8c;
}

.contact-info--alt .contact-info__item a:hover {
    color: #93be4c
    /* color: #6d7e8c; */
}

.contact-info--alt .contact-info__hightlight {
    font-weight: 700
}

.copyright--min {
    margin-top: 0;
    padding-bottom: 24px;
    text-align: center;
    border-top: none
}

.copyright--min .copyright__text {
    float: none
}

.person--lg {
    margin-top: 42px;
    display: inline-block;
    position: relative;
    max-width: 49.5%
}

.person--lg:first-child {
    margin-right: 7px
}

.person--lg .person__foto {
    max-width: 100%
}

.person--lg .person__name {
    margin-bottom: 58px
}

.person--lg .person__position {
    line-height: 19px
}

.person--lg .person__name a, .person--lg .person__position {
    color: #fff
}

.person--lg .person__name a:hover {
    color: #363a42
}

.person--lg .person__info {
    padding: 12px 39px
}

.person--lg .person__info-left {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    z-index: 1
}

.person--lg .person__info-left .person__name {
    position: relative
}

.person--lg .person__info-left .person__name:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -31px;
    right: 0;
    background: #363a42;
    height: 6px;
    width: 68px
}

.person--lg .person__info-left:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #363a42;
    height: 100%;
    width: 100%;
    opacity: .4;
    z-index: -1
}

.person--lg .person__info-right {
    height: 100%;
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.person--lg .person__info-right .person__name {
    position: relative
}

.person--lg .person__info-right .person__name:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -31px;
    left: 0;
    background: #363a42;
    height: 6px;
    width: 68px
}

.person--lg .person__info-right:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #363a42;
    height: 100%;
    width: 100%;
    opacity: .4;
    z-index: -1
}

.person--min {
    margin: 20px 4px 5px;
    display: inline-block
}

.person--min .person__foto {
    max-width: 215px
}

.person--min .person__name {
    margin-top: 13px;
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 400;
    text-transform: none
}

.person--min .person__name a {
    color: #363a42
}

.person--min .person__name a:hover {
    color: #93be4c
}

.person--min .person__position {
    font-size: 13px
}

.special--full .special__info {
    padding: 58px 75px 15px 190px;
    height: 612px;
    background: url(../images/persons/person-04.jpg) no-repeat;
    background-size: cover
}

.special--full .special__info .heading {
    text-align: left;
    line-height: 32px
}

.special--full .special__info .list {
    margin-top: 43px;
    font-size: 18px
}

.special--full .special__info .list li {
    padding-bottom: 29px
}

.special--full .blockquote--inverse-single {
    height: 304px
}

.special--full .section-one, .special--full .section-two {
    width: 49.6%
}

.special--full .section-one {
    position: relative
}

.special--full .section-two {
    margin-left: 6px
}

.special--map {
    margin-top: 48px;
    margin-bottom: 66px;
    position: relative;
    background: 0 0
}

.special--map .testimonial {
    position: absolute;
    top: 0;
    left: 0
}

.special--promo .image-container {
    padding-right: 11%;
    float: right;
    height: 100%
}

.special--promo .image-container img {
    max-height: 416px
}

.special--promo .section-two {
    border-left: 6px solid #fff
}

.special--promo .section-two .promo {
    margin: 0;
    width: 101%
}

@media (min-width:992px) and (max-width:1200px) {
    .promo--dark .promo__decription, .promo--light .promo__decription {
        padding: 40px 11% 0;
        font-size: 29px;
        line-height: 29px
    }

    .promo--dark .promo__heading, .promo--light .promo__heading {
        padding: 7px 0 19px 11%;
        font-size: 35px
    }

    .promo--dark .promo__heading:after, .promo--light .promo__heading:after {
        margin-top: 23px;
        width: 222px
    }

    .promo--dark .promo__btn, .promo--light .promo__btn {
        margin: 12px 0 40px 11%
    }

    .promo--light .promo__btn {
        margin-bottom: 45px
    }

    .btn-present .btn-lg {
        margin-right: 30px
    }

    .btn-present .btn-sm {
        margin-right: 53px
    }

    .btn-present .btn-sm:last-child {
        margin-right: 53px
    }

    .similar-post {
        max-width: 295px
    }

    .fb-like-box {
        padding: 20px 6px 6px
    }

    .fb-like-box iframe {
        width: 250px !important
    }

    .blockquote--full, .post__image-full {
        margin-left: -120px;
        max-width: 500px
    }

    .post-preview .post-heading {
        padding-top: 21px;
        line-height: 33px;
        font-size: 26px
    }

    .post-preview .post-preview__text {
        display: none
    }

    .post-preview .post-author {
        bottom: 18px
    }

    .post-preview .post-author .post-author__avatar {
        width: 30px;
        height: 30px
    }

    .post-meta .post-meta__item, .post-meta .post-meta__item:before, .post-meta .post-meta__link, .post-preview .post-author .post-author__name a {
        font-size: 14px
    }

    .post-preview__content {
        padding: 25px 30px 65px;
        height: 304px
    }

    .post-preview--alt .post-preview__text {
        display: block
    }

    .post-preview--alt .post-heading {
        padding-top: 0;
        line-height: 40px;
        font-size: 32px
    }

    .post-preview--alt .post-meta .post-meta__item, .post-preview--alt .post-meta .post-meta__item:before, .post-preview--alt .post-meta .post-meta__link {
        font-size: 15px
    }

    .post-preview--lg .post-preview__content {
        width: 378px;
        left: 254px
    }

    .jp-player--video .jp-progress {
        width: 81% !important
    }

    .image-container--fade:before {
        height: 100.4%
    }

    .gallery-top .gallery-thumb__img {
        width: 155.6px;
        height: 155.6px
    }

    .gallery-top .owl-next, .gallery-top .owl-prev {
        margin-top: -100px
    }

    .portfolio-full .portfolio-item {
        width: 24.8%
    }

    .price, .service, .testimonial--border {
        max-width: 232px
    }

    .price--wide, .service--min {
        max-width: none
    }

    .step {
        max-width: 300px
    }

    .step .icon {
        padding-left: 0
    }

    .donut-chart {
        margin: 0 35px 54px
    }

    .skills-wrapper .donut-chart {
        margin: 21px 35px 48px
    }

    .person--lg {
        max-width: 49%
    }

    .about-container .sections-block .section-two {
        padding: 28px 30px 0
    }

    .special-features .special-features__item {
        margin-right: 260px
    }

    .special-features--md .special-features__item {
        margin-right: 316px
    }

    .special--full .special__info {
        padding: 20px 35px 15px 120px
    }

    .special--promo .image-container img {
        max-height: 366px
    }

    .promo--brand .image-container--brand {
        margin: 0 13px 25px
    }

    .special-container .special .image-container {
        margin-left: -115px;
        max-width: 231px;
        top: 60px
    }

    .special-features .special-features__line {
        width: 30px
    }

    .special-features .special-features__line.line--right {
        right: -20px
    }

    .special-features .special-features__line.line--left {
        left: -20px
    }

    .special-features--md .special-features__line {
        width: 40px
    }

    .special-features--md .special-features__line.line--right {
        right: -43px
    }

    .special-features--md .special-features__line.line--left {
        left: -43px
    }

    .feature .image-container--feature {
        margin-right: 90px
    }

    .feature .feature__item {
        max-width: 420px
    }

    .feature-right .image-container--feature {
        margin-left: 90px
    }

    .revol-slider .tp-caption {
        padding-left: 50px !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .z-nav .z-nav__link {
        padding-left: 8px;
        padding-right: 8px
    }

    .promo--dark .promo__decription, .promo--light .promo__decription {
        padding: 17px 11% 0;
        font-size: 22px;
        line-height: 22px
    }

    .promo--dark .promo__heading, .promo--light .promo__heading {
        padding: 0 0 19px 11%;
        font-size: 26px
    }

    .promo--dark .promo__heading:after, .promo--light .promo__heading:after {
        margin-top: 17px;
        width: 160px
    }

    .promo--dark .promo__btn, .promo--light .promo__btn {
        margin: 9px 0 30px 11%
    }

    .promo--light .promo__btn {
        margin-bottom: 40px
    }

    .fb-like-box {
        padding: 20px 6px 6px
    }

    .fb-like-box iframe {
        width: 200px !important;
        height: 400px !important
    }

    .post-preview .post-heading {
        padding-top: 16px;
        line-height: 25px;
        font-size: 20px
    }

    .post-preview .post-preview__text {
        display: none
    }

    .post-preview .post-author {
        bottom: 14px
    }

    .post-preview .post-author .post-author__avatar {
        width: 23px;
        height: 23px
    }

    .post-meta .post-meta__item, .post-meta .post-meta__item:before, .post-meta .post-meta__link, .post-preview .post-author .post-author__name a {
        font-size: 12px
    }

    .post-preview__content {
        padding: 16px 30px 65px;
        height: 232px
    }

    .post-preview--lg .post-preview__content {
        padding: 16px 30px 65px;
        width: 289px;
        left: 196px
    }

    .jp-player--video .jp-progress {
        width: 75% !important
    }

    .image-container--fade:before {
        height: 100.4%
    }

    .portfolio-item--min .portfolio-item__description {
        padding: 10px 0 12px 12px;
        font-size: 12px
    }

    .portfolio-item__icon-left, .portfolio-item__icon-right, .portfolio-item__icon-center {
        margin-top: -39px
    }

    .portfolio-item--md .portfolio-item__like {
        display: none
    }

    .gallery-top .gallery-thumb__img {
        width: 119px;
        height: 119px
    }

    .gallery-top .owl-next, .gallery-top .owl-prev {
        margin-top: -80px
    }

    .price, .service {
        max-width: 177px
    }

    .price--wide, .service--min {
        max-width: none
    }

    .price--wide .price__value {
        padding-left: 0
    }

    .person--lg {
        max-width: 49%
    }

    .person--lg .person__name {
        margin-bottom: 37px;
        font-size: 15px
    }

    .person--lg .person__name:before {
        bottom: -20px
    }

    .person--lg .person__position {
        font-size: 11px
    }

    .person--lg .person__info {
        padding: 12px 26px
    }

    .stat .stat__describe, .stat .stat_number {
        display: block;
        text-align: center
    }

    .testimonial .client-logo {
        padding-bottom: 125px
    }

    .testimonial .testimonial__info {
        padding-left: 163px
    }

    .testimonial--border .testimonial__info {
        padding-left: 0
    }

    .special--promo .image-container img {
        max-height: 308px
    }

    .special--promo .image-container {
        padding: 0
    }

    .image-container--service {
        margin: 0;
        width: 335px
    }

    .feature .image-container--feature, .feature-right .image-container--feature {
        margin-right: 0;
        margin-left: 0;
        max-width: 240px
    }

    .feature .feature__item {
        max-width: 420px
    }

    .revol-slider .tp-caption {
        padding-left: 60px !important
    }

    .special-container .special .image-container {
        margin-left: -100px;
        max-width: 200px;
        top: 65px
    }

    .special-features .special-features__line {
        width: 10px
    }

    .special-features .special-features__line.line--right {
        right: 3px
    }

    .special-features .special-features__line.line--left {
        left: 3px
    }

    .special-features--md .special-features__line {
        width: 25px
    }

    .special-features--md .special-features__line.line--right {
        right: -29px
    }

    .special-features--md .special-features__line.line--left {
        left: -29px
    }

    .special-features--btm .special-features__line:after {
        opacity: 0
    }

    .special-features .special-features__item {
        margin-right: 190px
    }

    .special-features--md .special-features__item {
        margin-right: 260px
    }

    .special-features .special-features__item .special-features__text {
        width: 150px;
        font-size: 16px
    }
}

@media (max-width:992px) {
    #twitter-feed {
        margin-right: 0
    }

    .btn-present {
        text-align: center
    }

    .btn-present .btn-lg, .btn-present .btn-lg:last-child {
        margin: 0 30px 31px
    }

    .btn-present .btn-sm, .btn-present .btn-sm:last-child {
        margin: 0 40px 20px
    }

    .sidebar {
        margin-left: 0
    }

    .blockquote--full, .post__image-full {
        margin-left: 0;
        max-width: 100%;
        float: none
    }

    .post__image-full {
        margin-right: 0
    }

    .post__image {
        margin: 53px 0
    }

    .blockquote--full {
        padding-left: 104px
    }

    .blockquote--full:before {
        left: 88px
    }

    .post-preview--alt .post-preview__text {
        margin-left: 0;
        display: block
    }

    .post-preview--alt .post-heading {
        margin-left: 0;
        padding-top: 28px;
        line-height: 40px;
        font-size: 32px
    }

    .post-preview--alt .post-meta--vertical {
        float: none
    }

    .post-preview--alt .post-meta .post-meta__item, .post-preview--alt .post-meta .post-meta__link {
        margin-right: 12px;
        display: inline-block;
        font-size: 15px
    }

    .post-preview--alt .post-preview__link a {
        font-size: 20px
    }

    .post-preview--alt .blockquote--inverse {
        padding-top: 36px;
        padding-left: 0
    }

    .post-preview--alt .blockquote--inverse:before {
        top: 81px
    }

    .portfolio-full .portfolio-item {
        width: 49.5%
    }

    .accordion--inverse-lg .panel-body {
        padding-right: 20px
    }

    .promo--column-img .image-container {
        display: none
    }

    .step {
        text-align: center
    }

    .step .icon {
        padding: 0;
        float: none
    }

    .about-container .sections-block .section-one, .about-container .sections-block .section-two {
        float: none;
        width: 100%
    }

    .special--full .section-one, .special--full .section-two {
        width: 100%
    }

    .special--full .section-two {
        margin-left: 0;
        margin-top: 6px
    }

    .testimonials--border-container {
        padding: 0 13px
    }

    .testimonials--border-container .btn-full {
        width: 567px
    }
}

@media (max-width:768px) {
    .z-nav .z-nav__link {
        padding: 0 30px
    }
}

@media (max-width:767px) {
    .z-nav .z-nav__link {
        padding: 12px 30px;
        line-height: 24px
    }

    .page-heading {
        margin-bottom: 80px;
        height: 80px;
        text-align: center
    }

    .page-heading__title {
        margin: 11px 0 10px
    }

    .search-wrapper {
        display: inline-block
    }

    .search-wrapper:before {
        height: 80px
    }

    .search {
        top: 24px
    }

    .modal--registration .modal-content, .modal--registration .modal-dialog {
        width: 455px
    }

    .modal--registration .modal-body {
        padding: 15px 65px
    }

    .modal--registration .modal-content--success .modal-body {
        padding: 53px 37px 164px
    }

    .heading--short {
        margin-top: 39px
    }

    .copyright .copyright__text {
        clear: both;
        text-align: center
    }

    .copyright .copyright__links {
        display: none
    }

    .comment-form .form__area {
        margin-top: 0
    }

    .post-preview--lg .post-preview__content {
        width: 96%;
        left: 15px;
        height: 100.3%
    }

    .post-preview__content {
        padding: 25px 50px 65px 67px
    }

    .jp-player--video .jp-progress {
        width: 80% !important
    }

    .login-alt {
        margin-top: 30px
    }

    .gallery-top .owl-dot {
        display: none
    }

    .gallery-top .owl-next, .gallery-top .owl-prev {
        margin-top: -15px
    }

    .promo--column {
        text-align: center
    }

    .promo--column .promo__btn {
        margin-top: 0;
        float: none
    }

    .image-container--service {
        margin: 0 auto
    }

    .person--lg {
        max-width: 100%
    }

    .slider-min-dot .owl-dots {
        margin-top: 0
    }

    .slider-min-dot .testimonial {
        min-height: 100%
    }

    .person .person__descr, .text-center-md {
        padding-left: 0;
        padding-right: 0
    }

    .special-features .special-features__item {
        margin-right: 0;
        margin-bottom: 17px
    }

    .special-features .special-features__item .icon {
        float: left
    }

    .special-features .special-features__item .text-right {
        text-align: left
    }

    .special-features .special-features__item .special-features__text {
        padding-top: 20px;
        padding-right: 0
    }

    .special-features--md {
        margin: 0
    }

    .sections-block .section-one, .sections-block .section-two {
        float: none;
        width: 100%
    }

    .special--promo .image-container {
        float: none;
        text-align: center
    }

    .special--promo .section-one {
        float: left
    }

    .special--promo .section-two {
        float: left;
        border: none;
        border-top: 6px solid #fff
    }

    .special--map {
        margin-top: 0
    }

    .special--map .image-container {
        display: none
    }

    .special--map .testimonial {
        position: static
    }

    .testimonial--special {
        width: 100%;
        text-align: center
    }

    .testimonial--special .testimonial__author, .testimonial--special .testimonial__text {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .testimonial--special .testimonial__info:after {
        bottom: -6px;
        margin-left: -6px;
        left: 50%;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #363a42
    }

    .testimonial--special .testimonial-city, .testimonial-city.active {
        background: #363a42;
        cursor: default
    }

    .testimonial--special .testimonial-city:after, .testimonial-city.active:after {
        margin-left: -6px;
        padding: 0;
        content: "";
        display: block;
        position: absolute;
        bottom: -6px;
        left: 50%;
        background: 0 0;
        height: 0;
        width: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #363a42;
        z-index: 1;
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .testimonial--special .testimonial-city:hover, .testimonial-city.active:hover {
        opacity: 1
    }

    .promo--testimonial-slide .testimonial {
        padding: 0 60px
    }

    .feature {
        height: 100%;
        text-align: center
    }

    .feature .image-container--feature {
        margin: 0 auto;
        float: none
    }

    .feature .feature__item {
        margin-bottom: 50px;
        max-width: 100%;
        float: none
    }

    .feature .feature__heading {
        margin-top: 15px
    }

    .feature .feature__info {
        padding: 0
    }

    .feature-right .image-container--feature {
        float: none
    }

    .special-container .special .image-container, .special-features .special-features__line, .special-features--md .special-features__line {
        display: none
    }

    .service-feature--min {
        margin-bottom: 43px
    }

    .service--min .heading--small {
        margin-top: 0
    }

    .error .error__header {
        padding-top: 140px;
        padding-bottom: 106px
    }
}

@media (max-width:640px) {
    .promo--dark .promo__decription, .promo--light .promo__decription {
        padding: 40px 11% 0;
        font-size: 29px;
        line-height: 29px
    }

    .promo--dark .promo__heading, .promo--light .promo__heading {
        padding: 7px 0 19px 11%;
        font-size: 35px
    }

    .promo--dark .promo__heading:after, .promo--light .promo__heading:after {
        margin-top: 23px;
        width: 222px
    }

    .promo--dark .promo__btn, .promo--light .promo__btn {
        margin: 12px 0 40px 11%
    }

    .promo--light .promo__btn {
        margin-bottom: 45px
    }

    .blockquote {
        padding-left: 35px
    }

    .blockquote:before {
        left: 29px
    }

    .blockquote--full {
        padding-left: 35px
    }

    .blockquote--full:before {
        left: 29px
    }

    .blockquote--inverse:before {
        left: auto;
        right: -20px
    }

    .post-preview__content {
        height: 100%;
        min-height: 370px
    }

    .post-preview--lg .post-preview__content {
        width: 100%;
        position: static
    }

    .post-preview--alt .post-preview__link span, .post-preview__img {
        display: none
    }

    .post-preview--alt .post-preview__link a {
        padding-left: 15px;
        font-size: 16px
    }

    .jp-player--video .jp-progress {
        width: 77% !important
    }

    .counter {
        width: 465px
    }

    .counter ul {
        margin: 5px 0 0
    }

    .counter .flip-clock-divider.weeks .flip-clock-label {
        right: -59px
    }

    .counter .flip-clock-divider.days .flip-clock-label {
        right: -54px
    }

    .counter .flip-clock-divider.hours .flip-clock-label {
        right: -60px
    }

    .counter .flip-clock-divider.minutes .flip-clock-label, .counter .flip-clock-divider.seconds .flip-clock-label {
        right: -69px
    }

    .person .person__social-bottom, .person .person__social-bottom .social__item, .person .person__social-top, .person .person__social-top .social__item {
        margin: 0
    }

    .person .social {
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 30px
    }

    .person .person__social-bottom .social__item:first-child, .person .social .social__item {
        margin-left: 10px
    }

    .special--full .blockquote--inverse-single {
        height: 100%
    }

    .special--full .special__info {
        padding: 1% 13%
    }

    .special {
        margin-top: 120px
    }

    .special--map {
        margin-top: 0
    }

    .hero-image {
        display: block
    }

    .revol-slider-container {
        display: none !important
    }
}

@media (max-width:639px) {
    .testimonials--border-container .btn-full {
        width: 282px
    }
}

@media (max-width:550px) {
    .login-alt ul {
        padding-bottom: 49px
    }

    .comment-form .center {
        text-align: center
    }

    .comment-form .checkbox label {
        margin-bottom: 27px
    }

    .comment-form .btn-submit {
        float: none
    }

    .stat .stat__describe, .stat .stat_number {
        display: block;
        text-align: center
    }

    .jp-player--video .jp-progress {
        width: 74% !important
    }
}

@media (max-width:480px) {
    .full-width, .modal--registration .modal-content, .modal--registration .modal-dialog {
        width: 100%
    }

    .modal--registration .modal-body {
        padding: 15px 10%
    }

    .modal--registration .modal-header {
        padding-top: 34px
    }

    .modal--registration .modal-body button {
        margin: 24px 0
    }

    .modal--registration .modal-content--success .modal-body {
        padding-bottom: 142px
    }

    .pagination .mobile-small, .social--header {
        display: none
    }

    .tab--bordered .nav-tabs>li {
        width: 100%
    }

    .promo--dark .promo__decription, .promo--light .promo__decription {
        padding: 17px 11% 0;
        font-size: 22px;
        line-height: 22px
    }

    .promo--dark .promo__heading, .promo--light .promo__heading {
        padding: 0 0 19px 11%;
        font-size: 26px
    }

    .promo--dark .promo__heading:after, .promo--light .promo__heading:after {
        margin-top: 17px;
        width: 160px
    }

    .promo--dark .promo__btn, .promo--light .promo__btn {
        margin: 9px 0 30px 11%
    }

    .promo--light .promo__btn {
        margin-bottom: 40px
    }

    .post .list, .post .list-ordered {
        padding-left: 100px
    }

    .post-preview .post-preview__content, .post-preview--lg .post-preview__content {
        padding: 25px 60px 65px 30px
    }

    .blockquote .blockquote__author {
        padding-right: 32px
    }

    .comment .comment__avatar {
        display: none
    }

    .comment .comment__body {
        margin-left: 0
    }

    .comment--author .comment__label, .comment--reply>.comment__body:before {
        display: none
    }

    .comments-list__child .comment:before, .comments-list__child .comment:last-child .comment__body:after, .comments-list__child .comment__body:after, .comments-list__child .comment__body:before {
        display: none
    }

    .comments-list__child .comment {
        margin-left: 40px
    }

    .fb-like-box {
        padding: 20px 6px 6px;
        max-width: 300px
    }

    .fb-like-box iframe {
        width: 250px !important;
        height: 350px !important
    }

    .image-container--fade:before {
        height: 100.3%
    }

    .portfolio-full .portfolio-item {
        width: 100%
    }

    .jp-player--audio .jp-audio:before {
        display: none
    }

    .jp-player--audio .jp-audio {
        padding-left: 15px
    }

    .jp-player--audio .jp-type-single {
        padding-left: 0
    }

    .jp-player--video .jp-progress {
        width: 68% !important
    }

    .jp-player--video .jp-current-time {
        width: auto
    }

    .counter {
        width: 100%
    }

    .counter ul {
        margin: 0 auto;
        display: block;
        float: none
    }

    .counter .flip-clock-divider {
        height: 50px;
        float: none
    }

    .counter .flip-clock-divider .flip-clock-label {
        top: 24px
    }

    .counter .flip-clock-divider.weeks .flip-clock-label {
        right: -25px
    }

    .counter .flip-clock-divider.days .flip-clock-label {
        right: -4px
    }

    .counter .flip-clock-divider.hours .flip-clock-label {
        right: -11px
    }

    .counter .flip-clock-divider.minutes .flip-clock-label {
        right: -18px
    }

    .counter .flip-clock-divider.seconds .flip-clock-label {
        right: -20px
    }

    .promo--light .video-container {
        height: 260px
    }

    .person--lg {
        max-width: 100%
    }

    .person--lg .person__name {
        margin-bottom: 37px;
        font-size: 17px
    }

    .person--lg .person__name:before {
        bottom: -20px
    }

    .person--lg .person__position {
        font-size: 13px
    }

    .person--lg .person__info {
        padding: 12px 26px
    }

    .about-container .sections-block .section-two {
        padding: 54px 40px 57px
    }

    .testimonial {
        text-align: center
    }

    .testimonial .client-logo, .testimonial .testimonial__image {
        margin: 0 auto;
        float: none
    }

    .testimonial .heading--client-lg {
        margin-top: 10px
    }

    .special--full .blockquote--inverse-single {
        height: 100%
    }

    .special--full .social--big-block .social__item {
        display: block;
        width: 100%
    }

    .special--full .social--big-block .social__item:last-child {
        margin: 6px 0 0
    }

    .special--full .special__info .list {
        padding-left: 45px
    }

    .special-features .special-features__item .special-features__text {
        width: 210px
    }

    .promo--testimonial .testimonial .testimonial__image, .promo--testimonial-slide .testimonial .testimonial__image {
        margin: 25px 0 0;
        float: none
    }

    .promo--testimonial .testimonial .testimonial__info, .promo--testimonial-slide .testimonial .testimonial__info {
        padding: 0
    }

    .promo--testimonial .testimonial .testimonial__author, .promo--testimonial-slide .testimonial .testimonial__author {
        margin-top: 7px
    }

    .error .error__header {
        padding-top: 84px;
        padding-bottom: 44px
    }
}

@media (max-width:380px) {
    .jp-player--video .jp-progress {
        width: 60% !important
    }
}

@media (max-height:768px) {
    .color-pallet {
        top: 0;
        z-index: 1020
    }
}

#about {
    scroll-margin-top: 120px;
}

#services {
    scroll-margin-top: -300px;
}

#clients {
    scroll-margin-top: 200px;
}

#vacancy {
    scroll-margin-top: 200px;
}


.row-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  
    @for $i from 1 through 12 {
      [class*="col-xs-#{$i}"] {
        flex: $i 0 (100% / 12 * $i);
      }
  
      [class*="col-xs-#{$i}"]:last-child {
        flex: 0 0 (100% / 12 * $i);
      }
    }
  
    @media (min-width: 768px) {
      @for $i from 1 through 12 {
        [class*="col-sm-#{$i}"] {
          flex: $i 0 (100% / 12 * $i);
        }
  
        [class*="col-sm-#{$i}"]:last-child {
          flex: 0 0 (100% / 12 * $i);
        }
      }
    }
  
    @media (min-width: 992px) {
      @for $i from 1 through 12 {
        [class*="col-md-#{$i}"] {
          flex: $i 0 (100% / 12 * $i);
        }
  
        [class*="col-md-#{$i}"]:last-child {
          flex: 0 0 (100% / 12 * $i);
        }
      }
    }
  
    @media (min-width: 1200px) {
      @for $i from 1 through 12 {
        [class*="col-lg-#{$i}"] {
          flex: $i 0 (100% / 12 * $i);
        }
  
        [class*="col-lg-#{$i}"]:last-child {
          flex: 0 0 (100% / 12 * $i);
        }
      }
    }
  }