@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Roboto+Condensed:400,300,300italic,700,400italic,700italic);
    @import url(https://fonts.googleapis.com/css?family=Nixie+One);
    @import url(https://fonts.googleapis.com/css?family=Bitter:400,400italic,700);
    
    /*! Flickity v1.1.1
    http://flickity.metafizzy.co
    ---------------------------------------------- */
    
    .flickity-enabled {
        position: relative
    }
    
    .flickity-enabled:focus {
        outline: 0
    }
    
    .flickity-viewport {
        overflow: hidden;
        position: relative;
        height: 100%
    }
    
    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%
    }
    
    .flickity-enabled.is-draggable {
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }
    
    .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }
    
    .flickity-prev-next-button {
        position: absolute;
        top: 50%;
        width: 44px;
        height: 44px;
        border: none;
        border-radius: 50%;
        background: #fff;
        background: hsla(0, 0%, 100%, .75);
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    
    .flickity-prev-next-button:hover {
        background: #fff
    }
    
    .flickity-prev-next-button:focus {
        outline: 0;
        box-shadow: 0 0 0 5px #09F
    }
    
    .flickity-prev-next-button:active {
        filter: alpha(opacity=60);
        opacity: .6
    }
    
    .flickity-prev-next-button.previous {
        left: 10px
    }
    
    .flickity-prev-next-button.next {
        right: 10px
    }
    
    .flickity-rtl .flickity-prev-next-button.previous {
        left: auto;
        right: 10px
    }
    
    .flickity-rtl .flickity-prev-next-button.next {
        right: auto;
        left: 10px
    }
    
    .flickity-prev-next-button:disabled {
        filter: alpha(opacity=30);
        opacity: .3;
        cursor: auto
    }
    
    .flickity-prev-next-button svg {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60%
    }
    
    .flickity-prev-next-button .arrow {
        fill: #333
    }
    
    .flickity-prev-next-button.no-svg {
        color: #333;
        font-size: 26px
    }
    
    .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -25px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1
    }
    
    .flickity-rtl .flickity-page-dots {
        direction: rtl
    }
    
    .flickity-page-dots .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        background: #333;
        border-radius: 50%;
        filter: alpha(opacity=25);
        opacity: .25;
        cursor: pointer
    }
    
    .flickity-page-dots .dot.is-selected {
        filter: alpha(opacity=100);
        opacity: 1
    }
    
    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y
    }
    
    .owl-carousel .owl-wrapper {
        display: none;
        position: relative
    }
    
    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }
    
    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out
    }
    
    .owl-carousel .owl-item {
        float: left
    }
    
    .owl-controls .owl-buttons div,
    .owl-controls .owl-page {
        cursor: pointer
    }
    
    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }
    
    .grabbing {
        cursor: url(../bower_components/owl-carousel/owl-carousel/grabbing.png) 8 8, move
    }
    
    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }
    
    .owl-origin {
        -webkit-perspective: 1200px;
        -webkit-perspective-origin-x: 50%;
        -webkit-perspective-origin-y: 50%;
        -moz-perspective: 1200px;
        -moz-perspective-origin-x: 50%;
        -moz-perspective-origin-y: 50%;
        perspective: 1200px
    }
    
    .owl-fade-out {
        z-index: 10;
        -webkit-animation: fadeOut .7s both ease;
        -moz-animation: fadeOut .7s both ease;
        animation: fadeOut .7s both ease
    }
    
    .owl-fade-in {
        -webkit-animation: fadeIn .7s both ease;
        -moz-animation: fadeIn .7s both ease;
        animation: fadeIn .7s both ease
    }
    
    .owl-backSlide-out {
        -webkit-animation: backSlideOut 1s both ease;
        -moz-animation: backSlideOut 1s both ease;
        animation: backSlideOut 1s both ease
    }
    
    .owl-backSlide-in {
        -webkit-animation: backSlideIn 1s both ease;
        -moz-animation: backSlideIn 1s both ease;
        animation: backSlideIn 1s both ease
    }
    
    .owl-goDown-out {
        -webkit-animation: scaleToFade .7s ease both;
        -moz-animation: scaleToFade .7s ease both;
        animation: scaleToFade .7s ease both
    }
    
    .owl-goDown-in {
        -webkit-animation: goDown .6s ease both;
        -moz-animation: goDown .6s ease both;
        animation: goDown .6s ease both
    }
    
    @-webkit-keyframes empty {
        0% {
            opacity: 1
        }
    }
    
    @-moz-keyframes empty {
        0% {
            opacity: 1
        }
    }
    
    @keyframes empty {
        0% {
            opacity: 1
        }
    }
    
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    
    @-moz-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    @-moz-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    @-webkit-keyframes backSlideOut {
        25% {
            opacity: .5;
            -webkit-transform: translateZ(-500px)
        }
        100%,
        75% {
            opacity: .5;
            -webkit-transform: translateZ(-500px) translateX(-200%)
        }
    }
    
    @-moz-keyframes backSlideOut {
        25% {
            opacity: .5;
            -moz-transform: translateZ(-500px)
        }
        100%,
        75% {
            opacity: .5;
            -moz-transform: translateZ(-500px) translateX(-200%)
        }
    }
    
    @keyframes backSlideOut {
        25% {
            opacity: .5;
            transform: translateZ(-500px)
        }
        100%,
        75% {
            opacity: .5;
            transform: translateZ(-500px) translateX(-200%)
        }
    }
    
    @-webkit-keyframes backSlideIn {
        0%,
        25% {
            opacity: .5;
            -webkit-transform: translateZ(-500px) translateX(200%)
        }
        75% {
            opacity: .5;
            -webkit-transform: translateZ(-500px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateZ(0) translateX(0)
        }
    }
    
    @-moz-keyframes backSlideIn {
        0%,
        25% {
            opacity: .5;
            -moz-transform: translateZ(-500px) translateX(200%)
        }
        75% {
            opacity: .5;
            -moz-transform: translateZ(-500px)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) translateX(0)
        }
    }
    
    @keyframes backSlideIn {
        0%,
        25% {
            opacity: .5;
            transform: translateZ(-500px) translateX(200%)
        }
        75% {
            opacity: .5;
            transform: translateZ(-500px)
        }
        100% {
            opacity: 1;
            transform: translateZ(0) translateX(0)
        }
    }
    
    @-webkit-keyframes scaleToFade {
        to {
            opacity: 0;
            -webkit-transform: scale(.8)
        }
    }
    
    @-moz-keyframes scaleToFade {
        to {
            opacity: 0;
            -moz-transform: scale(.8)
        }
    }
    
    @keyframes scaleToFade {
        to {
            opacity: 0;
            transform: scale(.8)
        }
    }
    
    @-webkit-keyframes goDown {
        from {
            -webkit-transform: translateY(-100%)
        }
    }
    
    @-moz-keyframes goDown {
        from {
            -moz-transform: translateY(-100%)
        }
    }
    
    @keyframes goDown {
        from {
            transform: translateY(-100%)
        }
    }
    
    @-webkit-keyframes scaleUpFrom {
        from {
            opacity: 0;
            -webkit-transform: scale(1.5)
        }
    }
    
    @-moz-keyframes scaleUpFrom {
        from {
            opacity: 0;
            -moz-transform: scale(1.5)
        }
    }
    
    @keyframes scaleUpFrom {
        from {
            opacity: 0;
            transform: scale(1.5)
        }
    }
    
    @-webkit-keyframes scaleUpTo {
        to {
            opacity: 0;
            -webkit-transform: scale(1.5)
        }
    }
    
    @-moz-keyframes scaleUpTo {
        to {
            opacity: 0;
            -moz-transform: scale(1.5)
        }
    }
    
    @keyframes scaleUpTo {
        to {
            opacity: 0;
            transform: scale(1.5)
        }
    }
   
    .pe-lg {
        font-size: 1.3333333333333333em;
        line-height: .75em;
        vertical-align: -15%
    }
    
    .pe-2x {
        font-size: 2em
    }
    
    .pe-3x {
       /*font-size: 3em*/
       font-size: 3.9em;
    }
    
    .pe-4x {
        font-size: 4em
    }
    
    .pe-5x {
        font-size: 5em
    }
    
    .pe-fw {
        width: 1.2857142857142858em;
        text-align: center
    }
    
    .pe-ul {
        padding-left: 0;
        margin-left: 2.142857142857143em;
        list-style-type: none
    }
    
    .pe-ul>li {
        position: relative
    }
    
    .pe-li {
        position: absolute;
        left: -2.14285714em;
        width: 2.142857142857143em;
        top: .14285714285714285em;
        text-align: center
    }
    
    .pe-li.pe-lg {
        left: -1.85714286em
    }
    
    .pe-border {
        padding: .2em .25em .15em;
        border-radius: .1em
    }
    
    .pe.pull-left {
        margin-right: .3em
    }
    
    .pe.pull-right {
        margin-left: .3em
    }
    
    .pe-spin {
        -webkit-animation: spin 2s infinite linear;
        -moz-animation: spin 2s infinite linear;
        -o-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear
    }
    
    @-moz-keyframes spin {
        0% {
            -moz-transform: rotate(0deg)
        }
        100% {
            -moz-transform: rotate(359deg)
        }
    }
    
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(359deg)
        }
    }
    
    @-o-keyframes spin {
        0% {
            -o-transform: rotate(0deg)
        }
        100% {
            -o-transform: rotate(359deg)
        }
    }
    
    @-ms-keyframes spin {
        0% {
            -ms-transform: rotate(0deg)
        }
        100% {
            -ms-transform: rotate(359deg)
        }
    }
    
    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(359deg)
        }
    }
    
    .pe-rotate-90 {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    
    .pe-rotate-180 {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    
    .pe-rotate-270 {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    
    .pe-flip-horizontal {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
        -webkit-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }
    
    .pe-flip-vertical {
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
        -webkit-transform: scale(1, -1);
        -moz-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        -o-transform: scale(1, -1);
        transform: scale(1, -1)
    }
    
    .pe-stack {
        position: relative;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 2em;
        vertical-align: middle
    }
    
    .pe-stack-1x,
    .pe-stack-2x {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center
    }
    
    .pe-stack-1x {
        line-height: inherit
    }
    
    .pe-stack-2x {
        font-size: 2em
    }
    
    .pe-inverse {
        color: #fff
    }
    
    .pe-va {
        vertical-align: middle
    }
    
    .pe-border {
        border: .08em solid #eaeaea
    }
    
    [class*=" pe-7s-"],
    [class^=pe-7s-] {
        display: inline-block
    }
    
    
    /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
    
    
    
    audio,
    canvas,
    video {
        display: inline-block
    }
    
    audio:not([controls]) {
        display: none;
        height: 0
    }
    
    [hidden],
    template {
        display: none
    }
    
    mark {
        background: #ff0;
        color: #000
    }
    
    svg:not(:root) {
        overflow: hidden
    }
    
    button,
    input,
    select,
    textarea {
        margin: 0
    }
    
    button,
    select {
        text-transform: none
    }
    
    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }
    
    button[disabled],
    html input[disabled] {
        cursor: default
    }
    
    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }
    
    input[type=search] {
        -webkit-appearance: textfield
    }
    
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    
    textarea {
        overflow: auto;
        vertical-align: top
    }
    
    @media print {
        * {
            text-shadow: none!important;
            color: #000!important;
            background: 0 0!important;
            box-shadow: none!important
        }
        a,
        a:visited {
            text-decoration: underline
        }
        a[href]:after {
            content: " (" attr(href) ")"
        }
        abbr[title]:after {
            content: " (" attr(title) ")"
        }
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: ""
        }
        blockquote,
        pre {
            border: 1px solid #999;
            page-break-inside: avoid
        }
        thead {
            display: table-header-group
        }
        img,
        tr {
            page-break-inside: avoid
        }
        img {
            max-width: 100%!important
        }
        @page {
            margin: 2cm .5cm
        }
        h2,
        h3,
        p {
            orphans: 3;
            widows: 3
        }
        h2,
        h3 {
            page-break-after: avoid
        }
        select {
            background: #fff!important
        }
        .navbar {
            display: none
        }
        .table td,
        .table th {
            background-color: #fff!important
        }
        .btn>.caret,
        .dropup>.btn>.caret {
            border-top-color: #000!important
        }
        .label {
            border: 1px solid #000
        }
        .table {
            border-collapse: collapse!important
        }
        .table-bordered td,
        .table-bordered th {
            border: 1px solid #ddd!important
        }
    }
    
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto
    }
    
    .img-rounded {
        border-radius: 6px
    }
    
    .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto
    }
    
    .img-circle {
        border-radius: 50%
    }
    
    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee
    }
    
    
    
    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: 400;
        line-height: 1;
        color: #999
    }
    
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%
    }
    
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%
    }
    
    .h1,
    h1 {
        font-size: 36px
    }
    
    .h2,
    h2 {
        font-size: 30px
    }
    
    .h3,
    h3 {
        font-size: 24px
    }
    
    .h4,
    h4 {
        font-size: 18px
    }
    
    .h5,
    h5 {
        font-size: 14px
    }
    
    .h6,
    h6 {
        font-size: 12px
    }
    
    .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 200;
        line-height: 1.4
    }
    
    @media (min-width:768px) {
        .lead {
            font-size: 21px
        }
    }
    
    .text-muted {
        color: #999
    }
    
    .text-primary {
        color: #428bca
    }
    
    .text-primary:hover {
        color: #3071a9
    }
    
    .text-warning {
        color: #8a6d3b
    }
    
    .text-warning:hover {
        color: #66512c
    }
    
    .text-danger {
        color: #a94442
    }
    
    .text-danger:hover {
        color: #843534
    }
    
    .text-success {
        color: #3c763d
    }
    
    .text-success:hover {
        color: #2b542c
    }
    
    .text-info {
        color: #31708f
    }
    
    .text-info:hover {
        color: #245269
    }
    
    .text-left {
        text-align: left
    }
    
    .text-right {
        text-align: right
    }
    
    .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-inline,
    .list-unstyled {
        padding-left: 0;
        list-style: none
    }
    
    .list-inline>li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }
    
    .list-inline>li:first-child {
        padding-left: 0
    }
    
    dd,
    dt {
        line-height: 1.42857143
    }
    
    @media (min-width:992px) {
        .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
        }
        .dl-horizontal dd:after,
        .dl-horizontal dd:before {
            content: " ";
            display: table
        }
        .dl-horizontal dd:after {
            clear: both
        }
    }
    
    abbr[data-original-title],
    abbr[title] {
        cursor: help;
        border-bottom: 1px dotted #999
    }
    
    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }
    
    blockquote p {
        font-size: 17.5px;
        font-weight: 300;
        line-height: 1.25
    }
    
    blockquote p:last-child {
        margin-bottom: 0
    }
    
    blockquote .small,
    blockquote small {
        display: block;
        line-height: 1.42857143;
        color: #999
    }
    
    blockquote .small:before,
    blockquote small:before {
        content: '\2014 \00A0'
    }
    
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0
    }
    
    blockquote.pull-right .small,
    blockquote.pull-right p,
    blockquote.pull-right small {
        text-align: right
    }
    
    blockquote.pull-right .small:before,
    blockquote.pull-right small:before {
        content: ''
    }
    
    blockquote.pull-right .small:after,
    blockquote.pull-right small:after {
        content: '\00A0 \2014'
    }
    
    address {
        line-height: 1.42857143
    }
    
    code,
    kbd,
    pre,
    samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace
    }
    
    code {
        color: #c7254e;
        background-color: #f9f2f4;
        white-space: nowrap;
        border-radius: 4px
    }
    
    pre {
        display: block;
        line-height: 1.42857143;
        word-break: break-all;
        word-wrap: break-word;
        color: #333;
        background-color: #f5f5f5;
        border-radius: 4px
    }
    
    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }
    
    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
    }
    
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    
    .container:after,
    .container:before {
        content: " ";
        display: table
    }
    
    .container:after {
        clear: both
    }
    
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
    
    .row:after,
    .row:before {
        content: " ";
        display: table
    }
    
    .row:after {
        clear: both
    }
    
    .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: 0
    }
    
    .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: 0
    }
    
    .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: 0
        }
        .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: 0
        }
        .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: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: 0
        }
        .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: 0
        }
        .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
        }
    }
    
    table {
        max-width: 100%;
        background-color: transparent
    }
    
    th {
        text-align: left
    }
    
    .table {
        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-child(odd)>td,
    .table-striped>tbody>tr:nth-child(odd)>th {
        background-color: #f9f9f9
    }
    
    .table-hover>tbody>tr:hover>td,
    .table-hover>tbody>tr:hover>th {
        background-color: #f5f5f5
    }
    
    table col[class*=col-] {
        position: static;
        float: none;
        display: table-column
    }
    
    table td[class*=col-],
    table th[class*=col-] {
        float: none;
        display: table-cell
    }
    
    .table>tbody>.active>td,
    .table>tbody>.active>th,
    .table>tbody>tr>.active,
    .table>tfoot>.active>td,
    .table>tfoot>.active>th,
    .table>tfoot>tr>.active,
    .table>thead>.active>td,
    .table>thead>.active>th,
    .table>thead>tr>.active {
        background-color: #f5f5f5
    }
    
    .table-hover>tbody>.active:hover>td,
    .table-hover>tbody>.active:hover>th,
    .table-hover>tbody>tr>.active:hover {
        background-color: #e8e8e8
    }
    
    .table>tbody>.success>td,
    .table>tbody>.success>th,
    .table>tbody>tr>.success,
    .table>tfoot>.success>td,
    .table>tfoot>.success>th,
    .table>tfoot>tr>.success,
    .table>thead>.success>td,
    .table>thead>.success>th,
    .table>thead>tr>.success {
        background-color: #dff0d8
    }
    
    .table-hover>tbody>.success:hover>td,
    .table-hover>tbody>.success:hover>th,
    .table-hover>tbody>tr>.success:hover {
        background-color: #d0e9c6
    }
    
    .table>tbody>.danger>td,
    .table>tbody>.danger>th,
    .table>tbody>tr>.danger,
    .table>tfoot>.danger>td,
    .table>tfoot>.danger>th,
    .table>tfoot>tr>.danger,
    .table>thead>.danger>td,
    .table>thead>.danger>th,
    .table>thead>tr>.danger {
        background-color: #f2dede
    }
    
    .table-hover>tbody>.danger:hover>td,
    .table-hover>tbody>.danger:hover>th,
    .table-hover>tbody>tr>.danger:hover {
        background-color: #ebcccc
    }
    
    .table>tbody>.warning>td,
    .table>tbody>.warning>th,
    .table>tbody>tr>.warning,
    .table>tfoot>.warning>td,
    .table>tfoot>.warning>th,
    .table>tfoot>tr>.warning,
    .table>thead>.warning>td,
    .table>thead>.warning>th,
    .table>thead>tr>.warning {
        background-color: #fcf8e3
    }
    
    .table-hover>tbody>.warning:hover>td,
    .table-hover>tbody>.warning:hover>th,
    .table-hover>tbody>tr>.warning:hover {
        background-color: #faf2cc
    }
    
    @media (max-width:767px) {
        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            overflow-x: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
            -webkit-overflow-scrolling: touch
        }
        .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
        }
    }
    
    legend {
        display: block;
        width: 100%;
        line-height: inherit;
        color: #333
    }
    
    label {
        display: inline-block
    }
    
    input[type=search] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    input[type=checkbox],
    input[type=radio] {
        margin: 4px 0 0;
        line-height: normal
    }
    
    input[type=file] {
        display: block
    }
    
    select[multiple],
    select[size] {
        height: auto
    }
    
    select optgroup {
        font-size: inherit;
        font-style: inherit;
        font-family: inherit
    }
    
    input[type=checkbox]:focus,
    input[type=file]:focus,
    input[type=radio]:focus {
        outline: dotted thin;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px
    }
    
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }
    
    output {
        display: block;
        line-height: 1.42857143;
        color: #555
    }
    
    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        vertical-align: middle;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }
    
    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }
    
    .form-control:-moz-placeholder {
        color: #999
    }
    
    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }
    
    .form-control:-ms-input-placeholder {
        color: #999
    }
    
    .form-control::-webkit-input-placeholder {
        color: #999
    }
    
    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee
    }
    
    textarea.form-control {
        height: auto
    }
    
    .form-group {
        margin-bottom: 15px
    }
    
    .checkbox,
    .radio {
        display: block;
        min-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 20px;
        vertical-align: middle
    }
    
    .checkbox label,
    .radio label {
        display: inline;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }
    
    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox],
    .radio input[type=radio],
    .radio-inline input[type=radio] {
        float: left;
        margin-left: -20px
    }
    
    .checkbox+.checkbox,
    .radio+.radio {
        margin-top: -5px
    }
    
    .checkbox-inline,
    .radio-inline {
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: 400;
        cursor: pointer
    }
    
    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 10px
    }
    
    .checkbox-inline[disabled],
    .checkbox[disabled],
    .radio-inline[disabled],
    .radio[disabled],
    fieldset[disabled] .checkbox,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] input[type=checkbox],
    fieldset[disabled] input[type=radio],
    input[type=checkbox][disabled],
    input[type=radio][disabled] {
        cursor: not-allowed
    }
    
    .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }
    
    select.input-sm {
        height: 30px;
        line-height: 30px
    }
    
    textarea.input-sm {
        height: auto
    }
    
    .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px
    }
    
    select.input-lg {
        height: 46px;
        line-height: 46px
    }
    
    textarea.input-lg {
        height: auto
    }
    
    .has-warning .checkbox,
    .has-warning .checkbox-inline,
    .has-warning .control-label,
    .has-warning .help-block,
    .has-warning .radio,
    .has-warning .radio-inline {
        color: #8a6d3b
    }
    
    .has-warning .form-control {
        border-color: #8a6d3b;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    
    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
    }
    
    .has-warning .input-group-addon {
        color: #8a6d3b;
        border-color: #8a6d3b;
        background-color: #fcf8e3
    }
    
    .has-error .checkbox,
    .has-error .checkbox-inline,
    .has-error .control-label,
    .has-error .help-block,
    .has-error .radio,
    .has-error .radio-inline {
        color: #a94442
    }
    
    .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    
    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
    }
    
    .has-error .input-group-addon {
        color: #a94442;
        border-color: #a94442;
        background-color: #f2dede
    }
    
    .has-success .checkbox,
    .has-success .checkbox-inline,
    .has-success .control-label,
    .has-success .help-block,
    .has-success .radio,
    .has-success .radio-inline {
        color: #3c763d
    }
    
    .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }
    
    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
    }
    
    .has-success .input-group-addon {
        color: #3c763d;
        border-color: #3c763d;
        background-color: #dff0d8
    }
    
    .form-control-static {
        margin-bottom: 0
    }
    
    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373
    }
    
    @media (min-width:768px) {
        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }
        .form-inline .form-control {
            display: inline-block
        }
        .form-inline select.form-control {
            width: auto
        }
        .form-inline .checkbox,
        .form-inline .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            padding-left: 0
        }
        .form-inline .checkbox input[type=checkbox],
        .form-inline .radio input[type=radio] {
            float: none;
            margin-left: 0
        }
    }
    
    .form-horizontal .checkbox,
    .form-horizontal .checkbox-inline,
    .form-horizontal .control-label,
    .form-horizontal .radio,
    .form-horizontal .radio-inline {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 7px
    }
    
    .form-horizontal .checkbox,
    .form-horizontal .radio {
        min-height: 27px
    }
    
    .form-horizontal .form-group {
        margin-left: -15px;
        margin-right: -15px
    }
    
    .form-horizontal .form-group:after,
    .form-horizontal .form-group:before {
        content: " ";
        display: table
    }
    
    .form-horizontal .form-group:after {
        clear: both
    }
    
    .form-horizontal .form-control-static {
        padding-top: 7px
    }
    
    @media (min-width:768px) {
        .form-horizontal .control-label {
            text-align: right
        }
    }
    
    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    
    .btn:focus {
        outline: dotted thin;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px
    }
    
    .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 {
        background-color: #fff
    }
    
    .btn-default.active,
    .btn-default:active,
    .btn-default:focus,
    .btn-default:hover,
    .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        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:active,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled],
    .btn-default[disabled].active,
    .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:active,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }
    
    .btn-default .badge {
        color: #fff;
        background-color: #fff
    }
    
    .btn-primary {
        color: #fff;
        background-color: #428bca;
        border-color: #357ebd
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e
    }
    
    .btn-primary.active,
    .btn-primary:active,
    .open .dropdown-toggle.btn-primary {
        background-image: none
    }
    
    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary[disabled].active,
    .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:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #428bca;
        border-color: #357ebd
    }
    
    .btn-primary .badge {
        color: #428bca;
        background-color: #fff
    }
    
    .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236
    }
    
    .btn-warning.active,
    .btn-warning:active,
    .btn-warning:focus,
    .btn-warning:hover,
    .open .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ed9c28;
        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:active,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled],
    .btn-warning[disabled].active,
    .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: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:active,
    .btn-danger:focus,
    .btn-danger:hover,
    .open .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d2322d;
        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:active,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled],
    .btn-danger[disabled].active,
    .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: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-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c
    }
    
    .btn-success.active,
    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover,
    .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #47a447;
        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:active,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled],
    .btn-success[disabled].active,
    .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: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 {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
    }
    
    .btn-info.active,
    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover,
    .open .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #39b3d7;
        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:active,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled],
    .btn-info[disabled].active,
    .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: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-link {
        color: #428bca;
        font-weight: 400;
        cursor: pointer;
        border-radius: 0
    }
    
    .btn-link,
    .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: #2a6496;
        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: #999;
        text-decoration: none
    }
    
    .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px
    }
    
    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        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%;
        padding-left: 0;
        padding-right: 0
    }
    
    .btn-block+.btn-block {
        margin-top: 5px
    }
    
    input[type=button].btn-block,
    input[type=reset].btn-block,
    input[type=submit].btn-block {
        width: 100%
    }
    
    .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }
    
    .fade.in {
        opacity: 1
    }
    
    .collapse {
        display: none
    }
    
    .collapse.in {
        display: block
    }
    
    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition: height .35s ease;
        transition: height .35s ease
    }
    
    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url(../fonts/glyphicons/glyphicons-halflings-regular.eot);
        src: url(../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg')
    }
    
    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    
    .glyphicon:empty {
        width: 1em
    }
    
    .glyphicon-asterisk:before {
        content: "\2a"
    }
    
    .glyphicon-plus:before {
        content: "\2b"
    }
    
    .glyphicon-euro:before {
        content: "\20ac"
    }
    
    .glyphicon-minus:before {
        content: "\2212"
    }
    
    .glyphicon-cloud:before {
        content: "\2601"
    }
    
    .glyphicon-envelope:before {
        content: "\2709"
    }
    
    .glyphicon-pencil:before {
        content: "\270f"
    }
    
    .glyphicon-glass:before {
        content: "\e001"
    }
    
    .glyphicon-music:before {
        content: "\e002"
    }
    
    .glyphicon-search:before {
        content: "\e003"
    }
    
    .glyphicon-heart:before {
        content: "\e005"
    }
    
    .glyphicon-star:before {
        content: "\e006"
    }
    
    .glyphicon-star-empty:before {
        content: "\e007"
    }
    
    .glyphicon-user:before {
        content: "\e008"
    }
    
    .glyphicon-film:before {
        content: "\e009"
    }
    
    .glyphicon-th-large:before {
        content: "\e010"
    }
    
    .glyphicon-th:before {
        content: "\e011"
    }
    
    .glyphicon-th-list:before {
        content: "\e012"
    }
    
    .glyphicon-ok:before {
        content: "\e013"
    }
    
    .glyphicon-remove:before {
        content: "\e014"
    }
    
    .glyphicon-zoom-in:before {
        content: "\e015"
    }
    
    .glyphicon-zoom-out:before {
        content: "\e016"
    }
    
    .glyphicon-off:before {
        content: "\e017"
    }
    
    .glyphicon-signal:before {
        content: "\e018"
    }
    
    .glyphicon-cog:before {
        content: "\e019"
    }
    
    .glyphicon-trash:before {
        content: "\e020"
    }
    
    .glyphicon-home:before {
        content: "\e021"
    }
    
    .glyphicon-file:before {
        content: "\e022"
    }
    
    .glyphicon-time:before {
        content: "\e023"
    }
    
    .glyphicon-road:before {
        content: "\e024"
    }
    
    .glyphicon-download-alt:before {
        content: "\e025"
    }
    
    .glyphicon-download:before {
        content: "\e026"
    }
    
    .glyphicon-upload:before {
        content: "\e027"
    }
    
    .glyphicon-inbox:before {
        content: "\e028"
    }
    
    .glyphicon-play-circle:before {
        content: "\e029"
    }
    
    .glyphicon-repeat:before {
        content: "\e030"
    }
    
    .glyphicon-refresh:before {
        content: "\e031"
    }
    
    .glyphicon-list-alt:before {
        content: "\e032"
    }
    
    .glyphicon-lock:before {
        content: "\e033"
    }
    
    .glyphicon-flag:before {
        content: "\e034"
    }
    
    .glyphicon-headphones:before {
        content: "\e035"
    }
    
    .glyphicon-volume-off:before {
        content: "\e036"
    }
    
    .glyphicon-volume-down:before {
        content: "\e037"
    }
    
    .glyphicon-volume-up:before {
        content: "\e038"
    }
    
    .glyphicon-qrcode:before {
        content: "\e039"
    }
    
    .glyphicon-barcode:before {
        content: "\e040"
    }
    
    .glyphicon-tag:before {
        content: "\e041"
    }
    
    .glyphicon-tags:before {
        content: "\e042"
    }
    
    .glyphicon-book:before {
        content: "\e043"
    }
    
    .glyphicon-bookmark:before {
        content: "\e044"
    }
    
    .glyphicon-print:before {
        content: "\e045"
    }
    
    .glyphicon-camera:before {
        content: "\e046"
    }
    
    .glyphicon-font:before {
        content: "\e047"
    }
    
    .glyphicon-bold:before {
        content: "\e048"
    }
    
    .glyphicon-italic:before {
        content: "\e049"
    }
    
    .glyphicon-text-height:before {
        content: "\e050"
    }
    
    .glyphicon-text-width:before {
        content: "\e051"
    }
    
    .glyphicon-align-left:before {
        content: "\e052"
    }
    
    .glyphicon-align-center:before {
        content: "\e053"
    }
    
    .glyphicon-align-right:before {
        content: "\e054"
    }
    
    .glyphicon-align-justify:before {
        content: "\e055"
    }
    
    .glyphicon-list:before {
        content: "\e056"
    }
    
    .glyphicon-indent-left:before {
        content: "\e057"
    }
    
    .glyphicon-indent-right:before {
        content: "\e058"
    }
    
    .glyphicon-facetime-video:before {
        content: "\e059"
    }
    
    .glyphicon-picture:before {
        content: "\e060"
    }
    
    .glyphicon-map-marker:before {
        content: "\e062"
    }
    
    .glyphicon-adjust:before {
        content: "\e063"
    }
    
    .glyphicon-tint:before {
        content: "\e064"
    }
    
    .glyphicon-edit:before {
        content: "\e065"
    }
    
    .glyphicon-share:before {
        content: "\e066"
    }
    
    .glyphicon-check:before {
        content: "\e067"
    }
    
    .glyphicon-move:before {
        content: "\e068"
    }
    
    .glyphicon-step-backward:before {
        content: "\e069"
    }
    
    .glyphicon-fast-backward:before {
        content: "\e070"
    }
    
    .glyphicon-backward:before {
        content: "\e071"
    }
    
    .glyphicon-play:before {
        content: "\e072"
    }
    
    .glyphicon-pause:before {
        content: "\e073"
    }
    
    .glyphicon-stop:before {
        content: "\e074"
    }
    
    .glyphicon-forward:before {
        content: "\e075"
    }
    
    .glyphicon-fast-forward:before {
        content: "\e076"
    }
    
    .glyphicon-step-forward:before {
        content: "\e077"
    }
    
    .glyphicon-eject:before {
        content: "\e078"
    }
    
    .glyphicon-chevron-left:before {
        content: "\e079"
    }
    
    .glyphicon-chevron-right:before {
        content: "\e080"
    }
    
    .glyphicon-plus-sign:before {
        content: "\e081"
    }
    
    .glyphicon-minus-sign:before {
        content: "\e082"
    }
    
    .glyphicon-remove-sign:before {
        content: "\e083"
    }
    
    .glyphicon-ok-sign:before {
        content: "\e084"
    }
    
    .glyphicon-question-sign:before {
        content: "\e085"
    }
    
    .glyphicon-info-sign:before {
        content: "\e086"
    }
    
    .glyphicon-screenshot:before {
        content: "\e087"
    }
    
    .glyphicon-remove-circle:before {
        content: "\e088"
    }
    
    .glyphicon-ok-circle:before {
        content: "\e089"
    }
    
    .glyphicon-ban-circle:before {
        content: "\e090"
    }
    
    .glyphicon-arrow-left:before {
        content: "\e091"
    }
    
    .glyphicon-arrow-right:before {
        content: "\e092"
    }
    
    .glyphicon-arrow-up:before {
        content: "\e093"
    }
    
    .glyphicon-arrow-down:before {
        content: "\e094"
    }
    
    .glyphicon-share-alt:before {
        content: "\e095"
    }
    
    .glyphicon-resize-full:before {
        content: "\e096"
    }
    
    .glyphicon-resize-small:before {
        content: "\e097"
    }
    
    .glyphicon-exclamation-sign:before {
        content: "\e101"
    }
    
    .glyphicon-gift:before {
        content: "\e102"
    }
    
    .glyphicon-leaf:before {
        content: "\e103"
    }
    
    .glyphicon-fire:before {
        content: "\e104"
    }
    
    .glyphicon-eye-open:before {
        content: "\e105"
    }
    
    .glyphicon-eye-close:before {
        content: "\e106"
    }
    
    .glyphicon-warning-sign:before {
        content: "\e107"
    }
    
    .glyphicon-plane:before {
        content: "\e108"
    }
    
    .glyphicon-calendar:before {
        content: "\e109"
    }
    
    .glyphicon-random:before {
        content: "\e110"
    }
    
    .glyphicon-comment:before {
        content: "\e111"
    }
    
    .glyphicon-magnet:before {
        content: "\e112"
    }
    
    .glyphicon-chevron-up:before {
        content: "\e113"
    }
    
    .glyphicon-chevron-down:before {
        content: "\e114"
    }
    
    .glyphicon-retweet:before {
        content: "\e115"
    }
    
    .glyphicon-shopping-cart:before {
        content: "\e116"
    }
    
    .glyphicon-folder-close:before {
        content: "\e117"
    }
    
    .glyphicon-folder-open:before {
        content: "\e118"
    }
    
    .glyphicon-resize-vertical:before {
        content: "\e119"
    }
    
    .glyphicon-resize-horizontal:before {
        content: "\e120"
    }
    
    .glyphicon-hdd:before {
        content: "\e121"
    }
    
    .glyphicon-bullhorn:before {
        content: "\e122"
    }
    
    .glyphicon-bell:before {
        content: "\e123"
    }
    
    .glyphicon-certificate:before {
        content: "\e124"
    }
    
    .glyphicon-thumbs-up:before {
        content: "\e125"
    }
    
    .glyphicon-thumbs-down:before {
        content: "\e126"
    }
    
    .glyphicon-hand-right:before {
        content: "\e127"
    }
    
    .glyphicon-hand-left:before {
        content: "\e128"
    }
    
    .glyphicon-hand-up:before {
        content: "\e129"
    }
    
    .glyphicon-hand-down:before {
        content: "\e130"
    }
    
    .glyphicon-circle-arrow-right:before {
        content: "\e131"
    }
    
    .glyphicon-circle-arrow-left:before {
        content: "\e132"
    }
    
    .glyphicon-circle-arrow-up:before {
        content: "\e133"
    }
    
    .glyphicon-circle-arrow-down:before {
        content: "\e134"
    }
    
    .glyphicon-globe:before {
        content: "\e135"
    }
    
    .glyphicon-wrench:before {
        content: "\e136"
    }
    
    .glyphicon-tasks:before {
        content: "\e137"
    }
    
    .glyphicon-filter:before {
        content: "\e138"
    }
    
    .glyphicon-briefcase:before {
        content: "\e139"
    }
    
    .glyphicon-fullscreen:before {
        content: "\e140"
    }
    
    .glyphicon-dashboard:before {
        content: "\e141"
    }
    
    .glyphicon-paperclip:before {
        content: "\e142"
    }
    
    .glyphicon-heart-empty:before {
        content: "\e143"
    }
    
    .glyphicon-link:before {
        content: "\e144"
    }
    
    .glyphicon-phone:before {
        content: "\e145"
    }
    
    .glyphicon-pushpin:before {
        content: "\e146"
    }
    
    .glyphicon-usd:before {
        content: "\e148"
    }
    
    .glyphicon-gbp:before {
        content: "\e149"
    }
    
    .glyphicon-sort:before {
        content: "\e150"
    }
    
    .glyphicon-sort-by-alphabet:before {
        content: "\e151"
    }
    
    .glyphicon-sort-by-alphabet-alt:before {
        content: "\e152"
    }
    
    .glyphicon-sort-by-order:before {
        content: "\e153"
    }
    
    .glyphicon-sort-by-order-alt:before {
        content: "\e154"
    }
    
    .glyphicon-sort-by-attributes:before {
        content: "\e155"
    }
    
    .glyphicon-sort-by-attributes-alt:before {
        content: "\e156"
    }
    
    .glyphicon-unchecked:before {
        content: "\e157"
    }
    
    .glyphicon-expand:before {
        content: "\e158"
    }
    
    .glyphicon-collapse-down:before {
        content: "\e159"
    }
    
    .glyphicon-collapse-up:before {
        content: "\e160"
    }
    
    .glyphicon-log-in:before {
        content: "\e161"
    }
    
    .glyphicon-flash:before {
        content: "\e162"
    }
    
    .glyphicon-log-out:before {
        content: "\e163"
    }
    
    .glyphicon-new-window:before {
        content: "\e164"
    }
    
    .glyphicon-record:before {
        content: "\e165"
    }
    
    .glyphicon-save:before {
        content: "\e166"
    }
    
    .glyphicon-open:before {
        content: "\e167"
    }
    
    .glyphicon-saved:before {
        content: "\e168"
    }
    
    .glyphicon-import:before {
        content: "\e169"
    }
    
    .glyphicon-export:before {
        content: "\e170"
    }
    
    .glyphicon-send:before {
        content: "\e171"
    }
    
    .glyphicon-floppy-disk:before {
        content: "\e172"
    }
    
    .glyphicon-floppy-saved:before {
        content: "\e173"
    }
    
    .glyphicon-floppy-remove:before {
        content: "\e174"
    }
    
    .glyphicon-floppy-save:before {
        content: "\e175"
    }
    
    .glyphicon-floppy-open:before {
        content: "\e176"
    }
    
    .glyphicon-credit-card:before {
        content: "\e177"
    }
    
    .glyphicon-transfer:before {
        content: "\e178"
    }
    
    .glyphicon-cutlery:before {
        content: "\e179"
    }
    
    .glyphicon-header:before {
        content: "\e180"
    }
    
    .glyphicon-compressed:before {
        content: "\e181"
    }
    
    .glyphicon-earphone:before {
        content: "\e182"
    }
    
    .glyphicon-phone-alt:before {
        content: "\e183"
    }
    
    .glyphicon-tower:before {
        content: "\e184"
    }
    
    .glyphicon-stats:before {
        content: "\e185"
    }
    
    .glyphicon-sd-video:before {
        content: "\e186"
    }
    
    .glyphicon-hd-video:before {
        content: "\e187"
    }
    
    .glyphicon-subtitles:before {
        content: "\e188"
    }
    
    .glyphicon-sound-stereo:before {
        content: "\e189"
    }
    
    .glyphicon-sound-dolby:before {
        content: "\e190"
    }
    
    .glyphicon-sound-5-1:before {
        content: "\e191"
    }
    
    .glyphicon-sound-6-1:before {
        content: "\e192"
    }
    
    .glyphicon-sound-7-1:before {
        content: "\e193"
    }
    
    .glyphicon-copyright-mark:before {
        content: "\e194"
    }
    
    .glyphicon-registration-mark:before {
        content: "\e195"
    }
    
    .glyphicon-cloud-download:before {
        content: "\e197"
    }
    
    .glyphicon-cloud-upload:before {
        content: "\e198"
    }
    
    .glyphicon-tree-conifer:before {
        content: "\e199"
    }
    
    .glyphicon-tree-deciduous:before {
        content: "\e200"
    }
    
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }
    
    .dropdown {
        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;
        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: #428bca
    }
    
    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        color: #999
    }
    
    .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-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #999
    }
    
    .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: 1px
    }
    
    @media (min-width:992px) {
        .navbar-right .dropdown-menu {
            right: 0;
            left: auto
        }
    }
    
    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    
    .btn-group-vertical>.btn,
    .btn-group>.btn {
        position: relative;
        float: left
    }
    
    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus,
    .btn-group>.btn:hover {
        z-index: 2
    }
    
    .btn-group-vertical>.btn:focus,
    .btn-group>.btn:focus {
        outline: 0
    }
    
    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group {
        margin-left: -1px
    }
    
    .btn-toolbar:after,
    .btn-toolbar:before {
        content: " ";
        display: table
    }
    
    .btn-toolbar:after {
        clear: both
    }
    
    .btn-toolbar .btn-group {
        float: left
    }
    
    .btn-toolbar>.btn+.btn,
    .btn-toolbar>.btn+.btn-group,
    .btn-toolbar>.btn-group+.btn,
    .btn-toolbar>.btn-group+.btn-group {
        margin-left: 5px
    }
    
    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0
    }
    
    .btn-group>.btn:first-child {
        margin-left: 0
    }
    
    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    
    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    
    .btn-group>.btn-group {
        float: left
    }
    
    .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }
    
    .btn-group>.btn-group:first-child>.btn:last-child,
    .btn-group>.btn-group:first-child>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    
    .btn-group>.btn-group:last-child>.btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    
    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
        outline: 0
    }
    
    .btn-group-xs>.btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }
    
    .btn-group-sm>.btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }
    
    .btn-group-lg>.btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px
    }
    
    .btn-group>.btn+.dropdown-toggle {
        padding-left: 8px;
        padding-right: 8px
    }
    
    .btn-group>.btn-lg+.dropdown-toggle {
        padding-left: 12px;
        padding-right: 12px
    }
    
    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }
    
    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    
    .btn .caret {
        margin-left: 0
    }
    
    .btn-lg .caret {
        border-width: 5px 5px 0
    }
    
    .dropup .btn-lg .caret {
        border-width: 0 5px 5px
    }
    
    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .btn-group-vertical>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%
    }
    
    .btn-group-vertical>.btn-group:after,
    .btn-group-vertical>.btn-group:before {
        content: " ";
        display: table
    }
    
    .btn-group-vertical>.btn-group:after {
        clear: both
    }
    
    .btn-group-vertical>.btn-group>.btn {
        float: none
    }
    
    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
    }
    
    .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }
    
    .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    
    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }
    
    .btn-group-vertical>.btn-group:first-child>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    
    .btn-group-vertical>.btn-group:last-child>.btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
    }
    
    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        float: none;
        display: table-cell;
        width: 1%
    }
    
    .btn-group-justified>.btn-group .btn {
        width: 100%
    }
    
    [data-toggle=buttons]>.btn>input[type=checkbox],
    [data-toggle=buttons]>.btn>input[type=radio] {
        display: none
    }
    
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate
    }
    
    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }
    
    .input-group .form-control {
        width: 100%;
        margin-bottom: 0
    }
    
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px
    }
    
    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn {
        height: 46px;
        line-height: 46px
    }
    
    textarea.input-group-lg>.form-control,
    textarea.input-group-lg>.input-group-addon,
    textarea.input-group-lg>.input-group-btn>.btn {
        height: auto
    }
    
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }
    
    select.input-group-sm>.form-control,
    select.input-group-sm>.input-group-addon,
    select.input-group-sm>.input-group-btn>.btn {
        height: 30px;
        line-height: 30px
    }
    
    textarea.input-group-sm>.form-control,
    textarea.input-group-sm>.input-group-addon,
    textarea.input-group-sm>.input-group-btn>.btn {
        height: auto
    }
    
    .input-group .form-control,
    .input-group-addon,
    .input-group-btn {
        display: table-cell
    }
    
    .input-group .form-control:not(:first-child):not(:last-child),
    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }
    
    .input-group-addon,
    .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle
    }
    
    .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px
    }
    
    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }
    
    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }
    
    .input-group-addon input[type=checkbox],
    .input-group-addon input[type=radio] {
        margin-top: 0
    }
    
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    
    .input-group-addon:first-child {
        border-right: 0
    }
    
    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.dropdown-toggle {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    
    .input-group-addon:last-child {
        border-left: 0
    }
    
    .input-group-btn {
        position: relative;
        white-space: nowrap
    }
    
    .input-group-btn:first-child>.btn {
        margin-right: -1px
    }
    
    .input-group-btn:last-child>.btn {
        margin-left: -1px
    }
    
    .input-group-btn>.btn {
        position: relative
    }
    
    .input-group-btn>.btn+.btn {
        margin-left: -4px
    }
    
    .input-group-btn>.btn:active,
    .input-group-btn>.btn:hover {
        z-index: 2
    }
    
    .nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none
    }
    
    .nav:after,
    .nav:before {
        content: " ";
        display: table
    }
    
    .nav:after {
        clear: both
    }
    
    .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: #999
    }
    
    .nav>li.disabled>a:focus,
    .nav>li.disabled>a:hover {
        color: #999;
        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: #428bca
    }
    
    .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: #428bca
    }
    
    .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
    }
    
    .navbar {
        position: relative;
        min-height: 50px;
        border: 1px solid transparent
    }
    
    .navbar:after,
    .navbar:before {
        content: " ";
        display: table
    }
    
    .navbar:after {
        clear: both
    }
    
    @media (min-width:992px) {
        .navbar {
            border-radius: 4px
        }
    }
    
    .navbar-header:after,
    .navbar-header:before {
        content: " ";
        display: table
    }
    
    .navbar-header:after {
        clear: both
    }
    
    @media (min-width:992px) {
        .navbar-header {
            float: left
        }
    }
    
    .navbar-collapse {
        max-height: 340px;
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        -webkit-overflow-scrolling: touch
    }
    
    .navbar-collapse:after,
    .navbar-collapse:before {
        content: " ";
        display: table
    }
    
    .navbar-collapse:after {
        clear: both
    }
    
    .navbar-collapse.in {
        overflow-y: auto
    }
    
    @media (min-width:992px) {
        .navbar-collapse {
            width: auto;
            border-top: 0;
            box-shadow: none
        }
        .navbar-collapse.collapse {
            display: block!important;
            height: auto!important;
            padding-bottom: 0;
            overflow: visible!important
        }
        .navbar-collapse.in {
            overflow-y: visible
        }
        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse {
            padding-left: 0;
            padding-right: 0
        }
    }
    
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px
    }
    
    @media (min-width:992px) {
        .container>.navbar-collapse,
        .container>.navbar-header {
            margin-right: 0;
            margin-left: 0
        }
    }
    
    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
    }
    
    @media (min-width:992px) {
        .navbar-static-top {
            border-radius: 0
        }
    }
    
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }
    
    @media (min-width:992px) {
        .navbar-fixed-bottom,
        .navbar-fixed-top {
            border-radius: 0
        }
    }
    
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    
    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
    }
    
    .navbar-brand {
        float: left;
        padding: 15px;
        font-size: 18px;
        line-height: 20px
    }
    
    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }
    
    @media (min-width:992px) {
        .navbar>.container .navbar-brand {
            margin-left: -15px
        }
    }
    
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }
    
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }
    
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }
    
    @media (min-width:992px) {
        .navbar-toggle {
            display: none
        }
    }
    
    .navbar-nav {
        margin: 7.5px -15px
    }
    
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }
    
    @media (max-width:991px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            box-shadow: none
        }
        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu>li>a {
            padding: 5px 15px 5px 25px
        }
        .navbar-nav .open .dropdown-menu>li>a {
            line-height: 20px
        }
        .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-nav .open .dropdown-menu>li>a:hover {
            background-image: none
        }
    }
    
    @media (min-width:992px) {
        .navbar-nav {
            float: left;
            margin: 0
        }
        .navbar-nav>li {
            float: left
        }
        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px
        }
        .navbar-nav.navbar-right:last-child {
            margin-right: -15px
        }
    }
    
    @media (min-width:992px) {
        .navbar-left {
            float: left!important;
            float: left
        }
        .navbar-right {
            float: right!important;
            float: right
        }
    }
    
    .navbar-form {
        margin: 8px -15px;
        padding: 10px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
    }
    
    @media (min-width:768px) {
        .navbar-form .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }
        .navbar-form .form-control {
            display: inline-block
        }
        .navbar-form select.form-control {
            width: auto
        }
        .navbar-form .checkbox,
        .navbar-form .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            padding-left: 0
        }
        .navbar-form .checkbox input[type=checkbox],
        .navbar-form .radio input[type=radio] {
            float: none;
            margin-left: 0
        }
    }
    
    @media (max-width:991px) {
        .navbar-form .form-group {
            margin-bottom: 5px
        }
    }
    
    @media (min-width:992px) {
        .navbar-form {
            width: auto;
            border: 0;
            margin-left: 0;
            margin-right: 0;
            padding-top: 0;
            padding-bottom: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }
        .navbar-form.navbar-right:last-child {
            margin-right: -15px
        }
    }
    
    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    
    .navbar-nav.pull-right>li>.dropdown-menu,
    .navbar-nav>li>.dropdown-menu.pull-right {
        left: auto;
        right: 0
    }
    
    .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px
    }
    
    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }
    
    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }
    
    .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px
    }
    
    @media (min-width:992px) {
        .navbar-text {
            float: left;
            margin-left: 15px;
            margin-right: 15px
        }
        .navbar-text.navbar-right:last-child {
            margin-right: 0
        }
    }
    
    .navbar-default .navbar-brand {
        color: #777
    }
    
    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        color: #5e5e5e;
        background-color: transparent
    }
    
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-text {
        color: #777
    }
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }
    
    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
    
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7
    }
    
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: #e7e7e7;
        color: #555
    }
    
    @media (max-width:991px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #777
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #333;
            background-color: transparent
        }
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
            color: #555;
            background-color: #e7e7e7
        }
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #ccc;
            background-color: transparent
        }
    }
    
    .navbar-default .navbar-link {
        color: #777
    }
    
    .navbar-default .navbar-link:hover {
        color: #333
    }
    
    .navbar-inverse {
        background-color: #222;
        border-color: #080808
    }
    
    .navbar-inverse .navbar-brand {
        color: #999
    }
    
    .navbar-inverse .navbar-brand:focus,
    .navbar-inverse .navbar-brand:hover {
        color: #fff;
        background-color: transparent
    }
    
    .navbar-inverse .navbar-nav>li>a,
    .navbar-inverse .navbar-text {
        color: #999
    }
    
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        background-color: transparent
    }
    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        color: #fff;
        background-color: #080808
    }
    
    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:focus,
    .navbar-inverse .navbar-nav>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
    
    .navbar-inverse .navbar-toggle {
        border-color: #333
    }
    
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #333
    }
    
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff
    }
    
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010
    }
    
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover {
        background-color: #080808;
        color: #fff
    }
    
    @media (max-width:991px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
            border-color: #080808
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            background-color: #080808
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #999
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #fff;
            background-color: transparent
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
            color: #fff;
            background-color: #080808
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #444;
            background-color: transparent
        }
    }
    
    .navbar-inverse .navbar-link {
        color: #999
    }
    
    .navbar-inverse .navbar-link:hover {
        color: #fff
    }
    
    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px
    }
    
    .breadcrumb>li {
        display: inline-block
    }
    
    .breadcrumb>li+li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #ccc
    }
    
    .breadcrumb>.active {
        color: #999
    }
    
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
    }
    
    .pagination>li {
        display: inline
    }
    
    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px
    }
    
    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px
    }
    
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px
    }
    
    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        background-color: #eee
    }
    
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca;
        cursor: default
    }
    
    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: #999;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }
    
    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px
    }
    
    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px
    }
    
    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px
    }
    
    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 10px;
        font-size: 12px
    }
    
    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }
    
    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }
    
    .pager {
        padding-left: 0;
        margin: 20px 0;
        list-style: none;
        text-align: center
    }
    
    .pager:after,
    .pager:before {
        content: " ";
        display: table
    }
    
    .pager:after {
        clear: both
    }
    
    .pager li {
        display: inline
    }
    
    .pager li>a,
    .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
    }
    
    .pager li>a:focus,
    .pager li>a:hover {
        text-decoration: none;
        background-color: #eee
    }
    
    .pager .next>a,
    .pager .next>span {
        float: right
    }
    
    .pager .previous>a,
    .pager .previous>span {
        float: left
    }
    
    .pager .disabled>a,
    .pager .disabled>a:focus,
    .pager .disabled>a:hover,
    .pager .disabled>span {
        color: #999;
        background-color: #fff;
        cursor: not-allowed
    }
    
    .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em
    }
    
    .label[href]:focus,
    .label[href]:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }
    
    .label:empty {
        display: none
    }
    
    .btn .label {
        position: relative;
        top: -1px
    }
    
    .label-default {
        background-color: #999
    }
    
    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: gray
    }
    
    .label-primary {
        background-color: #428bca
    }
    
    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: #3071a9
    }
    
    .label-success {
        background-color: #5cb85c
    }
    
    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: #449d44
    }
    
    .label-info {
        background-color: #5bc0de
    }
    
    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: #31b0d5
    }
    
    .label-warning {
        background-color: #f0ad4e
    }
    
    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: #ec971f
    }
    
    .label-danger {
        background-color: #d9534f
    }
    
    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: #c9302c
    }
    
    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        line-height: 1;
        vertical-align: baseline;
        white-space: nowrap;
        text-align: center;
        background-color: #999;
        border-radius: 10px
    }
    
    .badge:empty {
        display: none
    }
    
    .btn .badge {
        position: relative;
        top: -1px
    }
    
    a.badge:focus,
    a.badge:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }
    
    .nav-pills>.active>a>.badge,
    a.list-group-item.active>.badge {
        color: #428bca;
        background-color: #fff
    }
    
    .nav-pills>li>a>.badge {
        margin-left: 3px
    }
    
    .jumbotron {
        padding: 30px;
        margin-bottom: 30px;
        font-size: 21px;
        font-weight: 200;
        line-height: 2.14285714;
        color: inherit;
        background-color: #eee
    }
    
    .jumbotron .h1,
    .jumbotron h1 {
        line-height: 1;
        color: inherit
    }
    
    .jumbotron p {
        line-height: 1.4
    }
    
    .container .jumbotron {
        border-radius: 6px
    }
    
    .jumbotron .container {
        max-width: 100%
    }
    
    @media screen and (min-width:768px) {
        .jumbotron {
            padding-top: 48px;
            padding-bottom: 48px
        }
        .container .jumbotron {
            padding-left: 60px;
            padding-right: 60px
        }
        .jumbotron .h1,
        .jumbotron h1 {
            font-size: 63px
        }
    }
    
    .thumbnail {
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    
    .thumbnail a>img,
    .thumbnail>img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }
    
    a.thumbnail.active,
    a.thumbnail:focus,
    a.thumbnail:hover {
        border-color: #428bca
    }
    
    .thumbnail .caption {
        padding: 9px;
        color: #333
    }
    
    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px
    }
    
    .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 {
        padding-right: 35px
    }
    
    .alert-dismissable .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
    }
    
    @-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: #428bca;
        -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;
        transition: width .6s ease
    }
    
    .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: 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.active .progress-bar {
        -webkit-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: 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: 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: 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: 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)
    }
    
    .media,
    .media-body {
        overflow: hidden;
        zoom: 1
    }
    
    .media,
    .media .media {
        margin-top: 15px
    }
    
    .media:first-child {
        margin-top: 0
    }
    
    .media-object {
        display: block
    }
    
    .media-heading {
        margin: 0 0 5px
    }
    
    .media>.pull-left {
        margin-right: 10px
    }
    
    .media>.pull-right {
        margin-left: 10px
    }
    
    .media-list {
        padding-left: 0;
        list-style: none
    }
    
    .list-group {
        margin-bottom: 20px;
        padding-left: 0
    }
    
    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd
    }
    
    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }
    
    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    
    .list-group-item>.badge {
        float: right
    }
    
    .list-group-item>.badge+.badge {
        margin-right: 5px
    }
    
    a.list-group-item {
        color: #555
    }
    
    a.list-group-item .list-group-item-heading {
        color: #333
    }
    
    a.list-group-item:focus,
    a.list-group-item:hover {
        text-decoration: none;
        background-color: #f5f5f5
    }
    
    a.list-group-item.active,
    a.list-group-item.active:focus,
    a.list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }
    
    a.list-group-item.active .list-group-item-heading,
    a.list-group-item.active:focus .list-group-item-heading,
    a.list-group-item.active:hover .list-group-item-heading {
        color: inherit
    }
    
    a.list-group-item.active .list-group-item-text,
    a.list-group-item.active:focus .list-group-item-text,
    a.list-group-item.active:hover .list-group-item-text {
        color: #e1edf7
    }
    
    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
    }
    
    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
    }
    
    .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-body:after,
    .panel-body:before {
        content: " ";
        display: table
    }
    
    .panel-body:after {
        clear: both
    }
    
    .panel>.list-group {
        margin-bottom: 0
    }
    
    .panel>.list-group .list-group-item {
        border-width: 1px 0
    }
    
    .panel>.list-group .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    
    .panel>.list-group .list-group-item:last-child {
        border-bottom: 0
    }
    
    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
    }
    
    .panel>.table,
    .panel>.table-responsive>.table {
        margin-bottom: 0
    }
    
    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive {
        border-top: 1px solid #ddd
    }
    
    .panel>.table>tbody:first-child td,
    .panel>.table>tbody: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: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-bordered>thead>tr:last-child>td,
    .panel>.table-bordered>thead>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,
    .panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:last-child>th {
        border-bottom: 0
    }
    
    .panel>.table-responsive {
        border: 0;
        margin-bottom: 0
    }
    
    .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>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-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
        overflow: hidden
    }
    
    .panel-group .panel+.panel {
        margin-top: 5px
    }
    
    .panel-group .panel-heading {
        border-bottom: 0
    }
    
    .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-footer+.panel-collapse .panel-body {
        border-bottom-color: #ddd
    }
    
    .panel-primary {
        border-color: #428bca
    }
    
    .panel-primary>.panel-heading {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }
    
    .panel-primary>.panel-heading+.panel-collapse .panel-body {
        border-top-color: #428bca
    }
    
    .panel-primary>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color: #428bca
    }
    
    .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-footer+.panel-collapse .panel-body {
        border-bottom-color: #d6e9c6
    }
    
    .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-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-footer+.panel-collapse .panel-body {
        border-bottom-color: #ebccd1
    }
    
    .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-footer+.panel-collapse .panel-body {
        border-bottom-color: #bce8f1
    }
    
    .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
    }
    
    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, .15)
    }
    
    .well-lg {
        padding: 24px;
        border-radius: 6px
    }
    
    .well-sm {
        padding: 9px;
        border-radius: 3px
    }
    
    .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
        filter: alpha(opacity=20)
    }
    
    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }
    
    button.close {
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none
    }
    
    .modal-open {
        overflow: hidden
    }
    
    .modal {
        display: none;
        overflow: auto;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040
    }
    
    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-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);
        transform: translate(0, 0)
    }
    
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
        z-index: 1050
    }
    
    .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: 1030;
        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: 20px
    }
    
    .modal-footer {
        margin-top: 15px;
        padding: 19px 20px 20px;
        text-align: right;
        border-top: 1px solid #e5e5e5
    }
    
    .modal-footer:after,
    .modal-footer:before {
        content: " ";
        display: table
    }
    
    .modal-footer:after {
        clear: both
    }
    
    .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
    }
    
    @media screen and (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)
        }
    }
    
    .tooltip {
        position: absolute;
        z-index: 1030;
        display: block;
        visibility: visible;
        font-size: 12px;
        line-height: 1.4;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    
    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }
    
    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }
    
    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }
    
    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }
    
    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }
    
    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px
    }
    
    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }
    
    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }
    
    .tooltip.top-left .tooltip-arrow {
        bottom: 0;
        left: 5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }
    
    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        right: 5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }
    
    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
    }
    
    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
    }
    
    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }
    
    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        left: 5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }
    
    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        right: 5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }
    
    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1010;
        display: none;
        max-width: 276px;
        padding: 1px;
        text-align: left;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        white-space: normal
    }
    
    .popover.top {
        margin-top: -10px
    }
    
    .popover.right {
        margin-left: 10px
    }
    
    .popover.bottom {
        margin-top: 10px
    }
    
    .popover.left {
        margin-left: -10px
    }
    
    .popover-title {
        margin: 0;
        padding: 8px 14px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0
    }
    
    .popover-content {
        padding: 9px 14px
    }
    
    .popover .arrow,
    .popover .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }
    
    .popover .arrow {
        border-width: 11px
    }
    
    .popover .arrow:after {
        border-width: 10px;
        content: ""
    }
    
    .popover.top .arrow {
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        bottom: -11px
    }
    
    .popover.top .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }
    
    .popover.right .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-left-width: 0;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, .25)
    }
    
    .popover.right .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }
    
    .popover.bottom .arrow {
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25);
        top: -11px
    }
    
    .popover.bottom .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }
    
    .popover.left .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, .25)
    }
    
    .popover.left .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }
    
    .carousel {
        position: relative
    }
    
    .carousel-inner {
        position: relative;
        overflow: hidden;
        width: 100%
    }
    
    .carousel-inner>.item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }
    
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        display: block;
        max-width: 100%;
        height: auto;
        line-height: 1
    }
    
    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display: block
    }
    
    .carousel-inner>.active {
        left: 0
    }
    
    .carousel-inner>.next,
    .carousel-inner>.prev {
        position: absolute;
        top: 0;
        width: 100%
    }
    
    .carousel-inner>.next {
        left: 100%
    }
    
    .carousel-inner>.prev {
        left: -100%
    }
    
    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left: 0
    }
    
    .carousel-inner>.active.left {
        left: -100%
    }
    
    .carousel-inner>.active.right {
        left: 100%
    }
    
    .carousel-control {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 15%;
        opacity: .5;
        filter: alpha(opacity=50);
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
    }
    
    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
    }
    
    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(0, 0, 0, .5) 100%));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
    }
    
    .carousel-control:focus,
    .carousel-control:hover {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }
    
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block
    }
    
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%
    }
    
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%
    }
    
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif
    }
    
    .carousel-control .icon-prev:before {
        content: '\2039'
    }
    
    .carousel-control .icon-next:before {
        content: '\203a'
    }
    
    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center
    }
    
    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: transparent
    }
    
    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }
    
    .carousel-caption {
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: 20px;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
    }
    
    .carousel-caption .btn {
        text-shadow: none
    }
    
    @media screen and (min-width:768px) {
        .carousel-control .glyphicons-chevron-left,
        .carousel-control .glyphicons-chevron-right,
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            margin-left: -15px;
            font-size: 30px
        }
        .carousel-caption {
            left: 20%;
            right: 20%;
            padding-bottom: 30px
        }
        .carousel-indicators {
            bottom: 20px
        }
    }
    
    .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;
        visibility: hidden!important
    }
    
    .affix {
        position: fixed
    }
    
    @-ms-viewport {
        width: device-width
    }
    
    .visible-lg,
    .visible-md,
    .visible-sm,
    .visible-xs,
    td.visible-lg,
    td.visible-md,
    td.visible-sm,
    td.visible-xs,
    th.visible-lg,
    th.visible-md,
    th.visible-sm,
    th.visible-xs,
    tr.visible-lg,
    tr.visible-md,
    tr.visible-sm,
    tr.visible-xs {
        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 (min-width:768px) and (max-width:991px) {
        .visible-xs.visible-sm {
            display: block!important
        }
        table.visible-xs.visible-sm {
            display: table
        }
        tr.visible-xs.visible-sm {
            display: table-row!important
        }
        td.visible-xs.visible-sm,
        th.visible-xs.visible-sm {
            display: table-cell!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .visible-xs.visible-md {
            display: block!important
        }
        table.visible-xs.visible-md {
            display: table
        }
        tr.visible-xs.visible-md {
            display: table-row!important
        }
        td.visible-xs.visible-md,
        th.visible-xs.visible-md {
            display: table-cell!important
        }
    }
    
    @media (min-width:1200px) {
        .visible-xs.visible-lg {
            display: block!important
        }
        table.visible-xs.visible-lg {
            display: table
        }
        tr.visible-xs.visible-lg {
            display: table-row!important
        }
        td.visible-xs.visible-lg,
        th.visible-xs.visible-lg {
            display: table-cell!important
        }
    }
    
    @media (max-width:767px) {
        .visible-sm.visible-xs {
            display: block!important
        }
        table.visible-sm.visible-xs {
            display: table
        }
        tr.visible-sm.visible-xs {
            display: table-row!important
        }
        td.visible-sm.visible-xs,
        th.visible-sm.visible-xs {
            display: table-cell!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:992px) and (max-width:1199px) {
        .visible-sm.visible-md {
            display: block!important
        }
        table.visible-sm.visible-md {
            display: table
        }
        tr.visible-sm.visible-md {
            display: table-row!important
        }
        td.visible-sm.visible-md,
        th.visible-sm.visible-md {
            display: table-cell!important
        }
    }
    
    @media (min-width:1200px) {
        .visible-sm.visible-lg {
            display: block!important
        }
        table.visible-sm.visible-lg {
            display: table
        }
        tr.visible-sm.visible-lg {
            display: table-row!important
        }
        td.visible-sm.visible-lg,
        th.visible-sm.visible-lg {
            display: table-cell!important
        }
    }
    
    @media (max-width:767px) {
        .visible-md.visible-xs {
            display: block!important
        }
        table.visible-md.visible-xs {
            display: table
        }
        tr.visible-md.visible-xs {
            display: table-row!important
        }
        td.visible-md.visible-xs,
        th.visible-md.visible-xs {
            display: table-cell!important
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .visible-md.visible-sm {
            display: block!important
        }
        table.visible-md.visible-sm {
            display: table
        }
        tr.visible-md.visible-sm {
            display: table-row!important
        }
        td.visible-md.visible-sm,
        th.visible-md.visible-sm {
            display: table-cell!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:1200px) {
        .visible-md.visible-lg {
            display: block!important
        }
        table.visible-md.visible-lg {
            display: table
        }
        tr.visible-md.visible-lg {
            display: table-row!important
        }
        td.visible-md.visible-lg,
        th.visible-md.visible-lg {
            display: table-cell!important
        }
    }
    
    @media (max-width:767px) {
        .visible-lg.visible-xs {
            display: block!important
        }
        table.visible-lg.visible-xs {
            display: table
        }
        tr.visible-lg.visible-xs {
            display: table-row!important
        }
        td.visible-lg.visible-xs,
        th.visible-lg.visible-xs {
            display: table-cell!important
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .visible-lg.visible-sm {
            display: block!important
        }
        table.visible-lg.visible-sm {
            display: table
        }
        tr.visible-lg.visible-sm {
            display: table-row!important
        }
        td.visible-lg.visible-sm,
        th.visible-lg.visible-sm {
            display: table-cell!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .visible-lg.visible-md {
            display: block!important
        }
        table.visible-lg.visible-md {
            display: table
        }
        tr.visible-lg.visible-md {
            display: table-row!important
        }
        td.visible-lg.visible-md,
        th.visible-lg.visible-md {
            display: table-cell!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
        }
    }
    
    .hidden-xs {
        display: block!important
    }
    
    table.hidden-xs {
        display: table
    }
    
    tr.hidden-xs {
        display: table-row!important
    }
    
    td.hidden-xs,
    th.hidden-xs {
        display: table-cell!important
    }
    
    @media (max-width:767px) {
        .hidden-xs,
        td.hidden-xs,
        th.hidden-xs,
        tr.hidden-xs {
            display: none!important
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .hidden-xs.hidden-sm,
        td.hidden-xs.hidden-sm,
        th.hidden-xs.hidden-sm,
        tr.hidden-xs.hidden-sm {
            display: none!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .hidden-xs.hidden-md,
        td.hidden-xs.hidden-md,
        th.hidden-xs.hidden-md,
        tr.hidden-xs.hidden-md {
            display: none!important
        }
    }
    
    @media (min-width:1200px) {
        .hidden-xs.hidden-lg,
        td.hidden-xs.hidden-lg,
        th.hidden-xs.hidden-lg,
        tr.hidden-xs.hidden-lg {
            display: none!important
        }
    }
    
    .hidden-sm {
        display: block!important
    }
    
    table.hidden-sm {
        display: table
    }
    
    tr.hidden-sm {
        display: table-row!important
    }
    
    td.hidden-sm,
    th.hidden-sm {
        display: table-cell!important
    }
    
    @media (max-width:767px) {
        .hidden-sm.hidden-xs,
        td.hidden-sm.hidden-xs,
        th.hidden-sm.hidden-xs,
        tr.hidden-sm.hidden-xs {
            display: none!important
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .hidden-sm,
        td.hidden-sm,
        th.hidden-sm,
        tr.hidden-sm {
            display: none!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .hidden-sm.hidden-md,
        td.hidden-sm.hidden-md,
        th.hidden-sm.hidden-md,
        tr.hidden-sm.hidden-md {
            display: none!important
        }
    }
    
    @media (min-width:1200px) {
        .hidden-sm.hidden-lg,
        td.hidden-sm.hidden-lg,
        th.hidden-sm.hidden-lg,
        tr.hidden-sm.hidden-lg {
            display: none!important
        }
    }
    
    .hidden-md {
        display: block!important
    }
    
    table.hidden-md {
        display: table
    }
    
    tr.hidden-md {
        display: table-row!important
    }
    
    td.hidden-md,
    th.hidden-md {
        display: table-cell!important
    }
    
    @media (max-width:767px) {
        .hidden-md.hidden-xs,
        td.hidden-md.hidden-xs,
        th.hidden-md.hidden-xs,
        tr.hidden-md.hidden-xs {
            display: none!important
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .hidden-md.hidden-sm,
        td.hidden-md.hidden-sm,
        th.hidden-md.hidden-sm,
        tr.hidden-md.hidden-sm {
            display: none!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .hidden-md,
        td.hidden-md,
        th.hidden-md,
        tr.hidden-md {
            display: none!important
        }
    }
    
    @media (min-width:1200px) {
        .hidden-md.hidden-lg,
        td.hidden-md.hidden-lg,
        th.hidden-md.hidden-lg,
        tr.hidden-md.hidden-lg {
            display: none!important
        }
    }
    
    .hidden-lg {
        display: block!important
    }
    
    table.hidden-lg {
        display: table
    }
    
    tr.hidden-lg {
        display: table-row!important
    }
    
    td.hidden-lg,
    th.hidden-lg {
        display: table-cell!important
    }
    
    @media (max-width:767px) {
        .hidden-lg.hidden-xs,
        td.hidden-lg.hidden-xs,
        th.hidden-lg.hidden-xs,
        tr.hidden-lg.hidden-xs {
            display: none!important
        }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .hidden-lg.hidden-sm,
        td.hidden-lg.hidden-sm,
        th.hidden-lg.hidden-sm,
        tr.hidden-lg.hidden-sm {
            display: none!important
        }
    }
    
    @media (min-width:992px) and (max-width:1199px) {
        .hidden-lg.hidden-md,
        td.hidden-lg.hidden-md,
        th.hidden-lg.hidden-md,
        tr.hidden-lg.hidden-md {
            display: none!important
        }
    }
    
    @media (min-width:1200px) {
        .hidden-lg,
        td.hidden-lg,
        th.hidden-lg,
        tr.hidden-lg {
            display: none!important
        }
    }
    
    .visible-print,
    td.visible-print,
    th.visible-print,
    tr.visible-print {
        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
        }
        .hidden-print,
        td.hidden-print,
        th.hidden-print,
        tr.hidden-print {
            display: none!important
        }
    }
    
    
    /*!
     *  Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome
     *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
     */
    
   
    
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }
    
    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    .navbar-default {
        background-color: transparent;
        border: none
    }
    
    .navbar-default .navbar-nav>li.active>a,
    .navbar-default .navbar-nav>li.active>a:focus,
    .navbar-default .navbar-nav>li.active>a:hover,
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: transparent
    }
    
    .navbar {
        margin-bottom: 0
    }
    
    .btn {
        border: 3px solid transparent;
        border-radius: 0
    }
    
    button,
    input,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }
    
    .vcenter {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }
    
    .voffset-40 {
        padding-bottom: -40px!important
    }
    
    .voffset-30 {
        padding-bottom: -30px!important
    }
    
    .voffset-20 {
        padding-bottom: -20px!important
    }
    
    .voffset-10 {
        padding-bottom: -10px!important
    }
    
    .voffset0 {
        padding-bottom: 0!important
    }
    
    .voffset10 {
        padding-bottom: 10px!important
    }
    
    .voffset20 {
        padding-bottom: 20px!important
    }
    
    .voffset30 {
        padding-bottom: 30px!important
    }
    
    .voffset40 {
        padding-bottom: 40px!important
    }
    
    .voffset50 {
        padding-bottom: 50px!important
    }
    
    .voffset60 {
        padding-bottom: 60px!important
    }
    
    .voffset70 {
        padding-bottom: 70px!important
    }
    
    .voffset80 {
        padding-bottom: 80px!important
    }
    
    .voffset90 {
        padding-bottom: 90px!important
    }
    
    .voffset100 {
        padding-bottom: 100px!important
    }
    
    .voffset110 {
        padding-bottom: 110px!important
    }
    
    .voffset120 {
        padding-bottom: 120px!important
    }
    
    .voffset130 {
        padding-bottom: 130px!important
    }
    
    .voffset140 {
        padding-bottom: 140px!important
    }
    
    .voffset150 {
        padding-bottom: 150px!important
    }
    
    .voffset160 {
        padding-bottom: 160px!important
    }
    
    .voffset170 {
        padding-bottom: 170px!important
    }
    
    .voffset180 {
        padding-bottom: 180px!important
    }
    
    .voffset190 {
        padding-bottom: 190px!important
    }
    
    .voffset200 {
        padding-bottom: 200px!important
    }
    
    .voffset210 {
        padding-bottom: 210px!important
    }
    
    .voffset220 {
        padding-bottom: 220px!important
    }
    
    .voffset230 {
        padding-bottom: 230px!important
    }
    
    .voffset240 {
        padding-bottom: 240px!important
    }
    
    .voffset250 {
        padding-bottom: 250px!important
    }
    
    .voffset260 {
        padding-bottom: 260px!important
    }
    
    .voffset270 {
        padding-bottom: 270px!important
    }
    
    .voffset280 {
        padding-bottom: 280px!important
    }
    
    .voffset290 {
        padding-bottom: 290px!important
    }
    
    .voffset300 {
        padding-bottom: 300px!important
    }
    
    .voffset310 {
        padding-bottom: 310px!important
    }
    
    .voffset320 {
        padding-bottom: 320px!important
    }
    
    .voffset330 {
        padding-bottom: 330px!important
    }
    
    .voffset340 {
        padding-bottom: 340px!important
    }
    
    .voffset350 {
        padding-bottom: 350px!important
    }
    
    .voffset360 {
        padding-bottom: 360px!important
    }
    
    .voffset370 {
        padding-bottom: 370px!important
    }
    
    .voffset380 {
        padding-bottom: 380px!important
    }
    
    .voffset390 {
        padding-bottom: 390px!important
    }
    
    .voffset400 {
        padding-bottom: 400px!important
    }
    
    .voffset410 {
        padding-bottom: 410px!important
    }
    
    .voffset420 {
        padding-bottom: 420px!important
    }
    
    .voffset430 {
        padding-bottom: 430px!important
    }
    
    .voffset440 {
        padding-bottom: 440px!important
    }
    
    .voffset450 {
        padding-bottom: 450px!important
    }
    
    .voffset460 {
        padding-bottom: 460px!important
    }
    
    .voffset470 {
        padding-bottom: 470px!important
    }
    
    .voffset480 {
        padding-bottom: 480px!important
    }
    
    .voffset490 {
        padding-bottom: 490px!important
    }
    
    .voffset500 {
        padding-bottom: 500px!important
    }
    
    .voffset510 {
        padding-bottom: 510px!important
    }
    
    .voffset520 {
        padding-bottom: 520px!important
    }
    
    .voffset530 {
        padding-bottom: 530px!important
    }
    
    .voffset540 {
        padding-bottom: 540px!important
    }
    
    .voffset550 {
        padding-bottom: 550px!important
    }
    
    .voffset560 {
        padding-bottom: 560px!important
    }
    
    .voffset570 {
        padding-bottom: 570px!important
    }
    
    .voffset580 {
        padding-bottom: 580px!important
    }
    
    .voffset590 {
        padding-bottom: 590px!important
    }
    
    .voffset600 {
        padding-bottom: 600px!important
    }
    
    .voffset610 {
        padding-bottom: 610px!important
    }
    
    .voffset620 {
        padding-bottom: 620px!important
    }
    
    .voffset630 {
        padding-bottom: 630px!important
    }
    
    .voffset640 {
        padding-bottom: 640px!important
    }
    
    .voffset650 {
        padding-bottom: 650px!important
    }
    
    .voffset660 {
        padding-bottom: 660px!important
    }
    
    .voffset670 {
        padding-bottom: 670px!important
    }
    
    .voffset680 {
        padding-bottom: 680px!important
    }
    
    .voffset690 {
        padding-bottom: 690px!important
    }
    
    .voffset700 {
        padding-bottom: 700px!important
    }
    
    .voffset710 {
        padding-bottom: 710px!important
    }
    
    .voffset720 {
        padding-bottom: 720px!important
    }
    
    .voffset730 {
        padding-bottom: 730px!important
    }
    
    .voffset740 {
        padding-bottom: 740px!important
    }
    
    .voffset750 {
        padding-bottom: 750px!important
    }
    
    .voffset760 {
        padding-bottom: 760px!important
    }
    
    .voffset770 {
        padding-bottom: 770px!important
    }
    
    .voffset780 {
        padding-bottom: 780px!important
    }
    
    .voffset790 {
        padding-bottom: 790px!important
    }
    
    .voffset800 {
        padding-bottom: 800px!important
    }
    
    .voffset810 {
        padding-bottom: 810px!important
    }
    
    .voffset820 {
        padding-bottom: 820px!important
    }
    
    .voffset830 {
        padding-bottom: 830px!important
    }
    
    .voffset840 {
        padding-bottom: 840px!important
    }
    
    .voffset850 {
        padding-bottom: 850px!important
    }
    
    .voffset860 {
        padding-bottom: 860px!important
    }
    
    .voffset870 {
        padding-bottom: 870px!important
    }
    
    .voffset880 {
        padding-bottom: 880px!important
    }
    
    .voffset890 {
        padding-bottom: 890px!important
    }
    
    .voffset900 {
        padding-bottom: 900px!important
    }
    
    .fz12 {
        font-size: 12px!important
    }
    
    .fz13 {
        font-size: 13px!important
    }
    
    .fz14 {
        font-size: 14px!important
    }
    
    .fz15 {
        font-size: 15px!important
    }
    
    .fz16 {
        font-size: 16px!important
    }
    
    .fz17 {
        font-size: 17px!important
    }
    
    .fz18 {
        font-size: 18px!important
    }
    
    .fz19 {
        font-size: 19px!important
    }
    
    .fz20 {
        font-size: 20px!important
    }
    
    .fz21 {
        font-size: 21px!important
    }
    
    .fz22 {
        font-size: 22px!important
    }
    
    .fz23 {
        font-size: 23px!important
    }
    
    .fz24 {
        font-size: 24px!important
    }
    
    .fz25 {
        font-size: 25px!important
    }
    
    .fz26 {
        font-size: 26px!important
    }
    
    .fz27 {
        font-size: 27px!important
    }
    
    .fz28 {
        font-size: 28px!important
    }
    
    .fz29 {
        font-size: 29px!important
    }
    
    .fz30 {
        font-size: 30px!important
    }
    
    .fz31 {
        font-size: 31px!important
    }
    
    .fz32 {
        font-size: 32px!important
    }
    
    .fz33 {
        font-size: 33px!important
    }
    
    .fz34 {
        font-size: 34px!important
    }
    
    .fz35 {
        font-size: 35px!important
    }
    
    .fz36 {
        font-size: 36px!important
    }
    
    .fz37 {
        font-size: 37px!important
    }
    
    .fz38 {
        font-size: 38px!important
    }
    
    .fz39 {
        font-size: 39px!important
    }
    
    .fz40 {
        font-size: 40px!important
    }
    
    .fz41 {
        font-size: 41px!important
    }
    
    .fz42 {
        font-size: 42px!important
    }
    
    .fz43 {
        font-size: 43px!important
    }
    
    .fz44 {
        font-size: 44px!important
    }
    
    .fz45 {
        font-size: 45px!important
    }
    
    .fz46 {
        font-size: 46px!important
    }
    
    .fz47 {
        font-size: 47px!important
    }
    
    .fz48 {
        font-size: 48px!important
    }
    
    .fz49 {
        font-size: 49px!important
    }
    
    .fz50 {
        font-size: 50px!important
    }
    
    .fz51 {
        font-size: 51px!important
    }
    
    .fz52 {
        font-size: 52px!important
    }
    
    .fz53 {
        font-size: 53px!important
    }
    
    .fz54 {
        font-size: 54px!important
    }
    
    .fz55 {
        font-size: 55px!important
    }
    
    .fz56 {
        font-size: 56px!important
    }
    
    .fz57 {
        font-size: 57px!important
    }
    
    .fz58 {
        font-size: 58px!important
    }
    
    .fz59 {
        font-size: 59px!important
    }
    
    .fz60 {
        font-size: 60px!important
    }
    
    .fz61 {
        font-size: 61px!important
    }
    
    .fz62 {
        font-size: 62px!important
    }
    
    .fz63 {
        font-size: 63px!important
    }
    
    .fz64 {
        font-size: 64px!important
    }
    
    .fz65 {
        font-size: 65px!important
    }
    
    .fz66 {
        font-size: 66px!important
    }
    
    .fz67 {
        font-size: 67px!important
    }
    
    .fz68 {
        font-size: 68px!important
    }
    
    .fz69 {
        font-size: 69px!important
    }
    
    .fz70 {
        font-size: 70px!important
    }
    
    .fz71 {
        font-size: 71px!important
    }
    
    .fz72 {
        font-size: 72px!important
    }
    
    .fz73 {
        font-size: 73px!important
    }
    
    .fz74 {
        font-size: 74px!important
    }
    
    .fz75 {
        font-size: 75px!important
    }
    
    .fz76 {
        font-size: 76px!important
    }
    
    .fz77 {
        font-size: 77px!important
    }
    
    .fz78 {
        font-size: 78px!important
    }
    
    .fz79 {
        font-size: 79px!important
    }
    
    .fz80 {
        font-size: 80px!important
    }
    
    .fz81 {
        font-size: 81px!important
    }
    
    .fz82 {
        font-size: 82px!important
    }
    
    .fz83 {
        font-size: 83px!important
    }
    
    .fz84 {
        font-size: 84px!important
    }
    
    .fz85 {
        font-size: 85px!important
    }
    
    .fz86 {
        font-size: 86px!important
    }
    
    .fz87 {
        font-size: 87px!important
    }
    
    .fz88 {
        font-size: 88px!important
    }
    
    .fz89 {
        font-size: 89px!important
    }
    
    .fz90 {
        font-size: 90px!important
    }
    
    .text-center {
        text-align: center
    }
    
    .is-scroll-disabled {
        overflow: hidden
    }
    
    .clearfix:after,
    .clearfix:before {
        content: " ";
        display: table
    }
    
    .clearfix:after {
        clear: both
    }
    
    .invertcolor {
        background-color: #000
    }
    
    .invertcolor,
    .invertcolor a {
        color: #fff
    }
    
    .color-bg-alternative {
        background-color: #FFF199
    }
    
    .color-light {
        color: #fff
    }
   
    input {
        background-color: transparent;
        border: none;
        border-bottom: 2px solid;
        /*font-style: italic;*/
        font-size: 14px;
        letter-spacing: 3px;
        width: 100%;
        height: 45px
    }
    
    .primary-title {
        font-weight: 700;
        line-height: 56px;
        font-size: 30px;
        color: #000
    }
    
    @media (min-width:768px) {
        .primary-title {
            font-size: 46px
        }
    }
    
    .primary-title strong {
        display: block;
        font-size: 50px
    }
    
    @media (min-width:768px) {
        .primary-title strong {
            font-size: 86px
        }
    }
    
    .primary-title strong.work {
        letter-spacing: 17px;
        line-height: 89px
    }
    
    @media (max-width:991px) {
        .primary-title strong.work {
            letter-spacing: 4px;
            line-height: 47px;
            font-size: 38px
        }
    }
    
    .primary-title strong.work span.border {
        display: inline-block
    }
    
    .primary-title strong.work span.border:after {
        content: "";
        display: block;
        width: 100%;
        margin: 0 auto;
        height: 2px;
        background-color: #fff;
        position: relative;
        top: 5px
    }
    
    @media (max-width:991px) {
        .primary-title strong.work span.border:after {
            top: 1px
        }
    }
    
    .primary-title strong.work span.invers {
        background-color: #fff;
        color: #000;
        line-height: 80px;
        display: inline-block;
        padding-bottom: 10px;
        padding-left: 12px
    }
    
    @media (max-width:991px) {
        .primary-title strong.work span.invers {
            line-height: 56px;
            display: inline-block;
            padding-bottom: 2px;
            padding-left: 6px
        }
    }
    
    .primary-title.invert {
        color: #fff;
        margin: 0;
        font-family: inherit;
    }
    
    .primary-title.big {
        font-size: 82px;
        font-size: 30px;
        line-height: 40px
    }
    
    @media (min-width:768px) {
        .primary-title.big {
            line-height: 82px;
            font-weight: 100
        }
    }
    
    .primary-title.big strong {
        font-size: 50px;
        line-height: 80px
    }
    
    @media (min-width:768px) {
        .primary-title.big strong {
            font-size: 132px;
            line-height: 150px
        }
    }
    
    .primary-title.medium {
        font-size: 30px;
        line-height: 30px
    }
    
    @media (min-width:768px) {
        .primary-title.medium {
            font-size: 36px;
            line-height: 56px
        }
    }
    
    .primary-title.medium strong {
        font-size: 63px;
        line-height: 69px
    }
    
    @media (min-width:768px) {
        .primary-title.medium strong {
            font-size: 106px;
            line-height: 87px
        }
    }
    
    .post-primary-title {
        font-size: 23px;
        /*font-style: italic;*/
        letter-spacing: 4px;
        line-height: 31px
    }
    
    @media (min-width:768px) {
        .post-primary-title {
            font-size: 32px;
            letter-spacing: 5.5px;
            line-height: 40px
        }
    }
    
    .post-primary-title.invert {
        color: #fff;margin: 0 auto;
    }
    
    .post-primary-title.normal {
        font-style: normal;
        letter-spacing: 0;
        line-height: 43px
    }
    
    .post-primary-title.center {
        text-align: center
    }
    
    .pretitle {
        /*font-style: italic;*/
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 2.35px;
        color: #000;
        text-align: center;
        margin: 0 auto;
    }
    
    .pretitle:after,
    .pretitle:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 1px;
        border-bottom: 1px solid #000;
        margin: 0 12px 3px
    }
    
    .pretitle.invert {
        /*color: #fff;*/
		color: #e6c582;
    }
    
    .pretitle.invert:after,
    .pretitle.invert:before {
        /*border-color: #fff*/
    	border-color: #e6c582;
	}
    
    .pretitle.left {
        text-align: left
    }
    
    .pretitle.left:after {
        display: none
    }
    
    .pretitle.big {
        font-size: 15px;
        font-style: normal;
        letter-spacing: 3px
    }
    
    @media (min-width:768px) {
        .pretitle.big {
            font-size: 22px;
            letter-spacing: 4.5px
        }
    }
    
    @media (min-width:768px) {
        .pretitle.big:after,
        .pretitle.big:before {
            width: 30px;
            height: 2px;
            border-width: 2px
        }
    }
    
    .pretitle.superbig {
        font-style: normal;
        /*font-weight: 800;*/
        margin-bottom: 15px;
        font-size: 22px;
        letter-spacing: 3px
    }
    
    @media (min-width:768px) {
        .pretitle.superbig {
            font-size: 46px;
            letter-spacing: 5px
        }
    }
    
    .pretitle.superbig:after,
    .pretitle.superbig:before {
        width: 17px;
        margin: 0 14px 7px
    }
    
    @media (min-width:768px) {
        .pretitle.superbig:after,
        .pretitle.superbig:before {
            width: 30px;
            margin: 0 26px 12px
        }
    }
    
    .pretitle.icon-below {
        position: relative;
        z-index: 1
    }
    
    .pretitle.icon-below i {
        position: absolute;
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        top: -16px;
        opacity: .5;
        z-index: -1;
        font-size: 47px!important
    }
    
    .title {
        font-weight: 700;
        color: #000;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 40px;
        line-height: 50px
    }
    
    @media (min-width:768px) {
        .title {
            font-size: 52px;
            line-height: 62px
        }
    }
    
    .title.invert {
        color: #fff
    }
    
    .title.big {
        margin-top: 16px;
        letter-spacing: 9.5px;
        font-size: 54px;
        line-height: 56px
    }
    
    @media (min-width:768px) {
        .title.big {
            font-size: 96px;
            line-height: 80px
        }
    }
    
    .title.left-horizontal {
        text-align: left;
        font-weight: 100;
        margin-top: 18px;
        margin-left: 11px;
        display: inline-block;
        position: relative;
        font-size: 40px
    }
    
    @media (min-width:768px) {
        .title.left-horizontal {
            font-size: 60px
        }
    }
    
    @media (min-width:1200px) {
        .title.left-horizontal {
            margin-bottom: 100px
        }
    }
    
    @media (min-width:1600px) {
        .title.left-horizontal {
            font-size: 80px
        }
    }
    
    .small {
        font-size: 16px;
        font-weight: 600
    }
    
    .col2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        text-align: left
    }
    
    .subtitle {
        /*font-style: italic;*/
        font-size: 16px;
        color: #000;
        letter-spacing: 4.8px;
        text-align: center;
        line-height: 30px
    }
    
    .subtitle.invert {
        color: #fff
    }
    
    .subtitle.big {
       font-size: 22px;
       font-style: normal;
       margin: 0 auto;
    }
    
    .subtitle.small {
        font-size: 13px;
        font-weight: 300
    }
    
    .subtitle.quote {
        max-width: 745px;
        font-weight: 300;
        font-size: 14px;
        margin: 0 auto;
        position: relative
    }
    
    .subtitle.quote:before {
        content: "";
        position: absolute;
        display: block;
        width: 48px;
        height: 41px;
        background-image: url(/images/quote.png);
        left: 50%;
        margin-left: -24px
    }
    
    .subtitle.left-horizontal {
        color: #bf9441;
        display: inline-block;
        font-style: normal;
        font-weight: 100;
        text-align: left;
        position: relative;
        padding: 5px 14px;
        font-size: 25px;
        line-height: 29px;
        letter-spacing: 2.5px
    }
    
    @media (max-width:1199px) {
        .subtitle.left-horizontal {
            margin-bottom: 100px
        }
    }
    
    @media (min-width:1200px) {
        .subtitle.left-horizontal {
            margin-top: 100px
        }
    }
    
    @media (min-width:1600px) {
        .subtitle.left-horizontal {
            font-size: 26px;
            line-height: 43px;
            letter-spacing: 3.5px
        }
    }
    
    @media (min-width:1200px) {
        .subtitle.left-horizontal:before {
            content: "";
            width: 1px;
            height: 220px;
            background-color: rgba(23, 23, 23, .2);
            display: inline-block;
            position: absolute;
            transform: rotate(29deg);
            top: -55px;
            left: -24px
        }
    }
    
    .subtitle.style-normal {
        font-style: normal;
        line-height: 35px
    }
    
    .subtitle.address {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 4px;
        margin: 0 auto;
    }
    
    .autor-signature {
        text-align: center;
        font-size: 15px;
        /*font-style: italic;*/
        line-height: 22px
    }
    
    .autor-signature span {
        font-size: 13px;
        display: block;
        color: #999
    }
    
    p {
       /*font-size: 14px;
       letter-spacing: 2.9px;
       line-height: 30px;
       font-weight: 400*/
    }
    .about-minimal-icons p, .blog-details-frame p{
       font-size: 14px;
       letter-spacing: 2.9px;
       line-height: 30px;
       font-weight: 400
    }
    
    p i {
        font-style: italic
    }
    
    p b,
    p strong {
        font-weight: 700
    }
    
    p.info-newsletter {
        font-size: 15px;
        letter-spacing: 5.5px
    }
    
    .fa.invert,
    p.invert {
        color: #fff
    }
    
    .title-alternate-grid {
        font-size: 22px;
        letter-spacing: 4.5px;
        margin-bottom: 25px;
        font-family: inherit;
    }
    
    .title-alternate-grid.invert {
        color: #fff
    }
    
    .title-alternate-grid.big {
        font-size: 32px
    }
    
    .proccess-info {
        padding: 0 14%
    }
    
    .proccess-info.subtitle {
        line-height: 20px;
        letter-spacing: 2px
    }
    
    @media (min-width:1600px) {
        .proccess-info.subtitle {
            letter-spacing: 4.8px;
            line-height: 30px
        }
    }
    
    .bg-cream {
        background-color: #f9f9f7
    }
    
    .bg-cream.light {
        background-color: rgba(249, 249, 247, .4)
    }
    
    header {
        width: 100%;
        top: 0;
        z-index: 3;
        position: absolute
    }
    
    @media (min-width:992px) {
        header {
            top: 10px;
            z-index: 999
        }
    }
    
    @media (min-width:1600px) {
        header {
            top: 40px
        }
    }
    
    header .navbar-brand {
        padding: 0 15px;
        height: 75px
    }
    
    @media (max-width:991px) {
        header .navbar-brand {
            max-width: calc(100% - 60px);
            max-height: 52px
        }
    }
    
    @media (min-width:1600px) {
        header .navbar-brand {
            padding: 8px 55px 0
        }
    }
    
    @media (max-width:991px) {
        header .navbar-brand img {
            height: 40px;
            margin-top: 6px
        }
    }
    
    @media (min-width:1600px) {
        header .navbar-collapse {
            padding-left: 25px;
            padding-right: 35px
        }
    }
    
    .menu-bar header {
        background-color: #fff;
        padding: 13px 0 12px;
        position: relative;
        top: 0
    }
    
    @media (min-width:1600px) {
        .menu-bar header {
            padding: 38px 0 30px
        }
    }
    
    header.overflow {
        top: -100px;
        left: 0;
        margin: 0;
        padding: 0;
        background-color: #fff!important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .11);
        transition: all .3s ease-in;
        -webkit-font-smoothing: antialiased
    }
    
    header.overflow.invert {
        background-color: #000!important
    }
    
    header.overflow .navbar-default .navbar-nav {
        margin: 25px 42px 25px 0
    }
    
    @media (min-width:1600px) {
        header.overflow .navbar-default .navbar-nav {
            margin: 31px 42px 25px 0
        }
    }
    
    header.overflow .navbar {
        min-height: 42px
    }
    
    @media (min-width:992px) {
        header.overflow .navbar {
            padding: 0
        }
    }
    
    header.overflow .navbar-brand {
        height: auto;
        padding: 5px 18px 0
    }
    
    @media (min-width:1200px) {
        header.overflow .navbar-brand {
            padding: 8px 55px 0
        }
    }
    
    header.overflow .navbar-brand img {
        height: 55px;
        margin-top: 8px
    }
    
    @media (max-width:991px) {
        header.overflow .navbar-brand img {
            height: 40px;
            margin-top: 0
        }
    }
    
    @media (min-width:1600px) {
        header.overflow .navbar-brand img {
            height: auto;
            margin: 7px 0 12px
        }
    }
    
    header.overflow.fixed {
        top: 0;
        position: fixed;
        z-index: 99999
    }
    
    @media (min-width:992px) {
        header.overflow.fixed {
            min-height: 90px
        }
    }
    
    header.overflow.fixed.dropdown-open {
        position: relative
    }
    
    .navbar-default .navbar-nav {
        margin: 20px 0 15px
    }
    
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        letter-spacing: 3px;
        text-transform: lowercase;
        padding: 10px 12px;
        margin: 0 6px;
        color: #000
    }
    
    @media (min-width:992px) {
        .navbar-default .navbar-nav>li>a:after {
            content: "";
            height: 2px;
            bottom: 0;
            background-color: transparent;
            display: block;
            left: 50%;
            position: absolute;
            -webkit-transition: width .3s ease 0s, left .3s ease 0s;
            -o-transition: width .3s ease 0s, left .3s ease 0s;
            transition: width .3s ease 0s, left .3s ease 0s;
            width: 0
        }
    }
    
    .navbar-default .navbar-nav>li.active>a,
    .navbar-default .navbar-nav>li.active>a:focus,
    .navbar-default .navbar-nav>li.active>a:hover,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #000
    }
    
    .navbar-default .navbar-nav>li.active>a:after,
    .navbar-default .navbar-nav>li.active>a:focus:after,
    .navbar-default .navbar-nav>li.active>a:hover:after,
    .navbar-default .navbar-nav>li>a:focus:after,
    .navbar-default .navbar-nav>li>a:hover:after {
        background-color: #000;
        width: 100%;
        left: 0
    }
    
    .navbar-default .navbar-nav.invert>li.active>a,
    .navbar-default .navbar-nav.invert>li.active>a:focus,
    .navbar-default .navbar-nav.invert>li.active>a:hover,
    .navbar-default .navbar-nav.invert>li>a,
    .navbar-default .navbar-nav.invert>li>a:focus,
    .navbar-default .navbar-nav.invert>li>a:hover {
        color: #fff
    }
    
    .navbar-default .navbar-nav.invert>li.active>a:after,
    .navbar-default .navbar-nav.invert>li.active>a:focus:after,
    .navbar-default .navbar-nav.invert>li.active>a:hover:after,
    .navbar-default .navbar-nav.invert>li>a:focus:after,
    .navbar-default .navbar-nav.invert>li>a:hover:after {
        background-color: #fff
    }
    
    .navbar-default.center .navbar-header {
        float: none;
        text-align: center;
        margin: 0 auto
    }
    
    @media (min-width:1600px) {
        .navbar-default.center .navbar-header {
            margin-top: 43px
        }
    }
    
    .navbar-default.center .navbar-brand {
        float: none
    }
    
    .navbar-default .navbar-center {
        margin: 35px 0 15px;
        text-align: center;
        float: none
    }
    
    .navbar-default .navbar-center>li {
        float: none;
        display: inline-block
    }
    
    .navbar-default .navbar-toggle {
        border: none
    }
    
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000
    }
    
    .invert .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }
    
    @media (max-width:991px) {
        .navbar-default .navbar-collapse {
            background-color: #fff
        }
    }
    
    @media (max-width:991px) {
        .invert .navbar-default .navbar-collapse {
            background-color: #000
        }
    }
    
    @media (min-width:1200px) {
        .navbar-nav.navbar-right:last-child {
            margin-right: 42px
        }
    }
    
    @media (min-width:1600px) {
        .navbar-nav.navbar-right:last-child {
            margin-right: 29px
        }
    }
    
    footer .copyright {
        border-top: 2px solid #F9F7F8;
        background-color: #fff;
        text-align: center;
        position: relative;
        overflow: hidden
    }
    
    footer .copyright p {
        letter-spacing: 3.6px;
        font-size: 12px
    }
    
    footer .copyright p a {
        color: #000;
        border-bottom: 1px solid #c8c7c5;
        padding-bottom: 5px
    }
    
    footer .copyright p a:focus,
    footer .copyright p a:hover {
        text-decoration: none;
        border-color: #000
    }
    
    footer div[class*=col-] {
        min-height: 250px
    }
    
    @media (min-width:1200px) {
        footer div[class*=col-] {
            padding: 0 2%
        }
    }
    
    @media (min-width:1600px) {
        footer div[class*=col-] {
            padding: 0 3%
        }
    }
    
    footer div[class*=col-]:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0;
        top: 0;
        background-color: #c8c7c5
    }
    
    footer div[class*=col-]:last-child:after {
        display: none
    }
    
    .list-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 2px;
        -webkit-column-gap: 2px;
        column-gap: 2px
    }
    
    .list-menu li {
        font-size: 15px;
        margin-bottom: 11px;
        letter-spacing: 2px;
        position: relative;
        padding-left: 20px
    }
    
    .list-menu li a {
        color: #000
    }
    
    .list-menu li:before {
        content: "_";
        margin-right: 21px;
        position: absolute;
        bottom: 5px;
        left: 0
    }
    
    .contact-link {
        font-size: 14px;
        letter-spacing: 2.8px;
        margin-left: 45px;
        margin-bottom: 8px;
        line-height: 30px;
        position: relative;
        font-family: Bitter, serif
    }
    
    .contact-link:before {
        font-family: FontAwesome;
        position: absolute;
        left: -35px;
        font-size: 25px;
        color: #c8c7c5
    }
    
    .contact-link.fa-envelope-o:before {
        left: -39px;
        font-size: 20px
    }
    
    .contact-link.fa-mobile:before {
        left: -35px;
        font-size: 29px
    }
    
    .intro {
        height: 100%;
        /*background-color: #000;*/
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden
    }
    
    .intro>div {
        width: 100%
    }
    
    .intro.menu-bottom {
        height: calc(100% - 96px)
    }
    
    @media (min-width:1600px) {
        .intro.menu-bottom .vcenter {
            margin-top: 55px
        }
    }
    
    @media (min-width:768px) {
        .intro.tiny {
            height: 600px;
            overflow: hidden
        }
        .intro.tiny .row,
        .menu-bar .intro.tiny {
            height: 600px
        }
    }
    
    .intro .image-cover {
        height: 100%;
        background-size: cover;
        background-position: center center;
        position: relative
    }
    
    .intro .image-cover>div , .layout-item  .border.border-none .bottomcenter{
        width: 100%
    }
    
    .intro .gallery-cell>div {
        padding-top: 100px
    }
    
    .menu-bar .intro {
        height: calc(100% - 100px)
    }
    
    @media (min-width:1600px) {
        .menu-bar .intro {
            height: calc(100% - 143px)
        }
    }
    
    .intro .bottomcenter , .layout-item .bottomcenter{
        position: absolute;
        bottom: 51px
    }
    
    .intro .text-overlay {
        z-index: 2
    }
    
    @media (min-width:768px) {
        .intro .text-overlay {
            padding-top: 100px
        }
        .nomenu .intro .text-overlay {
            padding-top: 0
        }
    }
    
    .intro #owl-main-text {
        height: 140px;
        height: 166px
    }
    
    .intro #owl-main-text .owl-wrapper-outer {
        height: 100%
    }
    
    .intro .slides-pagination {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 10px;
        z-index: 2
    }
    
    .intro .slides-pagination a {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        border: 1px solid #fff;
        border-radius: 50%;
        filter: alpha(opacity=25);
        opacity: .5;
        cursor: pointer;
        text-indent: -99999999px;
        overflow: hidden
    }
    
    .intro .slides-pagination a.current {
        opacity: 1
    }
    
    .intro .playerVideo {
        height: 100%
    }
    
    .intro .play-video {
        display: none;
        position: absolute;
        width: 100px;
        height: 100px;
        margin: -50px 0 0 -50px;
        color: #fff;
        font-size: 75px;
        text-align: center;
        line-height: 65px;
        text-indent: -9999999px;
        background: url(../images/play.png) center center no-repeat rgba(0, 0, 0, .5);
        z-index: 9999999;
        left: 50px;
        bottom: 0
    }
    
    .intro .play-video.playing {
        background: url(../images/pause.png) center center no-repeat rgba(0, 0, 0, .5)
    }
    
    .intro .playerVideo:hover .play-video {
        display: block
    }
    
    .owl-fadeUp-in {
        -webkit-animation: scaleUpFrom .8s ease-in-out both;
        -moz-animation: scaleUpFrom .8s ease-in-out both;
        animation: scaleUpFrom .8s ease-in-out both
    }
    
    .owl-fadeUp-out {
        -webkit-animation: scaleUpTo .3s ease-in-out both;
        -moz-animation: scaleUpTo .3s ease-in-out both;
        animation: scaleUpTo .3s ease-in-out both
    }
    
    @-webkit-keyframes scaleUpFrom {
        from {
            opacity: 0;
            margin-top: 40px
        }
    }
    
    @-moz-keyframes scaleUpFrom {
        from {
            opacity: 0;
            margin-top: 40px
        }
    }
    
    @keyframes scaleUpFrom {
        from {
            opacity: 0;
            margin-top: 40px
        }
    }
    
    @-webkit-keyframes scaleUpTo {
        to {
            opacity: 0;
            margin-top: 40px
        }
    }
    
    @-moz-keyframes scaleUpTo {
        to {
            opacity: 0;
            margin-top: 40px
        }
    }
    
    @keyframes scaleUpTo {
        to {
            opacity: 0;
            margin-top: 40px
        }
    }
    
    #mask {
        background-color: #fff;
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 100000
    }
    
    .loader {
        position: absolute;
        width: 96px;
        height: 41px;
        margin: -20px 0 0 -48px;
        top: 50%;
        left: 50%
    }
    
    .loader-minimal {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        font-size: 10px;
        text-indent: -12345px;
        border-top: 1px solid rgba(0, 0, 0, .08);
        border-right: 1px solid rgba(0, 0, 0, .08);
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        border-left: 1px solid rgba(0, 0, 0, .5);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: spinner 700ms infinite linear;
        -moz-animation: spinner 700ms infinite linear;
        -ms-animation: spinner 700ms infinite linear;
        -o-animation: spinner 700ms infinite linear;
        animation: spinner 700ms infinite linear;
        z-index: 100001
    }
    
    @-webkit-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    @-moz-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    @-o-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    @keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    .sk-folding-cube {
        margin: 20px auto;
        width: 40px;
        height: 40px;
        position: relative;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg)
    }
    
    .sk-folding-cube .sk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    
    .sk-folding-cube .sk-cube:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #333;
        -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
        animation: sk-foldCubeAngle 2.4s infinite linear both;
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    
    .sk-folding-cube .sk-cube2 {
        -webkit-transform: scale(1.1) rotateZ(90deg);
        transform: scale(1.1) rotateZ(90deg)
    }
    
    .sk-folding-cube .sk-cube3 {
        -webkit-transform: scale(1.1) rotateZ(180deg);
        transform: scale(1.1) rotateZ(180deg)
    }
    
    .sk-folding-cube .sk-cube4 {
        -webkit-transform: scale(1.1) rotateZ(270deg);
        transform: scale(1.1) rotateZ(270deg)
    }
    
    .sk-folding-cube .sk-cube2:before {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
    
    .sk-folding-cube .sk-cube3:before {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    
    .sk-folding-cube .sk-cube4:before {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }
    
    @-webkit-keyframes sk-foldCubeAngle {
        0%,
        10% {
            -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
            opacity: 0
        }
        25%,
        75% {
            -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
            opacity: 1
        }
        100%,
        90% {
            -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
            opacity: 0
        }
    }
    
    @keyframes sk-foldCubeAngle {
        0%,
        10% {
            -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
            opacity: 0
        }
        25%,
        75% {
            -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
            opacity: 1
        }
        100%,
        90% {
            -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
            opacity: 0
        }
    }
    
    .features {
        text-align: center
    }
    
    .features ul li {
        min-height: 300px
    }
    
    .features ul li i {
        font-size: 65px
    }
    
    .features ul li h4 {
        font-family: Bitter, serif;
        font-weight: 700;
        font-size: 23px;
        letter-spacing: -.6px
    }
    
    .features ul li p {
        /*font-style: italic;*/
        font-size: 16px;
        letter-spacing: 3.4px;
        line-height: 30px;
        color: #666
    }
    
    .features ul li.horizontal-border:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        right: 0;
        top: 0;
        background-color: #f8f8f8
    }
    
    .features ul li.horizontal-border:nth-child(3n+3):after {
        display: none
    }
    
    .features.awards ul {
        position: relative;
        overflow: hidden
    }
    
    .features.awards li {
        min-height: 0
    }
    
    .features.awards li h4 {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 4px;
        margin-top: 19px
    }
    
    .features.awards li h4 span {
        font-size: 14px;
        font-weight: 100;
        /*font-style: italic;*/
        display: block
    }
    
    .features.awards li.horizontal-border:nth-child(odd):after {
        display: block
    }
    
    @media (min-width:992px) {
        .features.awards li.horizontal-border:nth-child(3n+3):after {
            display: block
        }
    }
    
    .features.awards li.horizontal-border:after {
        width: 1px;
        background-color: #dfdfdf
    }
    
    .banner {
        text-align: center;
		background-image: url(../img/black-texture-bg.jpg);
        background-color: #000;
        color: #fff;
        position: relative;
        overflow: hidden;
        /*background-size: cover;
        background-repeat: no-repeat;
        background-position: center center*/
    }
    
    .banner.left {
        text-align: left
    }
    
    .banner.info .vcenter {
        padding: 0 30px
    }
    
    @media (min-width:768px) {
        .banner.info .vcenter {
            padding: 0 50px
        }
    }
    
    @media (min-width:1600px) {
        .banner.info .vcenter {
            padding: 0 90px
        }
    }
    
    .banner .container-small {
        max-width: 700px
    }
    
    .banner .details-project {
        text-align: left;
        padding: 0 20px
    }
    
    @media (min-width:768px) {
        .banner .details-project {
            padding: 0 100px 0 80px
        }
    }
    
    @media (min-width:1600px) {
        .banner .details-project {
            padding: 0 200px 0 120px
        }
    }
    
    .banner .details-project .title {
        text-align: left;
        margin-bottom: 32px
    }
    
    .banner .details-project .small {
        font-weight: 300;
        line-height: 36px
    }
    
    .banner.grid-module-work {
        position: relative;
        height: 380px
    }
    
    @media (min-width:992px) {
        .banner.grid-module-work {
            height: 720px
        }
    }
    
    .banner.grid-module-work.small {
        height: 460px
    }
    
    .banner.grid-module-work .rollover {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        position: absolute;
        top: 20px;
        left: 20px;
        background-color: rgba(255, 255, 255, .8);
        text-align: center;
        color: #000;
        display: none
    }
    
    .banner.grid-module-work:hover .rollover {
        display: block
    }
    
    .info-banner {
        position: absolute;
        bottom: 25px;
        left: 30px;
        text-align: left!important;
        color: #fff
    }
    
    .info-banner .viewdetails {
        font-size: 13px;
        color: #FFF29A;
        text-align: center;
        /*font-style: italic;*/
        display: none;
        margin-top: 23px;
        letter-spacing: 3px
    }
    
    .info-banner .viewdetails:after {
        content: "";
        display: block;
        width: 25px;
        height: 2px;
        background-color: #EBEBEB;
        margin: 0 auto;
        position: relative;
        top: 10px
    }
    
    .info-banner .viewdetails:hover {
        text-decoration: none
    }
    
    .thumbnail .info-banner {
        bottom: 55px;
        left: 50px
    }
    
    .banner:hover,
    .gallery-cell:hover {
        text-decoration: none
    }
    
    .banner:hover .info-banner,
    .gallery-cell:hover .info-banner {
        width: calc(100% - 100px);
        height: calc(100% - 100px);
        position: absolute;
        top: 50px;
        left: 50px;
        background-color: rgba(0, 0, 0, .9);
        opacity: 1;
        text-align: center!important
    }
    
    .banner:hover .info-banner>div,
    .gallery-cell:hover .info-banner>div {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }
    
    .banner:hover .info-banner .viewdetails,
    .gallery-cell:hover .info-banner .viewdetails {
        display: block
    }
    
    .pagination-project {
        position: absolute;
        top: 25px
    }
    
    .pagination-project.previous {
        left: 30px;
        text-align: left!important
    }
    
    .pagination-project.previous .titleinfo {
        background-image: url(../images/left-arrow.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 43px
    }
    
    .pagination-project.next {
        right: 30px;
        text-align: left!important
    }
    
    .pagination-project.next .titleinfo {
        background-image: url(../images/right-arrow.png);
        background-repeat: no-repeat;
        background-position: center right;
        padding-right: 43px
    }
    
    .info-banner .titleinfo,
    .pagination-project .titleinfo {
        font-size: 16px;
        letter-spacing: 3px;
        margin-bottom: -1px
    }
    
    .info-banner .tagsinfo,
    .pagination-project .tagsinfo {
        font-size: 13px;
        /*font-style: italic;*/
        letter-spacing: 2px
    }
    
    .banner-tabs {
        background-color: #000;
        color: #fff;
        height: auto
    }
    
    @media (max-width:991px) {
        .banner-tabs {
            padding: 30px 0
        }
    }
    
    @media (min-width:768px) {
        .banner-tabs {
            height: 720px
        }
    }
    
    .banner-tabs>div {
        padding: 0 10%
    }
    
    @media (min-width:768px) {
        .banner-tabs>div {
            padding: 0 17%
        }
    }
    
    @media (max-width:991px) {
        .banner-tabs .vcenter {
            width: 100%;
            position: initial;
            top: 0;
            transform: translateY(0%);
            -webkit-transform: translateY(0%)
        }
    }
    
    .banner-tabs .carousel-tabs,
    .banner-tabs .list-horizontal-links {
        color: rgba(255, 255, 255, .8);
        text-align: left;
        font-size: 16px;
        letter-spacing: 2px;
        margin-top: 0;
        /*font-style: italic;*/
        line-height: 40px;
        margin-bottom: 10px
    }
    
    @media (min-width:768px) {
        .banner-tabs .carousel-tabs,
        .banner-tabs .list-horizontal-links {
            margin-bottom: 70px
        }
    }
    
    .banner-tabs .carousel-tabs li a,
    .banner-tabs .list-horizontal-links li a {
        color: rgba(255, 255, 255, .6);
        font-style: normal;
        letter-spacing: 3px;
        padding: 0 7px 9px
    }
    
    .banner-tabs .carousel-tabs li:after,
    .banner-tabs .list-horizontal-links li:after {
        display: none
    }
    
    .banner-tabs .carousel-tabs li:not(:last-child) a,
    .banner-tabs .list-horizontal-links li:not(:last-child) a {
        margin-right: 16px
    }
    
    .banner-tabs .carousel-tabs li.active a,
    .banner-tabs .list-horizontal-links li.active a {
        color: #3ab54a;
        /*font-style: italic;*/
        border-bottom: 2px solid
    }
    
    .banner-tabs .carusel-tabs-text .carousel-cell {
        width: 100%
    }
    
    .banner-tabs .title {
        text-align: left
    }
    
    .banner-tabs p {
        line-height: 36px
    }
    
    .banner-tabs p:not(:last-child) {
        margin-bottom: 40px
    }
    
    .icon-links,
    .social-links {
        text-align: center
    }
    
    .icon-links li,
    .social-links li {
        display: inline-block;
        position: relative
    }
    
    .icon-links li a,
    .social-links li a {
        font-family: Bitter, serif;
        /*font-style: italic;*/
        font-size: 17px;
        line-height: 32px;
        letter-spacing: 2.35px;
        color: #000;
        text-align: center;
        padding: 15px 0;
        position: relative;
        text-decoration: none;
        z-index: 2
    }
    
    .icon-links li a:active,
    .icon-links li a:hover,
    .social-links li a:active,
    .social-links li a:hover {
        text-decoration: none
    }
    
    .icon-links li:before,
    .social-links li:before {
        position: absolute;
        z-index: 1;
        color: #f4f4f4;
        font-size: 46px;
        width: 46px;
        top: calc(50% - 23px);
        left: calc(50% - 23px);
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        -ms-transition: all 600ms ease
    }
    
    .icon-links li:active:before,
    .icon-links li:hover:before,
    .social-links li:active:before,
    .social-links li:hover:before {
        transform: scale(1.2);
        color: #ECECEC
    }
    
    .icon-links.invert li a,
    .social-links.invert li a {
        color: #ADABA8
    }
    
    .icon-links.invert li:active:before,
    .icon-links.invert li:before,
    .icon-links.invert li:hover:before,
    .social-links.invert li:active:before,
    .social-links.invert li:before,
    .social-links.invert li:hover:before {
        color: #464646
    }
    
    @media (min-width:768px) {
        .social-links {
            margin: 50px 0 90px
        }
    }
    
    .social-links li {
        margin: 60px 30px;
        display: block
    }
    
    @media (min-width:768px) {
        .social-links li {
            display: inline-block;
            margin: 0 30px
        }
    }
    
    .follow a {
        border: 2px solid #f4f4f4;
        width: 100%;
        margin: 0;
        display: block;
        position: relative;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        padding: 30px 0;
        min-height: 105px
    }
    
    @media (min-width:992px) {
        .follow a {
            padding: 83px 0;
            min-height: 204px
        }
    }
    
    .follow a i {
        position: absolute;
        z-index: 1;
        color: #f4f4f4;
        font-size: 46px;
        width: 46px;
        top: calc(50% - 23px);
        left: calc(50% - 23px);
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        -ms-transition: all 600ms ease
    }
    
    .follow a .overicon {
        font-family: Bitter, serif;
        /*font-style: italic;*/
        font-size: 17px;
        letter-spacing: 2.35px;
        color: #000;
        text-align: center;
        position: absolute;
        text-decoration: none;
        z-index: 2;
        display: block;
        width: 100%;
        line-height: 50px
    }
    
    @media (min-width:992px) {
        .follow a .overicon {
            line-height: 32px
        }
    }
    
    .follow a .overicon:active,
    .follow a .overicon:hover {
        text-decoration: none
    }
    
    .follow a .onhover {
        opacity: 0;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: #fff;
        text-align: center;
        position: relative;
        top: 35px;
        /*font-style: italic;*/
        font-size: 16px
    }
    
    @media (max-width:1199px) {
        .follow a .onhover {
            line-height: 20px;
            padding-bottom: 11px
        }
    }
    
    .follow:active a,
    .follow:hover a {
        text-decoration: none
    }
    
    .follow:active a .overicon,
    .follow:hover a .overicon {
        display: none
    }
    
    .follow:active a .onhover,
    .follow:hover a .onhover {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    
    .follow:active a i,
    .follow:hover a i {
        transform: scale(1.2);
        color: #fff;
        top: calc(50% - 33px)
    }
    
    .follow.facebook:hover a {
        background-color: #3b5998;
        border-color: #3b5998
    }
    
    .follow.twitter:hover a {
        background-color: #55acee;
        border-color: #55acee
    }
    
    .follow.google-plus:hover a {
        background-color: #dc4e41;
        border-color: #dc4e41
    }
    
    .follow.instagram:hover a {
        background-color: #3f729b;
        border-color: #3f729b
    }
    
    .follow-overicon .container-fluid {
        padding-left: 40px;
        padding-right: 40px
    }
    
    .follow-overicon .follow {
        padding: 0 0 40px
    }
    
    @media (min-width:768px) {
        .follow-overicon .follow {
            padding: 10px 0 100px
        }
    }
    
    .post-share li {
        display: inline-block;
        font-size: 13px;
        /*font-style: italic;*/
        font-weight: 100;
        letter-spacing: 4px;
        margin-right: 15px
    }
    
    @media (min-width:992px) {
        .post-share li {
            margin-right: 19px
        }
    }
    
    .post-share li i {
        color: #EBEBEB;
        font-size: 20px;
        margin-right: 6px;
        position: relative;
        top: 2px
    }
    
    form.contact-form {
        position: relative
    }
    
    form.contact-form input {
        padding-right: 30px
    }
    
    form.contact-form input[type=submit] {
        border: none;
        position: absolute;
        bottom: 2px;
        right: 2px;
        height: 36px;
        background: 0 0;
        font-style: normal;
        width: auto;
        padding: 0 2px 10px
    }
    
    .list-horizontal-links {
        margin-top: 26px;
        /*font-style: italic;*/
        font-size: 16px;
        color: #000;
        letter-spacing: 3.7px;
        line-height: 40px;
        text-align: center
    }
    
    .list-horizontal-links li {
        display: inline-block
    }
    
    .list-horizontal-links li a {
        color: #000;
        position: relative
    }
    
    .list-horizontal-links li a:after {
        content: "";
        display: block;
        height: 1px;
        border-bottom: 2px solid #000;
        margin: 0 12px 3px;
        position: absolute;
        bottom: -13px;
        border-color: transparent;
        left: calc(50% - 12px);
        -webkit-transition: width .3s ease 0s, left .3s ease 0s;
        -o-transition: width .3s ease 0s, left .3s ease 0s;
        transition: width .3s ease 0s, left .3s ease 0s;
        width: 0
    }
    
    .list-horizontal-links li a.active,
    .list-horizontal-links li a:focus,
    .list-horizontal-links li a:hover {
        text-decoration: none
    }
    
    .list-horizontal-links li a.active:after,
    .list-horizontal-links li a:focus:after,
    .list-horizontal-links li a:hover:after {
        width: 25px;
        border-color: #000;
        left: calc(50% - 25px)
    }
    
    .list-horizontal-links li:not(:last-child):after {
        content: "/";
        margin: 0 10px 0 15px
    }
    
    .list-horizontal-links.invert,
    .list-horizontal-links.invert li a {
        color: #fff
    }
    
    .list-horizontal-links.invert li a:after {
        border-color: #fff
    }
    
    .diagonal {
        background-color: #f8f8f8;
        position: relative;
        background-image: url(../images/diagonal.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 80px
    }
    
    @media (min-width:768px) {
        .diagonal {
            padding-bottom: 135px
        }
    }
    
    @media (min-width:992px) {
        .diagonal {
            padding-bottom: 175px
        }
    }
    
    @media (min-width:1200px) {
        .diagonal {
            padding-bottom: 220px
        }
    }
    
    @media (min-width:1600px) {
        .diagonal {
            padding-bottom: 230px
        }
    }
    
    .diagonal svg.diagonal-shape {
        width: 100%;
        position: absolute;
        bottom: 0
    }
    
    .diagonal svg.diagonal-shape path {
        fill: #fff
    }
    
    .link-more {
        position: relative;
        overflow: hidden;
        text-align: center;
        letter-spacing: 3.5px;
        font-size: 16px;
        /*font-style: italic;*/
        line-height: 40px
    }
    
    .link-more a:after {
        content: "\f178";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: gray;
        margin-left: 15px;
        font-size: 23px;
        position: relative;
        top: 3px
    }
    
    .separator {
        height: 2px;
        width: 25px;
        background-color: #000;
        margin: 30px auto 20px
    }
    
    .separator.invert {
        background-color: #fff
    }
    
    .about-minimal-icons {
        padding-top: 100px;
        padding-bottom: 100px
    }
    
    @media (min-width:768px) {
        .about-minimal-icons {
            padding-top: 200px;
            padding-bottom: 180px
        }
    }
    
    @media (min-width:1600px) {
        .about-minimal-icons {
            padding-top: 300px;
            padding-bottom: 280px
        }
    }
    
    .about-minimal-photos {
        height: 550px
    }
    
    @media (min-width:1600px) {
        .about-minimal-photos {
            height: 800px
        }
    }
    
    .btn {
        font-family: Bitter, serif;
        /*font-style: italic;*/
        color: #000;
        font-size: 16px;
        letter-spacing: 3.5px;
        line-height: 20px;
        padding: 13px 32px
    }
    
    .btn.small {
        padding: 7px 14px;
        font-size: 12px
    }
    
    .btn-default {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        border-color: #000;
        color: #000;
        overflow: hidden;
        z-index: 1
    }
    
    .btn-default:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #000;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }
    
    .btn-default:active,
    .btn-default:focus,
    .btn-default:hover {
        color: #fff;
        border-color: #000;
        background-color: #000;
        outline: 0
    }
    
    .btn-default:focus:after,
    .btn-default:hover:after {
        height: 260%;
        height: 500%;
        opacity: 1
    }
    
    .btn-default:active:after {
        height: 500%;
        opacity: 1
    }
    
    .btn-arrow {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        overflow: hidden;
        border: 2px solid #000;
        z-index: 1;
        font-size: 13px;
        text-align: left;
        padding: 12px 60px 12px 18px;
        letter-spacing: 2.5px
    }
    
    .btn-arrow:after , .contact-form button.btn:after{
        content: "";
        background: url(../img/arrow.png) center center;
        display: block;
        width: 24px;
        height: 14px;
        position: absolute;
        top: 50%;
        right: 16px;
        z-index: 2;
        margin-top: -7px
    }
    
    .btn-arrow.invert {
        border-color: #fff;
        color: #fff
    }
    
    .btn-arrow.invert:after {
        background: url(../img/right-arrow.png)
    }
    
    .btn-invert {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        border-color: #fff;
        color: #fff;
        overflow: hidden;
        z-index: 1
    }
    
    .btn-invert:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }
    
    .btn-invert:active,
    .btn-invert:focus,
    .btn-invert:hover {
        color: #000;
        border-color: #fff;
        background-color: #fff;
        outline: 0
    }
    
    .btn-invert:focus:after,
    .btn-invert:hover:after {
        height: 260%;
        height: 500%;
        opacity: 1
    }
    
    .btn-invert:active:after {
        height: 500%;
        opacity: 1
    }
    
    .gallery {
        height: 100%
    }
    
    .gallery .flickity-viewport {
        height: 100%!important
    }
    
    .gallery .gallery-cell {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }
    
    .gallery .gallery-cell>div {
        width: 100%
    }
    
    .gallery .flickity-page-dots {
        bottom: 19px
    }
    
    .gallery .flickity-page-dots .dot {
        background-color: transparent;
        border: 1px solid #fff;
        width: 12px;
        height: 12px;
        margin: 0 5px;
        opacity: .5
    }
    
    .gallery .flickity-page-dots .dot.is-selected,
    .gallery .flickity-page-dots .dot:hover {
        opacity: 1
    }
    
    .gallery.dots-right .flickity-page-dots {
        text-align: right;
        padding-right: 15px;
        bottom: 28px
    }
    
    .grid .gallery {
        height: 450px
    }
    
    @media (min-width:768px) {
        .grid .gallery {
            height: 700px
        }
    }
    
    .grid .gallery img {
        padding: 0 20px
    }
    
    @media (min-width:768px) {
        .grid .gallery img {
            padding: 0
        }
    }
    
    .grid .gallery2 {
        height: 900px
    }
    
    .twitterfeed {
        padding-top: 90px;
        padding-bottom: 110px;
        background-size: cover!important;
        background-color: #232121
    }
    
    @media (min-width:1200px) {
        .twitterfeed {
            padding-top: 144px;
            padding-bottom: 118px
        }
    }
    
    .twitterfeed i.fa {
        text-align: center;
        display: block;
        color: #fff;
        font-size: 35px;
        margin-bottom: 27px
    }
    
    .twitterfeed.nexprev {
        padding-top: 80px
    }
    
    .twitterfeed .flickity-prev-next-button {
        display: none
    }
    
    .twitterfeed.nexprev .flickity-prev-next-button {
        display: block;
        background-color: transparent;
        bottom: -56px;
        top: auto;
        width: 20px;
        height: 20px
    }
    
    .twitterfeed.nexprev .flickity-prev-next-button.previous {
        left: 50%;
        margin-left: -20px
    }
    
    .twitterfeed.nexprev .flickity-prev-next-button.next {
        right: 50%;
        margin-right: -20px
    }
    
    .twitterfeed.nexprev .flickity-prev-next-button:focus {
        outline: 0
    }
    
    .twitterfeed.nexprev .flickity-prev-next-button .arrow {
        fill: #fff
    }
    
    .twitterfeed.nexprev .flickity-page-dots {
        display: none
    }
    
    ul.slider-twitter li {
        text-align: center;
        width: 100%;
        overflow: hidden
    }
    
    ul.slider-twitter .user a {
        text-decoration: none
    }
    
    ul.slider-twitter .user a [data-scribe$=avatar] {
        display: none
    }
    
    ul.slider-twitter .user a [data-scribe$=name] {
        font-weight: 700;
        color: #fff;
        font-size: 15px
    }
    
    ul.slider-twitter .user a [data-scribe$=screen_name] {
        color: #F5E5B3;
        font-size: 15px;
        font-style: italic
    }
    
    ul.slider-twitter .user a [data-scribe$=verified_badge] {
        display: none
    }
    
    ul.slider-twitter p.tweet {
        padding: 0 20px;
        margin: 0 auto;
        font-size: 15px;
        font-weight: 700;
        max-width: 600px;
        font-style: italic
    }
    
    ul.slider-twitter p.tweet a {
        /*font-style: italic;*/
        color: #F5E5B3
    }
    
    ul.slider-twitter p.timePosted {
        text-transform: uppercase
    }
    
    ul.slider-twitter p.timePosted a {
        color: #fff
    }
    
    ul.slider-twitter .flickity-page-dots {
        bottom: -60px
    }
    
    ul.slider-twitter .flickity-page-dots .dot {
        margin: 0 4px;
        width: 12px;
        height: 12px;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, .5)
    }
    
    ul.slider-twitter .flickity-page-dots .dot.is-selected {
        border-color: #fff
    }
    
    .counter {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 90px
    }
    
    @media (min-width:992px) {
        .counter {
            margin-top: 180px;
            margin-bottom: 190px
        }
    }
    
    .counter li {
        position: relative;
        overflow: hidden;
        margin-bottom: 10px
    }
    
    @media (min-width:768px) {
        .counter li {
            display: inline-block;
            width: 19%;
            margin-bottom: 0
        }
    }
    
    .counter li .number {
        font-weight: 300;
        letter-spacing: -11px;
        line-height: normal;
        font-family: Roboto, sans-serif;
        font-size: 88px
    }
    
    @media (min-width:1200px) {
        .counter li .number {
            font-size: 130px
        }
    }
    
    @media (min-width:1600px) {
        .counter li .number {
            font-size: 150px
        }
    }
    
    .counter li .title-counter {
        color: #3ab54a;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0;
        /*font-style: italic;*/
        line-height: normal;
        margin: 0;
        min-height: 42px
    }
    
    .counter.small {
        margin: 0
    }
    
    .counter.small div[class*=col-] {
        padding: 0 55px
    }
    
    @media (min-width:768px) {
        .counter.small div[class*=col-]:not(: last-child) {
            border-right: 1px solid rgba(255, 255, 255, .3)
        }
    }
    
    .counter.small .number {
        font-size: 38px;
        font-weight: 800;
        letter-spacing: normal
    }
    
    .counter.small .title-counter {
        font-size: 16px;
        /*font-style: italic;*/
        line-height: 27px;
        margin-top: 15px;
        margin-bottom: 35px
    }
    
    @media (min-width:768px) {
        .counter.small .title-counter {
            margin-top: 27px;
            margin-bottom: 0
        }
    }
    
    .counter.big {
        margin: 0;
        padding: 0
    }
    
    @media (min-width:768px) {
        .counter.big {
            border-right: 1px solid rgba(0, 0, 0, .1);
            padding: 20px 0;
            margin-top: 80px;
            margin-bottom: 90px
        }
    }
    
    @media (min-width:992px) {
        .counter.big {
            padding: 50px 0
        }
    }
    
    .counter.big .number {
        font-family: Roboto, sans-serif;
        line-height: 200px;
        font-size: 120px;
        font-weight: 300
    }
    
    @media (min-width:992px) {
        .counter.big .number {
            font-size: 200px;
            letter-spacing: -16px
        }
    }
    
    .counter.big .title-counter {
        font-size: 18px;
        /*font-style: italic;*/
        color: #B88F40;
        text-align: center;
        letter-spacing: 0
    }
    
    @media (min-width:768px) {
        div[class*=col-]:first-child .counter.big {
            border-left: 1px solid rgba(0, 0, 0, .1)
        }
    }
    
    .counter-big .container {
        max-width: 1400px
    }
    
    .grid.alternate div[class*=col-] {
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out
    }
    
    .grid.alternate div[class*=col-],
    .grid.alternate div[class*=col-] .banner {
        height: 640px
    }
    
    @media (min-width:1600px) {
        .grid.alternate div[class*=col-],
        .grid.alternate div[class*=col-] .banner {
            height: 800px
        }
    }
    
    .grid.alternate p {
        font-style: italic
    }
    
    .grid.alternate .vcenter {
        padding: 0 20%
    }
    
    .grid.alternate .btn {
        margin-top: 50px
    }
    
    .grid.alternate .fa {
        font-size: 55px
    }
    
    .grid.alternate .row div[class*=col-]:nth-child(even):hover {
        background-color: #3ab54a
    }
    
    @media (min-width:992px) {
        .grid.alternate .row:nth-child(even) div[class*=col-]:nth-child(even) {
            float: left
        }
        .grid.alternate .row:nth-child(even) div[class*=col-]:nth-child(odd) {
            float: right
        }
    }
    
    .grid.services .text-center {
        padding: 20px;
        width: 100%
    }
    
    @media (min-width:1600px) {
        .grid.services .text-center {
            padding: 40px
        }
    }
    
    .grid.services .inverse {
        background-color: #000;
        color: #fff
    }
    
    .grid.services .banner {
        height: 100%
    }
    
    .grid.services .gallery.big,
    .grid.services .small-height {
        height: 600px
    }
    
    @media (min-width:1600px) {
        .grid.services .gallery.big {
            height: 900px
        }
    }
    
    @media (min-width:768px) {
        .grid.services .small-height {
            height: 400px
        }
    }
    
    @media (min-width:1600px) {
        .grid.services .small-height {
            height: 600px
        }
    }
    
    @media (max-width:991px) {
        .grid.services .small-height.image {
            height: 400px
        }
    }
    
    .grid.services .gallery.small,
    .grid.services .medium-height {
        position: relative;
        height: 500px
    }
    
    @media (min-width:1600px) {
        .grid.services .gallery.small,
        .grid.services .medium-height {
            height: 800px
        }
    }
    
    .grid.services .number {
        background-color: #3ab54a
    }
    
    @media (min-width:1600px) {
        .grid.services .list-about li {
            padding: 10px
        }
    }
    
    .grid.services .list-about li p {
        font-size: 13px
    }
    
    .grid.services .list-about li:not(:last-child) {
        border-bottom: 1px solid #F7F7F7
    }
    
    .number-about {
        font-size: 150px;
        line-height: normal;
        font-weight: 300;
        font-family: Roboto, sans-serif;
        letter-spacing: -19px
    }
    
    @media (min-width:768px) {
        .number-about {
            font-size: 250px
        }
    }
    
    .number-about span {
        display: block;
        font-size: 18px;
        letter-spacing: initial;
        margin-top: -35px;
        font-family: Bitter, serif
    }
    
    .pie-content {
        background-color: #FBCF3C
    }
    
    .pie-content .pie {
        display: inline-block;
        position: relative;
        width: 300px;
        height: 300px;
        background-color: #fff;
        font-size: 7em;
        text-align: center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }
    
    @media (min-width:1600px) {
        .pie-content .pie {
            width: 500px;
            height: 500px
        }
    }
    
    .pie-content .pie .slice-right {
        position: absolute;
        z-index: 11;
        background-color: #FCDD76;
        width: 100%;
        height: 100%;
        clip: rect(0, .5em, .5em, .5em);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }
    
    .pie-content .pie .slice-left {
        position: absolute;
        z-index: 11;
        background-color: #FCDD76;
        width: 100%;
        height: 100%;
        clip: rect(0.5em, .5em, 1em, .5em);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }
    
    .pie-content .pie .percent {
        position: absolute;
        z-index: 20;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        background: #FBCF3C;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }
    
    .pie-content .pie .number {
        position: absolute;
        z-index: 30;
        width: 100%;
        height: 100%;
        padding-top: 50%;
        line-height: 0;
        font-size: .3em;
        color: #485c65;
        background-color: transparent
    }
    
    .pie-content .pie .slice-right {
        -webkit-animation-delay: 1.2s;
        -webkit-animation-duration: .3s;
        -webkit-animation-name: right-slice;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards
    }
    
    .pie-content .pie .slice-left {
        -webkit-animation-delay: 1.5s;
        -webkit-animation-duration: .3s;
        -webkit-animation-name: left-slice;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-fill-mode: forwards
    }
    
    @-webkit-keyframes right-slice {
        from {
            clip: rect(0, 50%, .5em, .5em)
        }
        50% {
            clip: rect(0, 1em, .5em, .5em)
        }
        to {
            clip: rect(0, 1em, 1em, .5em)
        }
    }
    
    @-webkit-keyframes left-slice {
        from {
            clip: rect(0.5em, .5em, 1em, .5em)
        }
        50% {
            clip: rect(0.5em, .5em, 1em, 0)
        }
        to {
            clip: rect(0.3em, .5em, 1em, 0)
        }
    }
    
    .section.experties {
        background: url(../images/demo/home4/bg-experties.jpg) center center/cover no-repeat #f6f6f6
    }
    
    .section.experties div[class*=col-] .experient-list {
        min-height: 250px
    }
    
    @media (min-width:768px) {
        .section.experties div[class*=col-] .experient-list {
            border-left: 1px solid rgba(23, 23, 23, .2)
        }
    }
    
    @media (min-width:768px) {
        .section.experties div[class*=col-]:last-child .experient-list {
            border-right: 1px solid rgba(23, 23, 23, .2)
        }
    }
    
    .title-list-experties {
        text-align: center;
        font-size: 30px
    }
    
    .list-experties {
        text-align: center;
        color: #666
    }
    
    .list-experties li {
        font-size: 18px;
        font-weight: 100;
        margin: 16px
    }
    
    .meet-the-team .row-no-gutter {
        margin: 0 14px
    }
    
    .team-section .container {
        max-width: 1200px
    }
    
    .team-member {
        text-align: center;
        margin-bottom: 50px
    }
    
    @media (min-width:768px) {
        .team-member {
            margin-bottom: 0
        }
    }
    
    .team-member .name-member {
        font-size: 16px;
        letter-spacing: 2.5px;
        margin-bottom: 0;
        font-family: inherit;
    }
    
    .team-member .position-member {
        font-size: 13px;
        letter-spacing: 2px;
        margin: 0 auto;
        line-height: 30px;
        font-weight: 400;
    }
    ul.list-social{margin: 0 auto;}
    ul.list-social .fa{font-size: 18px;}
    .team-member .list-social li {
        display: inline-block;
        margin: 2px 8px
    }
    
    .team-member .list-social li a {
        color: #000;
        transition: opacity .2s linear
    }
    
    .team-member .list-social li a:hover {
        opacity: .5
    }
    
    .team-member .img-circle {
        max-width: 216px;
        margin: 0 auto;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, .1);
        padding: 13px
    }
    
    .team-member .img-circle .banner {
        border-radius: 50%;
        background-color: transparent
    }
    
    .carrousel-partners img {
        display: block;
        margin: 0 auto;
        -webkit-filter: grayscale(100%);
        filter: gray;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        opacity: .7
    }
    
    .carrousel-partners img:hover {
        -webkit-filter: grayscale(0%);
        filter: none
    }
    
    .carrousel-partners .main-carousel {
        background: #FAFAFA;
        padding: 70px 0;
        margin: 0 15px
    }
    
    .carrousel-partners .flickity-prev-next-button {
        top: -60px;
        left: auto;
        width: 45px;
        height: 52px;
        border-radius: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/arrow.png)
    }
    
    @media (min-width:768px) {
        .carrousel-partners .flickity-prev-next-button {
            border: 3px solid #EFEFEF;
            width: 62px
        }
    }
    
    .carrousel-partners .flickity-prev-next-button svg {
        display: none
    }
    
    .carrousel-partners .flickity-prev-next-button.previous {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: -26px;
        right: 53px
    }
    
    @media (min-width:768px) {
        .carrousel-partners .flickity-prev-next-button.previous {
            right: 72px
        }
    }
    
    .carrousel-partners .flickity-prev-next-button.next {
        right: 3px
    }
    
    .section.about-slider {
        background-color: #f6f6f6
    }
    
    .carrousels-about {
        position: relative
    }
    
    .carusel-about-photo {
        height: 180px
    }
    
    @media (min-width:768px) {
        .carusel-about-photo {
            height: 460px;
            width: 66%
        }
    }
    
    @media (min-width:1600px) {
        .carusel-about-photo {
            width: 1080px;
            height: 660px
        }
    }
    
    .carusel-about-photo .carousel-cell {
        width: 100%;
        height: 100%
    }
    
    @media (min-width:768px) {
        .button-about {
            position: absolute;
            left: 50%;
            top: 520px
        }
    }
    
    @media (min-width:1200px) {
        .button-about {
            top: 460px
        }
    }
    
    @media (min-width:1600px) {
        .button-about {
            left: auto;
            right: 700px;
            margin-right: -302px
        }
    }
    
    .button-about li {
        display: #000;
        color: #fff;
        background: center center no-repeat #000;
        padding: 13px;
        text-align: center;
        float: left;
        cursor: pointer;
        height: 50px;
        width: 50%
    }
    
    @media (min-width:768px) {
        .button-about li {
            width: 150px;
            margin-right: 1px
        }
    }
    
    .button-about li.button--previous-about {
        background-image: url(../images/left-arrow.png)
    }
    
    .button-about li.button--next-about {
        background-image: url(../images/right-arrow.png)
    }
    
    .carusel-about-text {
        height: 420px;
        background-color: #fff
    }
    
    @media (min-width:768px) {
        .carusel-about-text {
            height: 300px;
            right: 0;
            position: absolute;
            top: 220px;
            width: 50%
        }
    }
    
    @media (min-width:1200px) {
        .carusel-about-text {
            height: 240px
        }
    }
    
    @media (min-width:1600px) {
        .carusel-about-text {
            width: 700px
        }
    }
    
    .carusel-about-text .carousel-cell {
        width: 100%;
        height: 100%;
        padding: 30px
    }
    
    @media (min-width:1200px) {
        .carusel-about-text .carousel-cell {
            padding: 50px
        }
    }
    
    .carusel-about-text .carousel-cell p.pretitle {
        margin-left: -10px
    }
    
    .carusel-about-text .carousel-cell p.paragraph {
        font-size: 18px;
        margin-top: 15px;
        line-height: 33px;
        color: #7B7B7B
    }
    
    .carusel-feat-photo,
    .carusel-feat-text {
        width: 100%;
        height: 640px
    }
    
    .carusel-feat-photo .carousel-cell,
    .carusel-feat-text .carousel-cell {
        width: 100%;
        height: 100%;
        background-color: #000;
        color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }
    
    @media (max-width:1199px) {
        .carusel-feat-photo {
            height: 250px
        }
    }
    
    @media (min-width:768px) and (max-width:1199px) {
        .carusel-feat-photo {
            height: 450px
        }
    }
    
    .carusel-feat-text {
        height: 800px
    }
    
    @media (min-width:768px) {
        .carusel-feat-text {
            height: 640px;
            border-left: 20px solid #bf9441
        }
    }
    
    .carusel-feat-text .flickity-slider,
    .carusel-feat-text .flickity-viewport {
        height: 100%
    }
    
    .carusel-feat-text .carousel-cell {
        height: 100%;
        padding: 0 20px
    }
    
    @media (min-width:768px) {
        .carusel-feat-text .carousel-cell {
            padding: 0 50px
        }
    }
    
    .carusel-feat-text .carousel-cell>div {
        height: calc(100% - 100px);
        position: relative
    }
    
    .carusel-feat-text .title-feat {
        color: #fff;
        letter-spacing: 5px;
        font-size: 23px;
        line-height: 30px
    }
    
    @media (min-width:1600px) {
        .carusel-feat-text .title-feat {
            line-height: 41px
        }
    }
    
    .carusel-feat-text .pretitle {
        color: #bf9441;
        margin-left: -10px
    }
    
    .carusel-feat-text .pretitle:before {
        border-color: #bf9441
    }
    
    .carusel-feat-text .date {
        color: green;
        font-size: 15px;
        letter-spacing: 3px;
        margin: 26px 0 20px
    }
    
    @media (min-width:1600px) {
        .carusel-feat-text .date {
            margin: 40px 0 20px
        }
    }
    
    .carusel-feat-text .paragraph {
        color: gray;
        font-weight: 100;
        margin-top: 25px;
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 28px
    }
    
    @media (min-width:1600px) {
        .carusel-feat-text .paragraph {
            font-size: 20px;
            line-height: 34px
        }
    }
    
    .button-feat {
        background-color: #000;
        border-top: 1px solid rgba(255, 255, 255, .2);
        position: absolute;
        width: calc(100% - 20px);
        bottom: 0;
        right: 0
    }
    
    .button-feat li {
        display: inline-block;
        height: 100px;
        color: #fff;
        width: 120px;
        text-align: center;
        padding: 35px 0;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat
    }
    
    .button-feat .button--previous-feat {
        border-right: 1px solid rgba(255, 255, 255, .2);
        background-image: url(../images/left-arrow.png)
    }
    
    .button-feat .button--next-feat {
        background-image: url(../images/right-arrow.png)
    }
    
    .filters {
        text-align: center;
        margin: 45px 0 22px
    }
    
    .filters li {
        color: #000;
        border-bottom: 2px solid transparent;
        font-size: 13px;
        letter-spacing: 2.9px;
        line-height: 10px;
        padding: 5px 0;
        margin: 0;
        /*font-style: italic;*/
        font-weight: 100;
        position: relative
    }
    
    @media (min-width:768px) {
        .filters li {
            display: inline-block
        }
    }
    
    @media (max-width:991px) {
        .filters li {
            padding-top: 20px
        }
    }
    
    @media (min-width:768px) {
        .filters li {
            font-weight: 400;
            font-size: 13px;
            line-height: 25px;
            padding: 5px 7px
        }
    }
    
    @media (min-width:992px) {
        .filters li {
            margin: 0 10px
        }
    }
    
    .filters li:first-child {
        font-size: 15px;
        letter-spacing: 2.5px;
        position: relative;
        margin-right: 20px
    }
    
    @media (max-width:991px) {
        .filters li:first-child {
            margin-right: 0;
            padding: 12px
        }
    }
    
    .filters li:first-child:before {
        content: "";
        height: 7px;
        width: 18px;
        display: inline-block;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        margin-right: 10px;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        top: 11px
    }
    
    .filters li:first-child:after {
        content: "";
        height: 1px;
        width: 18px;
        display: inline-block;
        background-color: #000;
        position: absolute;
        top: 23px;
        left: 50%;
        margin-left: -100px
    }
    
    .filters li:first-child.is-checked,
    .filters li:first-child:hover {
        border: none
    }
    
    @media (min-width:768px) and (max-width:1199px) {
        .filters li:first-child span {
            display: none
        }
    }
    
    .filters li:not(:first-child) {
        cursor: pointer
    }
    
    .filters li:not(:first-child):after {
        content: "";
        display: block;
        height: 1px;
        border-bottom: 2px solid #000;
        margin: 0 12px 3px;
        position: absolute;
        bottom: -7px;
        border-color: transparent;
        left: calc(50% - 12px);
        -webkit-transition: width .3s ease 0s, left .3s ease 0s;
        -o-transition: width .3s ease 0s, left .3s ease 0s;
        transition: width .3s ease 0s, left .3s ease 0s;
        width: 0
    }
    
    .filters li:not(:first-child).is-checked,
    .filters li:not(:first-child):focus,
    .filters li:not(:first-child):hover {
        text-decoration: none
    }
    
    .filters li:not(:first-child).is-checked:after,
    .filters li:not(:first-child):focus:after,
    .filters li:not(:first-child):hover:after {
        width: 25px;
        border-color: #000;
        left: calc(50% - 25px)
    }
    
    .filters.twolines {
        margin: 50px 0 18px
    }
    
    .filters.twolines li:first-child {
        display: block;
        max-width: 183px;
        margin: 0 auto;
        position: relative;
        top: -22px
    }
    
    .thumbnails {
        margin: 0 auto;
        overflow: hidden;
        max-width: 800px
    }
    
    @media (min-width:1200px) {
        .thumbnails {
            max-width: 1200px
        }
    }
    
    @media (min-width:1600px) {
        .thumbnails {
            max-width: 1480px
        }
    }
    
    .thumbnails.work1 {
        max-width: none;
        margin: 0 20px
    }
    
    .thumbnails.work2 {
        max-width: none;
        margin: 20px
    }
    
    .thumbnails.work2 .gallery-item {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center
    }
    
    .thumbnails.work2 .grid-sizer {
        width: 33%
    }
    
    .thumbnails.work2 .rollover {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        position: absolute;
        top: 20px;
        left: 20px;
        background-color: rgba(255, 255, 255, .8);
        text-align: center;
        display: none
    }
    
    .thumbnails.work2 .rollover .vcenter {
        width: 100%
    }
    
    .thumbnails.work2 .thumbnail {
        width: 100%;
        padding: 20px;
        height: 500px;
        overflow: hidden
    }
    
    .thumbnails.work2 .thumbnail img {
        height: 100%
    }
    
    @media (min-width:768px) {
        .thumbnails.work2 .thumbnail {
            width: 50%;
            height: 250px
        }
    }
    
    @media (min-width:992px) {
        .thumbnails.work2 .thumbnail {
            width: 40%;
            height: 500px
        }
        .thumbnails.work2 .thumbnail.small {
            width: 20%
        }
    }
    
    .thumbnails.work3 {
        max-width: 1400px
    }
    
    .thumbnails.work3 .thumbnail {
        width: 100%
    }
    
    @media (min-width:768px) {
        .thumbnails.work3 .thumbnail {
            width: 50%
        }
    }
    
    .thumbnails.work4 {
        width: 100%;
        max-width: 100%
    }
    
    .thumbnails.work4 .rollover {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        position: absolute;
        top: 20px;
        left: 20px;
        background-color: transparent;
        text-align: left;
        padding: 0 40px;
        display: none
    }
    
    .thumbnails.work4 .rollover .title-project {
        font-size: 30px
    }
    
    .thumbnails.work4 .rollover .vcenter {
        width: 100%
    }
    
    .thumbnails.work4 .thumbnail {
        width: 100%;
        padding: 0
    }
    
    @media (min-width:768px) {
        .thumbnails.work4 .thumbnail {
            width: 100%
        }
    }
    
    .thumbnails.work4 .thumbnail img {
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out
    }
    
    .thumbnails.work4 .thumbnail:hover img {
        opacity: .5
    }
    
    .thumbnails.work5 {
        max-width: none
    }
    
    .thumbnails.work5 .thumbnail {
        padding: 0;
        width: 100%
    }
    
    @media (min-width:768px) {
        .thumbnails.work5 .thumbnail {
            width: 50%
        }
    }
    
    @media (min-width:992px) {
        .thumbnails.work5 .thumbnail {
            width: 25%
        }
    }
    
    .thumbnail {
        width: 100%;
        position: absolute;
        display: block;
        overflow: hidden;
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        padding: 20px;
        background-size: cover;
        background-position: center center
    }
    
    .thumbnail .info-banner {
        background-color: transparent;
        text-decoration: none;
        color: #fff
    }
    
    .thumbnail img {
        width: 100%
    }
    
    @media (min-width:768px) {
        .thumbnail {
            width: 50%
        }
        .thumbnail.small {
            width: 25%
        }
    }
    
    .thumbnail:hover {
        text-decoration: none
    }
    
    .thumbnail:hover .rollover {
        display: block
    }
    
    .thumbnail:hover .info-banner {
        width: calc(100% - 100px);
        height: calc(100% - 100px);
        position: absolute;
        top: 50px;
        left: 50px;
        background-color: rgba(0, 0, 0, .9);
        opacity: 1;
        text-align: center!important
    }
    
    .thumbnail:hover .info-banner>div {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }
    
    .thumbnail:hover .info-banner .viewdetails {
        display: block
    }
    
    .loadmore {
        text-align: center
    }
    
    .loadmore a {
        background-color: #F6F5F4;
        padding: 0 25px 17px 19px
    }
    
    .loadmore a:before {
        content: "";
        background-image: url(/images/load-more.png);
        background-repeat: no-repeat;
        width: 33px;
        height: 33px;
        background-position: center center;
        display: inline-block;
        position: relative;
        top: 9px;
        margin-right: 10px
    }
    
    .loadmore.big {
        height: auto!important
    }
    
    .loadmore.big a {
        background-color: #353333;
        display: block;
        color: #fff;
        padding: 21px 25px 41px 19px;
        margin: 0 5px
    }
    
    @media (min-width:768px) {
        .loadmore.big a {
            margin: 0 17px
        }
    }
    
    @media (min-width:992px) {
        .loadmore.big a {
            margin: 0 40px;
            padding: 40px 25px 57px 19px
        }
    }
    
    @media (min-width:1600px) {
        .loadmore.big a {
            padding: 60px 25px 77px 19px
        }
    }
    
    .loadmore.big a:before {
        background-image: url(/images/load-more-white.png)
    }
    
    .loadmore.big.full a {
        margin: 0
    }
    
    #more-items {
        display: none
    }
    
    .rollover .title-project {
        font-size: 22px;
        letter-spacing: 4.5px
    }
    
    .rollover .tags-project {
        font-size: 14px;
        /*font-style: italic;*/
        margin: 8px 0;
        letter-spacing: 3px
    }
    
    .rollover .tags-project li {
        display: inline-block
    }
    
    .rollover .tags-project li:not(:last-child):after {
        content: "/";
        margin: 0 1px 0 6px
    }
    
    .rollover .btn {
        margin-top: 25px
    }
    
    .rollover.rollover3 {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        position: absolute;
        top: 20px;
        left: 20px;
        background-color: rgba(255, 255, 255, .8);
        text-align: center;
        display: none
    }
    
    .rollover.rollover3 .vcenter {
        width: 100%
    }
    
    .rollover.rollover5 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, .8);
        text-align: center;
        display: none
    }
    
    .rollover.rollover5 .vcenter {
        width: 100%
    }
    
    .related-projects .tags-project,
    .related-projects .title-project {
        color: #fff
    }
    
    .related-projects .rollover {
        background-color: rgba(0, 0, 0, .6);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    
    .related-projects .banner {
        height: 200px;
        margin-bottom: 1px
    }
    
    @media (min-width:768px) {
        .related-projects .banner {
            margin-bottom: 70px
        }
    }
    
    @media (min-width:992px) {
        .related-projects .banner {
            height: 400px
        }
    }
    
    .related-projects .banner:hover .rollover {
        display: block
    }
    
    .grid.work-detail .small-height {
        height: 553px
    }
    
    .grid.work-detail .medium-height {
        height: 600px
    }
    
    .grid.work-detail .big-height {
        height: 500px
    }
    
    @media (min-width:768px) {
        .grid.work-detail .big-height {
            height: 800px
        }
    }
    
    @media (min-width:1600px) {
        .grid.work-detail .big-height {
            height: 1080px
        }
    }
    
    #work-photo1 {
        background-color: #fff
    }
    
    @-webkit-keyframes myLoop {
        0% {
            top: -10px
        }
        50% {
            top: 10px
        }
        100% {
            top: -10px
        }
    }
    
    .iconScroll {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 35px;
        left: -15px
    }
    
    .iconScroll .info {
        font-size: 16px;
        /*font-style: italic;*/
        color: #fff;
        margin-bottom: 15px
    }
    
    .iconScroll .icon {
        width: 35px;
        height: 35px;
        text-align: center;
        background: 0 0;
        margin: 0 auto;
        position: relative;
        -webkit-animation: myLoop 2s ease infinite;
        -moz-animation: myLoop 2s ease infinite;
        animation: myLoop 2s ease infinite;
        color: #000;
        font-size: 25px
    }
    
    .iconScroll.invert .icon {
        color: #fff
    }
    
    .infowork {
        text-align: left
    }
    
    .infowork li {
        font-size: 15px;
        letter-spacing: 3px;
        line-height: 20px;
        padding: 8px 0;
        color: #fff
    }
    
    .infowork li span {
        color: #B88F40
    }
    
    .infowork.menu-style {
        text-align: center;
        background-color: #F9F9F9;
        padding: 36px 0
    }
    
    .infowork.menu-style li {
        display: inline-block;
        padding: 0 20px
    }
    
    .infowork.menu-style li,
    .infowork.menu-style li a {
        color: #000
    }
    
    @media (min-width:1600px) {
        .infowork.menu-style li {
            padding: 0 35px
        }
    }
    
    .infowork.menu-style li:not(:last-child) {
        border-right: 1px solid rgba(0, 0, 0, .1)
    }
    
    .slider-project {
        background-color: rgba(0, 0, 0, .05)
    }
    
    .gallery-project {
        height: 250px
    }
    
    @media (min-width:768px) {
        .gallery-project {
            height: 400px;
            margin: 0 100px
        }
    }
    
    @media (min-width:992px) {
        .gallery-project {
            height: 600px
        }
    }
    
    @media (min-width:1600px) {
        .gallery-project {
            height: 642px;
            max-width: 1070px;
            margin: 0 auto
        }
    }
    
    .gallery-project .gallery-cell {
        background-size: cover
    }
    
    .gallery-project .flickity-prev-next-button {
        border: 2px solid;
        border-radius: 0;
        background: url(../images/arrow.png) center center no-repeat;
        width: 60px;
        height: 60px
    }
    
    .gallery-project .flickity-prev-next-button svg {
        display: none
    }
    
    .gallery-project .flickity-prev-next-button.previous {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: -30px
    }
    
    @media (min-width:768px) {
        .gallery-project .flickity-prev-next-button.previous {
            left: -80px
        }
    }
    
    @media (min-width:768px) {
        .gallery-project .flickity-prev-next-button.next {
            right: -80px
        }
    }
    
    .gallery-project .flickity-page-dots {
        bottom: -70px
    }
    
    .gallery-project .flickity-page-dots .dot {
        border-color: #000
    }
    
    .contact-basic,
    .contact-form {
        position: relative;
		
    }
    
    .contact-basic p:not(.pretitle),
    .contact-form p:not(.pretitle) , .contact-address span {
        font-size: 18px;
        letter-spacing: 5.5px;
        font-weight: 100
    }
    
    .contact-basic a,
    .contact-form a {
        color: #000;
        text-decoration: none
    }
    
    .contact-basic a:hover,
    .contact-form a:hover {
        text-decoration: underline
    }
    
    @media (max-width:991px) {
        .contact-basic a.mailto,
        .contact-form a.mailto {
            letter-spacing: 0
        }
    }
    
    #map {
        width: 100%;
        height: 400px
    }
    
    @media (min-width:768px) {
        #map {
           height: 800px
           /* height: 100%;*/
        }
    }
    
    form {
        padding: 0 10px
    }
    
    form .form-control {
        border: 0;
        border-bottom: 2px solid #000;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0
    }
    
    form .btn {
        float: right;
        margin-right: 45px
    }
    
    @media (min-width:768px) {
        form .btn {
            margin-right: 60px
        }
    }
    
    .form-group {
        padding: 0 30px
    }
    
    @media (min-width:768px) {
        .form-group {
            padding: 0 60px
        }
    }
    
    @media (min-width:768px) {
        .form-group.inline {
            float: left;
            width: 50%
        }
    }
    
       .blog-post-header {
           position: relative;
           overflow: hidden
       }
       .blog-post-header .blog-post-author{
           /*margin: 0 auto;float: none;*/
       }
    
       .blog-sidebar .blog-post-header {
           padding-top: 12px
       }
    
    .blog-post-author {
        width: 40px;
        height: 40px;
        background-size: cover;
        background-position: center center;
        border-radius: 50%;
        float: left
    }
    
    @media (min-width:768px) {
        .blog-post-author {
            width: 80px;
            height: 80px
        }
    }
    
    .image-cover .blog-post-author , .layout-item .bottomcenter .blog-post-author{
        float: none;
        margin: 0 auto
    }
    
    .blog-post-date {
        font-size: 13px;
        /*font-style: italic;*/
        text-align: right;
        float: right;
        position: relative;
        letter-spacing: 2px
    }
    
    @media (min-width:768px) {
        .blog-post-date {
            letter-spacing: 3.8px
        }
    }
    
    @media (max-width:991px) {
        .blog-post-date {
            width: calc(100% - 80px);
            line-height: 22px
        }
    }
    
    @media (min-width:768px) {
        .blog-post-date {
            top: 24px
        }
    }
    
    .image-cover .blog-post-date {
        float: none;
        position: initial;
        text-align: center;
        color: #fff;
        font-size: 15px;
        margin-top: 17px;
        width: 100%
    }
    
    .blog-post-date.block {
        float: none;
        text-align: left;
        margin-bottom: 42px
    }
    
    .blog-post:hover .overcard {
        background-color: #000;
		background-image: url(../img/black-texture-bg.jpg);
    }
    
    .blog-post:hover .overcard h1,
    .blog-post:hover .overcard p {
        color: #fff
    }
    
    .blog-post:hover .overcard a {
        color: #D7B64C
    }
    
    .blog-post.original .banner {
        height: 320px
    }
    
    @media (min-width:1600px) {
        .blog-post.original .banner {
			width: 100%;
            height: 400px
        }
    }
    
    .blog-post-title {
        font-size: 25px;
        letter-spacing: 4px
    }
    
    @media (min-width:768px) {
        .blog-post-title {
            font-size: 34px;
            letter-spacing: 7px
        }
    }
    
    .blog-post-title:after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        margin: 31px 0 0 2px;
        background-color: #000
    }
    
    .blog-post-intro {
        /*font-style: italic;*/
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 2px
    }
    
    @media (min-width:1600px) {
        .blog-post-intro {
            line-height: 34px;
            letter-spacing: 4px
        }
    }
    
    .readfull {
        font-size: 13px;
        /*font-style: italic;*/
        letter-spacing: 4px;
        color: #000
    }
    
    .readfull:after {
        content: "";
        display: inline-block;
        background-image: url(../img/arrow.png);
        width: 15px;
        height: 9px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-left: 8px
    }
    
    .readfull:hover {
        color: #000
    }
    
    .readfull.bottom {
        position: absolute;
        bottom: 42px
    }
    
    .image-blog3 {
        height: 250px
    }
    
    @media (min-width:768px) {
        .image-blog3 {
            height: 450px
        }
    }
    
    .blog-post-content {
        padding: 0 20px
    }
    
    @media (min-width:768px) {
        .blog-post-content {
            padding: 0 65px
        }
    }
    
    .blog-post-content.overcard {
        padding: 40px 40px 20px;
        position: relative;
        margin: 0 10px;
        top: -20px;
        background-color: #f9f9f7
    }
    
    .blog-post-content.overcard .blog-post-author {
        position: absolute;
        top: -44px;
        left: 50%;
        margin-left: -40px
    }
    
    .blog-post-content.overcard .blog-post-date {
        float: none;
        text-align: center;
        top: 0
    }
    
    .blog-post-content.overcard .blog-post-title {
        font-size: 22px;
        text-align: center;
        line-height: 31px;
        font-family: inherit;
    }
    
    .blog-post-content.overcard .blog-post-title:after {
        display: none
    }
    
    .blog-post-content.small {
        padding: 0 25px;
        height: 440px
    }
    
    @media (min-width:768px) {
        .blog-post-content.small {
            height: 300px
        }
    }
    
    @media (min-width:992px) {
        .blog-post-content.small {
            height: 450px
        }
    }
    
    @media (min-width:1600px) {
        .blog-post-content.small {
            padding: 0 55px
        }
    }
    
    .blog-post-content.small .blog-post-title {
        font-size: 22px;
        letter-spacing: 4.5px;
        font-weight: 300;
        line-height: 26px
    }
    
    .blog-post-content.small .blog-post-title:after {
        display: none
    }
    
    .blog-post-content.small .blog-post-author {
        width: 40px;
        height: 40px
    }
    
    @media (min-width:768px) {
        .blog-post-content.small .blog-post-author {
            margin-top: 20px
        }
    }
    
    .blog-post-content.small .blog-post-author span {
        color: #D4B137
    }
    
    .blog-post-content.small .blog-post-intro {
        font-size: 13px;
        line-height: 25px
    }
    
    @media (min-width:1600px) {
        .blog-post-content.small .blog-post-intro {
            line-height: 30px
        }
    }
    
    .blog-post-content.small .blog-post-date {
        width: calc(100% - 40px);
        text-align: left;
        padding-left: 12px
    }
    
    .blog-post-content.small .blog-post-date span {
        color: #D4B137
    }
    
    .paginationblog {
        text-align: center;
        font-size: 16px;
        /*font-style: italic;*/
        padding: 65px 0;
        letter-spacing: 3.5px
    }
    
    .paginationblog.includeimage {
        padding: 0;
        position: relative;
        overflow: hidden
    }
    
    @media (max-width:991px) {
        .paginationblog.includeimage {
            margin-bottom: 2px
        }
    }
    
    .paginationblog.includeimage:after,
    .paginationblog.includeimage:before {
        display: none
    }
    
    .paginationblog.includeimage .banner {
        display: block;
        width: 25%;
        max-width: 400px
    }
    
    @media (min-width:768px) {
        .paginationblog.includeimage .banner {
            width: 45%
        }
    }
    
    .paginationblog.includeimage a {
        color: #000
    }
    
    .paginationblog.includeimage .info {
        position: relative;
        width: 75%
    }
    
    @media (min-width:768px) {
        .paginationblog.includeimage .info {
            width: 55%
        }
    }
    
    .paginationblog.includeimage .info:before {
        content: "";
        width: 24px;
        height: 14px;
        display: inline-block;
        top: 73px;
        position: absolute
    }
    
    .paginationblog.includeimage .info span {
        display: block
    }
    
    @media (max-width:1199px) {
        .paginationblog.includeimage .info span.date-pagination {
            display: none
        }
    }
    
    .paginationblog.includeimage .info span.title-pagination {
        font-size: 18px;
        font-style: normal
    }
    
    .paginationblog.includeimage.oldpost {
        border-right: 1px solid #fff
    }
    
    .paginationblog.includeimage.oldpost .banner,
    .paginationblog.includeimage.oldpost .info {
        float: left
    }
    
    .paginationblog.includeimage.oldpost .info {
        text-align: left;
        padding: 14px 20px 14px 65px;
        margin: 0;
    }
    
    @media (min-width:768px) {
        .paginationblog.includeimage.oldpost .info {
            padding: 21px 21px 0 65px
        }
    }
    
    @media (min-width:992px) {
        .paginationblog.includeimage.oldpost .info {
            padding: 32px 32px 32px 77px
        }
    }
    
    .paginationblog.includeimage.oldpost .info:before {
        background-image: url(../img/arrow.png);
        transform: rotate(180deg);
        left: 20px
    }
    
    .paginationblog.includeimage.newpost {
        border-left: 1px solid #fff;
        background-color: #F9F7F7
    }
    
    .paginationblog.includeimage.newpost .banner,
    .paginationblog.includeimage.newpost .info {
        float: right
    }
    
    .paginationblog.includeimage.newpost .info {
        text-align: right;
        padding: 14px 65px 14px 20px;
        margin: 0;
    }
    
    @media (min-width:768px) {
        .paginationblog.includeimage.newpost .info {
            padding: 21px 65px 0 21px
        }
    }
    
    @media (min-width:992px) {
        .paginationblog.includeimage.newpost .info {
            padding: 32px 77px 32px 32px
        }
    }
    
    .paginationblog.includeimage.newpost .info:before {
        background-image: url(../img/arrow.png);
        right: 20px
    }
    
    .oldpost {
        background-color: #F9F7F7;
        color: #000
    }
    
    .oldpost:before {
        content: "";
        background-image: url(../img/blog-arrow.png);
        width: 24px;
        height: 14px;
        display: inline-block;
        margin-right: 15px;
        position: relative;
        top: 2px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    
    .newpost {
        background-color: #353333;
        color: #fff
    }
    
    .newpost:after {
        content: "";
        background-image: url(../img/blog-right-arrow.png);
        width: 24px;
        height: 14px;
        display: inline-block;
        margin-left: 15px;
        position: relative;
        top: 2px
    }
    
    .blog-sidebar div[class*=container-] {
        padding: 0 20px
    }
    
    @media (min-width:768px) {
        .blog-sidebar div[class*=container-] {
            padding: 0 55px
        }
    }
    
    .sidebar-content {
        padding: 50px 15px 0
    }
    
    @media (min-width:992px) {
        .sidebar-content {
            padding: 0 0 0 40px
        }
    }
    
    @media (min-width:1600px) {
        .sidebar-content {
            padding: 0 44px 0 62px
        }
    }
    
    .feed-instagram {
        text-align: center
    }
    
    @media (min-width:768px) {
        .feed-instagram {
            text-align: left
        }
    }
    
    .feed-instagram li {
        display: inline-block
    }
    
    @media (min-width:1600px) {
        .feed-instagram li {
            margin: 0 20px 20px 0
        }
        .feed-instagram li:nth-child(3n+0) {
            margin-right: 0
        }
    }
    
    .sidebar-recent-posts li {
        position: relative;
        margin-bottom: 2px
    }
    
    .sidebar-recent-posts .blog-post-author {
        position: absolute;
        top: 14px;
        z-index: 1;
        left: 9px
    }
    
    @media (min-width:768px) {
        .sidebar-recent-posts .blog-post-author {
            left: 0;
            top: 10px
        }
    }
    
    .sidebar-recent-posts .post-cart {
        padding: 12px 10px 10px 60px;
        min-height: 100px
    }
    
    @media (min-width:768px) {
        .sidebar-recent-posts .post-cart {
            margin-left: 40px
        }
    }
    
    .sidebar-recent-posts .post-cart a,
    .sidebar-recent-posts .post-cart a:hover {
        text-decoration: none
    }
    
    .sidebar-recent-posts .blog-post-date {
        float: none;
        top: 0;
        text-align: left;
        letter-spacing: 2.5px;
        line-height: 28px;
        color: #D4B137
    }
    
    .sidebar-recent-posts .blog-post-date:hover {
        text-decoration: none
    }
    
    .sidebar-recent-posts .blog-post-title {
        font-size: 16px;
        font-weight: 100;
        letter-spacing: 3px;
        /*font-style: italic;*/
        color: #000
    }
    
    .sidebar-recent-posts .blog-post-title:hover {
        text-decoration: none
    }
    
    .sidebar-recent-posts .blog-post-title:after {
        display: none
    }
    
    .sidebar-title {
        font-size: 15px;
        /*font-style: italic;*/
        letter-spacing: 2px;
        margin-bottom: 5px
    }
    
    .sidebar-title:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 1px;
        background-color: #000;
        margin-right: 17px;
        position: relative;
        top: -2px
    }
    
    .sidebar-categories li a {
        font-size: 16px;
        /*font-style: italic;*/
        text-decoration: none;
        color: #000;
        letter-spacing: 3px;
        margin: 0 0 17px;
        display: block
    }
    
    .sidebar-categories li a:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 1px;
        background-color: #D4B137;
        margin-right: 17px;
        position: relative;
        top: -2px
    }
    
    .sidebar-categories li a span {
        color: rgba(0, 0, 0, .5)
    }
    
    .sidebar-tags li {
        display: inline-block
    }
    
    .sidebar-tags a {
        font-size: 13px;
        /*font-style: italic;*/
        color: #000;
        text-decoration: none;
        border: 2px solid #000;
        padding: 0 11px;
        display: block;
        letter-spacing: 2.5px;
        margin: 0 6px 11px 0
    }
    
    .search-form {
        padding: 0;
        position: relative
    }
    
    .search-form input[type=text] {
        padding-right: 35px
    }
    
    .search-form input[type=submit] {
        border: none;
        position: absolute;
        bottom: 2px;
        right: 2px;
        height: 36px;
        background: url(../images/search.png) center center no-repeat;
        padding: 0 15px 5px;
        width: 20px;
        margin: 0;
        color: transparent
    }
    
    .share-post li {
        display: inline-block;
        margin: 0 5px
    }
    
    .share-post li a {
        border: 2px solid #fff;
        border-radius: 50%;
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #fff;
        padding-top: 11px;
        /*padding-top: 6px;*/
        background-repeat: no-repeat;
        background-position: center center
    }
    
    .blog-2-image {
        height: 350px
    }
    
    @media (min-width:768px) {
        .blog-2-image {
            height: 590px
        }
    }
    
    .blog-2-text {
        height: 700px
    }
    
    .blog-2-text .blog-post-header {
        margin-top: 50px
    }
    
    @media (min-width:768px) {
        .blog-2-text {
            height: 590px
        }
        .blog-2-text .blog-post-header {
            margin-top: 0
        }
    }
    
    .content-post.post-with-sidebar-left {
        margin-bottom: 80px;
        padding: 20px 10px
    }
    
    @media (min-width:768px) {
        .content-post.post-with-sidebar-left {
            margin-bottom: 130px;
            padding: 65px 190px 0 20px
        }
    }
    
    @media (min-width:992px) {
        .content-post.post-with-sidebar-left {
            padding: 65px 190px 0 60px
        }
    }
    
    @media (min-width:1600px) {
        .content-post.post-with-sidebar-left {
            padding: 65px 295px 0 90px
        }
    }
    
    .content-post.post-without-sidebar {
        background-color: #fff;
        position: relative;
        top: -100px;
        padding: 0
    }
    
    @media (min-width:768px) {
        .content-post.post-without-sidebar {
            padding: 0 195px 0 25px
        }
    }
    
    @media (min-width:1600px) {
        .content-post.post-without-sidebar {
            padding: 0 295px 0 90px
        }
    }
    
    .content-post.post-without-sidebar .post-extra {
        overflow: hidden
    }
    
    @media (min-width:768px) {
        .content-post.post-without-sidebar .post-extra {
            position: relative;
            left: -25px
        }
    }
    
    @media (min-width:992px) {
        .content-post.post-without-sidebar .post-extra {
            position: absolute;
            width: 100px;
            left: -100px
        }
    }
    
    @media (min-width:1600px) {
        .content-post.post-without-sidebar .post-extra {
            left: -48px
        }
    }
    
    .content-post.post-without-sidebar .post-extra .blog-post-author {
        border-radius: 0;
        height: 100px;
        float: none;
        width: 32%
    }
    
    @media (min-width:768px) {
        .content-post.post-without-sidebar .post-extra .blog-post-author {
            width: 100px
        }
    }
    
    @media (max-width:1199px) {
        .content-post.post-without-sidebar .post-extra .blog-post-author {
            float: left
        }
    }
    
    .content-post.post-without-sidebar .post-extra .button-blog {
        width: 32%;
        height: 100px;
        background-color: #F9F7F7;
        display: block;
        margin-bottom: 1px;
        background-position: center center;
        background-repeat: no-repeat
    }
    
    @media (min-width:768px) {
        .content-post.post-without-sidebar .post-extra .button-blog {
            width: 100px
        }
    }
    
    @media (max-width:1199px) {
        .content-post.post-without-sidebar .post-extra .button-blog {
            float: left
        }
    }
    
    .content-post .primary-title {
        margin-bottom: 28px
    }
    
    .content-post h2 {
        font-size: 26px;
        font-weight: 800;
        margin: 71px 0 42px;
        letter-spacing: 2.5px
    }
    
    .content-post p {
        margin-bottom: 37px;
        line-height: 36px
    }
    
    .content-post img {
        margin-top: 13px
    }
    
    @media (min-width:768px) {
        .content-post img {
            margin-bottom: 53px
        }
    }
    
    .content-post hr {
        margin-top: 82px;
        display: block;
        max-width: 100px;
        border-color: #000
    }
    
    .content-post .quote {
        width: 100%;
        font-size: 26px;
        color: #fff;
        background-color: #353333;
        text-align: center;
        /*font-style: italic;*/
        line-height: 41px;
        font-weight: 100;
        letter-spacing: -1px;
        padding: 10px 10px 0
    }
    
    @media (min-width:768px) {
        .content-post .quote {
            padding: 52px 14px 16px 33px;
            margin-right: -185px;
            margin-left: 10px;
            margin-top: 10px;
            float: right;
            width: 350px
        }
    }
    
    .content-post .quote .author {
        color: #BF9441;
        text-align: right;
        letter-spacing: 0;
        margin: 16px 23px
    }
    
    .content-post .content-image {
        position: relative
    }
    
    @media (max-width:991px) {
        .content-post .content-image {
            margin-bottom: 37px
        }
    }
    
    .content-post .content-image .credits {
        margin: 0;
        font-size: 11px;
        /*font-style: italic;*/
        line-height: 20px;
        color: gray;
        letter-spacing: 2.2px
    }
    
    @media (min-width:768px) {
        .content-post .content-image .credits {
            width: 160px;
            right: -177px;
            position: absolute;
            bottom: 60px
        }
    }
    
    @media (min-width:1600px) {
        .content-post .content-image .credits {
            width: 211px;
            right: -220px
        }
    }
    
    .content-post .content-image .credits:after {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        background-color: #000;
        margin-top: 13px
    }
    
    .content-post .content-gallery {
        position: relative;
        margin-bottom: 50px
    }
    
    .content-post .content-gallery .carusel-gallery-photo {
        width: 100%;
        height: 350px
    }
    
    @media (min-width:1600px) {
        .content-post .content-gallery .carusel-gallery-photo {
            height: 530px
        }
    }
    
    .content-post .content-gallery .carusel-gallery-text {
        background-color: #353333;
        color: #fff;
        width: 100%;
        height: 375px;
        margin: 4px auto
    }
    
    @media (min-width:768px) {
        .content-post .content-gallery .carusel-gallery-text {
            width: 350px;
            height: 320px;
            margin: 30px auto
        }
    }
    
    @media (min-width:992px) {
        .content-post .content-gallery .carusel-gallery-text {
            margin: 0 78.2% 0 0;
            position: absolute;
            bottom: 0;
            right: 0
        }
    }
    
    .content-post .content-gallery .carusel-gallery-text .gallery-cell {
        padding: 24px
    }
    
    .content-post .content-gallery .carusel-gallery-text .title-post-gallery {
        font-size: 18px;
        font-style: normal;
        letter-spacing: 3.7px;
        line-height: 33px;
        margin-bottom: 13px
    }
    
    .content-post .content-gallery .carusel-gallery-text .title-post-gallery:after {
        content: "";
        display: block;
        width: 30px;
        height: 1px;
        margin: 20px 0 0 2px;
        background-color: #fff
    }
    
    .content-post .content-gallery .carusel-gallery-text p {
        /*font-style: italic;*/
        line-height: 33px;
        letter-spacing: 2.5px
    }
    
    .content-post .content-gallery .carusel-gallery-text .flickity-page-dots {
        bottom: 24px
    }
    
    .content-post .content-gallery .carusel-gallery-tabs {
        text-align: center
    }
    
    @media (min-width:768px) {
        .content-post .content-gallery .carusel-gallery-tabs {
            text-align: right
        }
    }
    
    .content-post .content-gallery .carusel-gallery-tabs li {
        display: inline-block;
        position: relative;
        top: 5px;
        height: 53px;
        width: 18.8%
    }
    
    @media (min-width:768px) {
        .content-post .content-gallery .carusel-gallery-tabs li {
            height: 84px;
            width: 19.3%
        }
    }
    
    @media (min-width:992px) {
        .content-post .content-gallery .carusel-gallery-tabs li {
            width: 15%
        }
    }
    
    .content-post .intro-comments {
        /*font-style: italic;*/
        margin-top: 121px;
        margin-bottom: 90px;
        position: relative
    }
    
    .content-post .intro-comments .count-comments {
        font-size: 20px;
        margin-left: 56px;
        letter-spacing: 2px;
        position: relative
    }
    
    .content-post .intro-comments .number {
        font-size: 36px;
        position: absolute;
        left: -56px;
        top: -21px
    }
    
    .content-post .intro-comments .number:after {
        content: "";
        width: 1px;
        height: 50px;
        background: rgba(0, 0, 0, .3);
        display: block;
        position: absolute;
        top: 0;
        transform: rotate(31deg);
        left: 50px
    }
    
    .content-post .intro-comments .leave-reply {
        font-size: 13px;
        display: block;
        margin: 11px 0 0 22px;
        letter-spacing: 2.5px;
        color: #000;
        text-decoration: none;
        position: relative
    }
    
    .content-post .intro-comments .leave-reply:before {
        content: "";
        height: 17px;
        width: 15px;
        display: block;
        position: absolute;
        left: -25px;
        top: 3px;
        background-image: url(../images/arrow.png);
        transform: rotate(90deg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }
    
    .content-post .intro-comments .share {
        font-size: 13px;
        right: 17px;
        margin-top: 40px;
        margin-left: 3px
    }
    
    @media (min-width:768px) {
        .content-post .intro-comments .share {
            position: absolute;
            top: -10px;
            margin-top: 0
        }
    }
    
    .content-post .intro-comments .share li {
        display: inline-block
    }
    
    .content-post .intro-comments .share li a {
        color: #000
    }
    
    .content-post .intro-comments .share li a i {
        position: relative;
        top: 2px
    }
    
    .content-post .intro-comments .share li:first-child {
        margin-right: 15px;
        letter-spacing: 2px
    }
    
    .content-post .intro-comments .share li:not(:first-child) {
        border: 1px solid rgba(0, 0, 0, .1);
        width: 35px;
        height: 35px;
        text-align: center;
        font-size: 20px;
        padding-top: 2px;
        border-radius: 50%;
        margin-right: 1px
    }
    
    .content-post .media {
        margin-top: 26px
    }
    
    .content-post .media .blog-post-author {
        width: 110px;
        height: 110px
    }
    
    .content-post .media .media {
        margin-top: 50px;
        border-left: 10px solid rgba(0, 0, 0, .03);
        position: relative;
        left: -14px;
        padding-left: 30px;
        margin-bottom: 30px
    }
    
    .content-post .media hr {
        margin: 12px auto
    }
    
    .content-post .media-heading {
        font-size: 13px;
        /*font-style: italic;*/
        margin: 23px 0 28px;
        line-height: 20px
    }
    
    .content-post .media>.pull-left {
        display: none
    }
    
    @media (min-width:768px) {
        .content-post .media>.pull-left {
            display: block
        }
    }
    
    .content-post .media-body {
        padding-left: 14px
    }
    
    .content-post .media-body p {
        line-height: 29px
    }
    
    .content-post .title-form {
        margin-top: 50px;
        font-size: 20px;
        /*font-style: italic;*/
        margin-bottom: 30px
    }
    
    .content-post form {
        padding: 10px 0 0
    }
    
    .content-post form .form-group {
        padding: 0
    }
    
    @media (min-width:768px) {
        .content-post form .form-group.inline {
            padding-left: 30px
        }
        .content-post form .form-group.inline:first-child {
            padding-left: 0;
            padding-right: 30px
        }
    }
    
    .content-post form .form-group textarea {
        height: 150px
    }
    
    .content-post form .btn {
        margin-right: 0
    }
    
    .post-sidebar-left {
        padding: 65px 0 0
    }
    
    @media (max-width:1199px) {
        .post-sidebar-left {
            display: none
        }
    }
    
    @media (min-width:1600px) {
        .post-sidebar-left {
            padding: 65px 0 0 95px
        }
    }
    
    .post-sidebar-left .post-sidebar-title {
        font-size: 18px;
        /*font-style: italic;*/
        margin: 3px 0 50px;
        letter-spacing: 3.5px;
        font-family: inherit;
    }
    
    .post-sidebar-left .post-sidebar-title:after {
        content: "";
        display: block;
        width: 40px;
        height: 2px;
        background-color: #000;
        margin: 14px 0 0
    }
    
    .post-sidebar-left .post-sidebar-title-post {
        margin: 17px 3px;
        letter-spacing: 3.5px;
        line-height: 26px;
        font-family: inherit;
        font-size: 18px;
        font-weight: normal;
    }
    
    .post-sidebar-left .blog-post-header {
        margin: 23px 3px 40px
    }
    
    .post-sidebar-left .blog-post-author {
        width: 40px;
        height: 40px
    }
    
    .post-sidebar-left .blog-post-date {
        float: left;
        text-align: left;
        top: 0;
        margin: 7px 0 0 10px;
        font-style: normal;
        letter-spacing: 2px;
        line-height: 15px
    }
    
    .post-whidout-sidebar:before {
        content: "";
        background-color: #fff;
        display: block;
        width: 50%;
        height: 102px;
        position: absolute;
        right: 0;
        margin-top: -100px
    }
    
    @media (min-width:768px) {
        .container-post-sidebar-right div[class*=container-] {
            padding: 0 25px
        }
    }
    
    @media (min-width:992px) {
        .container-post-sidebar-right div[class*=container-] {
            padding: 0 125px
        }
    }
    
    .container-post-sidebar-right .sidebar-content {
        padding: 0
    }
    
    @media (min-width:1600px) {
        .container-post-sidebar-right .sidebar-content {
            padding: 0 0 0 37px
        }
    }
    
    @media (min-width:992px) {
        .container-post-sidebar-right .post-sidebar-right {
            padding-right: 50px
        }
    }
    
    .container-post-sidebar-right .feature-image {
        position: relative
    }
    
    .container-post-sidebar-right .feature-image img {
        width: 100%;
        margin: 0;
        display: block
    }
    
    .container-post-sidebar-right .feature-image .share-post {
        position: absolute;
        bottom: 20px;
        left: 20px
    }
    
    .container-post-sidebar-right .feature-image .share-post li {
        display: block;
        margin-top: 15px
    }
    
    .container-post-sidebar-right .post-info {
        text-align: center;
        font-size: 14px;
        /*font-style: italic;*/
        margin-top: 40px;
        margin-bottom: 22px;
        letter-spacing: 2.5px
    }
    
    .container-post-sidebar-right .post-info li {
        display: inline-block
    }
    
    @media (min-width:768px) {
        .container-post-sidebar-right .post-info li {
            margin-left: 35px
        }
    }
    
    .container-post-sidebar-right .post-info li.post-author {
        position: relative;
        padding-left: 55px
    }
    
    .container-post-sidebar-right .post-info li.post-author .blog-post-author {
        width: 40px;
        height: 40px;
        position: absolute;
        top: -10px;
        left: 0
    }
    
    .container-post-sidebar-right .post-info li.post-date:before,
    .container-post-sidebar-right .post-info li.post-tags:before {
        content: "";
        display: inline-block;
        width: 21px;
        height: 21px;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        top: 6px;
        margin-right: 11px
    }
    
    .container-post-sidebar-right .post-info li.post-date:before {
        background-image: url(../images/clock.png)
    }
    
    .container-post-sidebar-right .post-info li.post-tags:before {
        background-image: url(../images/tags.png)
    }
    
    .container-post-sidebar-right .primary-title {
        margin-bottom: 57px;
        border-bottom: 4px double #000;
        padding-bottom: 50px
    }
    
    @media (min-width:768px) {
        .container-post-sidebar-right .columns-post {
            margin-top: 60px;
            -moz-column-count: 2;
            -moz-column-gap: 62px;
            -webkit-column-count: 2;
            -webkit-column-gap: 62px;
            column-count: 2;
            column-gap: 62px
        }
    }
    
    @media (min-width:992px) {
        .container-post-sidebar-right .columns-post {
            padding-right: 53px
        }
    }
    
    .container-post-sidebar-right .quote {
        font-size: 37px;
        /*font-style: italic;*/
        font-family: Georgia, Times, 'Times New Roman', serif;
        float: none;
        width: 100%;
        background-color: transparent;
        color: #000;
        margin: 0 0 30px;
        text-align: left;
        border-bottom: 1px solid;
        padding: 40px 20px
    }
    
    @media (min-width:1200px) {
        .container-post-sidebar-right .quote {
            padding: 0 20px 40px
        }
    }
    
    @media (min-width:1600px) {
        .container-post-sidebar-right .quote {
            padding: 0 70px 46px
        }
    }
    
    .menu-bar .sidebar-content {
        margin-top: 25px
    }
    
    @media (min-width:768px) {
        .menu-bar .post-sidebar-right {
            margin-top: 40px
        }
    }
    
    .comments-form {
        margin-bottom: 150px
    }
    
    @media (min-width:992px) {
        .comments-form {
            margin-bottom: 230px
        }
    }
    
    .features-clients {
        text-align: center
    }
    
    .features-clients .container {
        max-width: 1350px
    }
    
    .features-clients.multiple-rows .row li {
        margin-bottom: 20px
    }
    
    .features-clients.multiple-rows ul.row{display:block;margin: 0;}
    .features-clients.multiple-rows ul.row li{    list-style-type: none;}
    
    @media (min-width:768px) {
        .features-clients.multiple-rows .row {
            padding-bottom: 107px
        }
        .features-clients.multiple-rows .row li {
            padding-bottom: 0
        }
    }
    
    .features-clients.color-lighter {
        background-color: #faf9f7
    }
    
    .features-clients img {
        opacity: .7;
        max-width: 170px;
        margin: 0 auto;
    }
    
    .clients-inline {
        text-align: center;
        margin: 0 auto
    }
    
    .clients-inline li {
        text-align: center;
        margin: 15px 19px
    }
    
    @media (min-width:768px) {
        .clients-inline li {
            display: inline-block;
            margin: 3px 19px
        }
    }
    
    @media (min-width:1600px) {
        .clients-inline li {
            margin: 3px 27px
        }
    }
    
    .ico-expression {
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        background-position: center
    }
    
    .ico-expression.big {
        height: 65px
    }
    
    .ico-expression.ico-idea {
        background-image: url(../images/demo/services1/ico-service1.png)
    }
    
    .ico-expression.ico-development {
        background-image: url(../images/demo/services1/ico-service2.png)
    }
    
    .ico-expression.ico-aeroplan {
        background-image: url(../images/demo/services1/ico-service3.png)
    }
    
    .ico-expression.ico-movile {
        background-image: url(../images/demo/services1/ico-service4.png)
    }
    
    .ico-expression.ico-movile-invert {
        background-image: url(../images/demo/services1/ico-service4-invert.png)
    }
    
    .ico-expression.ico-laptop {
        background-image: url(../images/demo/services1/ico-service5.png)
    }
    
    .ico-expression.ico-map {
        background-image: url(../images/demo/services1/ico-service6.png)
    }
    
    .ico-expression.ico-mouse {
        background-image: url(../images/demo/services1/ico-service7.png)
    }
    
    .ico-expression.ico-mouse.big {
        height: 72px
    }
    
    .ico-expression.ico-mouse-invert {
        background-image: url(../images/demo/services1/ico-service7-invert.png)
    }
    
    .ico-expression.ico-mouse-invert.big {
        height: 72px
    }
    
    .ico-expression.ico-paper {
        background-image: url(../images/demo/services1/ico-service8.png)
    }
    
    .ico-expression.ico-paper-invert {
        background-image: url(../images/demo/services1/ico-service8-invert.png)
    }
    
    .ico-expression.scroll {
        background-image: url(../images/right-arrow.png);
        height: 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    
    .ico-expression.scroll.invert {
        background-image: url(../images/arrow.png)
    }
    
    .ico-comments {
        background-image: url(../images/comments.png)
    }
    
    .ico-comments-white {
        background-image: url(../images/comments-white.png)
    }
    
    .ico-share {
        background-image: url(../images/share.png)
    }
    
    .ico-share-white {
        background-image: url(../images/share-white.png)
    }
    
    .dropdown-icon {
        position: fixed;
        position: absolute;
        overflow: hidden;
        float: left;
        margin: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        transition: background .2s;
        width: 60px;
        height: 60px;
        font-size: 16px;
        z-index: 999999;
        right: 10px;
        top: -5px;
        padding: 15px
    }
    
    @media (min-width:992px) {
        .dropdown-icon {
            padding: 10px;
            top: 17px
        }
    }
    
    .dropdown-icon#trigger-overlay {
        position: fixed
    }
    
    @media (min-width:1600px) {
        .dropdown-icon {
            top: 49px;
            right: 18px
        }
    }
    
    @media screen and (min-width:40em) {
        .dropdown-icon {
            font-size: 20px
        }
    }
    
    @media screen and (min-width:64em) {
        .dropdown-icon {
            font-size: 20px
        }
    }
    
    .dropdown-icon:focus {
        outline: 0
    }
    
    .dropdown-icon span {
        display: block;
        position: relative;
        background: #000;
        top: 0;
        left: 0;
        right: 0;
        height: 3px
    }
    
    @media (min-width:992px) {
        .dropdown-icon span {
            height: 6px
        }
    }
    
    .dropdown-icon span::after,
    .dropdown-icon span::before {
        position: relative;
        display: block;
        left: 0;
        width: 100%;
        background-color: #000;
        content: "";
        height: 3px
    }
    
    @media (min-width:992px) {
        .dropdown-icon span::after,
        .dropdown-icon span::before {
            height: 6px
        }
    }
    
    .dropdown-icon.invert span,
    .dropdown-icon.invert span:after,
    .dropdown-icon.invert span:before {
        background-color: #fff
    }
    
    .dropdown-icon span::before {
        top: -10px
    }
    
    @media (min-width:992px) {
        .dropdown-icon span::before {
            top: -14px
        }
    }
    
    .dropdown-icon span::after {
        bottom: -8px
    }
    
    @media (min-width:992px) {
        .dropdown-icon span::after {
            bottom: -9px
        }
    }
    
    .dropdown-icon--animate {
        background-color: transparent
    }
    
    .dropdown-icon--animate span,
    .dropdown-icon--animate span:after,
    .dropdown-icon--animate span:before {
        transition: background 0s .2s
    }
    
    .dropdown-icon--animate span::after,
    .dropdown-icon--animate span::before {
        transition-duration: .2s, .2s;
        transition-delay: .2s, 0s
    }
    
    .dropdown-icon--animate span::before {
        transition-property: top, -webkit-transform;
        transition-property: top, transform
    }
    
    .dropdown-icon--animate span::after {
        transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform
    }
    
    .dropdown-icon--animate.is-active {
        background-color: transparent
    }
    
    .dropdown-icon--animate.is-active span {
        background: 0 0
    }
    
    .dropdown-icon--animate.is-active span:after,
    .dropdown-icon--animate.is-active span:before {
        background-color: #fff
    }
    
    .dropdown-icon--animate.is-active span::before {
        top: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    
    .dropdown-icon--animate.is-active span::after {
        bottom: 3px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    
    .dropdown-icon--animate.is-active span::after,
    .dropdown-icon--animate.is-active span::before {
        transition-delay: 0s, .2s
    }
    
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .97)
    }
    
    .overlay nav {
        text-align: center;
        position: relative;
        top: 50%;
        height: 60%;
        font-size: 54px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    
    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        height: 100%;
        position: relative
    }
    
    .overlay ul li {
        display: block;
        height: 20%;
        height: calc(20%);
        min-height: 54px
    }
    
    .overlay ul li a {
        display: inline-block;
        color: #fff;
        transition: color .2s;
        font-size: 1.25rem;
        line-height: 1.875rem;
        letter-spacing: .125rem
    }
    
    @media screen and (min-width:40em) {
        .overlay ul li a {
            font-size: 3.125rem;
            line-height: 3.75rem;
            letter-spacing: .25rem
        }
    }
    
    @media screen and (min-width:64em) {
        .overlay ul li a {
            font-size: 3.75rem;
            line-height: 4.375rem;
            letter-spacing: .375rem
        }
    }
    
    .overlay ul li a:focus,
    .overlay ul li a:hover {
        color: rgba(255, 255, 255, .7);
        border-bottom: none;
        text-decoration: none
    }
    
    .overlay-hugeinc {
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s, visibility 0s .5s
    }
    
    .overlay-hugeinc.open {
        opacity: 1;
        visibility: visible;
        transition: opacity .5s;
        z-index: 3
    }
    
    .overlay-hugeinc nav {
        -webkit-perspective: 1200px;
        perspective: 1200px
    }
    
    .overlay-hugeinc nav ul {
        opacity: .4;
        -webkit-transform: translateY(-25%) rotateX(35deg);
        transform: translateY(-25%) rotateX(35deg);
        transition: -webkit-transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s
    }
    
    .overlay-hugeinc.open nav ul {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    
    .overlay-hugeinc.close nav ul {
        -webkit-transform: translateY(25%) rotateX(-35deg);
        transform: translateY(25%) rotateX(-35deg)
    }
    
    .nav-dropdown {
        position: absolute;
        z-index: 9999;
        text-align: center;
        width: 100%;
        width: auto;
        top: 98px;
        right: 30px;
        display: none;
        left: 30px
    }
    
    @media (min-width:992px) {
        .nav-dropdown {
            left: auto
        }
    }
    
    .nav-dropdown.open {
        display: block
    }
    
    .nav-dropdown>ul {
        background-color: rgba(0, 0, 0, .85);
        margin: 0 auto;
        display: inline-block;
        position: relative;
        overflow: hidden;
        text-align: left;
        padding: 20px
    }
    
    @media (min-width:768px) {
        .nav-dropdown>ul {
            padding: 37px 42px 50px
        }
    }
    
    .nav-dropdown .title-submenu {
        letter-spacing: 1.3px;
        font-weight: 800;
        margin-bottom: 18px
    }
    
    .nav-dropdown .title-submenu:after {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: #fff;
        margin-top: 10px
    }
    
    .nav-dropdown .title-submenu,
    .nav-dropdown a {
        color: #fff
    }
    
    .nav-dropdown>ul>li {
        float: left
    }
    
    @media (min-width:768px) {
        .nav-dropdown .nav-column-links {
            column-count: 2;
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-width: 140px;
            -moz-column-width: 140px;
            -webkit-column-width: 140px;
            column-fill: auto;
            -moz-column-fill: auto;
            -webkit-column-fill: auto;
            margin-right: 27px;
            height: 150px
        }
    }
    
    @media (min-width:1600px) {
        .nav-dropdown .nav-column-links {
            column-width: 180px
        }
    }
    
    @media (min-width:768px) {
        .nav-dropdown .nav-column-links.big {
            column-count: 3;
            -moz-column-count: 3;
            -webkit-column-count: 3
        }
    }
    
    .nav-dropdown .nav-column-links a {
        font-size: 15px;
        letter-spacing: .2px;
        margin: 0 0 15px;
        display: block
    }
    
    .pagination-projects {
        border-bottom: 2px solid #faf9f7
    }
    
    .pagination-projects .banner {
        height: 200px;
        margin-bottom: 1px
    }
    
    @media (min-width:992px) {
        .pagination-projects .banner {
            height: 400px;
            margin-bottom: 90px
        }
    }
    
    form.newsletter-form {
        max-width: 660px;
        margin: 0 auto;
        position: relative;
        overflow: hidden
    }
    
    form.newsletter-form input {
        color: #fff;
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 3.2px
    }
    
    form.newsletter-form input::-webkit-input-placeholder {
        color: #fff
    }
    
    form.newsletter-form input::-moz-placeholder {
        color: #fff
    }
    
    form.newsletter-form input:-ms-input-placeholder {
        color: #fff
    }
    
    form.newsletter-form input:-moz-placeholder {
        color: #fff
    }
    
    form.newsletter-form input[type=submit] {
        color: #fff
    }
    
    form.newsletter-form .form-group {
        margin-bottom: 30px;
        width: 480px;
        float: left;
        padding: 0 20px 0 0
    }
    
    @media (max-width:767px) {
        form.newsletter-form .form-group {
            width: 100%;
            padding: 0 10px
        }
    }
    
    form.newsletter-form .btn {
        width: calc(100% - 20px);
        float: none;
        margin: 0 10px
    }
    
    @media (min-width:768px) {
        form.newsletter-form .btn {
            margin: 0;
            float: left;
            width: auto
        }
    }
    
    .countdown-row {
        display: block;
        text-align: center
    }
    
    .countdown-section {
        border-left: 1px solid #dadada;
        border-color: rgba(218, 218, 218, .8);
        color: #dadada;
        display: inline-block;
        font-size: 12px;
        letter-spacing: -1px;
        padding: 22px 0 8px;
        width: 23%;
        text-align: center;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    @media (min-width:768px) {
        .countdown-section {
            width: 25%;
            letter-spacing: 1px;
            padding: 42px 12px 28px
        }
    }
    
    .countdown-section:first-child {
        border-left: 0
    }
    
    .countdown-amount {
        color: #fff;
        display: block;
        font-family: 'Roboto Slab', serif;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 1;
        padding-bottom: 21px
    }
    
    @media (min-width:768px) {
        .countdown-amount {
            font-size: 60px
        }
    }
    
    .browsehappy {
        margin: .2em 0;
        background: #ccc;
        color: #000;
        padding: .2em 0
    }
    
    @media (min-width:1700px) {
        .container {
            width: 1620px
        }
    }
    
    .container-small {
        max-width: 800px;
        margin: 0 auto;
        position: relative;
        overflow: hidden
    }
    
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%
    }
    
    .row-no-gutter {
        margin-right: 0;
        margin-left: 0
    }
    
    .row-no-gutter [class*=" col-"],
    .row-no-gutter [class^=col-] {
        padding-right: 0;
        padding-left: 0
    }
    
    .container-full {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
    
    .about {
        background-color: #faf9f7;
        position: relative;
        height: 800px
    }
    
    @media (min-width:768px) {
        .about {
            height: 500px
        }
    }
    
    .about .vcenter {
        padding: 0 9%
    }
    
    .about .title {
        margin-bottom: 15px
    }
    
    .review {
        border-bottom: 2px solid #F9F7F8
    }
    
    .about-photo {
        height: 400px
    }
    
    @media (min-width:768px) {
        .about-photo {
            height: 1130px
        }
    }
    
    .row {
        /*opacity: 0;*/
        -webkit-transition: opacity .5s ease-in;
        -o-transition: opacity .5s ease-in;
        transition: opacity .5s ease-in
    }
    .about-frame .row,.blog-frame .row{
        opacity: 0;
    }
    .row.visible {
        opacity: 1
    }
    
    .photoprocess {
        padding-bottom: 100px
    }
    
    @media (min-width:992px) {
        .photoprocess {
            padding-bottom: 0
        }
    }
    
    .carousel-cell {
        position: relative;
        overflow: hidden
    }
    
    .triple-rombo {
        transform: rotate(45deg)
    }
    
    .triple-rombo,
    .triple-rombo:after,
    .triple-rombo:before {
        content: "";
        width: 21px;
        height: 21px;
        border: 2px solid #BE9441;
        text-align: center;
        display: inline-block;
        position: relative
    }
    
    .triple-rombo:after {
        top: -19px;
        left: -12px
    }
    
    .triple-rombo:before {
        top: -13px;
        left: 8px
    }
    
    .twitter-about {
        height: 796px
    }
    
    #about-intro-slider01 .vcenter {
        padding-top: 100px
    }
    
    #about-intro-slider01 .subtitle.small.col2 {
        margin: 30px 0
    }
    
    @media (min-width:1600px) {
        #about-intro-slider01 .subtitle.small.col2 {
            margin: 80px 0 80px 25%;
            width: 50%
        }
    }
    
    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    
    @media (min-width:1600px) {
        .parallax-section {
            background-size: cover!important
        }
    }
    
    .visible .fadeInUp {
        -webkit-animation: fadeInUp .5s ease-in-out both;
        -moz-animation: fadeInUp .5s ease-in-out both;
        animation: fadeInUp .5s ease-in-out both
    }
    
    .visible .fadeInUp:nth-child(1) {
        animation-delay: .4s
    }
    
    .visible .fadeInUp:nth-child(2) {
        animation-delay: .6s
    }
    
    .visible .fadeInUp:nth-child(3) {
        animation-delay: .8s
    }
    
    .visible .fadeInUp:nth-child(4) {
        animation-delay: 1s
    }
    
    .visible .fadeInUp:nth-child(5) {
        animation-delay: 1.2s
    }
    
    .visible .fadeInUp:nth-child(6) {
        animation-delay: 1.4s
    }
    
    .tp-caption.rev-btn {
        padding: 0!important
    }
    
    #home1-intro-slider01 {
        background-image: url(../images/demo/home1/slider01.jpg)
    }
    
    #home1-intro-slider02 {
        background-image: url(../images/demo/home1/slider02.jpg)
    }
    
    #home1-grid-slider01 {
        background-image: url(../images/demo/home1/grid-slider01.jpg)
    }
    
    #home1-grid-slider02 {
        background-image: url(../images/demo/home1/grid-slider02.jpg)
    }
    
    #bg-image5 {
        background-image: url(../images/demo/home1/app.jpg)
    }
    
    #bg-image6 {
        background-image: url(../images/demo/home1/studio.jpg)
    }
    
    #home2-intro-slider01 {
        background-image: url(../images/demo/home2/slider01.jpg)
    }
    
    #home2-intro-slider02 {
        background-image: url(../images/demo/home2/slider02.jpg)
    }
    
    #bg-home2-grid1 {
        background-image: url(../images/demo/home2/grid1.jpg)
    }
    
    #bg-home2-grid2 {
        background-image: url(../images/demo/home2/grid2.jpg)
    }
    
    #bg-home2-grid3 {
        background-image: url(../images/demo/home2/grid3.jpg)
    }
    
    #bg-home2-grid4 {
        background-image: url(../images/demo/home2/grid4.jpg)
    }
    
    #home3-intro-slider01 {
        background-image: url(../images/demo/home3/slider01.jpg)
    }
    
    #home3-intro-slider02 {
        background-image: url(../images/demo/home3/slider02.jpg)
    }
    
    #bg-home3-grid1 {
        background-image: url(../images/demo/home3/grid1.jpg)
    }
    
    #bg-home3-grid2 {
        background-image: url(../images/demo/home3/grid2.jpg)
    }
    
    #bg-home3-grid3 {
        background-image: url(../images/demo/home3/grid3.jpg)
    }
    
    #home4-intro-slider01 {
        background-image: url(../images/demo/home4/slider01.jpg)
    }
    
    #home4-intro-slider02 {
        background-image: url(../images/demo/home4/slider02.jpg)
    }
    
    #index4-slider-feature-home1 {
        background-image: url(../images/demo/home4/slider-featured01.jpg)
    }
    
    #index4-slider-feature-home2 {
        background-image: url(../images/demo/home4/slider-featured02.jpg)
    }
    
    #index4-slider-feature-home3 {
        background-image: url(../images/demo/home4/slider-featured03.jpg)
    }
    
    #home5-intro-slider01 {
        background-image: url(../images/demo/home5/slider01.jpg)
    }
    
    #home5-intro-slider02 {
        background-image: url(../images/demo/home5/slider02.jpg)
    }
    
    #bg-home5-grid0 {
        background-image: url(../images/demo/home5/grid0.jpg)
    }
    
    #index5-photo-grid1 {
        background-image: url(../images/demo/home5/photo-grid1.jpg)
    }
    
    #index5-photo-grid2 {
        background-image: url(../images/demo/home5/photo-grid2.jpg)
    }
    
    #index5-photo-grid3 {
        background-image: url(../images/demo/home5/photo-grid3.jpg)
    }
    
    #index5-photo-grid4 {
        background-image: url(../images/demo/home5/photo-grid4.jpg)
    }
    
    #index5-photo-grid5 {
        background-image: url(../images/demo/home5/photo-grid5.jpg)
    }
    
    #index5-photo-grid6 {
        background-image: url(../images/demo/home5/photo-grid6.jpg)
    }
    
    #index5-photo-grid7 {
        background-image: url(../images/demo/home5/photo-grid7.jpg)
    }
    
    #index5-photo-grid8 {
        background-image: url(../images/demo/home5/photo-grid8.jpg)
    }
    
    #bg-home6-grid1 {
        background-image: url(../images/demo/home6/grid1.jpg)
    }
    
    #bg-home6-grid2 {
        background-image: url(../images/demo/home6/grid2.jpg)
    }
    
    #bg-home6-grid3 {
        background-image: url(../images/demo/home6/grid3.jpg)
    }
    
    #bg-home6-grid4 {
        background-image: url(../images/demo/home6/grid4.jpg)
    }
    
    #bg-home7-grid1 {
        background-image: url(../images/demo/home7/grid1.jpg)
    }
    
    #bg-home7-grid2 {
        background-image: url(../images/demo/home7/grid2.jpg)
    }
    
    #bg-home7-grid3 {
        background-image: url(../images/demo/home7/grid3.jpg)
    }
    
    #about-minimal-intro-slider01 {
        background-image: url(../img/bg-flavors.png)
    }
    
    #about-minimal-team-member1 {
      background-image: url(../img/sample.jpg)
    }
    
    #about-minimal-team-member2 {
      background-image: url(../img/sample.jpg)
    }
    
    #about-minimal-team-member3 {
      background-image: url(../img/sample.jpg)
    }
    
    #about-minimal-photo-team1 {
        background-image: url(../img/photo-team1.jpg)
    }
    
    #about-minimal-photo-team2 {
        background-image: url(../img/photo-team2.jpg)
    }
    
    #about-intro-slider01 {
        background-image: url(../images/demo/about/slider01.jpg)
    }
    
    #about-photo {
        background-image: url(../images/demo/about/about-photo.jpg)
    }
    
    #about-team-member {
        background-image: url(../images/demo/about/team.jpg)
    }
    
    #about-team-member1 {
        background-image: url(../images/demo/about/team1.jpg)
    }
    
    #about-team-member2 {
        background-image: url(../images/demo/about/team2.jpg)
    }
    
    #about-team-member3 {
        background-image: url(../images/demo/about/team3.jpg)
    }
    
    #services1-intro-slider01 {
        background-image: url(../images/demo/services1/slider01.jpg)
    }
    
    #services1-intro-slider02 {
        background-image: url(../images/demo/services1/slider02.jpg)
    }
    
    #services2-intro-slider01 {
        background-image: url(../images/demo/services2/slider01.jpg)
    }
    
    #services2-intro-slider02 {
        background-image: url(../images/demo/services2/slider02.jpg)
    }
    
    #services2-grid01 {
        background-image: url(../images/demo/services2/grid01.jpg)
    }
    
    #services2-grid02 {
        background-image: url(../images/demo/services2/grid02.jpg)
    }
    
    #services2-grid03 {
        background-image: url(../images/demo/services2/grid03.jpg)
    }
    
    #bg-services-photo1 {
        background-image: url(../images/demo/services1/photo1.jpg)
    }
    
    #bg-services-photo2 {
        background-image: url(../images/demo/services1/photo2.jpg)
    }
    
    #bg-services-photo3 {
        background-image: url(../images/demo/services1/photo3.jpg)
    }
    
    #bg-services-photo4 {
        background-image: url(../images/demo/services1/photo4.jpg)
    }
    
    #bg-services-gallery1 {
        background-image: url(../images/demo/services1/gallery1.jpg)
    }
    
    #bg-services-gallery2 {
        background-image: url(../images/demo/services1/gallery2.jpg)
    }
    
    #work1-intro-slider01 {
        background-image: url(../images/demo/work1/slider01.jpg)
    }
    
    #work1-intro-slider02 {
        background-image: url(../images/demo/work1/slider02.jpg)
    }
    
    #work2-intro-slider01 {
        background-image: url(../images/demo/work2/slider01.jpg)
    }
    
    #work2-intro-slider02 {
        background-image: url(../images/demo/work2/slider02.jpg)
    }
    
    #work2-gallery01 {
        background-image: url(../images/demo/work2/gallery1.jpg)
    }
    
    #work2-gallery02 {
        background-image: url(../images/demo/work2/gallery2.jpg)
    }
    
    #work2-gallery03 {
        background-image: url(../images/demo/work2/gallery3.jpg)
    }
    
    #work2-gallery04 {
        background-image: url(../images/demo/work2/gallery4.jpg)
    }
    
    #work2-gallery05 {
        background-image: url(../images/demo/work2/gallery5.jpg)
    }
    
    #work2-gallery06 {
        background-image: url(../images/demo/work2/gallery6.jpg)
    }
    
    #work2-gallery07 {
        background-image: url(../images/demo/work2/gallery7.jpg)
    }
    
    #work2-gallery08 {
        background-image: url(../images/demo/work2/gallery8.jpg)
    }
    
    #work2-gallery09 {
        background-image: url(../images/demo/work2/gallery9.jpg)
    }
    
    #work3-intro-slider01 {
        background-image: url(../images/demo/work3/slider01.jpg)
    }
    
    #work3-intro-slider02 {
        background-image: url(../images/demo/work3/slider02.jpg)
    }
    
    #work4-intro-slider01 {
        background-image: url(../images/demo/work4/slider01.jpg)
    }
    
    #work4-intro-slider02 {
        background-image: url(../images/demo/work4/slider02.jpg)
    }
    
    #work-detail1-intro-slider01 {
        background-image: url(../images/demo/work-detail1/slider01.jpg)
    }
    
    #work-photo1 {
        background-image: url(../images/demo/work-detail1/photo1.jpg);
        background-size: contain
    }
    
    #work-photo2 {
        background-image: url(../images/demo/work-detail1/photo2.jpg)
    }
    
    #previous-project {
        background-image: url(../images/demo/work-detail1/previous-project.jpg)
    }
    
    #next-project {
        background-image: url(../images/demo/work-detail1/next-project.jpg)
    }
    
    #gallery-project1 {
        background-image: url(../images/demo/work-detail1/work01.jpg)
    }
    
    #gallery-project2 {
        background-image: url(../images/demo/work-detail1/work02.jpg)
    }
    
    #gallery-project3 {
        background-image: url(../images/demo/work-detail1/work03.jpg)
    }
    
    #work2-photo1 {
        background-image: url(../images/demo/work-detail2/photo1.jpg)
    }
    
    #work2-photo2 {
        background-image: url(../images/demo/work-detail2/photo2.jpg)
    }
    
    #work2-photo3 {
        background-image: url(../images/demo/work-detail2/photo3.jpg)
    }
    
    #work2-photo4 {
        background-image: url(../images/demo/work-detail2/photo4.jpg)
    }
    
    #work2-related-work1 {
        background-image: url(../images/demo/work-detail2/related-work1.jpg)
    }
    
    #work2-related-work2 {
        background-image: url(../images/demo/work-detail2/related-work2.jpg)
    }
    
    #work2-related-work3 {
        background-image: url(../images/demo/work-detail2/related-work3.jpg)
    }
    
    #contact-intro-slider01 {
        background-image: url(../images/demo/contact/slider01.jpg)
    }
    
    #blog1-intro-slider01 {
        background-image: url(../images/demo/blog1/slider01.jpg)
    }
    
    /*#blog-photo-post1 {
        background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post2 {
        background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post3 {
        background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post4 {
       background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post5 {
        background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post6 {
        background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post7 {
        background-image: url(../img/blog-img.jpg)
    }
    
    #blog-photo-post8 {
        background-image: url(../img/blog-img.jpg)
    }*/
    
    #blog2-intro-slider01 {
        background-image: url(../images/demo/blog2/slider01.jpg)
    }
    
    #blog2-photo-post1 {
        background-image: url(../images/demo/blog2/photo-post1.jpg)
    }
    
    #blog2-photo-post2 {
        background-image: url(../images/demo/blog2/photo-post2.jpg)
    }
    
    #blog2-photo-post3 {
        background-image: url(../images/demo/blog2/photo-post3.jpg)
    }
    
    #blog2-post-author1 {
        /*background-image: url(../img/author.jpg)*/
    }
    
    #blog3-intro-slider01 {
        background-image: url(../images/demo/blog3/slider01.jpg)
    }
    
    #blog3-photo-post1 {
        background-image: url(../images/demo/blog3/photo-post1.jpg)
    }
    
    #blog3-photo-post2 {
        background-image: url(../images/demo/blog3/photo-post2.jpg)
    }
    
    #blog3-photo-post3 {
        background-image: url(../images/demo/blog3/photo-post3.jpg)
    }
    
    #blog3-photo-post4 {
        background-image: url(../images/demo/blog3/photo-post4.jpg)
    }
    
    #post1-intro-slider01 {
        background-image: url(../images/demo/post1/slider01.jpg)
    }
    
    #post1-related-post1 {
        background-image: url(../images/demo/post1/related-post1.jpg);
        background-size: cover;
    }
    
    #post1-related-post2 {
        background-image: url(../images/demo/post1/related-post2.jpg)
    }
    
    #post1-pagination-oldpost {
        background-image: url(../images/demo/post1/pagination-oldpost.jpg)
    }
    
    #post1-pagination-newpost {
        background-image: url(../images/demo/post1/pagination-newpost.jpg)
    }
    
    #post1-comments1 {
        background-image: url(../images/demo/post1/comments1.jpg)
    }
    
    #post1-comments2 {
        background-image: url(../images/demo/post1/comments2.jpg)
    }
    
    #post1-comments3 {
        background-image: url(../images/demo/post1/comments3.jpg)
    }
    
    #post1-comments4 {
        background-image: url(../images/demo/post1/comments4.jpg)
    }
    
    #post2-intro-slider01 {
        background-image: url(../images/demo/post2/slider01.jpg)
    }
    
    #post2-gallery-photo01 {
        background-image: url(../images/demo/post2/gallery-photo01.jpg)
    }
    
    #post2-gallery-photo02 {
        background-image: url(../images/demo/post2/gallery-photo02.jpg)
    }
    
    #post2-gallery-photo03 {
        background-image: url(../images/demo/post2/gallery-photo03.jpg)
    }
    
    #post2-gallery-photo04 {
        background-image: url(../images/demo/post2/gallery-photo04.jpg)
    }
    
    #post2-gallery-photo05 {
        background-image: url(../images/demo/post2/gallery-photo05.jpg)
    }
    
    #post2-gallery-thumb01 {
        background-image: url(../images/demo/post2/gallery-thumb01.jpg)
    }
    
    #post2-gallery-thumb02 {
        background-image: url(../images/demo/post2/gallery-thumb02.jpg)
    }
    
    #post2-gallery-thumb03 {
        background-image: url(../images/demo/post2/gallery-thumb03.jpg)
    }
    
    #post2-gallery-thumb04 {
        background-image: url(../images/demo/post2/gallery-thumb04.jpg)
    }
    
    #post2-gallery-thumb05 {
        background-image: url(../images/demo/post2/gallery-thumb05.jpg)
    }
    
    body.dark {
        background-color: #000;
        color: #fff
    }
    
    body.dark #mask {
        background-color: #000
    }
    
    body.dark .loader-minimal {
        border-top: 1px solid rgba(255, 255, 255, .4);
        border-right: 1px solid rgba(255, 255, 255, .4);
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        border-left: 1px solid rgba(255, 255, 255, .9)
    }
    
    body.dark .icon-links li a,
    body.dark .social-links li a {
        color: #fff
    }
    
    body.dark .icon-links li:before,
    body.dark .social-links li:before {
        color: #444
    }
    
    body.dark .icon-links li:hover:before,
    body.dark .social-links li:hover:before {
        color: #5F5F5F
    }
    
    body.dark .list-horizontal-links li a {
        color: #fff
    }
    
    body.dark .list-horizontal-links li a.active:after,
    body.dark .list-horizontal-links li a:focus:after,
    body.dark .list-horizontal-links li a:hover:after {
        border-color: #fff
    }
    
    body.dark .list-horizontal-links li:not(:last-child):after {
        color: #fff
    }
    
    body.dark .review {
        border-color: #292929
    }
    
    body.dark .features ul li.horizontal-border:after {
        background-color: #292929
    }
    
    body.dark .photoprocess {
        background-color: #1f1f1f
    }
    
    body.dark .diagonal {
        background-color: #1f1f1f;
        background-image: url(../images/diagonal-dark.svg)
    }
    
    body.dark .about,
    body.dark footer {
        background-color: #1f1f1f;
        border-color: #292929
    }
    
    body.dark footer div[class*=col-]:after {
        background-color: #292929
    }
    
    body.dark footer .copyright {
        background-color: #000;
        border-color: #292929
    }
    
    body.dark .list-menu li a,
    body.dark .pretitle,
    body.dark .primary-title,
    body.dark .subtitle,
    body.dark .title,
    body.dark footer .copyright p a,
    body.dark footer form.contact-form input {
        color: #fff
    }
    
    body.dark .pretitle:after,
    body.dark .pretitle:before,
    body.dark .primary-title:after,
    body.dark .primary-title:before,
    body.dark .subtitle:after,
    body.dark .subtitle:before,
    body.dark .title:after,
    body.dark .title:before {
        border-color: #fff
    }
    
    body.dark .pretitle.invert,
    body.dark .primary-title.invert,
    body.dark .subtitle.invert,
    body.dark .title.invert {
        color: #000
    }
    
    body.dark .pretitle.invert:after,
    body.dark .pretitle.invert:before,
    body.dark .primary-title.invert:after,
    body.dark .primary-title.invert:before,
    body.dark .subtitle.invert:after,
    body.dark .subtitle.invert:before,
    body.dark .title.invert:after,
    body.dark .title.invert:before {
        border-color: #000
    }
    
    body.dark .intro div .post-primary-title,
    body.dark .intro div .pretitle,
    body.dark .intro div .primary-title,
    body.dark .intro div .subtitle,
    body.dark .intro div .title,
    body.dark .parallax-section div .post-primary-title,
    body.dark .parallax-section div .pretitle,
    body.dark .parallax-section div .primary-title,
    body.dark .parallax-section div .subtitle,
    body.dark .parallax-section div .title,
    body.dark div.banner div .post-primary-title,
    body.dark div.banner div .pretitle,
    body.dark div.banner div .primary-title,
    body.dark div.banner div .subtitle,
    body.dark div.banner div .title,
    body.dark section.banner div .post-primary-title,
    body.dark section.banner div .pretitle,
    body.dark section.banner div .primary-title,
    body.dark section.banner div .subtitle,
    body.dark section.banner div .title {
        color: #000
    }
    
    body.dark .intro div .post-primary-title:after,
    body.dark .intro div .post-primary-title:before,
    body.dark .intro div .pretitle:after,
    body.dark .intro div .pretitle:before,
    body.dark .intro div .primary-title:after,
    body.dark .intro div .primary-title:before,
    body.dark .intro div .subtitle:after,
    body.dark .intro div .subtitle:before,
    body.dark .intro div .title:after,
    body.dark .intro div .title:before,
    body.dark .parallax-section div .post-primary-title:after,
    body.dark .parallax-section div .post-primary-title:before,
    body.dark .parallax-section div .pretitle:after,
    body.dark .parallax-section div .pretitle:before,
    body.dark .parallax-section div .primary-title:after,
    body.dark .parallax-section div .primary-title:before,
    body.dark .parallax-section div .subtitle:after,
    body.dark .parallax-section div .subtitle:before,
    body.dark .parallax-section div .title:after,
    body.dark .parallax-section div .title:before,
    body.dark div.banner div .post-primary-title:after,
    body.dark div.banner div .post-primary-title:before,
    body.dark div.banner div .pretitle:after,
    body.dark div.banner div .pretitle:before,
    body.dark div.banner div .primary-title:after,
    body.dark div.banner div .primary-title:before,
    body.dark div.banner div .subtitle:after,
    body.dark div.banner div .subtitle:before,
    body.dark div.banner div .title:after,
    body.dark div.banner div .title:before,
    body.dark section.banner div .post-primary-title:after,
    body.dark section.banner div .post-primary-title:before,
    body.dark section.banner div .pretitle:after,
    body.dark section.banner div .pretitle:before,
    body.dark section.banner div .primary-title:after,
    body.dark section.banner div .primary-title:before,
    body.dark section.banner div .subtitle:after,
    body.dark section.banner div .subtitle:before,
    body.dark section.banner div .title:after,
    body.dark section.banner div .title:before {
        border-color: #000
    }
    
    body.dark .intro div .post-primary-title.invert,
    body.dark .intro div .pretitle.invert,
    body.dark .intro div .primary-title.invert,
    body.dark .intro div .subtitle.invert,
    body.dark .intro div .title.invert,
    body.dark .parallax-section div .post-primary-title.invert,
    body.dark .parallax-section div .pretitle.invert,
    body.dark .parallax-section div .primary-title.invert,
    body.dark .parallax-section div .subtitle.invert,
    body.dark .parallax-section div .title.invert,
    body.dark div.banner div .post-primary-title.invert,
    body.dark div.banner div .pretitle.invert,
    body.dark div.banner div .primary-title.invert,
    body.dark div.banner div .subtitle.invert,
    body.dark div.banner div .title.invert,
    body.dark section.banner div .post-primary-title.invert,
    body.dark section.banner div .pretitle.invert,
    body.dark section.banner div .primary-title.invert,
    body.dark section.banner div .subtitle.invert,
    body.dark section.banner div .title.invert {
        color: #fff
    }
    
    body.dark .intro div .post-primary-title.invert:after,
    body.dark .intro div .post-primary-title.invert:before,
    body.dark .intro div .pretitle.invert:after,
    body.dark .intro div .pretitle.invert:before,
    body.dark .intro div .primary-title.invert:after,
    body.dark .intro div .primary-title.invert:before,
    body.dark .intro div .subtitle.invert:after,
    body.dark .intro div .subtitle.invert:before,
    body.dark .intro div .title.invert:after,
    body.dark .intro div .title.invert:before,
    body.dark .parallax-section div .post-primary-title.invert:after,
    body.dark .parallax-section div .post-primary-title.invert:before,
    body.dark .parallax-section div .pretitle.invert:after,
    body.dark .parallax-section div .pretitle.invert:before,
    body.dark .parallax-section div .primary-title.invert:after,
    body.dark .parallax-section div .primary-title.invert:before,
    body.dark .parallax-section div .subtitle.invert:after,
    body.dark .parallax-section div .subtitle.invert:before,
    body.dark .parallax-section div .title.invert:after,
    body.dark .parallax-section div .title.invert:before,
    body.dark div.banner div .post-primary-title.invert:after,
    body.dark div.banner div .post-primary-title.invert:before,
    body.dark div.banner div .pretitle.invert:after,
    body.dark div.banner div .pretitle.invert:before,
    body.dark div.banner div .primary-title.invert:after,
    body.dark div.banner div .primary-title.invert:before,
    body.dark div.banner div .subtitle.invert:after,
    body.dark div.banner div .subtitle.invert:before,
    body.dark div.banner div .title.invert:after,
    body.dark div.banner div .title.invert:before,
    body.dark section.banner div .post-primary-title.invert:after,
    body.dark section.banner div .post-primary-title.invert:before,
    body.dark section.banner div .pretitle.invert:after,
    body.dark section.banner div .pretitle.invert:before,
    body.dark section.banner div .primary-title.invert:after,
    body.dark section.banner div .primary-title.invert:before,
    body.dark section.banner div .subtitle.invert:after,
    body.dark section.banner div .subtitle.invert:before,
    body.dark section.banner div .title.invert:after,
    body.dark section.banner div .title.invert:before {
        border-color: #fff
    }
    
    body.dark .features-clients.color-lighter {
        background-color: #292929
    }
    
    body.dark .banner.grid-module-work .rollover {
        background-color: rgba(0, 0, 0, .8);
        color: #fff
    }
    
    body.dark .banner.grid-module-work .rollover .btn-default {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        border-color: #fff;
        color: #fff;
        overflow: hidden;
        z-index: 1
    }
    
    body.dark .banner.grid-module-work .rollover .btn-default:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }
    
    body.dark .banner.grid-module-work .rollover .btn-default:active,
    body.dark .banner.grid-module-work .rollover .btn-default:focus,
    body.dark .banner.grid-module-work .rollover .btn-default:hover {
        color: #000;
        border-color: #fff;
        background-color: #fff;
        outline: 0
    }
    
    body.dark .banner.grid-module-work .rollover .btn-default:focus:after,
    body.dark .banner.grid-module-work .rollover .btn-default:hover:after {
        height: 260%;
        height: 500%;
        opacity: 1
    }
    
    body.dark .banner.grid-module-work .rollover .btn-default:active:after {
        height: 500%;
        opacity: 1
    }
    
    body.dark .banner.grid-module-work .rollover .btn-invert {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        border-color: #000;
        color: #000;
        overflow: hidden;
        z-index: 1
    }
    
    body.dark .banner.grid-module-work .rollover .btn-invert:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #000;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }
    
    body.dark .banner.grid-module-work .rollover .btn-invert:active,
    body.dark .banner.grid-module-work .rollover .btn-invert:focus,
    body.dark .banner.grid-module-work .rollover .btn-invert:hover {
        color: #fff;
        border-color: #000;
        background-color: #000;
        outline: 0
    }
    
    body.dark .banner.grid-module-work .rollover .btn-invert:focus:after,
    body.dark .banner.grid-module-work .rollover .btn-invert:hover:after {
        height: 260%;
        height: 500%;
        opacity: 1
    }
    
    body.dark .banner.grid-module-work .rollover .btn-invert:active:after {
        height: 500%;
        opacity: 1
    }
    
    body.dark .banner-tabs .title.invert {
        color: #fff
    }
    
    body.dark .banner-tabs {
        background-color: #1f1f1f
    }
    
    body.dark .separator {
        background-color: #fff
    }
    
    body.dark .subtitle.left-horizontal:before {
        background-color: rgba(255, 255, 255, .2)
    }
    
    body.dark .carrousel-partners,
    body.dark .carrousel-partners .main-carousel,
    body.dark .color-bg-alternative,
    body.dark .features.awards li.horizontal-border:after,
    body.dark .section.about-slider,
    body.dark .section.experties {
        background-color: #1f1f1f
    }
    
    body.dark .bg-cream {
        background-color: #292929
    }
    
    body.dark .section.experties {
        background-image: none
    }
    
    body.dark .section.experties div[class*=col-] .experient-list {
        border-color: rgba(255, 255, 255, .2)
    }
    
    body.dark .team-member .position-member {
        color: #3ab54a
    }
    
    body.dark .team-member .list-social li a {
        color: #666
    }
    
    body.dark .blog-post-content.overcard {
        background-color: #292929
    }
    
    body.dark .blog-post:hover .overcard,
    body.dark .slider-project {
        background-color: #1f1f1f
    }
    
    body.dark .blog-post .overcard a,
    body.dark .readfull {
        color: #D7B64C
    }
    
    body.dark .readfull:after {
        background-image: url(../images/right-arrow.png)
    }
    
    body.dark .sidebar-title:before {
        background-color: #fff
    }
    
    body.dark .search-form input[type=text],
    body.dark .sidebar-categories li a,
    body.dark .sidebar-recent-posts .blog-post-title {
        color: #fff
    }
    
    body.dark .content-post.post-without-sidebar .post-extra .button-blog {
        background-color: #292929
    }
    
    body.dark .sidebar-tags a {
        color: #fff;
        border-color: #292929
    }
    
    body.dark .sidebar-categories li a span {
        color: rgba(255, 255, 255, .5)
    }
    
    body.dark form .form-control {
        color: #fff;
        border-color: #fff
    }
    
    body.dark .btn-arrow {
        border-color: #fff;
        color: #fff
    }
    
    body.dark .btn-arrow:after {
        background: url(../images/right-arrow.png)
    }
    
    body.dark .btn-arrow.invert {
        border-color: #000;
        color: #000
    }
    
    body.dark .btn-arrow.invert:after {
        background: url(../images/arrow.png)
    }
    
    body.dark .counter.big,
    body.dark .grid.services .list-about li:not(:last-child),
    body.dark .pagination-projects {
        border-color: #292929
    }
    
    body.dark .infowork.menu-style {
        background-color: #292929
    }
    
    body.dark .infowork.menu-style li {
        border-color: #1f1f1f;
        color: #fff
    }
    
    body.dark .thumbnail {
        background-color: #000
    }
    
    body.dark .filters li {
        color: #fff
    }
    
    body.dark .filters li:first-child:before {
        border-color: #fff
    }
    
    body.dark .filters li:first-child:after {
        background-color: #fff
    }
    
    body.dark .follow a {
        border-color: #292929
    }
    
    body.dark .follow a i {
        color: #292929
    }
    
    body.dark .follow a .overicon,
    body.dark .follow:active a i,
    body.dark .follow:hover a i {
        color: #fff
    }
    
    body.dark .loadmore a {
        background-color: #292929;
        color: #fff
    }
    
    body.dark .contact-basic a,
    body.dark .contact-form a {
        color: #fff
    }
    
    body.dark .thumbnails.work2 .rollover,
    body.dark .thumbnails.work3 .rollover,
    body.dark .thumbnails.work5 .rollover {
        background-color: rgba(0, 0, 0, .6)
    }
    
    body.dark .thumbnails.work2 .rollover .btn-default,
    body.dark .thumbnails.work3 .rollover .btn-default,
    body.dark .thumbnails.work5 .rollover .btn-default {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        border-color: #fff;
        color: #fff;
        overflow: hidden;
        z-index: 1
    }
    
    body.dark .thumbnails.work2 .rollover .btn-default:after,
    body.dark .thumbnails.work3 .rollover .btn-default:after,
    body.dark .thumbnails.work5 .rollover .btn-default:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }
    
    body.dark .thumbnails.work2 .rollover .btn-default:active,
    body.dark .thumbnails.work2 .rollover .btn-default:focus,
    body.dark .thumbnails.work2 .rollover .btn-default:hover,
    body.dark .thumbnails.work3 .rollover .btn-default:active,
    body.dark .thumbnails.work3 .rollover .btn-default:focus,
    body.dark .thumbnails.work3 .rollover .btn-default:hover,
    body.dark .thumbnails.work5 .rollover .btn-default:active,
    body.dark .thumbnails.work5 .rollover .btn-default:focus,
    body.dark .thumbnails.work5 .rollover .btn-default:hover {
        color: #000;
        border-color: #fff;
        background-color: #fff;
        outline: 0
    }
    
    body.dark .thumbnails.work2 .rollover .btn-default:focus:after,
    body.dark .thumbnails.work2 .rollover .btn-default:hover:after,
    body.dark .thumbnails.work3 .rollover .btn-default:focus:after,
    body.dark .thumbnails.work3 .rollover .btn-default:hover:after,
    body.dark .thumbnails.work5 .rollover .btn-default:focus:after,
    body.dark .thumbnails.work5 .rollover .btn-default:hover:after {
        height: 260%;
        height: 500%;
        opacity: 1
    }
    
    body.dark .thumbnails.work2 .rollover .btn-default:active:after,
    body.dark .thumbnails.work3 .rollover .btn-default:active:after,
    body.dark .thumbnails.work5 .rollover .btn-default:active:after {
        height: 500%;
        opacity: 1
    }
    
    body.dark .thumbnails.work4 .rollover .btn-default {
        background: 0 0;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        border-color: #fff;
        color: #fff;
        overflow: hidden;
        z-index: 1
    }
    
    body.dark .thumbnails.work4 .rollover .btn-default:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }
    
    body.dark .thumbnails.work4 .rollover .btn-default:active,
    body.dark .thumbnails.work4 .rollover .btn-default:focus,
    body.dark .thumbnails.work4 .rollover .btn-default:hover {
        color: #000;
        border-color: #fff;
        background-color: #fff;
        outline: 0
    }
    
    body.dark .thumbnails.work4 .rollover .btn-default:focus:after,
    body.dark .thumbnails.work4 .rollover .btn-default:hover:after {
        height: 260%;
        height: 500%;
        opacity: 1
    }
    
    body.dark .thumbnails.work4 .rollover .btn-default:active:after {
        height: 500%;
        opacity: 1
    }
    
    body.dark .gallery-project .flickity-prev-next-button {
        background-image: url(../images/right-arrow.png);
        color: #292929
    }
    
    body.dark .content-post .intro-comments .leave-reply {
        color: #bf9441
    }
    
    body.dark .container-post-sidebar-right .quote,
    body.dark .content-post .intro-comments .share li a {
        color: #fff
    }
    
    body.dark .content-post.post-without-sidebar {
        background-color: #1f1f1f
    }
    
    body.dark .post-whidout-sidebar:before {
        background-color: #000
    }
    
    body.dark .paginationblog.includeimage.newpost,
    body.dark .paginationblog.includeimage.oldpost {
        background-color: #292929;
        border-color: #1f1f1f
    }
    
    body.dark .paginationblog.includeimage a {
        color: #fff
    }
    
    body.dark .paginationblog.includeimage.newpost .info:before,
    body.dark .paginationblog.includeimage.oldpost .info:before {
        background-image: url(../images/right-arrow.png)
    }
    
    body.dark .ico-expression.ico-movile {
        background-image: url(../images/demo/services1/ico-service4-invert.png)
    }
    
    body.dark .ico-expression.ico-movile-invert {
        background-image: url(../images/demo/services1/ico-service4.png)
    }
    
    body.dark .ico-expression.ico-mouse {
        background-image: url(../images/demo/services1/ico-service7-invert.png)
    }
    
    body.dark .ico-expression.ico-mouse-invert {
        background-image: url(../images/demo/services1/ico-service7.png)
    }
    
    body.dark .ico-expression.ico-paper {
        background-image: url(../images/demo/services1/ico-service8-invert.png)
    }
    
    body.dark .ico-expression.ico-paper-invert {
        background-image: url(../images/demo/services1/ico-service8.png)
    }
    
    body.dark .ico-comments {
        background-image: url(../images/comments-white.png)
    }
    
    body.dark .ico-share {
        background-image: url(../images/share-white.png)
    }
    
    body.dark .inverse .ico-expression.ico-movile {
        background-image: url(../images/demo/services1/ico-service4.png)
    }
    
    body.dark .inverse .ico-expression.ico-movile-invert {
        background-image: url(../images/demo/services1/ico-service4-invert.png)
    }
    
    body.dark .inverse .ico-expression.ico-mouse {
        background-image: url(../images/demo/services1/ico-service7.png)
    }
    
    body.dark .inverse .ico-expression.ico-mouse-invert {
        background-image: url(../images/demo/services1/ico-service7-invert.png)
    }
    
    body.dark .inverse .ico-expression.ico-paper {
        background-image: url(../images/demo/services1/ico-service8.png)
    }
    
    body.dark .inverse .ico-expression.ico-paper-invert {
        background-image: url(../images/demo/services1/ico-service8-invert.png)
    }
    
    body.dark .inverse .btn-arrow {
        border-color: #000;
        color: #000
    }
    
    body.dark .inverse .btn-arrow:after {
        background: url(../images/arrow.png)
    }
    
    body.dark .inverse .btn-arrow.invert {
        border-color: #fff;
        color: #fff
    }
    
    body.dark .inverse .btn-arrow.invert:after {
        background: url(../images/right-arrow.png)
    }
    
    .paginationblog{display:block}
    .layout-item .bottomcenter  .blog-post-date{ float: none;top:0;margin: 0 auto;margin-top: 17px; }
    .contact-frame{background: #ffffff;}
    
    /************************* NOV 08 2016 ***********************/
    
    .apply-jobs-column label
    {
        display: inline-block; margin-right: 20px;
    }
    
    .apply-jobs-column input[type=checkbox], .apply-jobs-column input[type=radio]
    {
        display: inline-block;
        width: 16px;
        height: 16px;
    }
    
    /************************* SEP 20 2016 ***********************
    
       .news-details .container
       {
          
       }
       .news-details .post-sidebar-left {
           padding: 65px 0 0;
       }
       .news-details .post-sidebar-left .post-sidebar-title {
           font-size: 18px;
           /*font-style: italic;*/
           margin: 3px 0 50px;
           letter-spacing: 3.5px;
       }
       .news-details .post-sidebar-left .post-sidebar-title:after {
           content: "";
           display: block;
           width: 40px;
           height: 2px;
           background-color: #000;
           margin: 14px 0 0;
       }
       .news-details .post-sidebar-left .post-sidebar-title-post {
           margin: 17px 3px;
           letter-spacing: 3.5px;
           line-height: 26px;
       }
       .news-details .blog-post-header {
           position: relative;
           overflow: hidden;
       }
       .news-details .post-sidebar-left .blog-post-header {
           margin: 23px 3px 40px;
       }
       .news-details .post-sidebar-left .blog-post-date {
           float: left;
           text-align: left;
           top: 0;
           margin: 7px 0 0 10px;
           font-style: normal;
           letter-spacing: 2px;
           line-height: 15px;
       }
       .news-details .content-post p {
           margin-bottom: 37px;
           line-height: 36px;
       }
       .news-details .content-post .content-image {
           position: relative;
       }
       .news-details .content-post img {
           margin-top: 13px;
       }
       .news-details .content-post .content-image .credits {
           margin: 0;
           font-size: 11px;
           /*font-style: italic;*/
           line-height: 20px;
           color: gray;
           letter-spacing: 2.2px;
       }
       .news-details .content-post .quote {
           width: 100%;
           font-size: 26px;
           color: #fff;
           background-color: #353333;
           text-align: center;
           /*font-style: italic;*/
           line-height: 41px;
           font-weight: 100;
           letter-spacing: -1px;
           padding: 10px 10px 0;
       }
       .news-details .content-post hr {
           margin-top: 82px;
           display: block;
           max-width: 100px;
           border-color: #000;
       }
       .news-details .content-post h1, .news-details .content-post h2, .news-details .content-post h3,
       .news-details .content-post h4, .news-details .content-post h5, .news-details .content-post h6 {
           font-weight: 800;
       }
       .news-details .content-post h2 {
           font-size: 26px;
           margin: 71px 0 42px;
           letter-spacing: 2.5px;
       }
   
       @media (min-width: 1700px)
       {
          .news-details .container {
              width: 1620px;
          }
       }
       @media (min-width: 1600px)
       {
           .news-details .post-sidebar-left {
               padding: 65px 0 0 95px;
           }
           .news-details .content-post.post-with-sidebar-left {
               padding: 65px 295px 0 90px;
           }
           .news-details .content-post .content-image .credits {
               width: 211px;
               right: -220px;
           }
       }
       @media (min-width: 768px)
       {
           .news-details .content-post .content-image .credits {
               width: 160px;
               right: -177px;
               position: absolute;
               bottom: 60px;
           }
           .news-details .content-post .quote {
               padding: 52px 14px 16px 33px;
               margin-right: -185px;
               margin-left: 10px;
               margin-top: 10px;
               float: right;
               width: 350px;
           }
       }*/